@font-face {
    font-family: "interstate-bold";
    font-style: normal;
    font-weight: normal;
    src: url("/views/citi-priority/fonts/interstate_bold.eot?#iefix") format("embedded-opentype"),
            url("/views/citi-priority/fonts/interstate_bold.woff") format("woff"),
            url("/views/citi-priority/fonts/interstate_bold.ttf") format("truetype"),
            url("/views/citi-priority/fonts/interstate_bold.svg#Citibank") format("svg");
}
@font-face {
    font-family: "interstate";
    font-style: normal;
    font-weight: normal;
    src: url("/views/citi-priority/fonts/interstaterom-webfont.eot?#iefix") format("embedded-opentype"),
            url("/views/citi-priority/fonts/interstaterom-webfont.woff") format("woff"),
            url("/views/citi-priority/fonts/interstaterom-webfont.ttf") format("truetype"),
            url("/views/citi-priority/fonts/interstaterom-webfont.svg#Citibank") format("svg");
}
@font-face {
    font-family: "interstate-light";
    font-style: normal;
    font-weight: normal;
    src: url("/views/citi-priority/fonts/interstaterom-webfont-light.eot?#iefix") format("embedded-opentype"),
            url("/views/citi-priority/fonts/interstaterom-webfont-light.woff") format("woff"),
            url("/views/citi-priority/fonts/interstaterom-webfont-light.sitx") format("truetype"),
            url("/views/citi-priority/fonts/interstate_extralight.svg#Citibank") format("svg");
}
@font-face {
    font-family: "interstate-extralight";
    font-style: normal;
    font-weight: normal;
    src: url("/views/citi-priority/fonts/interstate_extralight.eot?#iefix") format("embedded-opentype"),
            url("/views/citi-priority/fonts/interstate_extralight.woff") format("woff"),
            url("/views/citi-priority/fonts/interstate_extralight.sitx") format("truetype"),
            url("/views/citi-priority/fonts/interstate_extralight.svg#Citibank") format("svg");
}
@font-face {
    font-family: 'ddl-interstate-exlight';
    src: url('/views/citi-priority/ddlfonts/Interstate_exLight.eot');
    src: local('☺'), url('/views/citi-priority/ddlfonts/Interstate_exLight.eot?#iefix') format('embedded-opentype'),
            url('/views/citi-priority/ddlfonts/Interstate_exLight.woff') format('woff'),
            url('/views/citi-priority/ddlfonts/Interstate_exLight.ttf') format('truetype'),
            url('/views/citi-priority/ddlfonts/Interstate_exLight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ddl-interstate-light';
    src: url('/views/citi-priority/ddlfonts/Interstate-Light.eot');
    src: local('☺'), url('/views/citi-priority/ddlfonts/Interstate-Light.eot?#iefix') format('embedded-opentype'),
            url('/views/citi-priority/ddlfonts/Interstate-Light.woff') format('woff'),
            url('/views/citi-priority/ddlfonts/Interstate-Light.ttf') format('truetype'),
            url('/views/citi-priority/ddlfonts/Interstate-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ddl-interstate-regular';
    src: url('/views/citi-priority/ddlfonts/Interstate-Regular.eot');
    src: local('☺'), url('/views/citi-priority/ddlfonts/Interstate-Regular.eot?#iefix') format('embedded-opentype'),
            url('/views/citi-priority/ddlfonts/Interstate-Regular.woff') format('woff'),
            url('/views/citi-priority/ddlfonts/Interstate-Regular.ttf') format('truetype'),
            url('/views/citi-priority/ddlfonts/Interstate-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ddl-interstate-bold';
    src: url('/views/citi-priority/ddlfonts/Interstate-Bold.eot');
    src: local('☺'), url('/views/citi-priority/ddlfonts/Interstate-Bold.eot?#iefix') format('embedded-opentype'),
            url('/views/citi-priority/ddlfonts/Interstate-Bold.woff') format('woff'),
            url('/views/citi-priority/ddlfonts/Interstate-Bold.ttf') format('truetype'),
            url('/views/citi-priority/ddlfonts/Interstate-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "mheihk-bold";
    font-style: normal;
    font-weight: bold;
        src: url("/views/citigold/fonts/MHeiHK-Bold.eot") format("embedded-opentype"),
            url("/views/citigold/fonts/MHeiHK-Bold.woff") format("woff"),
            url("/views/citigold/fonts/MHeiHK-Bold.ttf") format("truetype"),
            url("/views/citigold/fonts/MHeiHK-Bold.svg") format("svg");
}
@font-face {
    font-family: "mheihk";
    font-style: normal;
    font-weight: normal;
        src: url("/views/citigold/fonts/MHeiHK-Medium.eot") format("embedded-opentype"),
            url("/views/citigold/fonts/MHeiHK-Medium.woff") format("woff"),
            url("/views/citigold/fonts/MHeiHK-Medium.ttf") format("truetype"),
            url("/views/citigold/fonts/MHeiHK-Medium.svg") format("svg");
}
@font-face {
    font-family: "mheihk-light";
    font-style: normal;
    font-weight: light;
        src: url("/views/citigold/fonts/MHeiHK-Light.eot") format("embedded-opentype"),
            url("/views/citigold/fonts/MHeiHK-Light.woff") format("woff"),
            url("/views/citigold/fonts/MHeiHK-Light.ttf") format("truetype"),
            url("/views/citigold/fonts/MHeiHK-Light.svg") format("svg");
} 
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    font-family: "interstate-light", arial,  'Microsoft JhengHei', sans-serif;font-size: 16px;line-height: 24px;color: #333333;margin: 0;background: #ffffff;letter-spacing: 0px;
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,img {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,a {display: block;margin: 0px;padding: 0px;}
a {text-decoration: none;color: #B4975A;outline: 0px;display: inline-block;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
img {line-height: 0px;max-width: 100%;}
ul {list-style: none;}
textarea {resize: none;-webkit-appearance: none;}
input[type=email] {-webkit-appearance: none;}
input {outline: 0px;}
input {outline: 0px;}
input[type=radio],input[type=checkbox] {opacity: 0;}
li {float: left;}
.citiblue {color: #B4975A !important;}
.gs-result .gs-title, .gs-result .gs-title *{color: #B4975A !important;}
.gsc-result .gs-title {height: 1.3em !important;}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {color: #B4975A !important;}
.display-caption{display:table-caption !important;}
.padding0{padding-bottom:0 !important;}
.padding10{padding-bottom:10px;}
.padding20{padding-bottom:20px;}
.padding30{padding-bottom:30px;}
.padding40{padding-bottom:40px;}
.marginBottom0{margin-bottom:0;}
.marginBottom40{margin-bottom:40px;}
.marginBottom60{margin-bottom:60px;}
.imgAlter .rgtTxt.rgtTxtTab{padding-left: 60px;}
#pageWrappper {visibility: hidden;}
.container {width: 1480px;padding-right: 20px;padding-left: 20px;margin-right: auto;margin-left: auto;}
.innerContainer {margin: 0px auto;float: none !important;}
.row {margin-right: -10px;margin-left: -10px;}
.col12,.col11,.col10,.col9,.col8,.col7,.col6,.col5,.col4,.col3,.col2,.col1,.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1,.col-md-12,.col-md-11,.col-md-10,.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1,.col2by5,.col-md-1by8,.col1by8 {
    position: relative;
    padding: 0 10px;
    float: left;
}
.rowcenter *[class^="col"],
.rowcenter *[class^="col-"] {
    float: none;
    display: inline-block;
}
.rowtable *[class^="col"],
.rowtable *[class^="col-"] {
    float: none;
    display: inline-table;
}
.rowleft *[class^="col"],
.rowleft *[class^="col-"] {
    float: left;
    display: inline;
}
.row:after,
.row:before,
.container {
    display: table;
    content: "";
}

.container-noTab {
    display: inline-block;
    content: "";
}
.row:after {
    clear: both;
}

/*add from citigold css */
.footer-fixed {background-color: rgba(255, 255, 255, 0.9);position:fixed; bottom: -1px;width: 100%;float: left; -webkit-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);z-index: 3;display:none;}
.footer-fixed.fixed {position: relative; background-color: rgba(255, 255, 255, 1);}
.fixed-links {padding: 20px 0;display: block;width: 100%;text-align: center;}
.fixed-links a, .fixed-links > span {display: inline-block;margin: 0 22px;font-size: 21px;/* color: #B4975A; */line-height: 21px;}
.fixed-links a span.link-text, .fixed-links > span span.link-text {padding-top: 8px;display: inline-block;} 
.fixed-links a span.call-text, .fixed-links span.call-text {color: #333333;padding-right:5px;}
.fixed-links .red.findOutBtn { width: 220px; }

.innerBanner {width: 59.2%;margin: 0 auto;max-width: 840px;display: inline-block;background: rgba(255, 255, 255, 0.9);padding: 0 40px;}
.HomeBanner .innerBanner{margin: 0 60px;width: 453px;padding: 0 13px;/*float: left;*/}
.innerBanner .pagetitle {padding: 27px 0 21px 0;white-space: normal;}
.logoCG {
    background: url(/views/images/logo.png) no-repeat 0 0;
    width: 60px;
    height: 37px;
    float: left;
    margin: -3px 0 0 0;
}
span.citiGold {
    float: left;
    border-left: 1px solid #f7f7f7;
    height: 30px;
    margin: 0 25px 0 20px;
}

.talktous .innerBanner{background:#fff;}

#footsticky {display:none;position: fixed;bottom: -1px;left: 0;z-index: 2;background-color: rgba(255, 255, 255, 0.9);width: 100%;padding: 20px; -webkit-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0,0.2);-ms-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
#footsticky.fixed {position: relative; background-color: rgba(255, 255, 255, 1);box-shadow:none;padding:0;display: inline-block !important;width: auto;}

#footsticky {font-size:14px;line-height:20px;display: block;}
#footsticky.fixed {display: inline-block !important;width: auto;}
#applySection #footsticky .callLine{margin:3px 0 0 0;}
#footsticky h3.subHeading{margin:0 10px 0 0;line-height:20px;float:left;}


#promo-tab {margin-top: 75px;background-color: #eeeeee; padding-bottom: 80px;}  
#promo-tab img {width: 100%;height: auto;}
#promo-tab .innerdraggableTab {padding: 0;}
#promo-tab .tab-two-column {margin-top: 0;}
#promo-tab .tab-two-column li {font-size: 16px;letter-spacing: 3px;position: relative;background-color: #dddddd;padding: 10px;}
#promo-tab .tab-two-column li a {display: table;width: 100%;height: 100%;}
#promo-tab .tab-two-column li a span {display: table-cell;vertical-align: middle;}
#promo-tab .tab-two-column li:after {border-right: 2px solid #bbb;position: absolute;right: 0;top: 20%;height: 60%;}
#promo-tab .tab-two-column li:last-chid:after {border: none;}
#promo-tab .tab-two-column li.tab-two-column-active {background-color: #ffffff;height: 90px;margin-top: 0;padding: 10px;border-bottom: none;}
#promo-tab .tab-two-column li.tab-two-column-active:after {border: none;}
#promo-tab .tab-two-column li.tab-two-column-active:before {width: 30px;height: 21px;content: " ";position: absolute;top: 99%;right: 0;left: calc(50% - 15px);z-index:3;background-image: url("/views/citigold/images/icons/tab_dropdown.png");}
.tab-content {float: left;width: 100%;background-color: #ffffff;padding: 40px 80px;margin-top: -6px;}
.tab-head {font-size: 42px;line-height: 50px;letter-spacing: 0px;padding-bottom: 5px;}
#promo-tab .cc-space-bottom {margin-bottom: 90px;}
.tab-inner {display: table}
.tab-text, .tab-table {display: table-cell;vertical-align: middle;float: none;}
.tab-table {padding-left: 40px; padding-right: 20px;}

.tab-table tr.grayBg {background-color: #eee;}
.tab-table td{padding:15px;border-bottom: 3px solid #fff;color: #666;}
.tab-table td.grayLine{border-bottom: 1px solid #eee;}
.tab-table td.goldTxt{color:#B4975A;}
.tab-table .blueTxt{color:#00589D;}

.tab-text {width: 42%;}
.tab-text p {padding-bottom: 25px;}
.tRow{display:table;width:100%;}
.tRow .tCell.tHead{font: 12px/16px "interstate-light", arial;padding: 10px 20px;color: #666;text-align:center;vertical-align: middle;}
.tRow .tCell{display:table-cell;padding:10px 20px;font: 26px/31px "interstate-light", arial;color: #333;}
.tRow .tCell.first{background: #eee;width:36%;border-top: 1px solid #fff;text-align: left;}
.tRow .tCell.second{background: #eee;width: 25%;border-top: 1px solid #fff;text-align:center;}
.tRow .tCell.last{background: #ddd;width: 39%;border-top: 1px solid #fff;padding-bottom: 10px !important;}
.tRow .tCell.rcSpan{text-align: center;border-top:0;}
.tRow .tCell.rcSpan span{position:relative;top:-30px;}
#promo-tab .tab-select { background-color: #ffffff;}

.showHideArea{padding: 0 0 7px;margin: 0 23%;}
.showHideHdr a{font-weight:bold;}
.show, .hide {display: inline-block;padding-left:25px;line-height:18px;}
.show {background: url("../images/pplus.png") no-repeat scroll 0 3px transparent;}
.hide {background: url("../images/minus.png") no-repeat scroll 0 3px transparent;}
.showHideHdr{padding:0 0 10px 0;}
.showHideArea.last .showHideHdr{padding:0;}
.showHideSubHdr{padding:0 0 15px 0;}
.showHideHdr a, .showHideSubHdr a, .showHideHdr span, .showHideSubHdr span{cursor:pointer;display:inline-block;color: #333;
font-weight: normal;}
.showHideCont {display:none;padding: 0 0 0 24px;}
.showHideArea.last .showHideCont{margin-top:10px;}
.showHideSubArea .showHideHdr a{font-weight:normal;}
.showHideSubCont {display:none;padding: 0 0 5px 24px;}
.tabContent{text-align: left;padding-bottom: 50px;}
.disclaimer{font-size:12px;color:#666;text-align: left;}
.visible-phone-footer {display: none;}

ul.bulLst {padding: 0 0 10px;}
ul.bulLst li { background: url(../images/bullet.jpg) no-repeat scroll 2px 6px transparent; padding: 0 0 5px 15px; list-style: none; line-height: 17px; width: 100%; float:none; }
.tCell img {width: 100%; max-width: 196px;}
.tRow .tCell.half { background: #eee; width: 45%; border-top: 1px solid #fff; text-align: center;}
.tRow .tCell.half2 { background: #eee; width: 10%; border-top: 1px solid #fff; text-align: center; vertical-align: middle;}
.tRow .tCell.half3 { background: #eee; width: 45%; border-top: 1px solid #fff; text-align: center; vertical-align: middle;}
.tRow .tCell.half3 .remark { font-size: 16px; margin-top: 0;}
#wealth-management { margin-top: 80px; }
.wealth-solution-tab {margin-top: 63px;}
.wealth-solution-tab .tabs {box-shadow: 0 1px 4px #bfbfbf;box-shadow: -1px 2px 2px #ededed, 1px 2px 2px #ededed;/* margin-bottom: 80px; */ padding-bottom: 80px;float: left;width: 100%;margin-top: 12px;}
.wealth-solution-tab .tabs {margin-top: -20px;}
.wealth-solution-tab .tab-two-column li {padding: 15px 0;display: table;}
.wealth-solution-tab .tab-two-column li a {display: table-cell;vertical-align: middle;font-size: 21px;line-height: 27px;}
.wealth-solution-tab .tab-two-column li.tab-two-column-active {padding: 25px 0 19px;}   

.banner-title-block img {width: 100%;height: auto;vertical-align:bottom;}
.banner-title-block .title-content {position: absolute;left: 40px;top: -40px;width:555px;height: auto;padding: 40px;background-color: #b4975a;color: #ffffff; font-size: 42px;line-height: 50px;}
.plans-block {float: left;width: calc(100% - 80px);margin: 0 40px;padding-top: 34px;}
.plans-block-content {text-align: center;padding: 0 0 40px 0;}
.plans-block-content h3 {font-family: interstate; margin-bottom: 15px;font-size:24px;}

.banner-title-block { position: relative; margin: 40px 0 42px; float: left; width: 100%;}
/*add from citigold css */
@media(min-width: 768px) {
    .col-md-12 {width: 100%;}
    .col-md-11 {width: 91.0909%;}
    .col-md-10 {width: 83.33333333%;}
    .col-md-9 {width: 75%;}
    .col-md-8 {width: 66.66666667%;}
    .col-md-7 {width: 58.33333333%;}
    .col-md-6 {width: 50%;}
    .col-md-5 {width: 41.66666667%;}
    .col-md-4 {width: 33.33333333%;}
    .col-md-3 {width: 22%;}
    .col-md-2 {width: 16.66666667%;}
    .col-md-1 {width: 8.33333333%;}
    .col2by5 {width: 19.5%;}
    .col-md-1by8{width:13%;}
    .visibleDesktop, .visibleTablet {display: block;}
    .visibleMobile,.visibleXSM {display: none !important;}
    .hiddenMobile{display: block;}
    .visibleSM {display: none !important;}
    .visible320 {display: none !important;}
    .col-md-pull-12 {right: 100%;}
    .col-md-pull-11 {right: 91.66666667%;}
    .col-md-pull-10 {right: 83.33333333%;}
    .col-md-pull-9 {right: 75%;}
    .col-md-pull-8 {right: 66.66666667%;}
    .col-md-pull-7 {right: 58.33333333%;}
    .col-md-pull-6 {right: 50%;}
    .col-md-pull-5 {right: 41.66666667%;}
    .col-md-pull-4 {right: 33.33333333%;}
    .col-md-pull-3 {right: 25%;}
    .col-md-pull-2 {right: 16.66666667%;}
    .col-md-pull-1 {right: 8.33333333%;}
    .col-md-pull-0 {right: auto;}
    .col-md-push-12 {left: 100%;}
    .col-md-push-11 {left: 91.66666667%;}
    .col-md-push-10 {left: 83.33333333%;}
    .col-md-push-9 {left: 75%;}
    .col-md-push-8 {left: 66.66666667%;}
    .col-md-push-7 {left: 58.33333333%;}
    .col-md-push-6 {left: 50%;}
    .col-md-push-5 {left: 41.66666667%;}
    .col-md-push-4 {left: 33.33333333%;}
    .col-md-push-3 {left: 25%;}
    .col-md-push-2 {left: 16.66666667%;}
    .col-md-push-1 {left: 8.33333333%;}
    .col-md-push-0 {left: auto;}
    .col-md-offset-12 {margin-left: 100%;}
    .col-md-offset-11 {margin-left: 91.66666667%;}
    .col-md-offset-10 {margin-left: 83.33333333%;}
    .col-md-offset-9 {margin-left: 75%;}
    .col-md-offset-8 {margin-left: 66.66666667%;}
    .col-md-offset-7 {margin-left: 58.33333333%;}
    .col-md-offset-6 {margin-left: 50%;}
    .col-md-offset-5 {margin-left: 41.66666667%;}
    .col-md-offset-4 {margin-left: 33.33333333%;}
    .col-md-offset-3 {margin-left: 25%;}
    .col-md-offset-2 {margin-left: 16.66666667%;}
    .col-md-offset-1 {margin-left: 8.33333333%;}
    .col-md-offset-0 {margin-left: 0;}
    
    h1.mainHeading {font-size: 40px;line-height: 48px;letter-spacing: 0px;}
    h2.mainHeading {font-size: 40px;line-height: 48px;letter-spacing: 0px;}
    h3.subHeading {font-size: 24px;line-height: 30px;letter-spacing: 0px;}
    h4.pagetitle {font-size: 14px;letter-spacing: 2px;line-height: 14px;color: #333333;}
    h5.sub-title {font-size: 12px;line-height: 16px;letter-spacing: 1px;}
    h1.pagetitle {font-size: 55px;line-height: 55px;letter-spacing: 0px;}
    .bannerGoldTxt .pagetitle {font-size: 30px;line-height: 36px;}
    .homePageSection .callLine {margin: 20px 15px 14px;}
    
    
}


@media(min-width: 992px) {
    .col12 {width: 100%;}
    .col11 {width: 91.0909%;}
    .col10 {width: 83.33333333%;}
    .col9 {width: 75%;}
    .col8 {width: 66.66666667%;}
    .col7 {width: 58.33333333%;}
    .col6 {width: 50%;}
    .col5 {width: 41.66666667%;}
    .col4 {width: 33.33333333%;}
    .col4by3 {width: 30%;}
    .col3 {width: 25%;}
    .col2 {width: 22%;}
    .col1 {width: 8.33333333%;}
    .col1by8{width:13%;}
    .col2by5 {width:19.5%;}
    .visibleDesktop, .visibleTablet, .mobileTabHidden {display: block;}
    .visibleMobile,.visibleXSM {display: none !important;}
    .visibleSM {display: none !important;}
    .visible320 {display: none !important;}
    .col-pull-12 {right: 100%;}
    .col-pull-11 {right: 91.66666667%;}
    .col-pull-10 {right: 83.33333333%;}
    .col-pull-9 {right: 75%;}
    .col-pull-8 {right: 66.66666667%;}
    .col-pull-7 {right: 58.33333333%;}
    .col-pull-6 {right: 50%;}
    .col-pull-5 {right: 41.66666667%;}
    .col-pull-4 {right: 33.33333333%;}
    .col-pull-3 {right: 25%;}
    .col-pull-2 {right: 16.66666667%;}
    .col-pull-1 {right: 8.33333333%;}
    .col-pull-0 {right: auto;}
    .col-push-12 {left: 100%;}
    .col-push-11 {left: 91.66666667%;}
    .col-push-10 {left: 83.33333333%;}
    .col-push-9 {left: 75%;}
    .col-push-8 {left: 66.66666667%;}
    .col-push-7 {left: 58.33333333%;}
    .col-push-6 {left: 50%;}
    .col-push-5 {left: 41.66666667%;}
    .col-push-4 {left: 33.33333333%;}
    .col-push-3 {left: 25%;}
    .col-push-2 {left: 16.66666667%;}
    .col-push-1 {left: 8.33333333%;}
    .col-push-0 {left: auto;}
    .leftNavBarSection {display: block;}

    
    h1.mainHeading {font-size: 42px;line-height: 50px;letter-spacing: 0px;}
    h2.mainHeading {font-size: 42px;line-height: 50px;letter-spacing: 0px;}
    h3.subHeading {font-size: 26px;line-height: 32px;letter-spacing: 0px;}
    h4.pagetitle {font-size: 16px;letter-spacing: 2px;line-height: 16px;color: #333333;margin-bottom: 8px;}
    h5.sub-title {font-size: 12px;line-height: 16px;letter-spacing: 1px;}
    h1.pagetitle {font-size: 68px;line-height: 76px;letter-spacing: 0px;}
    .bannerGoldTxt .pagetitle {font-size: 42px;line-height: 48px;}
    .homePageSection .callLine {margin: 20px 50px 14px;}
}

@media(max-width: 767px) {
    .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col2by5 {position: relative;padding: 0 10px;float: left;}
    .col-sm-12 {width: 100%;}
    .col-sm-11 {width: 91.0909%;}
    .col-sm-10 {width: 83.33333333%;}
    .col-sm-9 {width: 75%;}
    .col-sm-8 {width: 66.66666667%;}
    .col-sm-7 {width: 58.33333333%;}
    .col-sm-6 {width: 50%;}
    .col-sm-5 {width: 41.66666667%;}
    .col-sm-4 {width: 33.33333333%;}
    .col-sm-3 {width: 25%;}
    .col-sm-2 {width: 16.66666667%;}
    .col-sm-1 {width: 8.33333333%;}
    .col-sm-by3 {width: 33.33333333% !important;}
    .col-sm-by3.col-offset-sm-1 {margin-left: 16.66666667%;}
    .chatlist {padding-bottom: 20px;}
    .visibleDesktop, .visibleTablet, .mobileTabHidden,.visibleXSM,.hiddenMobile {display: none !important;}
    .visibleSM {display: none !important;}
    .visible320 {display: none !important;}
    .visibleMobile {display: inline-block !important;}
    .col-sm-pull-12 {right: 100%;}
    .col-sm-pull-11 {right: 91.66666667%;}
    .col-sm-pull-10 {right: 83.33333333%;}
    .col-sm-pull-9 {right: 75%;}
    .col-sm-pull-8 {right: 66.66666667%;}
    .col-sm-pull-7 {right: 58.33333333%;}
    .col-sm-pull-6 {right: 50%;}
    .col-sm-pull-5 {right: 41.66666667%;}
    .col-sm-pull-4 {right: 33.33333333%;}
    .col-sm-pull-3 {right: 25%;}
    .col-sm-pull-2 {right: 16.66666667%;}
    .col-sm-pull-1 {right: 8.33333333%;}
    .col-sm-pull-0 {right: auto;}
    .col-sm-push-12 {left: 100%;}
    .col-sm-push-11 {left: 91.66666667%;}
    .col-sm-push-10 {left: 83.33333333%;}
    .col-sm-push-9 {left: 75%;}
    .col-sm-push-8 {left: 66.66666667%;}
    .col-sm-push-7 {left: 58.33333333%;}
    .col-sm-push-6 {left: 50%;}
    .col-sm-push-5 {left: 41.66666667%;}
    .col-sm-push-4 {left: 33.33333333%;}
    .col-sm-push-3 {left: 25%;}
    .col-sm-push-2 {left: 16.66666667%;}
    .col-sm-push-1 {left: 8.33333333%;}
    .col-sm-push-0 {left: auto;}
    .col-sm-offset-12 {margin-left: 100%;}
    .col-sm-offset-11 {margin-left: 91.66666667%;}
    .col-sm-offset-10 {margin-left: 83.33333333%;}
    .col-sm-offset-9 {margin-left: 75%;}
    .col-sm-offset-8 {margin-left: 66.66666667%;}
    .col-sm-offset-7 {margin-left: 58.33333333%;}
    .col-sm-offset-6 {margin-left: 50%;}
    .col-sm-offset-5 {margin-left: 41.66666667%;}
    .col-sm-offset-4 {margin-left: 33.33333333%;}
    .col-sm-offset-3 {margin-left: 25%;}
    .col-sm-offset-2 {margin-left: 16.66666667%;}
    .col-sm-offset-1 {margin-left: 8.33333333%;}
    .col-sm-offset-0 {margin-left: 0;}
    
    h1.mainHeading {font-size: 38px;line-height: 46px;letter-spacing: 0px;}
    h2.mainHeading {font-size: 38px;line-height: 46px;letter-spacing: 0px;}
    h3.subHeading {font-size: 22px;line-height: 28px;letter-spacing: 0px;}
    h4.pagetitle {font-size: 14px;letter-spacing: 2px;line-height: 16px;color: #333333;margin-bottom: 8px;}
    h5.sub-title {font-size: 10px;line-height: 14px;letter-spacing: 1px;}
    h1.pagetitle {font-size: 60px;line-height: 70px;letter-spacing: 0px;}
    
    .tab-content {padding: 25px 0; box-shadow: 0 1px 4px #bfbfbf;}
    #promo-tab {margin-bottom: 80px;margin-top: 40px;}
    #promo-tab h1.mainHeading {padding-bottom: 0;}
    .tab-inner {display: block;width: 100%;}
    .tab-head {font-size: 26px; line-height: 32px;}
    .tab-text, .tab-table {display: inline-block;}
    .tab-text {width: 100%;padding: 0 20px 25px;}
    .tab-table {padding-left: 0;}
    .offer-table .tableRow {border-bottom: 10px solid #ffffff;}
    .tRow{display:inline-block;margin-bottom:10px;padding: 10px 20px;background: #eee;}
    .tRow .tCell {display: inline-block;width:100% !important;padding:10px 0 !important;background:#eee !important;}
    .tRow .tCell.rcSpan{text-align: left;border-top:1px solid #fff;}
    .tRow .tCell.rcSpan span{position:relative;top:0;}
    .tRow .tCell.second{text-align: left;}
    .tRow .tCell.half2 { background: #eee; width: 10%; border-top: none; text-align: center; vertical-align: middle;}
    .tRow .tHead{padding:10px 0 !important;width: 100%;background: #eee;}
    .tRow .tHead {
    padding: 15px 0 !important;
    font-size: 20px;
    text-align: center;
    width: 100%;
    background: #eee;
}
    .tab-select {margin-bottom: 40px;font-size: 15px;}
    .non-mobile-app a:first-child, .non-mobile-app a {margin: 0 18px 7px 0;}
}


.fontBold {font-family: "interstate-bold" !important;}
.dropdown-menu .mCSB_scrollTools .mCSB_draggerRail{background-color: rgba(0,0,0,0.2) !important;}
.dropdown-menu  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: rgba(128,128,128,1.5) !important;}
#pageLoader {width: 100%;height: 100%;background: url("/views/citi-priority/images/img-loader.gif") no-repeat scroll center center;position:absolute;}
.draggable-container {overflow: hidden;position: absolute;}
.draggable {width: 1000px;}
.pull-right {float: right !important;}
.pull-left {float: left !important;}
.pull-leftnone {float: none !important;}
.hide {display: none !important;}
.vertical-top{vertical-align: top;}
.show {display: block;}
.invisible {visibility: hidden;}
.visible {visibility: visible;}
.hidden {display: none;}
.affix {position: fixed;}
.afstatic {position: static;}
.afabsolute {position: absolute;}
.dispInlineBlk {display: inline-block;}
.visibleDesktopOnly {display: inline-block;}
.afoverFlow {overflow: hidden;}
.clearfix {clear: both;}
.nopadding {padding: 0px;}
.nobottomBorder {border-bottom: 0px !important;}
.nomargin {margin: 0px;}
.nopaddingRight {padding-right: 0px;}
.nopaddingLeft {padding-left: 0px;}
.nomarginRight {margin-right: 0px;}
.nomarginLeft {margin-left: 0px !important;}
.padding {padding: 0 20px;}
.paddingRight {padding-right: 20px;}
.paddingLeft {padding-left: 20px;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.text-nowrap {white-space: nowrap;}
.text-lowercase {text-transform: lowercase;}
.text-uppercase {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}
.border-right {border-right: 1px solid #A3A3A3;}
.top{vertical-align:initial !important;}
sup, sub { font-size: 12px;line-height: 14px; }
.visible-desktop {display: inline-block;}
.hidden-desktop {display: none;}
.visibleTabPhone {display: none;}
a.fontIntBold {font-family: "interstate-bold";}
.goals-white-block a.fontIntBold {font-family: "interstate";}


/* Top Navigation Bar */
.topMenu {background: #333333;height: 26px;}
.topMenu li >a {position: relative;color: #ffffff;font-size: 12px;letter-spacing: 0px;line-height: 12px;margin: 7px 20px 0 0;display: inline-block;font-family: "interstate-light", arial,  'Microsoft JhengHei', sans-serif;}

/*.topMenu ul.lang-switch li {position: relative;color: #ffffff;font-size: 12px;line-height: 12px;margin: 7px 0px 0 0px;display: inline-block;font-family: "interstate-light";}
.topMenu ul.lang-switch li:nth-child(2) {padding: 0 10px;}
.topMenu ul.lang-switch li >a {position: relative;color: #ffffff;font-size: 12px;line-height: 12px;margin: 0 0 0 0;font-family: "interstate-light";}*/
.topMenu ul.countryname li a{font-family: "interstate-light";}
.topMenu ul.countryname li{position: relative;color: #ffffff;font-size: 12px;letter-spacing: 0px;line-height: 12px;margin: 0 0 0 0;display: inline-block;font-family: "interstate-light";}
.topMenu ul.lang-switch li >a {margin: 0 10px 0 0;}
.topMenu ul.lang-switch li{position: relative;color: #ffffff;font-size: 12px;letter-spacing: 0px;line-height: 12px;margin: 7px 3px 0 3px;display: inline-block;font-family: "interstate-light";}

/* Header */
.banner {background: #AD9154;background: -webkit-linear-gradient(#B4975A, #A0864A, #78622A);background: -o-linear-gradient(#B4975A, #A0864A, #78622A);background: -moz-linear-gradient(#B4975A, #A0864A, #78622A);background: linear-gradient(#B4975A, #A0864A, #78622A);color: #ffffff;height: 70px;}
.logoWrapper {padding: 20px 0 0;float: left;}
.logoWrapper a.visibleDesktop { display: inline-block; }
.logoWrapper a.visibleMobile { width: 200px; margin-top: 5px; }
.searchHeader {padding: 27px 0 0px 0;}
.searchHeader a {color: #ffffff;line-height: 16px;}
.sticky {background: #fff;position: fixed !important;top: 70px;width: 100%;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);-webkit-transform: translateZ(0);transform: translateZ(0);}
.stickBanner {position: fixed !important;top: 0px;width: 100%;-webkit-transform: translateZ(0);transform: translateZ(0);z-index:1;}
.menuBar nav {z-index: 999;position: relative;display: inline-block;height: 59px;}
.menuBar {-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);width: 100%;display: table;position: relative;z-index: 99;height: 59px;}
.footerTc> li:first-child {margin-left: 0px;padding-left: 0px;}
.logInbtn a {text-align: right;font-family: "interstate-bold";}
.menubar-ul > li:after, .logInbtn:after {content: "";position: absolute;width: 0px;height: 5px;left: 0px;right: 0px;bottom: 0px;background: #B4975A;-webkit-transition: all 220ms ease-out;-moz-transition: all 220ms ease-out;-o-transition: all 220ms ease-out;transition: all 220ms ease-out;}
.menubar-ul > li:hover:after, .menubar-ul > li.menuBar-active:after, #signIn:hover:after, #signIn.menuBar-active:after, .activeMenu:after, .menubar-ul > li.activeMenu:after {width: calc(100% - 32px);width: -webkit-calc(100% - 32px);width: -moz-calc(100% - 32px);}
.activeMenu:after, .menubar-ul > li.activeMenu:after {width: calc(100% - 32px) !important;}
.menubar-ul > li {position: relative;display: block;padding: 18px 32px 17px 0;}
.logInbtn {position: relative;display: block;padding: 18px 0px 17px 0px;margin: 0px !important;cursor: pointer}
.menubar-ul > li:first-child{margin: 0px 0 0 0;}
.menubar-ul > li {margin: 0px 0;cursor: pointer;}
.menubar-ul > li >a, .logInbtn >a {font-size: 16px;letter-spacing: 0px;line-height: 16px;color: #333333;}
.menuBar .mCSB_inside > .mCSB_container {margin-right: 9px !important;}
.dropdown-menu {float: none;z-index: 1;position: absolute;border-bottom: 0px;width: 20%;top: 0px;}
.dropdown-menu:after {transform: translateY(0%);display: block;transition-delay: 0s, 0s, 0.3s;}
.dropdown-menu a {border: 1px solid rgba(0, 0, 0, 0.1);text-align: left;padding: 15px 20px 20px 40px;width: 100%;background: #fff;color: #333333;display: block;border-top: 0px;font-size: 16px;line-height: 16px;}
.dropdown-menu li:first-child a {border-top: 1px solid rgba(0, 0, 0, 0.1);}
.dropdown-menu li:last-child a {border-radius: 0px 0px 6px 6px;}
.dropdown-menu li:last-child {float: right !important;right: 0px;}
.menuBar-active>a, .activeMenu>a {color: #B4975A !important;}
.activeSubmenu {color: #B4975A !important;}

@media(max-width: 1100px) {
.menubar-ul > li >a, .logInbtn >a { font-size: 14px; letter-spacing: 0px; line-height: 16px; color: #333333;}
.menubar-ul > li {position: relative; display: block; padding: 18px 13px 18px 0;}
}
/* Search Bar */
.searchBar {-webkit-box-shadow: 0 5px 5px -4px #cccccc;-moz-box-shadow: 0 5px 5px -4px #cccccc;box-shadow: 0 5px 5px -4px #cccccc;margin-bottom: 0px;margin-top: 50px;}
.innerwrap {margin-bottom: 70px;display: inline-block;}
.searchIcon {border: 0px;background: url("/views/citi-priority/images/mob_search_icon.png") no-repeat scroll 10px 0px;display: inline-block;float: left;width: 40px;height: 20px;position: absolute;}
.searchBar .close {font-family: "interstate";display: inline-block;float: right;width: 100%;margin-bottom: 20px;position: relative;}
.searchBar .close a {color: #000000;position: absolute;right: 0px;top: 15px;}
table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
input.searchBtn {background: none;border: none;cursor: pointer;float: right;font-size: 10px;margin: 1px 0 0;outline: none;padding: 0;width: 0px;}
.gsc-search-box input.gsc-input {border: 0px;border-bottom: 1px solid #cccccc !important;font-family: "interstate-light";font-size: 16px !important;padding-bottom: 20px !important;height: auto !important;margin-left: 10px !important;padding-left: 30px !important;border-radius: 0px;}
.gsc-search-box input, #gssSearchBox .gsc-input-box, #gssSearchBox .gsc-input-box-hover, #gssSearchBox .gsc-input-box-focus {border: 0px !important;box-shadow: none !important;height: auto !important;}
#gssSearchBox table.gsc-search-box {width: 100% !important;}
.searchResult .mainHeading {/* background: #ccc; */font-size: 42px;padding: 88px 10px 0px 10px;}
.gsc-table-cell-thumbnail {width: 7% !important;}
.gsc-tabsArea > div {overflow: initial !important;}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {padding-left: 0px !important;padding-right: 0px !important;}
.gsc-tabsArea > .gsc-tabHeader {height: 29px !important;}
.gsc-tabHeader.gsc-tabhInactive {height: 27px !important;}
.searchBar .close a {background: url("/views/citi-priority/images/icons/close_navigation.png") no-repeat scroll 0px 0px;width: 17px;height: 17px;}
.searchBar form.gsc-search-box {margin-left: 0 !important;}
.cse .gsc-control-cse, .gsc-control-cse{padding:0 !important;}
.searchBar {background: #fff;-webkit-box-shadow: 0 5px 5px -4px #cccccc;-moz-box-shadow: 0 5px 5px -4px #cccccc;box-shadow: 0 5px 5px -4px #cccccc;margin-bottom: 0px;margin-top: 0;padding-top: 30px;}
.innerwrap {margin-bottom: 70px;display: inline-block;}
.searchIcon {border: 0px;background: url("/views/citi-priority/images/mob_search_icon.png") no-repeat scroll 10px 0px;display: inline-block;float: left;width: 40px;height: 20px;position: absolute;margin-top:2px;}
.searchBar .close {font-family: "interstate";display: inline-block;float: right;width: 100%;margin-bottom: 11px;position: relative;}
.searchBar .close a {color: #000000;position: absolute;right: 0px;top: 15px;}
table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
input.searchBtn {background: none;border: none;cursor: pointer;float: right;font-size: 10px;margin: 1px 0 0;outline: none;padding: 0;width: 0px;}
.gsc-search-box input.gsc-input {border: 0px;border-bottom: 1px solid #cccccc !important;font-family: "interstate-light";font-size: 16px !important;padding-bottom: 20px !important;height: auto !important;margin-left: 10px !important;padding-left: 30px !important;padding-right: 30px !important;border-radius: 0px;}
.gsc-search-box input, #gssSearchBox .gsc-input-box, #gssSearchBox .gsc-input-box-hover, #gssSearchBox .gsc-input-box-focus {border: 0px !important;box-shadow: none !important;height: auto !important;}

#gssSearchBox table.gsc-search-box {width: 100% !important;}
.searchResult .mainHeading {/* background: #ccc; */font-size: 42px;padding: 88px 10px 0px 10px;}
.gsc-table-cell-thumbnail {width: 7% !important;}
.gsc-table-cell-snippet-close, .gsc-table-cell-snippet-open{width: 80% !important;}
.gsc-tabsArea > div {overflow: initial !important;}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {padding-left: 0px !important;padding-right: 0px !important;}
.gsc-tabsArea > .gsc-tabHeader {height: 29px !important;}
.gsc-tabHeader.gsc-tabhInactive {height: 27px !important;}
.searchBar .close a {background: url("/views/citi-priority/images/icons/close_navigation.png") no-repeat scroll 0px 0px;width: 17px;height: 17px;}
.searchBar form.gsc-search-box {margin-left: 0 !important;}

/*.gsc-search-button.gsc-search-button-v2{background-color: #fff;padding: 0;}
input.gsc-search-button.gsc-search-button-v2, input.gsc-search-button.gsc-search-button-v2:hover, input.gsc-search-button.gsc-search-button-v2:focus{background-color: #fff;padding: 0;}*/

/* Header */
.pageBanner {position: relative;width: 100%;margin: 0 auto;}
.pageBanner img {float: left;width: 100%;}
.bannerImg {position: relative;}
.bannerTxt {position: absolute;top: 0px;width: 100%;/*height: 500px;*/}
.HomeBanner{}

/* Footer */
.footer-logo {padding: 20px 0 34px;display: inline-block;}
.footer-heading {font-family: "interstate-bold";padding-bottom: 14px;}
.footer-heading a {padding-bottom: 14px;font-family: "interstate";line-height: 18px;color: #ffffff;}
.socialIcon ul>li {padding-left: 40px;padding-top: 22px;}
.footerInfo {margin-bottom: 11px;font-size: 16px;line-height: 22px;letter-spacing: 0px;display: inline-block;width: 100%;}
.pagefooter {background: #333333;color: #fff;width: 100%;float: left;}
.footer-divider {border-top: 1px solid #ffffff;opacity: 0.5;}
.footerlist-ul > li > a {color: #fff;margin-bottom: 12px;float: left;}
.footerlist-ul > li {width: 100%;float: left;display: inline-block;}
.footerTc a {font-size: 12px;letter-spacing: -0.4px;line-height: 16px;color: #fff;}
.footerTc li {margin: 0px 20px 0px 0px;}
.footer-seperator {border-bottom: 1px solid #ffffff;opacity: 0.5;}
.copyright > p {font-size: 12px;line-height: 18px;}
.copyright {padding-top: 18px;}
.copyright {padding-bottom: 41px}
.footerTc {padding-top: 13px;}

/* Back to Top */
#back-top {display: block;width: 130px;margin: 0 auto 10px;}
#back-top span {background: url("/views/citi-priority/images/icons/back_to_top_arrow.png") no-repeat 10px 23px;color: #333;cursor: pointer;display: block;font-size: 16px;margin-bottom: 0;padding: 14px 10px 14px 32px;transition: all 1s ease 0s;z-index: 9999;line-height: 25px;}

/* Page Title */
.pageBanner .mainHeading {padding-bottom: 23px;}
.pageBanner .pagetitle {padding: 57px 0 28px 0;}
.innerBanner {width: 59.2%;margin: 0 auto;max-width: 840px;display: inline-block;padding: 0 40px;}
.HomeBanner.HBCSection .innerBanner{display:table;margin: 0 auto;width: 926px;padding: 0;max-width: none;}
.hBannerLeft{display:table-cell;padding:20px;width:591px;vertical-align:middle;background: rgba(255, 255, 255, 0.9);box-sizing:border-box;}
.hBannerRight{display:table-cell;padding:20px;width:335px;vertical-align:middle;background: rgba(180, 151, 90, 0.9);color:#fff;box-sizing:border-box;}
.hBannerRight p{line-height: 24px;font-size: 16px;}
.hBannerRight .btnStyle{background: rgba(255, 255, 255, 1);color:#B4975A;}
.hBannerRight .btnStyle:hover{background: rgba(255, 255, 255, 1);color:#B4975A;}
.innerBanner .pagetitle {padding: 27px 0 21px 0;}
.bannerTxt {-webkit-box-align: center;-ms-flex-align:center;-ms-grid-row-align:center;align-items: center;}

/* Banner img */
.bannerImg div {width: 100%;position: relative;display: inline-block;}
.rgtImg div {width: 100%;}
.rgtImgVideo div {height: 343px;width: 100%;}
.eventsGray div {height: 394px;width: 100%;}
.teamImg {width: 100%;display: inline-block;}

.transformVertical1 {position: absolute;top: 50%;transform: translateY(-50%);}
.shade{box-shadow: 0px 0px 10px #ccc;}
.center-row {display:table;}
.center {display:table-cell;vertical-align:middle;float:none;}
.xl-center-row {display:table !important;}
.xl-center {display:inline-table !important;vertical-align:middle;float:none !important;}
.errTxt {margin: 100px 0;}
.errTxt>p, .errTxt>h1 {padding-bottom: 20px}
.errTxt>p {font-size: 16px;line-height: 25px;font-family: interstate-light;}
#indexVideoImg1 {background-repeat: no-repeat;background-position: center top;background-size: cover;background-image: url('/views/citi-priority/images/home/insights-video-thumb.jpg');cursor: pointer;}

/* Insights */
#insightsVideoImg1 {background-repeat: no-repeat;background-position: center top;background-size: cover;background-image: url('/views/citi-priority/images/insights/insights-cat1.jpg');cursor: pointer;}
.threeColumnThumbWrap div {width: 100%;display: inline-block;margin-bottom: 10px;}
#insightsThumbImg2 {background-repeat: no-repeat;background-position: center top;background-size: cover;background-image: url('/views/citi-priority/images/insights/seminar-highlights_FPO.jpg');}
#insightsVideoImg2 {background-repeat: no-repeat;background-position: center top;background-size: cover;background-image: url('/views/citi-priority/images/insights/insights-horizon-video-thumb.jpg');cursor: pointer;}
#insightsVideoImg3 {background-repeat: no-repeat;background-position: center top;background-size: cover;background-image: url('/views/citi-priority/images/insights/insights-opportunities-volatile-video-thumb.jpg');cursor: pointer;}

/* Insights - Expand your horizon */
.videoSection div {width: 100%;height: 480px;display: inline-block;}
.horizon .videoClick {width: 100%;height: 256px;display: inline-block;}
#expandHorizonVideoImg1 {background-repeat: no-repeat;background-position: center top;background-size: cover;background-image: url('/views/citi-priority/images/insights/expand-horizon-video-img1.jpg');cursor: pointer;}
#expandHorizonVideoImg2 {background-repeat: no-repeat;background-position: center top;background-size: cover;background-image: url('/views/citi-priority/images/insights/expand-horizon-video-img2.jpg');cursor: pointer;}
#expandHorizonVideoImg3 {background-repeat: no-repeat;background-position: center top;background-size: cover;background-image: url('/views/citi-priority/images/insights/expand-horizon-video-img3.jpg');cursor: pointer;}
.promotionsThumbWrap div {width: 100%;display: inline-block;}
.setBtmSpace {margin-bottom: 50px;}

/* Privy */
.privyMainImgWrap div {width: 100%;height: 550px;display: inline-block;}

/* Team */
.citigoldThumbWrap div {width: 100%;height: 343px;display: inline-block;}
#citigoldThumbImg1 {background-repeat: no-repeat;background-position: center top;background-size: cover;background-image: url('/views/citi-priority/images/privileges-landing/privileges-cat4.jpg');}
#citigoldThumbImg2 {background-repeat: no-repeat;background-position: center top;background-size: cover;background-image: url('/views/citi-priority/images/privileges-landing/privileges-cat4.jpg');}
#citigoldThumbImg3 {background-repeat: no-repeat;background-position: center top;background-size: cover;background-image: url('/views/citi-priority/images/privileges-landing/privileges-cat3.jpg');}
#citigoldThumbImg4 {background-repeat: no-repeat;background-position: center top;background-size: cover;background-image: url('/views/citi-priority/images/privileges-landing/privileges-cat4.jpg');}
#citigoldThumbImg5 {background-repeat: no-repeat;background-position: center top;background-size: cover;background-image: url('/views/citi-priority/images/privileges-landing/privileges-cat3.jpg');}

/* Form section */
.form-section .input-box.textAreaBox {height: 50px;font-family: "interstate-light", arial,  'Microsoft JhengHei', sans-serif;max-height: none;}
#applynow-form .form-section .input-box.textAreaBox {height: 50px;}
.inputField .note{margin-bottom:8px;}
.inputBox-lable, .labelTxt {position: absolute;top: -17px;font-size: 12px;line-height: 12px;display: none;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;}
.vis-inputBox-lable {position: absolute;top: -17px;font-size: 12px;line-height: 12px;}
.menuLable {display: inline-block;padding-left: 12px;}
.pagetitle-subTxt {padding-bottom: 35px;line-height: 24px;font-size: 16px;}
.contactUs {padding-bottom: 106px;padding-top: 106px;}
.contactUs-label {color: #000000;font-family: "interstate";}
.form-section .input-box {width: 100%;}
.seperator {border-bottom: 1px solid #333333;opacity: 0.5;}
#enquiry {margin: 40px 0 50px 0;}
#enquiry .mainHeading {padding-bottom: 47px;}
.formBox .input-box {width: 100%;}
.form-section .inputField {margin-bottom: 20px;}
.input-box {background: #F6F6F6;outline: 0px;border-radius: 6px;padding: 15px 20px 15px 18px;font-size: 16px;letter-spacing: 0px;color: #333333;border: 1px solid #F6F6F6;width: 100%;-webkit-appearance: none;line-height: 18px;max-height: 50px;height: 50px;font-family: "interstate-light", arial,  'Microsoft JhengHei', sans-serif;}
.input-box:focus {border-color: #B4975A;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;}
.btnStyle {color: #ffffff;background: #B4975A;outline: 0px;border: 0px;border-radius: 6px;font-family: "interstate-bold";padding: 17px 12px;text-align: center;font-size: 16px;line-height: 16px;}
.btnStyle.red {color: #ffffff;background: #f30000;outline: 0px;border: 0px;border-radius: 6px;font-family: "interstate-bold";padding: 17px 12px;text-align: center;font-size: 16px;line-height: 16px;}
.form-section .btnStyle{padding: 19px 12px 15px 12px;}
.btnStyle:hover {background: #3C3F47;}
.btnStyle:focus {background: #3C3F47;}
.btnStyle.red:hover {background: #3C3F47;}
.btnStyle.red:focus {background: #3C3F47;}
.hBannerRight .btnStyle {margin:30px 0 0 0;padding: 10px 20px 8px 20px;text-align: center;font-size: 14px;line-height: 14px;}
.submit-box {width:335px;}
.search-box {width: 220px;}
.findOutBtn {width: 223px;height: 50px;line-height: 50px; padding: 0 12px; }
.red.findOutBtn {width: 223px;height: 50px;line-height: 50px; padding: 0 12px;}
.chatDiv {margin-left: 52px;margin-top: 6px;}
.form-section .disclimer {margin-bottom: 20px;}
select{color: #333;outline: 0px;border-radius: 6px;font-size: 16px;letter-spacing: 0px;border: 1px solid #F6F6F6;width: 100%;font-family: "interstate-light", arial,  'Microsoft JhengHei', sans-serif;}
select{padding: 10px 35px 15px 18px;height:50px;background: #F6F6F6 url('/views/citigold/images/icons/carat_gold.png') calc(100% - 18px) center no-repeat;-moz-appearance: none; -o-appearance: none; -ms-appearance: none; -webkit-appearance: none;}
select:focus{border:1px solid #B4975A !important; }
select::-ms-expand {display: none;}
select.mandy_notfilled + a.selectBox {border: 1px solid #D60000 !important;}
.inputField input::-webkit-input-placeholder {color:#333;opacity: 1;}
.inputField input::-moz-placeholder {color:#333;opacity: 1;}
.inputField input:-ms-input-placeholder {color:#333;opacity: 1;}
.inputField input:-o-input-placeholder {color:#333;opacity: 1;}
.form-section textarea::-webkit-input-placeholder {color:#333;opacity: 1;} 
.form-section textarea::-moz-input-placeholder {color:#333;opacity: 1;} 
.form-section textarea::-ms-input-placeholder {color:#333;opacity: 1;} 
.form-section textarea::-o-input-placeholder {color:#333;opacity: 1;} 

/* Radio btn */
.radio-btn {font-size: 16px;background: url("/views/citi-priority/images/icons/radio_button_unchecked.png") no-repeat 0 2px;height: 22px;}
.radioSection {padding-top: 10px;display: inline-block;}
.radio-active {background: url("/views/citi-priority/images/icons/radio_button_checked.png") no-repeat 0 2px;}
.radioBtnerror {background: url("/views/citi-priority/images/icons/oval_red.png") no-repeat 0 2px;}

.callIcon {padding-right: 12px;}
.callLine {margin-top: 35px;margin-bottom: 40px; font-size: 21px;line-height: 28px;}
.callLine .verticalFix {padding-top: 9px;}
.form-toplable {padding-bottom: 40px;}
.map-heading {padding-bottom: 18px;}
.chat-line{color: #000;}
.chat-line a{color: #B4975A;}
.form-section {padding: 80px 0 110px 0;}
#contactus-form .form-section {padding: 40px 0 110px;}
.contactUs-icon {padding-bottom: 8px;line-height: 0;}
.radio-label {padding-left: 10px;cursor: pointer;}
.lightbox-content p.disclimer,.disclimer {font-size: 10px;font-family: "interstate-light", arial,  'Microsoft JhengHei', sans-serif;line-height: 14px;} /* 25012017 */
.chatsection .disclimer span {padding-bottom: 36px;display: inline-block}
.errorCode, .errorCode2 {color: #D60000;font-size: 12px;letter-spacing: 0px;line-height: 14px;width: 100%;float: left;height: auto;min-height: 20px;text-align: left;padding-top: 7px;}
.mandy_notfilled {border: 1px solid #D60000 !important;background: #F6F6F6;color: #D60000;}
select.mandy_notfilled{background: #F6F6F6 url(/views/citigold/images/icons/carat_gold.png) calc(100% - 12px) center no-repeat;}

#pageErr {margin-bottom: 24px;}
::-webkit-input-placeholder {color: #333333;}
:-moz-placeholder {color: #333333;}
::-moz-placeholder {color: #333333;}
:-ms-input-placeholder {color: #333333;}
.citigoldThumbContainer {display: inline-block;margin-top: 40px;width: 100%;margin-bottom: 94px;}
.citigoldThumbContainer.grMar0{margin-top: 0;}
.imagePara2 img{width:100%;}
.mar0{margin: 0 !important;}
.tabPanel.welcome-offer .tabs p{margin-bottom:18px;}

/* Wealth solution */
.rightPannel .pagetitle {margin-bottom: 8px;}
.accordiant-header * {transition: all ease 0.25s;}
.accordiant-header div a {background: url('/views/citigold/images/icons/plus.png') no-repeat scroll 10px 7px transparent;padding: 0 0px 0 40px;color: #333333;margin-top: 13px;margin-bottom: 13px;width:100%;}
/* .accordiant-content {float: left;background: #EEEEEE;border-bottom: 1px solid #EEEEEE;display: none;} */
.accordiant-content {float: left;background: #EEEEEE;border-bottom: 1px solid #EEEEEE;display: none; width:100%;}
.accordiant-header.active-state div a {font-family: "interstate-bold";color: #B5995C;background: url('/views/citigold/images/icons/minus.png') no-repeat scroll 10px 7px transparent;border-bottom: 0px;display: inline-block;width: 100%;}
.accordiant-header {border-bottom: 1px solid #DDDDDD;display: table;width: 100%;cursor: pointer;}
.accordiant-header.active-state {border-bottom: 0px solid #DDDDDD;background-color: #EEEEEE;display: table !important;}
.grayBG {background: #EEEEEE;}
.accordiant-content .citiGold {font-family: "interstate";margin-bottom: 8px;}
.tickList {display: inline-block;font-size: 12px;line-height: 18px;margin-left: 40px;}
.tickList ul li {background: url('/views/citigold/images/icons/check.png') no-repeat scroll 0px 4px transparent;padding: 0px 0px 16px 33px;padding-bottom: 26px;}
.accordiant-header .upArrow li a {border: 0px !important;padding: 14px 0px 14px 38px;}
.accordiant-header .upArrow li a.activeDisclaimer {padding: 14px 0px 14px 38px;}
.accordiant-header .upArrow li a.activeDisclaimer {color: #B5995C;}
.upArrow li a {padding: 14px 0px 14px 31px;font-size: 10px;line-height: 14px;border-top: 1px solid #999999;color: #999999;width: 100%;}
.upArrow li a.activeDisclaimer {padding: 14px 0px 14px 31px;border-top: 1px solid #999999;color: #999999 !important;width: 100%;}
.new_disclaimers, .termsCondtion ol.numLst li, .termsCondtion {font-size: 14px;line-height: 16px;color: #999999 !important;width: 100%;padding: 0 5px 9px 5px;}
.disclaimerTxt {font-size: 12px;line-height: 16px;padding-top: 10px;padding-bottom: 10px;}
.termsCondtion ol.numLst li {margin-left: 15px;}
.termsCondtion ol {display: inline-block;width: 100%;}
.new_disclaimers ol.numLst li {margin-left: 14px;padding: 0 14px 9px 10px;}
.new_disclaimers {display: none;padding: 0px 0px 14px 31px;}
.new_disclaimers > p {padding-bottom: 10px;}
.upArrow li {width: 100%;}
.accordiant {border-top: 1px solid #EEEEEE;display: inline-block;width: 100%;}
.acc_subTxt>p {padding-bottom: 7px;}
.leftNav-ul li {border-bottom: 1px solid #eeeeee;width: 100%;}
.leftNav-ul li:last-child {border-bottom: 0px;}
.leftNav-ul li > a {padding: 18px 26px;display: block;color: #333333;box-sizing: content-box;position: relative;}
input[type=radio] {opacity: 0;}
.tickList ul li:last-child {padding-bottom: 35px;}
.leftNavBarSection, .rightPannel {margin: 99px 0 0px;}
.rightPannelInfo {background: #ffffff;padding-bottom: 90px;}
.stickyFixed .rightPannelInfo {padding-top: 10px;}
.rightPannelInfo .accordiant-content .pagetitle {padding: 0px 0 2px 29px;color: #666666;}
.rightPannelInfo .mainHeading {padding-bottom: 29px;}
.leftNav-ul .leftNav-active {background: #EEEEEE;cursor: default;}
.leftNav-ul .leftNav-active a {} 
.leftNav-active .arrow {background: url('/views/citi-priority/images/icons/carat_grey_right.png') no-repeat;width: 14px;height: 29px;right: -14px;top: 15px;position: absolute;}
.leftNav-ul {width: 95%;}
.leftBarFixed {position: fixed;top: 0px;margin-top: 10px;}
.leftBarFixed .leftNav-ul {width: 270px;}
.acc_subTxt {padding-left: 40px;padding-bottom: 9px;}
div.acc_subTxt {padding-bottom: 33px;}
.disclaimerHeading {font-weight: bold;}
.tickList .visibleDesktopOnly {display: inline;}
.accordiant-content .acc_subTxt a.learnMore {font-family: "interstate-bold";margin-top: 8px;color: #B4975A;font-size: 16px;}
.rightPannelStyle2 .leftBarFixed .leftNav-ul {width: 322px;}
.threeColThumbDiv {margin-bottom: 20px;}

.homePage .WcomeSec{position:relative;background:#eee;padding: 0 0 70px 0;}
.homePage .WcomeSec:after, .homePage .WcomeSec:before{top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.homePage .WcomeSec:after{border-color: rgba(238, 238, 238, 0);border-top-color: #eee;border-width: 30px;margin-left: -30px;}
.homePage .WcomeSec:before{border-width: 36px;margin-left: -36px;}
.hpage .pageBanner{background:#eee;}
.hpage #middleSection{background:#fff;}

#middleSection .citigoldThumbContainer{margin-top:0;}
.tac-content {float: left;width: 100%;padding-left: 32px;}
.tac-content ul {float: left;width: 100%; margin: 9px 0 13px;}
.tac-content ul li {background: url('/views/citigold/images/icons/bullet_small.png') no-repeat 10px 7px;padding-left: 33px;width: 100%;line-height: 18px;}

/* Thank you */
.thank-section {margin: 75px 0;}
.thank-footer {float: left;width: 100%;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;padding: 42px 0;margin-bottom: 20px;text-align: center;}
.thank-footer h4 {font-size: 20px;}
.thank-you {font-size: 26px; line-height: 32px;}

/* Welcome offer */
.bg-gray {background-color: #eeeeee;}

/* Privileges landing START */
.imgAlter {margin-top: 100px;}
.wOffer .imgAlter{margin-bottom:100px;}
.imgAlter.lastChild {margin-bottom: 94px;}
.imgAlter .rgtTxt {padding-left: 90px;}
.imgAlter .lftTxt {padding-right: 80px;}
.imgAlter .lftImg, .imgAlter .rgtImg {line-height: 0;}

/* Privileges events START */
.two-column {display: inline-block;margin-top: 100px;}
.two-column img {width: 100%;}
.gray-container {padding: 40px 40px 44px;}
.gray-containerBg {background: #fff;}
.gray-container h2 {font-size: 42px;letter-spacing: 0;line-height: 50px;padding-bottom: 23px;width: 100%;color: #333;}
.gray-container h3 {color: #333;font-family: "interstate";font-size: 16px;letter-spacing: 0;line-height: 24px;padding-bottom: 6px;width: 100%;}
.gray-container p {color: #333;font-size: 16px;letter-spacing: 0;line-height: 24px;padding-bottom: 23px;width: 100%;}
.three-column-heading {margin-top: 76px;}
.three-column-heading h1.mainHeading {padding: 0 0 38px;}

.three-column {margin-bottom: 52px;display: inline-block;}
.three-column img {padding-bottom: 10px;width: 100%;vertical-align: bottom;}
.three-column h3 {color: #333;font-family: "interstate";font-size: 16px;letter-spacing: 0;line-height: 24px;margin-bottom: 6px;}
.three-column p {color: #333;font-size: 16px;letter-spacing: 0;line-height: 24px;padding-bottom: 8px;}
.eventImg {background: url("/views/citi-priority/images/privileges-events/privileges-event1.jpg") no-repeat;background-size: cover;}

/* Privileges lifestyle START */
.headSection {margin-top: 85px;}
.headSection h1 {font-size: 42px;letter-spacing: 0;line-height: 50px;padding-bottom: 26px;}
.headSection h4 {font-size: 16px;line-height: 24px;padding-bottom: 38px;}
.clickMore, .findMore {font-size: 16px;letter-spacing: 0;line-height: 24px;margin-bottom: 40px;font-family: "interstate-bold";cursor:pointer;}

.tabs .findMore{font-family: "interstate";margin-top: -7px;display: block;}
.clickMore, .findMore {margin-bottom: 0;}
/* article > .findMore {margin-bottom: 40px;} */
.column-detail {display: inline-block;width: 100%;}
ol.numLst li {font-size: 16px;letter-spacing: 0;line-height: 24px;margin-left: 22px;padding: 0 0 9px 8px;width: 100%;}
ol.numLst.wealth li {font-size: 12px;letter-spacing: 0;line-height: 16px;margin-left: 11px;padding: 0 5px 9px 5px;width: 97%; clear:both;}
.tab-two-column {margin-top: 50px;}
.tab-two-column li {background-color: #eee;cursor: pointer;font-size: 26px;height: 90px;line-height: 32px;padding: 29px 0;text-align: center;width: 50%;}
.tab-two-column li.tab-two-column-active {background-color: #fff;border-bottom: 6px solid #B4975A;box-shadow: 0 1px 4px #ccc;height: 110px;margin-top: -10px;padding: 39px 0;cursor: default;width: 50%;}
.footer-remarks-six {
    list-style-type: disc; line-height: 18px; padding-top: 15px;}
.tab-two-column li.tab-two-column-active a {color: #333;cursor: default;}
.lightbox-inner {float: none !important;}
.lightbox-content h1 {color: #333;font-size: 42px;letter-spacing: 0;line-height: 50px;}
.lightbox-content h5 {color: #333;font-size: 16px;letter-spacing: 0;line-height: 24px;}
.lightbox-content p {color: #333;font-size: 16px;letter-spacing: 0;line-height: 24px;padding-bottom: 8px;}
.blackline-container {border-bottom: 1px solid #666;border-top: 1px solid #666;margin: 20px 0 4px;padding: 10px 0 9px;display: inline-block;width: 100%;}
.blackline-container .overlayBulList {display: inline-block;}
.blackline-container .overlayBulList li {background: url('/views/citi-priority/images/icons/bullet_small.png') no-repeat 0px 9px;font-size: 16px;letter-spacing: 0;line-height: 24px;margin-left: 2px;padding: 0 0 7px 26px;width: 100%;}
.click-disclaimer li {width: 100%;}
.click-disclaimer li a {color: #333;font-size: 10px;line-height: 16px;padding: 14px 0 14px 25px;width: 100%;position: relative;}
.click-disclaimer li a.activeDisclaimer {color: #333;font-size: 10px;line-height: 16px;padding: 14px 0 14px 25px;width: 100%;}
.disclaimer-content {display: none;width: 100%;padding: 0px 0px 14px 25px;}
.disclaimer-content ol.numLst {display: inline-block;margin-bottom: 5px;}
.disclaimer-content ol.numLst li {font-size: 10px;letter-spacing: 0;line-height: 16px;margin-left: 14px;padding: 0 5px 5px 5px;width: 100%;}
.disclaimer-content > p {color: #333;font-size: 10px;line-height: 16px;padding: 0 0 14px;width: 100%;}
.disclaimer-content > p.last {padding: 0;}
.lightBoxTxt {float: none !important;margin: 0px auto;}
.disclaimer-content ol.numLst ul.numInSolidList {display: inline-block;margin-left: 30px;}
.disclaimer-content ol.numLst ul.numInSolidList li {background: url('/views/citi-priority/images/icons/bullet_small.png') no-repeat 0px 6px;font-size: 10px;letter-spacing: 0;line-height: 16px;margin-left: 0px;padding: 0 0 6px 20px;width: 100%;}
.last {padding-bottom: 0 !important;}
.disclaimer-content ol.numLst ul.numInSolidList ul.solidBulletList {display: inline-block;margin-left: 20px;}
.disclaimer-content ol.numLst ul.numInSolidList ul.solidBulletList li {background: url('/views/citi-priority/images/icons/square-bullet.jpg') no-repeat 2px 8px;font-size: 10px;letter-spacing: 0;line-height: 16px;padding: 0 0 6px 25px;width: 100%;}

/* Email us */
.emailUs {border-top: 1px solid #666666;border-bottom: 1px solid #666666;padding-bottom: 19px;margin-bottom: 100px;}
.emailUs .subHeading {padding-top: 33px;padding-bottom: 13px;letter-spacing: 0px;display: inline-block;}
.emailUs .shortForm {margin-left: 20px;}
.thankyouTxt {margin-bottom: 20px;}
.thankyouTxt .subHeading {padding-bottom: 25px;}
.rightPannelPara {padding-bottom: 36px;}
.rightPannelInfo img {padding-bottom: 25px;width: 100%;}
.greenTick {background: url("/views/citi-priority/images/icons/check_green.png") no-repeat 0px 7px;padding-left: 34px;margin-bottom: 34px;display: inline-block;}

/* Global advantage */
.rightPannelStyle2 .rightPannelInfo .mainHeading {padding-bottom: 23px;}
.rightPannelStyle2 .upArrow li a {border-top: 1px solid #DDDDDD;padding: 14px 0px 14px 33px;font-size: 10px;line-height: 16px;width: 100%;color: #999999;}
.rightPannelStyle2 .upArrow li a.activeDisclaimer {padding: 14px 0px 14px 33px;font-size: 10px;line-height: 16px;width: 100%;color: #333333;}
.openMenu {background: url('/views/citi-priority/images/icons/menu.png') no-repeat scroll 0px 10px transparent;width: 14px;height: 23px;position: absolute;top: 10px;left: 20px;}
.rightPannelStyle2 ol.numLst li {font-size: 12px;letter-spacing: 0;line-height: 16px;margin-left: 11px;padding: 0 5px 9px 5px;width: 97%;clear: both;}
.rightPannelStyle2 ol.numLst .disc li {margin-left: 30px;}
.rightPannelStyle2 .new_disclaimers {color: #333333;}
.rightPannelStyle2 .rightPannelInfo {padding-bottom: 78px;}
.rightPannel .firstChild {margin-top: 3px;display: inline-block;}
.divider {border-bottom: 1px solid #DDDDDD;width: 100%;display: inline-block;}
.disc {list-style: disc;}
.disc li {width: 100%;font-size: 12px;letter-spacing: 0;line-height: 16px;margin-left: 13px;padding: 0 0 9px 3px;color: #999;}

/* Advisory landing */
.advisory-landing .rightPannelInfo {padding-bottom: 67px;}
.advisory-landing #rightPannel1 {padding-bottom: 57px;}
.advisory-landing .rightPannelInfo img.firstImage {padding-bottom: 0;}
.advisory-landing .rightPannelInfo h2.mainHeading {padding-bottom: 22px;}
.advisory-landing .rightPannelInfo p.rightPannelPara {padding-bottom: 34px;}
.advisory-landing .divider {margin-bottom: 27px;}
.advisory-landing .rightPannelInfo img {padding-bottom: 37px;}

/* Privileges privy */
.ipadImg {margin-top: -130px;position: absolute;}
.divider2 {border-bottom: 1px solid #666666;width: 100%;display: inline-block;}
.gray-container-privy {padding: 0 40px 44px;}
.cols-privy {margin-top: 17px;}

/* Insights */
.insight-headings {margin-top: 100px;}
.insight-headings h4.subTitle {color: #333333;font-size: 16px;letter-spacing: 2px;line-height: 16px;padding-bottom: 10px;}
.insight-headings h1.mainHeading {padding: 0 0 10px;}
.four-column {display: inline-block;}
.grayline-box {margin-bottom: 40px;}
.grayline-box-heading {background-color: #B4975A;width: 100%;}
.grayline-box-heading h4 {color: #fff;font-size: 16px;letter-spacing: 0;line-height: 24px;padding: 14px 20px;text-align: center;}
.grayline-box-detail {border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;display: inline-block;padding: 32px 20px 10px;width: 100%;}
.grayline-box-detail h3 {color: #333;font-size: 24px;letter-spacing: 0;line-height: 26px;padding-bottom: 22px;}
ul.tickLst li {background: transparent url("/views/citi-priority/images/icons/check_green.png") no-repeat scroll 0 7px;font-size: 16px;letter-spacing: 0;line-height: 24px;padding: 0 0 28px 26px;width: 100%;}
.grayline-box-link {border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;height: 52px;padding: 14px 20px;text-align: center;width: 100%;font-size: 16px;line-height: 24px;}
.videoThumb {background: url("/views/citi-priority/images/insights/video.jpg") no-repeat;background-size: cover;}
.firstVideoContainer .gray-container {padding: 90px 100px 0px 40px;}
.videoContainer .gray-container {padding: 40px 80px 0 80px;display: inline-table;}
/*.videoContainer article > img{width:100%;}*/
.seminar-headings {margin-top: 54px;}

/* Insights - Market outlook */
.leftPannelContent {background: #ffffff none repeat scroll 0 0;margin: -40px 0 0;padding: 40px 0px 100px 40px;}
.leftPannelContent h4.pagetitle {font-size: 16px;letter-spacing: 2px;line-height: 24px;padding-bottom: 16px;}
.leftPannelContent h2.mainHeading {font-size: 42px;letter-spacing: 0;line-height: 50px;padding-bottom: 40px;}
.leftPannelContent p {font-size: 16px;line-height: 24px;padding-bottom: 25px;}
.socialGraylineBar {border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;display: inline-block;margin-bottom: 30px;padding: 13px 0;width: 100%;}
.socialGraylineBar .authorName {float: left;font-size: 14px;letter-spacing: 2px;line-height: 22px;padding: 0;}
.leftPannelContent h3.blackHeading {font-family: "interstate-light";font-size: 26px;line-height: 32px;margin-bottom: 36px;color: #333333;}
.leftPannelContent h3.goldHeading {font-family: "interstate-light";font-size: 26px;line-height: 32px;margin-bottom: 30px;color: #B5995C;}
.leftPannelContent ul.socialGoldIcon {float: right;}
.leftPannelContent ul.socialGoldIcon > li {padding-left: 20px;padding-top: 0px;}
.leftPannelContent .accordiant-header a {background: none;padding: 0px 0 0px 54px;color: #333333;margin-top: 29px;margin-bottom: 29px;position: relative;}
.leftPannelContent .accordiant-content {float: left;background: #ffffff;border-bottom: 1px solid #DDDDDD;display: none;width: 100%;}
.leftPannelContent .accordiant-header.active-state a {font-family: "interstate-light";color: #333333;background: none;border-bottom: 0px;background-color: #ffffff;display: inline-block;width: 100%;}
.leftPannelContent .accordiant-header {border-bottom: 1px solid #DDDDDD;display: table;width: 100%;cursor: pointer;}
.leftPannelContent .accordiant-header.active-state {border-bottom: 0px solid #DDDDDD;background-color: #ffffff;display: table !important;}
.leftPannelContent .accordiant {border-top: 1px solid #DDDDDD;display: inline-block;width: 100%;}
.accordiant-inner-content {display: inline-block;padding-bottom: 15px;padding-left: 64px;}
.leftPannelContent .bulletList {display: inline-block;}
.leftPannelContent .bulletList li {background: url('/views/citi-priority/images/icons/bullet_small.png') no-repeat 0px 9px;font-size: 16px;letter-spacing: 0;line-height: 24px;margin-left: 2px;padding: 0 0 20px 26px;width: 100%;}
.goldBox {border: 1px solid #b39756;margin-bottom: 40px;margin-left: 32px;padding: 32px;}
.goldBox h3.authorDesc {color: #6c6c6c;font-size: 26px;line-height: 40px;padding-bottom: 10px;}
.goldBox p.authorName {color: #595959;font-size: 16px;line-height: 32px;padding-bottom: 0px;}
.rightPannelContent {margin: 132px 0 0;}
.rightPannelContent h4.pagetitle {color: #333333;font-size: 16px;letter-spacing: 2px;line-height: 24px;}
.rightThumpContainer .column-detail {min-height: 0px;}
.rightThumpContainer.firstChild {border: medium none;padding-top: 24px;}
.rightThumpContainer {border-top: 1px solid #ddd;padding-top: 40px;}
.rightThumpContainer p {color: #333333;font-size: 16px;letter-spacing: 0px;line-height: 24px;padding-bottom: 8px;}
.rightThumpContainer .findMore {font-size: 16px;letter-spacing: 0;line-height: 24px;margin-bottom: 38px;text-align: left;}
.rightThumpContainer img {padding: 0 0 28px;width:100%;}
.downloadNow a {margin-bottom: 0;margin-top: 20px;text-align: left;}
.thumpContainerVideo  div {display: inline-block;height: 160px;margin-bottom: 25px;width: 100%;}
#thumpOutlookVideoImg {background-image: url('/views/citi-priority/images/insights/market-outlook-video1.jpg');background-repeat: no-repeat;background-position: center top;background-size: cover;cursor: pointer;}
#thumpInvestVideoImg {background-image: url('/views/citi-priority/images/insights/market-outlook-video2.jpg');background-repeat: no-repeat;background-position: center top;background-size: cover;cursor: pointer;}
.plus-minus-accordian {float: left;width: 100%;margin-bottom: 0px;}
.plus-minus-header {padding: 10px 10px 10px 31px;cursor: pointer;position:relative;font: 400 16px/16px "interstate";color: #B4975A;}
.plus-minus-header:before {content: ""; background-image: url('/views/citi-priority/images/icons/boxplus.png');position: absolute; left:1px; top:10px; width:14px; height:14px; background-repeat:no-repeat;}
.plus-minus-header.activeplus-minus:before {background-image: url('/views/citi-priority/images/icons/boxminus.png');}
.plus-minus-content {display: none;padding: 0px 10px 0px 32px;}
ul.squareBulletList {display: inline-block; padding:0px;}
ul.squareBulletList li {background: url('/views/citi-priority/images/icons/square-bullet.jpg') no-repeat 0px 13px;font-size: 16px;letter-spacing: 0;line-height: 24px;padding: 0 0 7px 20px;width: 100%;}
.leftPannelContent .market-watch p {padding-bottom: 6px;}

/* Insights - Expand your horizon */
.three-column-video .headSection {margin-top: 76px;}
.three-column-video .three-column {display: inline-block;margin-bottom: 0px;}
.three-column-video .three-column-video-list {margin-bottom: 86px;}

/* Landing page */
.landingHeading {color: #4A4A4A;padding-bottom: 22px;width: 100%;}
.landingWrapper .pagetitle {padding: 22px 0 1px 0;}
.first-row {margin-top: 108px;}
.cont_bg {background: #ffffff;display: inline-block;}
.cont_bg_shadow {-moz-box-shadow: 0 0 10px #ccc;-webkit-box-shadow: 0 0 10px #ccc;box-shadow: 0 0 10px #ccc;}
.landingImg {line-height: 0px;}
.cont_bg .landingWrapper {padding-top: 50px;padding-bottom: 10px;}
.cont_bg .pagetitle {padding-bottom: 10px;}
.cont_bg .landingPara {padding-bottom: 21px;}
.landingEvent .landingPara {padding-bottom: 35px;}
.cont_bg .landingHeading {padding-bottom: 18px;}
.landingPara {padding-bottom: 34px;color:#000;}
.findMore a {display: inline-block;}
.landingImg img {width: 100%;}
.lineHeightNone{line-height:0px;}

/* Privileges Welcome */
.bannerGoldTxt {width: 100%;background: #B4975A;margin: 0;}
.bannerGoldTxt .pagetitle-subTxt {color: #FFFFFF;padding: 34px 0 8px;letter-spacing: 2px;}
.bannerGoldTxt .pagetitle {color: #FFFFFF;padding: 14px 0 28px;}
.rowSection {margin-top: 93px;}
.rowSection h4.first {padding-bottom: 4px;}
.rowSection h4.first {letter-spacing: 2px;}
.rowSection h4.last {padding-bottom: 35px;}
.rowSection h1.mainHeading {padding: 0 0 26px;}
#your-goals .rowSection h1.mainHeading {padding: 0 0 22px;}
.trs-insights .rowSection h1.mainHeading {padding: 0 0 22px;}
.contentWrapper .divider {border-bottom: 1px solid #000;}
.leftColumn {background: #EEEEEE;padding: 60px 50px 70px;box-sizing: border-box;}
.leftColumn .mainHeading {color: #B5995C;}
.contentHeading {font-size: 12px;letter-spacing: 1.1px;}
.rightColumn .contentHeading {padding: 10px;border-bottom: 1px solid #fff;}
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: url('/views/citi-priority/images/sliderhead.png') center center;width: 27px;height: 32px;border: none;cursor: pointer;top: -13px;}*/
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-left, .ui-corner-bl, .ui-corner-top, .ui-corner-tr, .ui-corner-all, .ui-corner-tl {border-radius: 0;}
.dispfooter-group .col-sm-12 {padding: 0 0px;}
.ui-slider-horizontal {height: 1px;border: none;background: #000000;cursor: pointer;}
.ui-slider-horizontal .ui-slider-range {height: 3px;background: #B5995C;top: -1px;}
.range-slider {margin-top: 15px;border-right: 1px solid #000000;padding-bottom: 5px;padding-top: 5px;border-left: 1px solid #000000;}
.bggray {background: #eee;}
.bggray > div {border-left: 1px solid #fff;}
.content {padding: 16px 11%;margin: 0px auto;}
.add-box {background: #B4975A;font-size: 16px;padding: 29px 25px 29px;color: #fff;position: relative;}
.bdrGold {border: 1px solid #B4975A;}
.tandc {color: #B4975A;font: 10px/30px "interstate-bold";letter-spacing: 0px;float: left;display: inline-block;padding-top: 11px;margin: 0px 0 88px;}
.tandc2 {margin: 0px 0 10px;}
.upgrade-text {font-size: 14px;height: 15px;margin-bottom:10px;}
.add-box .before {position: absolute;top: -2px;left: 45%;}
.min-content {font-size: 12px;line-height: 16px;padding-top: 20px;}
.table-column {background: #eee;padding: 0 20px 0px;}
.tableHead {font: 12px/16px "interstate-light";padding: 18px 0 16px;color: #666;letter-spacing: 0;border-bottom: 1px solid #fff;}
.tableRow {padding: 10px 0;font: 26px/31px "interstate-light";color: #333;border-bottom: 1px solid #fff;}
.tableRow.last {border: none;}
.tableRow .goldTxt {color: #B4975A;font: 26px/31px "interstate-light";padding: 0;}
.rgtImg {line-height: 0px;}
.smallFont {font-size: 12px;line-height: 16px;display: inline-block;}
.offerPara > p {padding-bottom: 25px;font-size: 16px;line-height: 24px;}
.offerPara p.last {padding-bottom: 0;}
.add-details {padding-bottom: 6px;}
.rowSection {margin-top: 93px;}
.rowSection2 h4.first {padding-bottom: 4px;}
.rightPannel h4.pagetitle {color: #666666;}
.radio-active .radio-label {color: #B4975A !important;}
#preferential .upArrow li a {border-top: none;}
#preferential .upArrow li a.activeDisclaimer {border-top: none;}

/* Team page */
.team .headSection h4 {padding-bottom: 0px;}
.team .divider {margin-bottom: 0px;}
.team .formBox {border: 1px solid #B39756;display: inline-block;padding-top: 29px;margin-bottom: 83px;}
.formBoxPara {padding-bottom: 37px;}
.formBoxPara>p {color: #595959;}
.goalMgn {margin-bottom: 102px;}
.team .headSection {margin-bottom: 93px;margin-top: 93px;}
.fourColumn {margin-bottom: 100px;display: inline-block;margin-top: 15px;}
.fourColumn h3 {color: #333;font-family: "interstate-bold";font-size: 16px;letter-spacing: 0;line-height: 24px;margin-bottom: 6px;}
.formBoxPara .subHeading {padding-bottom: 15px;}
.team .fourColumnTxt {margin-top: 27px;margin-bottom: 0px;}
.fourColumnTxt.lastRow {margin-bottom: 17px;}
.teamImg {margin-bottom: 15px;}

/* Segmentation page */
.tableTr>div {text-align: left;padding-top: 37px;}
.segmentDivider {border-bottom: 1px solid #666666;}
.tableHeader, .dropMenu {font-family: "interstate-light";}
.tableHeader {font-size: 21px;letter-spacing: 0px;line-height: 24px;}
.dropMenu>a {color: #333333;font-family: "interstate-bold";cursor: default;}
.tableTr {border-bottom: 1px solid #000000;width: 100%;float: left;}
.noBorder {border: 0px !important;}
.tableHeader>div {margin-bottom: 24px;padding-top: 0px !important;}
.color1 {color: #056DAE !important;}
.color2 {color: #002A54 !important;}
.color3 {color: #B4975A !important;}
.color4 {color: #333333 !important;}
.priceItem>div {color: #333333;font-size: 26px;letter-spacing: 0px;line-height: 24px;font-family: "interstate";}
.tableTr .text-center {text-align: center !important;}
.learnMore {color: #000000;font-size: 12px;letter-spacing: 0px;line-height: 24px;margin-top: 23px;}
.tableSection {margin-top: 100px;margin-bottom: 100px;}
.col2by5>p {margin-bottom: 34px;width: 100%;position: relative;padding-top: 35px}
.tableSpacing .col2by5 {margin-bottom: 38px;}
.priceItem .mobTxtRight {color: #333333;font-size: 26px;font-family: "interstate";letter-spacing: 0px;line-height: 24px;}
.dropDown .col2by5>p:first-child {padding-top: 0px !important;}
.circleBullet li {background: url('/views/citigold/images/icons/bullet_small.png') no-repeat 0px 10px;padding-left: 10px;float: none !important;}
.circleBullet li:first-child {margin-bottom: 24px;}
.tab-accordiant-header a {color: #333333;}
.headerFirst .dropDown {padding-bottom: 10px;}
.step4 {display: inline;}
.tableTd .divider {position: absolute;width: 243px;left: 0px;bottom: -35px;margin-bottom: 0px;}
.colTab3 .divider {width: 109% !important;}
/* Home page */

.Vertical-divider {border-left: 1px solid #999999;}
.loginCredit>a {text-decoration: underline;padding-bottom: 8px;}
.loginCredit {padding-top: 23px;margin: 20px 0;padding-bottom: 15px;padding-left: 47px;}
.inputContainer {margin-top: 42px;display: inline-block;}
.labelTxt {top: -19px}
.homePageSection .callLine {margin-top: 20px; margin-bottom: 14px;display: inline-block;vertical-align: top;}
.pagebannerTxt {padding-top: 33px;padding-bottom: 5px;line-height: 24px;font-size: 16px;letter-spacing: 2px;}
.new-font {font-size:26px;color: #333;line-height:30px;letter-spacing:3px;}
.new-subheading {padding: 0 30px;font-size: 16px;color: #000000;line-height: 24px;}
.new-line {border: solid 1px #B4975A;width: 50px;margin: 0px auto;}
.new-top {box-shadow: 0px 1px 5px #888888;margin-top: -20px;z-index: 1;position: relative;background: #fff;}
.uncheck.red {background: url('/views/citigold/images/icons/Checkbox_error.png') no-repeat;}

.uncheck {background: url('/views/citigold/images/icons/checkbox_uncheck.png') no-repeat;display: inline-block;padding: 2px 0;}
.checked {background: url('/views/citigold/images/icons/checkbox_checked.png') no-repeat;display: inline-block;padding: 2px 0;}
.uncheck input, .checked input {margin-right: 14px;display: inline-block;vertical-align: top;}

/* Video contatiner */
.videoSection {margin: 0px;padding: 0px;line-height: 0px;}
.videoCont {margin-bottom: 15px;}
.limelight-player-footprint {background-color: transparent !important;}
.limelight-player-viewport > div {background-color: transparent !important;}
.LimelightEmbeddedPlayer {text-align: center;display: inline-block;width: 100%;}
.videoSegment .lightbox-body {max-height: 700px !important;}
.btnStyle2 {width: 40% !important}
.findOutBtn,.articleBtn {width: 43%;}
.red.findOutBtn,.articleBtn {width: 43%;}
.watchbtn {margin-left: 15%;}
.sidephoto-wrapper img{width:100%;}
.desktopCircle .col3{padding:0 20px;}

/* US Presidential START */
#us-presidential-artimg1 {background-repeat: no-repeat;background-position: center top;background-size: cover;background-image: url('/views/citi-priority/images/us-presidential/poll-your-view.jpg');}
.disclaimer {color: #999999 !important;font-size: 10px !important;line-height: 16px !important;padding-bottom: 10px !important;}
h4.paraHeading {color: #333333;font-family: "interstate-light";font-size: 26px;line-height: 34px;margin-bottom: 8px;}
.cg-boxmodel {padding: 32px 40px 34px;border: 1px solid #B4975A;margin-bottom: 40px;}
h2.largeHeading {font-size: 42px;letter-spacing: 0;line-height: 50px;padding-bottom: 22px;}
h4.mediumHeading {color: #333333;font-family: "interstate-light";font-size: 26px;line-height: 34px;padding-bottom: 32px;}

    /* Article 2 */
.commonBtnStyle {width: 55%;}
ul.solidBulletList {display: inline-block; padding: 0 0 8px;}
ul.solidBulletList li {background: url('/views/citi-priority/images/icons/bullet_small.png') no-repeat 1px 9px;font-size: 16px;letter-spacing: 0;line-height: 24px;padding: 0 0 7px 26px;width: 100%;}
ul.solidBulletList li p {padding-bottom: 8px;}
ul.solidBulletList li ul li {background: url('/views/citi-priority/images/icons/square-bullet.jpg') no-repeat 2px 12px;font-size: 16px;letter-spacing: 0;line-height: 24px;padding: 0 0 7px 26px;width: 100%;}
.cg-boxmodel p {font-size: 16px;line-height: 24px;padding-bottom: 25px;color: #333333;font-family: "interstate-light";}
.accordiant-content .termsCondtion  a, .disclaimer a{word-break: break-all;}
.marginTop10 {margin-top: 10px;}    
.marginTop20 {margin-top: 20px;}    
.marginTop25 {margin-top: 25px;}    
.marginTop30 {margin-top: 30px;}    

/*wealth management */
.box-border{box-shadow: 0 1px 4px #bfbfbf;padding:20px;}
.tab-two-column li:after{border-right:1px solid #ccc;content:"";float: right;height: 100%;}
#your-goals .tab-two-column li:after{border-right: 0;}
.tab-two-column li:last-child:after{border-right:0px !important;}
.noBorderRight:after{border-right: 1px solid #eee!important;content: "";float: right;height: 100%;}
.tab-two-column li.tab-two-column-active:after{border-right:1px solid #fff;content:"";}
.progressbarbg {background-color: #fff;background-repeat: repeat;position: relative;overflow: hidden;}
.progressbarbg span {font-size: 12px;position: absolute;right: 0;z-index: 9;vertical-align: middle;display: table-cell;color: #fff;padding: 13px 10px;width: 100%;text-align: right;}
.progressing {background-color: #B3965A;background-repeat: repeat;height: 50px;width: 0;position:relative;transition: background 1s ease, width 1s ease;}
.paddingSpace{padding-top:20px;padding-bottom:20px;}
.barChart{border:1px solid rgba(191,191,191, .5);}
.col2by3{width: 16.3%;position: relative;padding: 0 10px}
.commonTab .tableTr>div{padding-bottom:16px;padding-top:18px;display: inline-block;width: 100%;}
.commonTab .headerFirst{border-top: 1px solid rgba(191,191,191, .5);}
.commonTab .tableTr{border-bottom:0px;}
.commonTab  .dropMenu>a{font-family:"interstate-light";}
.cc-space-top{margin-top:90px;}
.cc-space-bottom{margin-bottom:120px;}
.commonTab .col1{text-align:center;}
.graph-tab .seperator{border-bottom: 1px solid #bfbfbf;} 
.blockTitle {font-family: "interstate-light";font-size: 26px;line-height: 32px;color: #333333;}
.draggableTab{display:inline-block;width:100%;}
.innerdraggableTab{padding:2px;height:115px;}
.innerdraggableTab .tab-two-column li,.innerdraggableTab .tab-two-column li.tab-two-column-active{width:50%;}
.innerdraggableTab .tab-three-column li,.innerdraggableTab .tab-three-column li.tab-two-column-active{width:33.3%;}
.plot1{display: inline-block; border: 1px solid #bfbfbf;padding: 6px;margin-right: 5px;}
.plot-goldColor{ background: #B3965A;}
.plot-whiteColor{ background: #fff;}
.plot-goldLight{ background: #b5985c;}
.poltPos{padding-right:20px;}
.graph-tab  .tab-two-column{margin-top:12px;}
.graph-tab .three-column {margin-bottom: 33px;}
.graph-tab .bannerImg{line-height:0px;}
.margin-btm10{margin-bottom:10px}
.margin-btm20{margin-bottom:18px}
.margin-btm60{margin-bottom:60px}
.padding-btmTxt20{padding-bottom:7px !important;}
.margin-top20{margin-top:18px}
.margin-btm40{margin-bottom:33px}
.margin-top40{margin-top:33px}
.margin-top100{margin-top:100px}
.noMargin-btm{margin-bottom:0px !important}
.padding-10{padding:0 10px;}
.tableHeader-bg {background: #eee;}
.largeFont{font: 26px/31px "interstate";}
.plot-grayColor{background:#333;}
.link-font > a{font-size: 26px;line-height: 32px;}
.box-borderDiv{border: 1px solid rgba(191,191,191, .5);padding:20px;}
.graph-tab .column-detail p{padding-bottom: 8px;}
.subTitle h2.mainHeading {padding: 0 0 38px;}
.new_disclaimers p{font-size: 10px;line-height: 16px;}
.rightPannelStyle2 .new_disclaimers p{font-size: 10px;line-height: 16px;}
.nopaddingImp {padding: 0px !important;}
svg{overflow:hidden}
.autoWidth{width:auto !important}
.margin-right40{margin-right:40px;}
/* end */
.preContactTime {margin-top:15px;}

/* Promotion real table */
.full-width {float:left;width: 100%;}
.clsTable td {border: 1px solid #fff; padding: 13px 10px; word-wrap: break-word;}
.txtCenter {text-align: center !important;}
#promotion-table .table-column {padding: 0;margin-bottom: 80px;}
#promotion-table .promotion-notes {padding: 0 20px;}
#promotion-table #preferential .upArrow li a {position: relative;}
#promotion-table .subHeading {padding-bottom: 32px;}


/*.homePage .pageBanner{background:#eee;}*/
.homePage .insight-headings h4.subTitle{line-height:24px;margin:0 0 30px 0;}
.homePage .topIcons img{margin-bottom:5px;width: auto;}
.homePage .topIcons a p {color: #333;}
/* Lower Section - Home Page*/
.loginDesktop{line-height:59px;display:block;font-family: "interstate-light", arial,  'Microsoft JhengHei', sans-serif;color: #333;}
.LoginDesk{display:block;}
li.loginMobile{display:none;}

.homePageSection .subHeading{margin-bottom:30px;line-height:26px;font-size:16px;color:#000;}
#lowerSection{background:#eee;position: relative;margin: 100px 0 0 0;padding: 0 0 100px 0;display: inline-block;width: 100%;float: left;}
.homePage #btOut{background:#fff;}
#lowerSection:after, #lowerSection:before {top: 0;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
#lowerSection:after {border-color: rgba(136, 183, 213, 0);border-top-color: #fff;border-width: 30px;margin-left: -30px;}
#lowerSection:before {border-width: 36px;margin-left: -36px;}
.dropdown-menu ul li{width:100%;}
.menuOut{display:block;}
.LoginDesk .innerDropdowns{right:0;top:58px;border-top:1px solid rgba(0, 0, 0, 0.1)}
.innerDropdowns{display:none;position:absolute;width:240px;top:59px;}
.innerDropdowns .innerDropdowns{display:none;position:absolute;width:240px;left:240px;top:0;}
.innerDropdowns li{ width:100%;display:block;position:relative;}
.innerDropdowns li:first-child a{border-top: 1px solid rgba(0, 0, 0, 0.1);}
.innerDropdowns li:last-child a{border-radius: 0px 0px 6px 6px;}
.innerDropdowns li a{background:#fff;display:block;padding:18px;border: 1px solid rgba(0, 0, 0, 0.1);border-top:0;color: #333333;font-size:16px;line-height:16px;}
.innerDropdowns li:hover a{color: #B4975A}
.talktous .innerBanner{background:#fff;}
.callIcon{display:inline-block;vertical-align:middle;}
.callLine .verticalFix{display:inline-block;padding:0;margin:0px;vertical-align:middle;}
.promoArea{background:#B4975A;padding:30px 0;}
.promoText{display: inline-block;}
.promoText p{ color:#fff;display:inline-block;vertical-align:middle;width:auto;margin-right: 15px;text-align: left;font-size:16px;line-height:24px;}
.promoText .btnStyle{background: rgba(255, 255, 255, 1);color:#B4975A;display:inline-block;vertical-align:middle;padding: 10px 26px 8px 26px;font-size: 12px;line-height: 12px;}
.promoText .btnStyle:hover{background: rgba(255, 255, 255, 1);color:#B4975A;}
.disclaimerSubmission{font-size:12px;line-height:14px;margin-bottom:20px;}
.disclaimerSubmission label{padding: 2px 0 15px 0;display: inline-block;width: 90%;font-size:12px;}
.disclaimerSubmission p{padding: 0 0 0 50px;}
.disclaimerSubmission > div{width: 100%;}

ul.discList {display: inline-block; padding:0 0 0 50px;}
ul.discList li {background: url('/views/citi-priority/images/icons/bullet_small.png') no-repeat 1px 6px;font-size: 12px;letter-spacing: 0;line-height: 16px;padding: 0 0 7px 26px;width: 100%;}

ul.normalDiscList {display: inline-block; padding:0 0 0 0px;}
ul.normalDiscList li {background: url('/views/citi-priority/images/icons/bullet_small.png') no-repeat 1px 11px;font-size: 16px;letter-spacing: 0;line-height: 24px;padding: 0 0 7px 26px;width: 100%;}

/* Slider */
#bannerSection .flexslider{ position:relative;}
#bannerSection{ position:relative; }
#bannerSection > img{ width:100%;}
.bsOuter > img{ width:100%;}
.bsOuter{ position:relative; top:0; width:100%; height:100%;display: table;}
.bsInner{ width:30%; display: table-cell; position:absolute;right:10%; background:rgba(255,255,255,0.8);padding:70px 30px 40px;}
.bsInVertical{ z-index:10;position:relative;}
.bsInner .btnStyle{margin-top:25px;}
.bsInVertical > img{ margin-bottom:30px;}
.flex-control-nav {width: 66px; position: absolute;bottom: 30px;text-align: center;left: 47%;height: 10px;}
.flex-control-nav li {margin: 0 6px;display: inline-block;zoom: 1;}
.flex-control-paging li a {width: 10px;height: 10px;display: block;background: none;cursor: pointer;text-indent: -9999px;border:1px solid #B4975A;-ms-border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.flex-control-paging li a.flex-active {background: #B4975A;background: rgba(13, 42, 72, 1);cursor: default;}


/* calendar */
.date {width: 100%;outline: none;
background: #f6f6f6 url(/views/citigold/images/icons/Calendar_gold.png) no-repeat 95% center;
padding: 15px 40px 15px 18px;cursor: pointer;}
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background-image: none; width: 33px;height: 30px; border: none;cursor: pointer;top: 0;}*/
.ui-datepicker-current {display: none;}
.ui-datepicker-buttonpane {text-align: center;}
.ui-datepicker-close {color: #056dae;background: none;border: 0;}
.ui-datepicker th span,.ui-datepicker-title .ui-datepicker-month,.ui-datepicker-title  .ui-datepicker-year{font-family: 'ddl-interstate-regular';}
.visibleBigscreen {display: none;}


/*Mobile*/
#Menu{display:none;}
#Menu.closed{background:url('/views/citi-priority/images/mobile/mob_burger_menu.png');width:20px;height:14px;}
#Menu.opened{background:url('/views/citi-priority/images/mobile/mob_header_close_icon.png');width:13px;height:13px;}


/**/
.note{font-size:12px;line-height: 18px;}
.tcnote{font-size:12px;line-height: 18px;padding-top:80px;}
.tcnote p:not(:last-child){margin-bottom:10px;}
.pageBanner .reasons img {float: none;width: auto;}
.reasons .mainHeading {padding: 70px 0;}
.reasons{ padding:0 0 70px 0;border-bottom: 1px solid #666666;margin:0 0 70px 0;}
.reasons .topIcons img{margin-bottom:15px;width: auto;}
#applySection{background:#fdfdfd;position: relative;margin: 0 0 0 0;padding: 20px 0 15px 0;display:inline-block;width:100%; -webkit-box-shadow:0 -2px 2px 0 #ddd;box-shadow:0 -2px 2px 0 #ddd;}
#applySection.darkshade{-webkit-box-shadow:0 -6px 2px 0 #ddd;box-shadow:0 -6px 2px 0 #ddd;}
#applySection .subHeading{display:inline-block;;margin: 0;vertical-align: middle;font-size:21px; line-height:28px;color:#333;}
#applySection .subHeading span{color: #B4975A;}
#applySection .callLine {margin: 0 0 0 35px;display: inline-block;vertical-align: middle;}


/* Global Traveller */
.hiddenPanel{background:#eee;position: relative;margin: 40px 0 0 0;padding: 0 0 100px 0;display: inline-block;width: 100%;}
.hiddenPanel:after, .hiddenPanel:before {top: 0;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.hiddenPanel:after {border-color: rgba(136, 183, 213, 0);border-top-color: #fff;border-width: 30px;margin-left: -30px;}
.hiddenPanel:before {border-width: 36px;margin-left: -36px;}
.tabPanel .tabs{display:none;background:#fff;padding:40px 70px;}
.tabPanel h4.pagetitle{margin-bottom: 20px;}

.tab-four-column{width:100%;display:table;}
.tab-four-column li {background: #ddd;cursor: pointer;display:table-cell;height: auto;line-height: 32px;padding: 16px 0;text-align: center;width: auto;font-size: 16px;letter-spacing: 2px; vertical-align:middle;float:none;}
.tab-four-column li.tab-four-column-active {background: #fff;box-shadow: 0 1px 2px rgba(0,0,0,0.16);cursor: default;position: relative;z-index: 2;}
.cw-insights .tab-four-column li.tab-four-column-active {border-top: 1px solid #eee;}


.tab-four-column li.tab-four-column-active:after{
    background:url('/views/citi-priority/images/icons/tab_dropdown.png');content: "";
position: absolute;
    top: 100%;
    left: 50%;
    width:30px;height:21px;
    margin-top: -2px;
    margin-left: -15px;
    z-index: 1;
}

.tab-four-column li a{padding:10px 25px;height:100%;vertical-align: middle;display: block;color: #056DAE;line-height: 34px;}
.tab-four-column li a{border-left:3px solid transparent;}
.tab-four-column li:not(:last-child) a{border-right: 2px solid #bbb;}
.tab-four-column li.tab-four-column-active a{border-right:2px solid transparent !important;color: #333;}
.tab-four-column li:last-child a{border-right:2px solid transparent !important;}
/*.tab-four-column li.tab-four-column-active a{border-right:2px solid transparent !important;}
.tab-four-column li:last-child a{border-right:2px solid transparent !important;}*/
.tab-four-column li.tab-four-column-active a {color: #333;cursor: default;}
.gtInner{padding:60px 0 50px 0;}
.gtClose{position:absolute;text-align:center;bottom:0;left:50%;width: 40px;margin: 0 0 0 -20px;font-size:16px;cursor:pointer;}
.gtClose span{display:block;margin: 0 10px 0 0;width:100%;color:#056dae}
.gtClose img{display:block;margin: 0 0 0 5px;position: relative;bottom: -1px;}

.openNext{margin: -7px 0 0 0;display:block;line-height:16px;width:122px;}
.oNxt2{width:104px;}
.text-right .openNext{float:right;clear:both;}
.text-left .openNext{float:left;clear:both;}
.openNext.down{background:url('/views/citi-priority/images/icons/find_more_down.png') right 5px no-repeat; padding: 0 15px 0 0;}
.openNext.up{background:url('/views/citi-priority/images/icons/find_more_up.png') right 5px no-repeat; padding: 0 15px 0 0;}

/*.tqText .subHeading a,.tqText .subHeading span{color:}*/
.tqText .subHeading a{font-family: "interstate-bold";color:#0e2a48;}
.tqText .subHeading:not(:last-child){margin: 0 0 25px 0;}
#applyThankSection{background:#eee;position: relative;margin: 0 0 10px 0;padding: 0 0 100px 0;width: 100%;float: left;}
.thankPage {float: left;width: 100%;text-align: center;padding: 34px 10px;font-size: 26px;line-height: 30px;border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;margin: 0 0 10px;}
.thankPage h3{color: #333;font-family: "interstate-bold";font-size: 16px;letter-spacing: 0;line-height: 24px;margin-bottom:10px;}

.pagetitle-subTxt .findMore{color: #B4975A}
.bold{font-family: "interstate-bold" !important;}
#applySection .subHeading span.bold{font-family: "interstate" !important;}

/* grayArrowContainer */
.grayArrowContainer{padding:60px 0 40px;background:#eee;position: relative;margin:100px 0 0 0;}
.grayArrowContainer > div{position: relative;}
.grayArrowContainer h2{margin-bottom:40px;}
.grayArrowContainer .three-column{margin-bottom:0;}
.grayArrowContainer:after, .grayArrowContainer:before {top: 0;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.grayArrowContainer:after {border-color: rgba(136, 183, 213, 0);border-top-color: #fff;border-width: 30px;margin-left: -30px;}
.grayArrowContainer:before {border-width: 36px;margin-left: -36px;}

.grayArrowContainer > div:after, .grayArrowContainer > div:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.grayArrowContainer > div:after {border-color: rgba(136, 183, 213, 0);border-top-color: #eee;border-width: 30px;margin-left: -30px;}
.grayArrowContainer > div:before {border-width: 36px;margin-left: -36px;}

#personalBanking h2{margin-bottom: 40px;}
#personalBanking .pbPanel{background:#fff;padding:74px 0;}
#personalBanking h3.subHeading{margin-bottom:25px;}
#personalBanking .imgAlter{margin-top: 0;}
.pbPanel article{padding:0 80px;}
.pbPanel article:first-child{border-right:2px solid #ccc;}
.cardsContainer{background:#eee;margin-top:140px;}
.cardsContainerout h2{margin:100px 0 20px 0;}
.cardsContainer h3{margin:28px 0;}
.cardsContainer article:first-child .cardContent{border-right:1px solid #ccc;}
.cardsContainer .cardContent{padding:0 35px 0 20px;}
.cardsContainer .citigoldHomeWrap > img{margin-top:-85px;}
.cardsContainer .citigoldHomeWrap > .findMore{margin-bottom:34px;}
.cardsBottom{background:#333; padding:20px 0;color:#fff;width:100%;display:table;}
.cardsBottom a{color:#fff;text-decoration:underline;font-family: "interstate-bold";}

#payrollAccountImg {background-repeat: no-repeat;background-position: center top;background-size: cover;background-image: url('/views/citi-priority/images/home/payroll_account.jpg');}
#peaceofMindImg {background-repeat: no-repeat;background-position: center top;background-size: cover;background-image: url('/views/citi-priority/images/simple-banking/peace_of_mind.jpg');}

.cwTop{background: #B4975A;padding:40px 40px 125px;color:#fff; }
.cwBottom{background:#ededed;padding:40px;}
.cwBottom .imgAlter {margin: -130px 0 0 0;}
#createWealth{margin:0 0 100px 0;display: inline-block;}
#createWealth>div{padding:0 30px;}
#createWealth .cwPanel{ background:#fff;}
#createWealth h2 {font-size: 40px; line-height: 48px;}
#createWealth .cwPanel article:last-child .citigoldHomeWrap{border-left:2px solid #ccc;}
.cwPanel .citigoldHomeWrap h4.pagetitle{margin-bottom:15px;}
.cwPanel article .citigoldHomeWrap {margin:40px 0;padding: 0 40px;}
.cwPanel article .citigoldHomeWrap h3{margin:0 0 20px 0;}
.cwPanel article .citigoldHomeWrap .findMore{margin:20px 0 0 0;}
/*.cwPanel article:first-child .citigoldHomeWrap{padding-bottom:20px;border-bottom:2px solid #ccc;}*/

/* your goals */
#your-goals {margin-bottom: 0;}
#your-goals .tabs {border-top: none;margin-top: -10px;float: none;}
.icon-wrapper {margin-top: 50px;float: left;width: 100%;padding-bottom: 40px;}
.icon-block {position: relative;padding: 0 20px 0 20px;text-align: center; cursor: pointer;}
.icon-block:after {position: absolute; content: "";top: 20px; height: 125px;width: 1px;background: #aaa;right:0;}
.icon-block:last-child:after { background: none;}
.icon-block+.icon-block+.icon-block+.icon-block:after{content:none;background:none;}
.icon-block.icon-active:before {bottom: -90px;left: 50%;border: solid transparent;content: " ";height: 0; width: 0;position: absolute;    pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #ffffff;border-width: 25px;margin-left: -25px;}
.icon-block.lastone:after {background: none;}

.icon-block .icon-img.active {display: none;}
.icon-block.icon-active .icon-img.active {display: block;}
.icon-block.icon-active .icon-img.inactive {display: none;}
.icon-img {margin: 0 auto 15px; width: auto;max-width: 100%;}
.goals-gray-block {padding: 0 45px 80px;background-color: #ededed;}
.goals-white-block {background-color: #ffffff;}
.goals-white-block-inner {padding: 0 40px;margin: 40px 0; /*border-right: 1px solid #ccc;*/}
.goals-white-block-inner:last-child{border-right: 0;}
.invest-gray-block h3 {font-size: 26px;line-height: 34px;font-family: "interstate";margin-bottom: 20px;}
.goals-white-block-inner h3 {font-size: 21px;line-height: 37px;font-family: "interstate-light";margin-bottom: 20px;}
.goals-white-block-inner p, .invest-gray-block p {margin-bottom: 20px;}
.invest-gray {float: left;width: 100%;margin-top: 50px;padding: 0 45px 80px;}
.invest-tab {background-color: #ededed;float: left;width: 100%;padding-bottom: 40px;}
.invest-tab.row1 {border-bottom: 1px solid #ccc;}
.invest-gray-block {padding: 0 40px;margin-top: 40px;}
/*.invest-gray-block:first-child {border-right: 1px solid #ccc;}*/
.invest-gray-block:last-child {border-left: 1px solid #ccc;}
#your-goals .icon-active{cursor:pointer;}
.blk{display:none;}
.blk1{display:block;}
.arrow-line { border-top: 1px solid #cccccc; position: relative;}
.arrow-line:after { position: absolute; top: -1px; left: 50%; margin-left: -28px; width: 56px; height: 28px; content: ''; background: url(../images/prepare-your-journey/arrow.png) no-repeat; }

/* welcome offer */
.tabPanel img {height: auto;}
.doubleUL{display:table;}
.doubleUL .lftTxt,.doubleUL .rgtTxt {vertical-align:top;display:table-cell;}
ul.tickUL {float: left;width: 100%;padding: 15px 0;}
ul.tickUL li {padding-left: 22px;float: left;line-height: 28px;font-size: 16px; width: 100%;background: url("/views/citi-priority/images/icons/green_check.png")no-repeat left 12px;}
.apply-now {float: left;width: 100%;text-align: center;padding: 34px 10px;font-size: 26px;line-height: 30px;border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;margin: 80px 0 80px;}
.apply-now:last-child {margin: 0px 0 0;}
.offer-tab {text-align: center;}
.offer-tab img {max-width: 100%;width: auto;}
.padding-btm25 {padding-bottom: 25px;}
.padding-btm15 {padding-bottom: 15px;}
.welcome-offer>img{width:100%;}
.hiddenPanel.welcome-offer {margin-top: 80px;}
.tabPanel.welcome-offer .tabs {float: left;width:100%;}
.hiddenPanel.welcome-offer:after, .hiddenPanel.welcome-offer:before {content: none;}
.cwInsightThumbs h1{padding:40px 0;}

/* Insights */
.cw-insights{margin-bottom:80px;display:table;}
.cw-insights .tabs{display:none;background:#fff;padding:32px 0 34px;border:1px solid #ccc;border-top:0;}
.cw-insights .tabs .lftTxt{padding-left: 39px;}
.cw-insights .tabs .rgtImg a{margin-top:10px;}
.cwInsightThumbs {width: 100%;text-align: center;padding: 80px 10px 28px;border-top: 2px solid #ccc;margin: 80px 0 0;}
.cw-insights .tabs .offer-tab div *{display:block;margin-left:auto;margin-right:auto;}
.updated{margin-top:20px;color:#9B9B9B;display:block;}

.tqText{margin:93px 0;}

.fxtService{border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;padding: 80px 0;width: 100%;display:table;}
.fxtService .three-column{margin:14px 0 0 0;}
.rowSection.fxtService{margin-top:0;}

.ctaSec{padding-top:10px;padding-bottom:74px;display:table;}
.ctaSec p{margin-bottom:13px;font-family: "Interstate";}
.ctaSec article a:last-child{margin-left:15px;}

#footsticky {display:none;position: fixed;bottom: -1px;left: 0;z-index: 2;background-color: rgba(255, 255, 255, 0.9);width: 100%;padding: 20px; -webkit-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0,0.2);-ms-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
#footsticky.fixed {position: relative; background-color: rgba(255, 255, 255, 1);box-shadow:none;padding:0;display: inline-block !important;width: auto;}

.contCover { z-index: 1;position: absolute;top: 0px;left: 0px;background: #F6F6F6;outline: 0px;border-radius: 4px;padding: 15px 20px 15px 18px;font-size: 16px;letter-spacing: 0px;color: #333333;border: 1px solid #F6F6F6;width: calc(100% - 20px); width: -webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);-webkit-appearance: none;line-height: 18px;max-height: 50px;height: 50px;font-family: "interstate-light";margin: 0 10px;}
.contNo{display:table;font-size: 0;}
.form-section .contNo select{display:inline-block;vertical-align:top;width:35%;float:none;border-top-right-radius:0;border-bottom-right-radius:0;margin:0;background: #F6F6F6 url(/views/citi-priority/images/mob_chevron_input_field.png) calc(100% - 10px) center no-repeat;padding:15px 25px 15px 18px;}
.form-section .contNo input[type=tel]{display:inline-block;vertical-align:top;width:65%;float:none;border-top-left-radius:0;border-bottom-left-radius:0;margin:0;}

.form-section .contNo .selectBox-dropdown{width:35%!important;min-width:35%!important;border-top-right-radius:0;border-bottom-right-radius:0;}
.form-section .contNo .selectBox-dropdown .selectBox-arrow{width:30px;}
.onSat{display:none;}

#globalResident{margin-bottom:100px;}
.tRow{display:table;width:100%;}
.tRow .tCell.tHead{font: 12px/16px "interstate-light", arial;padding: 18px 10px 42px;color: #666;text-align:center;}
.tRow .tCell{display:table-cell;padding:15px 20px;font: 26px/31px "interstate-light", arial;color: #333;}
.tRow .tCell.first{background: #eee;width:36%;border-top: 1px solid #fff;text-align:left;padding:18px 20px 42px;}
.tRow .tCell.second{background: #eee;width: 24%;border-top: 1px solid #fff;text-align:center;/*padding:18px 10px 42px 22px;*/}
.tRow .tCell.tDef{padding:10px 20px;}
.tRow .tCell.last{background: #ddd;width: 40%;border-top: 1px solid #fff;}
.tRow .tCell.rcSpan{text-align: center;border-top:0;}
.tRow .tCell.rcSpan span{position:relative;top:-30px;}

.tab-inner {display: table;}
.tab-text, .tab-table {display: table-cell; vertical-align: middle;float: none;}
.tab-text.withTab{padding-right:60px;width:47%;}
.tab-table.withTab{width:53%;}
#globalResident .tab-text.withTab, #globalTraveller .tab-text.withTab{padding-right:60px;width:45%;}
#globalResident .tab-table.withTab, #globalTraveller .tab-table.withTab{width:55%;}

.vcenter{display: table-cell;vertical-align: middle;float: none;}

.fixedHeader{height:129px;}
.fhInner{position:relative;z-index: 99;z-index: 9;width: 100%;top: 0;}
.fhInner.fhfixed{position:fixed;}
.menuShadow{background:#fff;}
.footerFB{margin:0 0 0 30px;}
#lowerSection.crpOut{margin: 0;}
.bnrContainer img{vertical-align:middle;width: 100%;}
.note i{color:#999999;}
.tColumn>p{margin:20px 20px 0;}
.discList li a{font-weight:bold;}
.non-mobile-app a:first-child {margin-bottom: 15px;}
.contactTop>.container.rowtable>.chatsection{border-bottom:2px solid #ccc;}
.tqText .subHeading a.lined{text-decoration:underline;font-family:"interstate-light";}


/* apply-now-page */
.apply-now-form .btnStyle {
    color: #ffffff;
    background: #000000;
    outline: 0px;
    border: 0px;
    border-radius: 6px;
    font-family: "interstate-light", arial,  'Microsoft JhengHei', sans-serif;
    font-size: 100%;
    padding: 17px 12px;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
}
.apply-now-form .btnStyle:hover{
    background: #B4975A;
}
.apply-now-form .uncheck input, .apply-now-form .checked input {
    margin-right: 14px;
    display: inline-block;
    vertical-align: top;
}
.apply-now-form .uncheck {
    display: inline-block;
    margin-top: 8px;
}
.apply-now-form .checked {
    display: inline-block;
    margin-top: 8px;
}
.check-btn {
    float: left;
    cursor: pointer;
    width: 100%;
    padding-bottom: 5px;
}
.check-btn input {
    float: left;
    cursor: pointer;
}
.check-btn label {
    float: left;
    padding-top: 0px;
    cursor: pointer;
    width: calc(100% - 32px);
}


@media (min-width: 1740px) {
    .visibleBigscreen {display: block;}
    .hideBigscreen {display: none;}
    .pageBanner .mastHeadImage {overflow: hidden;}
    .pageBanner .bannerImg {height: 600px;overflow: hidden;}
    .pageBanner .mastHeadImage img {max-width: none;transform: translateX(-50%);margin-left: 50%;height: 600px; width: auto;}
    .HomeBanner .innerBanner {margin: 0;}
}
@media (min-width: 2150px) {
    .pageBanner .mastHeadImage img {width: 100%;height: auto;}
}

@media (max-width: 1500px) {
    .container {width: 100%;}
    .bannerImg,
    .pageBanner {width: 100%;}
    .leftNav-ul,
    .leftBarFixed .leftNav-ul {width: 309px !important;}
    .wtSoution .col10.innerContainer {width: 100%;}
    .wtSoution .col-md-10.innerContainer {width: 100%;}
    .promoText p{ margin-right:15px;text-align:left;}
}

@media (max-width: 1400px) {
    .leftNav-ul,
    .leftBarFixed .leftNav-ul {width: 300px !important;}
    .tab-four-column li a {line-height: 24px;}
}

@media (max-width: 1300px) {
    .leftNav-ul,
    .leftBarFixed .leftNav-ul {width: 258px !important;}
    .wtSoution .col10 {width: 100%;}
    .innerBanner {width: 62.2%;}
    .commonBtnStyle {width: 57%;}
    /*.imgAlter .lftTxt {padding-right: 60px;}
    .imgAlter .rgtTxt {
    padding-left: 60px;
}*/
}

@media (max-width: 1200px) {
    .col2by5 {width: 19.444%;}
    .leftNav-ul li > a {padding: 18px 18px;}
    .videoContainer .gray-container {padding: 40px 40px 0 40px;}
    .leftNav-ul,
    .leftBarFixed .leftNav-ul {width: 246px !important;}
    .dropdown-menu {width: 30%;}
    .callLine {font-size: 21px;line-height: 28px;}
    .innerBanner {/*margin: 33px auto;*/width: 78.2%;}
    .visibleTabPhone {display: inline-block;}
    .visibleDesktopOnly {display: none !important;}
    .footerTc li {margin: 0px 10px 0px 0px;}
    .mobileTabHidden {display: none;}
    .col10.innerContainer {width: 100%;}
    .col-md-10.innerContainer {width: 100%;}
    .lightbox-open #pageWrappper {position: fixed;}
    .ipadImg {margin-top: 0px;position: relative;}
    .menuClose:after {width: 0px !important;}
    #lifestyle-numLst ol.numLst {margin-left: 8px;}
    #lifestyle-numLst ol.numLst li {padding: 0 0 9px 5px;width: 100%;}
    .priceItem .mobTxtRight {font-size: 18px;}
    .gsc-table-cell-thumbnail {width: 11% !important;}
    .desktopCircle .col3{padding:0 10px;}
    
    /* Article 4 */
    #forElectionVideo.videoContainer .gray-container {padding: 0px 40px 0px 40px;}
    
    .rowtableBlock{font-size:14px;}
    .icon-block.icon-active:before {bottom:-90px}.submit-box{width:100%;}
}

@media (max-width: 1100px) {
    .leftNav-ul,
    .leftBarFixed .leftNav-ul {width: 209px !important;}
    .progressbarbg span {padding: 13px 3px;}

    .HBCSection .innerBanner{width:100%;}
    .HBCSection .innerBanner .pagetitle{padding: 10px 0 20px 0;}
    .hBannerLeft{padding:20px 30px;}
    .hBannerLeft .pagetitle-subTxt{padding-bottom: 0;}
    #applySection .subHeading{display:inline-block;width:70%;text-align:left;}
    #applySection .callLine{margin:0;}
    .cwPanel article .citigoldHomeWrap {padding: 0 20px;}
}

@media (max-width: 1000px) {
    .innerBanner {width: 77%;margin: 0px auto;}
    .HomeBanner .innerBanner {margin: 0;}
    .innerBanner{padding: 1px 20px;}
    .leftNav-ul .leftNav-active {background: #FFFFFF;}
    .leftNavBarSection,
    .rightPannel {margin: 20px 0 0px;}
    .leftNav-active .arrow {display: none;}
    .leftNav-ul li > a {width: 100% !important;box-sizing: border-box;}
    .leftNav-ul {width: 100% !important;display: none !important;}
    .leftBarFixed .leftNav-ul {width: 100% !important;}
    .leftNav-ul li > a {width: 94%;font-size: 16px;}
    .leftBarFixed {width: 24% !important;}
    .ipadImg {margin-top: 0px;position: relative;}
    .content {font-size: 14px;padding: 16px 7%;}
    .imgAlter .rgtTxt {padding-left: 20px;}
    .imgAlter .lftTxt {padding-right: 20px;}
    .gray-container h2 {font-size: 28px;line-height: 35px;}
    .gray-container {padding: 22px 20px 24px;}
    .firstVideoContainer .gray-container {padding: 40px 60px 0px 40px;}
    .videoContainer .gray-container {padding: 40px 40px 0 40px;}
    
    /* Article 4 */
    #forElectionVideo.videoContainer .gray-container {padding: 0px 40px 0px 32px;}
    .HomeBanner.HBCSection .innerBanner{width:100%;}
    .hBannerLeft{width:65%}
    .hBannerRight{width:35%;}

    #your-goals .icon-block p {min-height: 72px;}
    .ctaSec article a{margin-bottom: 40px;}
    .ctaSec article:last-child a{margin-bottom: 0;}
    .findOutBtn{width:50%; margin-bottom: 10px;}
    .red.findOutBtn{width:50%; margin-bottom: 10px;}
    .homePage .topIcons{margin-bottom:15px;}
}

@media (max-width: 992px) {
    .bannerImg div {/*height: 340px;*/}
    .bannerTxt {/* height: 340px;*/}
    .gsc-table-cell-thumbnail {width: 17% !important;}
    .new-font{letter-spacing: 0px;font-size: 2.2vw;}
    .circle__content {padding: 0.2em;}
    .new-subheading {padding: 0 20px;font-size: 1.8vw;}
    .imagePara img{width:100%;}
    .circleBH .circle-1-BH .new-subheading {font-size: 1.4vw;}
    .hBannerRight .btnStyle{margin: 20px 0 0 0;}
    .iconsOut{float:none;display:inline-block;vertical-align:top;}
    .tabPanel .tabs .citigoldHomeWrap img {padding-right: 40px;}    
    .homePage .topIcons {margin-bottom: 40px;}
    #circleAnimationLock {padding: 0 0 40px 0;}
    .homePage .WcomeSec{padding: 0 0 30px 0;}
    .tRow .tCell.first.tDef {padding: 15px 0 15px 10px;}
    .tRow .tCell.second.tDef {padding: 15px 10px;}
    .tabPanel .tabs{padding: 40px 30px;}
    .tab-text.withTab{padding-right:30px;}
    #personalBanking .pbPanel{background:#fff;padding:34px 0;}
    .pbPanel article{padding:0 40px;}
    
    .banner-title-block .title-content {width: 450px;padding: 30px;font-size: 32px;line-height: 40px;}
}

@media (max-width: 768px) {
    #menuMobile {display: none !important;}
    .leftColumn {padding: 60px 77px 70px;}
    .HomeBanner .innerBanner {width: 60%;}
    .HBCSection .innerBanner {width: 100%;}
    .visibleSM {display:block !important;}
    .tableHeader-bg {font-size: 15px;}
    .hBannerLeft{padding:20px;}
}

@media only screen and (min-device-width: 1024px) and  (orientation : landscape) {
    /*.homePageSection .col3.callLine{width: 32%;}*/
    .gray-container {padding: 40px 40px 30px;}
}

@media (min-width: 768px) and (max-width: 855px) {
    .new-subheading {line-height: 2.5vw;}
    .HBCSection .innerBanner .pagetitle{padding: 0 0 20px 0;font-size: 36px;line-height: 36px;}
    .form-section .contNo select{width:39%;}
    .form-section .contNo input[type=tel]{width:61%;}
}

@media only screen and (device-width: 768px) {
    .gray-container {padding:30px 40px 10px;}
    .innerdraggableTab .tab-three-column li,.innerdraggableTab .tab-three-column li.tab-two-column-active{width:33.3%;}
    .tab-two-column li{font-size:22px;line-height: 28px}
}

/* *******************************************
    fixed some alignmet issues
******************************************* */
/* ************* CHANGES START ************* */

@media (max-width: 798px) {
    .innerBanner {/*width: 82%;*/}
}

@media (min-width: 768px) and (max-width: 855px) {
    .new-subheading {line-height: 2.5vw;}
}

@media (max-width: 767px) {
    .dispheader-group .visibleMobile{width:100% !important;}
    .HomeBanner .leadingTxt,.HomeBanner .landingPara{font-size: 16px;line-height: 24px;}
    .sticky {-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0);-moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);box-shadow: 0 0px 0px rgba(0, 0, 0, 0);top:111px;}
    .stickSearch{position:fixed;top:55px;z-index:1;}
    .menuShadow{-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);z-index: 9;position: relative;}
    .landingPara {font-size: 16px;line-height: 24px;}
    .transformVertical{display: block;}
    .rightPannelStyle2 .headerMob .upArrow li a::before {left: 20px;}
    .noRowMobile {margin-right: 0px;margin-left: 0px;}
    #menuMobile {display: block !important;}
    .leftNavBarSection {position: absolute;top: 10px !important;z-index: 9999999999;/* height: 240px; */background: #fff;left: 0px !important;}
    .innerBanner {margin: -11.4% auto 1%;max-width: 840px;padding: 0px;}
    .bannerTxt {height: auto;display: block;-webkit-box-align: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;}
    .citigoldThumbContainer {margin-bottom: 0px;}
    .citigoldThumbWrap div {height: 175px !important;background-position: center center;}
    .videoSection div {height: 360px;background-position: center center;}
    .videoContainer .gray-containerBg {display: inline-block !important;}
    .eventsGray div {height: 370px;background-position: center center;}
    .new-subheading {font-size: 14px;padding: 0 20px;}
    .circleBH .circle-1-BH .new-subheading {font-size: 14px;}
    .menuBar {-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);box-shadow: 0 0px 0px rgba(0, 0, 0, 0);}
    .thumpContainerVideo div {height: 300px;}
    .dropdown-menu li:first-child a {border-top: 0px solid rgba(0, 0, 0, 0.1);}
    .emailUs{margin-bottom: 80px;}
    .team .headSection {margin-bottom: 80px;}
    .center-row {display:block;}
    .center {display: inline-block;}
    .padding80{padding-bottom:47px;}
    .gsc-result .gs-title {height: 3em !important;}
    .headerMob .col-sm-12 {padding: 0 20px;}
    .headerMob .numLst {width: 99%;}
    .range-slider {width: 80%;margin: 5px auto;}
    .watchbtn {margin-left: 0%;}
    .videoSection div {height: 395px;background-position: center center;}
    .eventsGray div {height: 180px;background-position: top center;}
    .innerBanner {margin: -11.4% auto 1%;max-width: 840px;padding: 0px;width: 100%;}
    .new-font {font-size: 3.2vw;}
    .new-subheading.visibleMobile {padding: 0 10px;margin-bottom: 12px;min-height: 64px;display: block !important;clear: both;}
    .draggable-container.col-sm-10 {width: 83.33333333%;}
    .pagetitle-subTxt {padding-left: 20px;padding-right: 20px;}
    .mobContainer {display: table;content: "";padding-right: 10px;padding-left: 10px;margin-right: auto;margin-left: auto;width: 100%;}
    /* body {font-family: "interstate-light";font-size: 12px;line-height: 16px;color: #333333;margin: 0;background: #ffffff;} */
    h4.pagetitle {font-size: 12px;line-height: 14px;letter-spacing: 1px;padding-bottom: 0;}
    h3.subHeading {font-size: 16px;line-height: 24px;letter-spacing: 1px;}
    h4.subHeading {font-size: 16px;line-height: 24px;}
    h2.mainHeading {font-size: 26px;line-height: 32px;padding-bottom: 40px;}
    h1.mainHeading {font-size: 26px;line-height: 32px;padding-bottom: 40px;}
    .mobBorder {border-bottom: 1px solid #666666;}
    .topMenu li >a {margin: 7px 10px 0 0px;}
    .menubar-ul > li {margin: 0px; width:100%;}
    .pageBanner .bannerGoldTxt .pagetitle {font-size: 42px; line-height: 50px; padding: 0px 0 39px 0; width: 80%; margin: 0px auto;}
    .pagetitle-subTxt {font-size: 16px;line-height: 24px;letter-spacing: 0px;}
    .radio-label {padding-left: 8px;font-size: 14px;}
    .pageBanner .pagetitle-subTxt {width: 100%;margin: 0px auto;}
    .bannerGoldTxt .pagetitle-subTxt {padding: 35px 0 0px;}
    .dispfooter-group {display: table-footer-group;}
    .dispheader-group {display: table-header-group;}
    .gsc-table-cell-thumbnail {width: 25% !important;}
    .gs-promotion table {width: 100% !important;}
    .banner {height: 55px;}
    .searchOuter {height: 55px;background:#f6f6f6;border-bottom: 1px solid #e5e5e5;width: 100%;display: none;}
    .mobileSearchHeader {padding: 15px 0 0 0;width:70%;}
    .searchOuter .mobileSearchHeader span{color:#9b9b9b;padding: 0 0 0 5px;font-size: 16px;}
    .searchOuter .mobileSearchHeader a img{position: relative;top: 2px;}
    .loginMobile {line-height: 56px;height:54px;display: block;font-family: "interstate-bold";font-size: 14px;color:#333;}
    .mobpullLeft {float: left!important;}
    #Menu {padding: 0;margin: 20px 0 0 0;}
    .menubar-ul > li >a, .logInbtn >a {font-size: 16px;line-height: 16px;}
    .menubar-ul.pull-right li {border-left: 1px solid #eeeeee;}
    .sub-navbar-list {float: none;width: 100%;}
    .logInbtn a {text-align: center;}
    .logoWrapper {padding: 17px 0 0; width: 89%;}
    .logInbtn {padding: 16px 0px 17px 0px !important;}
    .dropdown-menu {background: #ffffff;}
    .dropdown-menu a {border-right: 0px;padding: 17px 20px 17px 30px;border-left: 0px;}
    .dropdown-menu li:last-child a{border-radius: 0px;}
    .bannerHeader {padding: 20px 0 0px 0;}
    .footer-heading {background: url("/views/citi-priority/images/icons/carat_down_footer.png") no-repeat 20px 20px;display: inline-block;width: 100%;padding-bottom: 0px;cursor: pointer;}
    .footer-heading.activeFooter {background: url("/views/citi-priority/images/icons/carat_up_footer.png") no-repeat 20px 20px;}
    .footer-heading {padding: 13px 0 16px;border-bottom: 1px solid rgba(255, 255, 255, 0.5);display: inline-block;width: 100%;font-family: "interstate";padding-left: 55px;}
    .footer-heading.firstChild {border-top: 1px solid rgba(255, 255, 255, 0.5);}
    .footerlist-ul {margin-top: 12px;}
    .footerlist-ul > li:last-child {border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
    .footerlist-ul > li {padding-left: 55px;}
    .footerlist-ul, .footer-divider {display: none;}
    .footer-logo {padding: 20px 0 36px}
    .menuRow {width: 100%;}
    .footerInfo {margin-bottom: 0px;width: 100%;}
    .footerTc {padding-bottom: 9px;padding-top: 31px;}
    .footerTc ul > li {width: 100%;}
    .footerTc a {padding-bottom: 21px;}
    .copyright {padding-bottom: 36px;padding-top: 0px;}
    .copyright.text-right {text-align: left;}
    .footer-nav-ul {margin: 0px 0px 20px 0;}
    .citi_logo {padding: 20px 0 26px;}
    .socialIcon ul>li {padding-left: 48px;padding-top: 29px;}
    .pagefooter .seperator {display: none;}
    .menuRow .container {padding-left: 0px;padding-right: 0px;}
    .mobTxtRight {text-align: right;}
    .callLine {padding-top: 25px;}
    .callLine.border-right {border: 0px;}
    .form-section .inputField {margin-bottom: 20px;}
    .radio-btn {font-size: 12px;}
    .form-toplable {font-size: 16px;line-height: 24px;padding-bottom: 30px;letter-spacing: 0px !important;}
    .form-section {padding: 31px 0 0;}
    #contactus-form .form-section {padding: 31px 0 80px;}
    .chatDiv {margin-left: 0px;}
    .HomeBanner .innerBanner, .HomeBanner.HBCSection .innerBanner {margin: -11.4% auto 1%;width: 100%;background: rgba(255, 255, 255, 1);}
    .bannerTxt {position: relative;}
    .chatsection {border-top: 0px;border-bottom: 0px;}
    .chatsection > div:first-child {border-top: 1px solid #666666;}
    .chatsection .disclimer span {padding-bottom: 38px;padding-top: 22px;}
    .innerBanner .pagetitle {font-size: 42px;line-height: 50px;}
    .callLine {font-size: 16px;line-height: 24px;margin: 0px 11px;}
    .leftNavBarSection, .rightPannel {margin: 20px 0 20px;}
    .accordiant-header {font-size: 16px;line-height: 24px;}
    .acc_subTxt {font-size: 16px;line-height: 24px;padding-left: 39px;padding-bottom: 33px;}
    .tickList li {background: url("/views/citi-priority/images/icons/check.png") no-repeat scroll 0px 4px transparent;padding: 0px 0px 19px 35px;}
    .tickList {margin-left: 0px;}
    .cont_Landing *[class^="landing"], .landingWrapper .pagetitle, .text-right.landingWrapper, .landingPara {text-align: center;}
    .landingHeading.pull-right, .landingHeading.pull-left {float: none;width: 100%;}
    .findOutBtn, .articleBtn {width: 100%;}
    
    .commonBtnStyle{width: 100%;}
    .cont_bg .landingWrapper {padding: 0px 20px;}
    .landingWrapper {background: #fff;}
    .landingHeading {font-size: 26px;line-height: 30px;}
    .findOutBtn, .btnStyle2 {margin-bottom: 80px;text-align: Center;width: 206px !important;float: none !important;}
        .red.findOutBtn, .btnStyle2 {margin-bottom: 80px;text-align: Center;width: 206px !important;float: none !important;}
        .fixed-links .red.findOutBtn { margin-bottom: 0; margin-top: 15px; }
    .findMore {margin-bottom: 80px;text-align: Center;}
    .tabs .findMore{text-align: left;}
    .btnStyle2 {width: 45% !important;}
    .form-section .input-box {width: 100%;}
    .mobile-rowcenter *[class^="col"], .mobile-rowcenter *[class^="col-"] {float: left;}
    .nopaddingMobile {padding-right: 0px;padding-left: 0px;}
    .paddingMobileRight {padding-right: 10px;}
    .paddingMobileLeft {padding-left: 10px;}
    .paddingMobile {padding-right: 10px;padding-left: 10px;}
    .first-row {margin-top: 0px;}
    .mobRow {margin-right: -10px;margin-left: -10px;}
    .mobRow2 {margin-right: -20px;margin-left: -20px;}
    #foRow.mobRow2 {margin-right: 0;margin-left: 0;}
    .landingEvent {background: #fff;}
    .offerlist-ul {display: none;padding: 10px 54px 10px;border-bottom: 1px solid #464646;float: left;width: 100%;}
    /*.pageTitleBorder {border-bottom: 1px solid #666666;}*/
    .emailUs .inputField {margin-bottom: 20px;}
    .emailUs .shortForm {margin-bottom: 20px;margin-left: 0px;}
    .emailUs.mg-btm-100 {margin-bottom: 80px;}
    .radio-btn {background: url("/views/citi-priority/images/icons/radio_button_unchecked.png") no-repeat 0 0px;}
    .radio-active {background: url("/views/citi-priority/images/icons/radio_button_checked.png") no-repeat 0 0px;}
    .radioBtnerror {background: url("/views/citi-priority/images/icons/oval_red.png") no-repeat 0 0px;}
    .pageBanner .pagetitle {padding: 23px 0 12px 0;}
    .rightPannelInfo .pagetitle {padding: 0px 0 9px 0;}
    .rightPannelInfo {padding-bottom: 33px;}
    .rightPannelInfo .mainHeading {padding-bottom: 33px;}
    .cont_Landing h2.mainHeading {padding-bottom: 29px;}
    .cont_Landing .landingPara {padding-bottom: 30px;font-size: 16px;line-height: 24px;}
    /*.cont_Landing .findOutBtn, .cont_Landing .findMore {margin-bottom: 80px;}*/
    /*.cont_Landing .findOutBtn, .cont_Landing .findMore {margin-bottom: 40px;} */
    .cont_Landing .watchbtn {margin-bottom: 20px !important;}
    .cont_Landing {margin: 0 0 0px 0;}
    .cont_LandingMobile {background: #fff;}
    .cont_bg_shadow {box-shadow: 0px 0 0;}
    .landing_img2, .team_img1, .team_img2, .privy_img1, .privy_img2 {height: 203px;}
    .events .formBox {margin-top: 36px;margin-bottom: 70px;padding-top: 15px;}
    .events .submit-box {margin-bottom: 39px;}
    .events .subheadingTxt {padding: 29px 0 35px 0;}
    .mobtext-left {text-align: left;}
    .no-pullRight {float: none !important;}
    .mobtext-center {text-align: center;}
    .copyrightLogo {padding-top: 7px;}
    .chatDiv {display: inline-block;padding-top: 8px;}
    .callLine .verticalFix {padding-top: 0px;}
    .submit-box {margin-bottom: 80px;}
    .dropdown-wrapper {margin-top: 10.5%;width: 100%;left: 0px !important;}
    .dropdown-menu {width: 100%;left: 0px !important;max-height: 183px;overflow: auto;overflow-x: hidden;-moz-box-shadow:  0px 2px 10px rgba(0, 0, 0, 0.095);-webkit-box-shadow:  0px 2px 10px rgba(0, 0, 0, 0.095);box-shadow:  0px 2px 10px rgba(0, 0, 0, 0.095);border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
    .footer-seperator {border: 0px;}
    
    /* Privileges landing */
    #rewards_section{padding-top:60px;}
    .imgAlter {margin-top: 0;}
    .wOffer .imgAlter {margin-bottom: 0;}
    .imgAlter .rgtTxt {margin-top: 41px;padding-left: 10px !important;}
    .imgAlter .lftTxt {margin-top: 41px;padding-right: 10px !important;}
    .imgAlter.lastChild {margin-bottom: 0px;}
    .emailUs .submit-box {margin-left: 0px;margin-bottom: 0px;}
    .cont_Landing img {width: 100%;}
    
    /* Privileges promotions */
    .setBtmSpace {margin-bottom: 0px;}
    
    
    /* Privileges events */
    .gray-container h2 {font-size: 26px;line-height: 32px;padding-bottom: 30px;}
    .three-column {margin-bottom: 35px;}
    .three-column .clickMore {text-align: left;font-size: 16px;line-height: 24px;margin-bottom: 37px;padding-bottom: 0px;}
    .three-column .findMore {text-align: left;font-size: 16px;line-height: 24px;margin-bottom: 37px;padding-bottom: 0px;}
    .two-column {margin-top: 0px;}
    .gray-container {padding: 27px 20px 38px 20px;}
    .gray-container p {padding-bottom: 8px;}
    .rgtImg {line-height: 0px;}
    .three-column-heading {margin-top: 65px;}
    .three-column-heading h1.mainHeading {padding: 0 0 17px;}
    .three-column img {padding-bottom: 9px;}
    .three-column h3 {margin-bottom: 8px;}
    .gray-container .findMore {text-align: left;font-size: 16px;line-height: 24px;margin-bottom: 0px;padding-bottom: 0px;}
    .gray-container h3 {padding-bottom: 0px;}
    
    /* Privileges privy */
    .cols-privy {margin-top: 24px;}
    
    /* Privileges lifestyle */
    .tab-two-column {margin-top: 46px;}
    .tab-two-column li {font-size: 16px;line-height: 24px;padding: 13px 0;height: auto;width: 50%;}
    .tab-two-column li.tab-two-column-active {font-size: 16px;line-height: 24px;padding: 16px 0;height: auto;width: 50%;margin-top: -5px;}
    .mobLifestyle .headSection {margin-top: 30px;}
    .mobLifestyle .headSection h1 {font-size: 26px;line-height: 32px;}
    .mobLifestyle .three-column img {padding-bottom: 7px;}
    .mobLifestyle .three-column h3 {margin-bottom: 0px;}
    .lightbox-content h1 {font-size: 30px;line-height: 32px;}
    
    /* Insights */
    .firstVideoContainer {margin-bottom: 80px;}
    .firstVideoContainer .gray-container {padding: 40px 0;}
    .firstVideoContainer .findMore {text-align: center;}
    .videoContainer {margin-bottom: 20px;}
    .videoContainer .gray-container {padding: 40px 20px;text-align: center;}
    .ipadPortOnly {margin-top: 0px;}
    .videoContainer .findMore {text-align: center;}
    .grayline-box {margin-bottom: 40px;}
    .insight-headings {margin-top: 38px;}
    .insights .column-detail {min-height: 0px;}
    
    /* Insights - Market outlook */
    .leftPannelContent {padding: 40px 0 78px 0px;margin: 0;}
    .leftPannelContent h4.pagetitle {font-size: 12px;line-height: 16px;}
    .leftPannelContent h2.mainHeading {font-size: 26px;line-height: 32px;}
    .socialGraylineBar .authorName {font-size: 12px;width: 100%;}
    .leftPannelContent ul.socialGoldIcon {float: left;width: 100%;margin-top: 10px;}
    .leftPannelContent ul.socialGoldIcon li:first-child {padding-left: 0px;}
    .accordiant-inner-content {padding-left: 0px;}
    .goldBox h3.authorDesc {font-size: 16px;line-height: 24px;}
    .goldBox {margin-left: 0;width: 100%;}
    .rightPannelContent {margin: 0;}
    .rightPannelContent h4.pagetitle {font-size: 16px;line-height: 16px;padding-bottom: 5px;}
    
    /* US Presidential START */
    h2.largeHeading {font-size: 26px !important ;line-height: 32px;}
    h4.mediumHeading {font-size: 20px;line-height: 28px;}
    
    /* Article 4 */
    #forElectionVideo.videoContainer .gray-container {padding: 40px 20px;text-align: center;}
    
    /* US Presidential END */
    
    /* Insights - Expand your horizon */
    .three-column-video .headSection {margin-top: 64px;}
    .three-column-video .three-column {display: inline-block;margin-bottom: 0px;}
    .three-column-video .three-column-video-list {margin-bottom: 30px;}
    
    /* Global advantage */
    .greenTick {background: url("/views/citi-priority/images/icons/check_green.png") no-repeat 0px 7px;padding-left: 32px;margin-bottom: 29px;display: inline-block;font-size: 16px;line-height: 24px;}
    .rightPannelStyle2 .rightPannelInfo .lastTick {margin-bottom: 35px;}
    .rightPannelStyle2 .rightPannelInfo img {padding-bottom: 33px;width: 100%;}
    .rightPannelStyle2 .rightPannelInfo .pagetitle {padding: 0px 0 4px 0;}
    .rightPannelStyle2 .rightPannelInfo .dispfooter-group {text-align: center;}
    .rightPannelStyle2 .rightPannel {margin: 0px 0 0px;}
    .rightPannelStyle2 .rightPannelInfo .mainHeading {padding-bottom: 33px;}
    .rightPannelStyle2 .rightPannelPara {font-size: 16px;line-height: 24px;padding-bottom: 38px;}
    .rightPannelStyle2 .rightPannelInfo {padding-bottom: 62px;display: inline-block;}
    .ipadImg {position: relative;margin-top: 0px;}
    .leftColumn {padding: 60px 55px 70px;}
    .gray-container-privy {padding: 10px 10px 22px 10px;}
    .mobSwapSpace {margin-top: 30px;}

    #peaceofMind.videoContainer .gray-container {text-align: left;}
    #peaceofMind.videoContainer {margin-bottom: 40px;}
    
    /* Advisory landing */
    .advisory-landing .rightPannelInfo p.rightPannelPara {font-size: 16px;line-height: 24px;}
    .advisory-landing .rightPannelInfo .greenTick {background: url("/views/citi-priority/images/icons/check_green.png") no-repeat 0px 7px;padding-left: 32px;margin-bottom: 29px;display: inline-block;font-size: 16px;line-height: 24px;}
    .advisory-landing .rightPannelInfo .lastTick {margin-bottom: 35px;}
    .advisory-landing .rightPannelInfo img.firstImage {padding-bottom: 30px;}
    .advisory-landing .rightPannelInfo {padding-bottom: 51px;}
    .advisory-landing #rightPannel1 {padding-bottom: 36px;}
    
    /* Welcome */
    .rowSection {margin-top: 47px;}
    .rowSection h4.first {padding-bottom: 5px;font-size: 12px;letter-spacing: 2px;line-height: 16px;}
    .rowSection h4.last {padding-bottom: 37px;}
    .leftColumn {padding: 34px 20px 21px;}
    .content {padding: 6px 20px 16px;width: 100%;}
    .contentHeading {margin-bottom: 4px;letter-spacing: 1px;}
    .add-details {font-size: 12px;letter-spacing: 1px;line-height: 16px;}
    .leftColumn .mainHeading {padding-bottom: 0px;font-size: 42px;letter-spacing: 0px;line-height: 50px;}
    .add-box h3.subHeading {font-size: 26px;letter-spacing: 0px;line-height: 31px;}
    .bdrGold h1.mainHeading {font-size: 42px;letter-spacing: 0px;line-height: 50px;}
    .rightColumn .contentHeading {border-left: 0px !important;padding: 6px;}
    .content {color: #333333;font-size: 16px;letter-spacing: 0px;line-height: 24px;}
    .tandc {margin: 0px 0 14px;}
    .add-box .before {left: 39%;}
    .add-box {padding: 36px 2px 30px;}
    .bggray > div {margin-top: -4px;}
    .lightbox-content {display: initial !important;vertical-align: none !important;}
    .lightbox-inner {margin: 0% auto !important;}
    .footerTc li:nth-child(2n) {margin: 0px 0px 0px 0px;}
    .wtSoution .acc_subTxt {padding-left: 39px;padding-bottom: 29px;}
    .new_disclaimers, .termsCondtion ol.numLst li, .termsCondtion {font-size: 14px;line-height: 18px;}
    .wtSoution .tickList ul li {padding: 0px 0px 18px 33px;width: 100%;}
    .wtSoution .tickList {padding-left: 39px;margin-bottom: 10px;}
    .lightbox-body {padding: 35px 10px 20px !important;}
    
    /* Team */
    .team .headSection {margin-top: 64px;}
    .team > div {color: #333333;font-size: 16px;letter-spacing: 0px;line-height: 24px;}
    .team .headSection h1 {padding-bottom: 24px;}
    .team h2.mainHeading {padding-bottom: 4px;}
    .gsc-search-box input.gsc-input {padding-bottom: 14px !important;}
    .mobContainer2 {display: inherit;}
    
    /* Segmentation */
    .tableSection > div {color: #333333;font-size: 16px;letter-spacing: 0px;line-height: 24px;}
    .tab.col2by5 {width: 100%;}
    .tableTd {width: 100%;}
    .tableSpacing {margin-bottom: 20px;}
    .dropDown .col2by5, .tableTd .col2by5 {width: 48%;float: left;font-family: "interstate-light";font-size: 16px;line-height: 24px;}
    .dropDown {display: inline-block;}
    .tableTr>div {text-align: left;padding-top: 0px;}
    .tab-accordiant-header.active-state {border-bottom: 0px solid #DDDDDD;display: table !important;}
    .headerFirst {border-top: 1px solid #000000;}
    .tab-accordiant-header a {background: url("/views/citi-priority/images/icons/plus.png") no-repeat scroll 10px 21px transparent;padding: 14px 0px 13px 40px;color: #333333;font-family: "interstate";font-size: 16px;line-height: 24px;width: 100%;}
    .priceItem >div, .color1, .color2, .color3, .color4 {font-size: 16px;line-height: 24px;font-family: "interstate";}
    .tab-accordiant-header.active-state a {font-family: "interstate";color: #333333;background: url("/views/citi-priority/images/icons/minus.png") no-repeat scroll 10px 21px transparent;border-bottom: 0px;background-color: #ffffff;display: inline-block;width: 100%;padding: 14px 0px 13px 40px;}
    .tableSection {background: #ffffff;margin-top: 30px;margin-bottom: 50px;}
    .tableSection .rowtable {background: #EEEEEE;}
    .impTxt {margin-top: 20px;}
    .tab-accordiant-content {width: 100%;}
    .priceItem>div, .tableHeader>div, .tableTr {margin-bottom: 0px;}
    .tableTd .submit-box {margin-bottom: 10px;}
    .tableTd .learnMore {margin-top: 10px;margin-bottom: 0px;}
    .dividerSegment {display: inline-block;border-bottom: 1px solid #CCCCCC;margin-bottom: 5px;width: 89.5%;margin-left: 40px;}
    .step1, .step2, .step3, .step4, .step5, .step6, .step7, .step8 {height: auto !important;}
    .colMob {padding: 0 10px;}
    .contentWrapper .divider {display: none;}
    .col2by5>p {margin-bottom: 20px;padding-top: 0px;height: auto !important;}
    .homePageSection .insight-headings {margin-top: 38px;}
    .homePageSection .homePageSection.insight-headings{margin-top:0px !important;}
    .homePageSection .emailUs .subHeading {padding-bottom: 33px;}
    .homePageSection .callLine {margin: 0px 0 0px;padding-bottom: 0px;padding-top: 0px;}
    .homePageSection .emailUs .callLine:nth-child(2) {margin-top: 20px;margin-bottom: 20px;}
    .homePageSection .emailUs .chatDiv {padding-top: 0px;width: 80%;}
    .menuBar {height: 0;background: #fff;}
    .menuBar nav{height: auto;background: #fff;overflow:auto;}
    .draggable {height: 100% !important;}
    .tableSpacing .col2by5 {margin-bottom: 3px;}
    .tableSpacing .col2by5:last-child {margin-bottom: 20px;}
    .whitebgwithShadow {box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.2);}
    .errTxt>p, .errTxt h1.mainHeading {padding-bottom: 20px !important;}
    .errTxt {margin: 50px 0;}
    .visibleSM{display: none !important;}
    .circleSection{padding-bottom:70px;}
    
    /*chart page*/
    .commonTab .tableTr>div{padding-bottom: 0;padding-top: 0px;}
    .commonTab .tableBorder {border-top: 0px solid rgba(191,191,191, .5);}
    .commonTab .dividerSegment {width: 100%;margin-left: 0px;display: table;margin-bottom: 0px;}
    .commonTab .tableMob{text-align: left;width: 48%;margin-top: 10px;margin-bottom: 10px;padding-left: 0px;}
    .graph-tab p,.graph-tab  div{font-size: 16px;line-height: 24px;}
    .commonTab .tab-accordiant-header.active-state{width:100%;}
    .commonTab .colMob{padding: 0 10px 0px 50px;margin-bottom:10px;}
    .box-border .center-row{display:table;}
    .box-border .center-row .center{display:table-cell;}
    text{font-size:8px !important;}
    .tab-two-column li:after{height:30px;}
    .cc-space-top{margin-top:80px;}
    .graph-tab .three-column {margin-bottom: 0px;}
    .innerdraggableTab .tab-two-column li,.innerdraggableTab .tab-two-column li.tab-two-column-active{width:250px;}
    .graph-tab .box-border{font-size: 12px;line-height:16px;}
    .cc-space-top{margin-top:50px;}
    .cc-space-bottom{margin-bottom:70px;}
    .innerdraggableTab {height: 83px;}
    .margin-top100{margin-top:73px}
    .mobile-margin-btm20{margin-bottom:20px}
    .margin-btm60{margin-bottom:20px}
    .box-border{height:auto !important;}
    .margin-btm40 {margin-bottom: 23px;}
    .tabPanel .margin-btm40 {margin-bottom:0;}
    .blockTitle {font-family: "interstate-light";font-size:18px;line-height: 24px;color: #333333;}
    .graph-tab .headerFirst .dropDown {padding-bottom: 0px; }
    .graph-tab .tableSpacing {margin-bottom: 0px; }
    .pieContainer{text-align: center;width: 100%;margin: 0px auto;}
    svg{margin: 0px auto;}
    .subTitle h2.mainHeading {padding: 0 0 17px;}
    .mobileTxtCenter{text-align:center;}
    .headerFirst .tab-accordiant-header a{font-family:interstate;}
    .citigoldThumbContainer {margin-bottom: 0px;}
    .leftPannelContent .accordiant-header a {margin-top: 19px;margin-bottom: 19px;}
    .progressbarbg span {padding: 13px 0px;font-size: 10px;}
    .link-font > a {font-size: 18px;line-height: 26px;}
    .errorCode, .errorCode2 {height: auto;}
    .findOutBtn {line-height: 53px;}
    .red.findOutBtn {line-height: 53px;}
    .preContactTime {margin-top:0;}
    .gsc-results-wrapper-overlay {left: 0 !important;margin: 0 30px !important;width: auto !important;}

    /**/
    .hBannerLeft{display:table;padding: 0 20px;width:100%;}
    .hBannerRight{display:table;padding:20px;width:100%;}
    .mobileMenuHeading{line-height:48px;width: 70%;float: left;padding:0 0 0 20px;font-size: 16px;}
    .menubar-ul > li.ddown > a{background:url('/views/citi-priority/images/mobile/mob_chevron_down.png') no-repeat 94% center;display:block;}
    .menubar-ul > li.ddown > a.up{background:url('/views/citi-priority/images/mobile/mob_chevron_up.png') no-repeat 94% center;}

    .menubar-ul > li{padding: 0}
    .menuShadow .container{padding: 0;}
    .menuBar .mCSB_inside > .mCSB_container {margin-right: 0 !important;}
    .menuOut{display:none;}
    .menubar-ul > li > a{display:block;padding:17px 20px 17px 20px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
    .menubar-ul > li:hover > a{color:#B4975A;}
    .innerDropdowns{position: relative;width: 100%;top: 0;}
    .innerDropdowns .innerDropdowns{position: relative;width: 100%;top: 0;left:0;}
    .innerDropdowns li a{padding:15px 20px 15px 35px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);font-size:14px;line-height:14px;background:#eee url('/views/citi-priority/images/mobile/mob_chevron_right.png') no-repeat 94% center;; display:block;}
    .innerDropdowns .innerDropdowns li a{padding:15px 20px 15px 50px;background:#eee;}
    .dropdown-menu{display:none;}
    .iconsOut{float:left;}
    .menubar-ul > li:after {display:none;}
    .LoginDesk{display:none;}
    li.loginMobile{display:block;}
    #lowerSection{margin: 60px 0 0 0;}
    .tabPanel .tabs .citigoldHomeWrap img{padding:0 0 40px 0;}
    #gtTabs,#grTabs{margin:0 0 20px 0;}
    #cwTabs{margin:0 0 20px 0;}
    .tabPanel .gtTabLM{margin-bottom: 40px;}
    .tabPanel .tabs .landingPara{text-align:left;}
    .tabPanel .tabs{padding: 40px 0 0 0;}
    .pbPanel article{padding:0 20px;}
    .pbPanel article:first-child{border-right:0;}
    .pbPanel article:first-child .citigoldHomeWrap{padding-bottom:20px;border-bottom:2px solid #ccc;}
    #personalBanking h2 {margin-bottom: 0;}
    #personalBanking h3.subHeading {margin-bottom: 10px;}
    #personalBanking .pbPanel{padding: 0px 0 25px 0;}
    .pbPanel article {margin-top: 20px;}
    .cardsContainer article:first-child .citigoldHomeWrap {border-bottom:1px solid #ccc;margin-bottom:40px;}
    .cardsContainer article:first-child .cardContent{border-right:0;}
    .cardsContainer article .cardContent{padding: 0 20px;}
    .cardsContainer article:first-child .citigoldHomeWrap > img{margin-top:-50%;}
    .cardsContainer .citigoldHomeWrap > img{margin-top:0;width:auto;}
    .cardsContainer{padding-top:80px;margin-top: 140px;}
    .hiddenPanel{margin: 40px 0 80px 0;}
    #personalBanking.hiddenPanel{margin: 0px 0 40px 0;}
    .grayArrowContainer{margin:0 0 80px 0;padding-bottom: 0}
    #applySection .chatDiv{padding-top: 0;}
    #lowerSection{padding: 0;}
    .hBannerLeft{width:100%;display:block;}
    .hBannerRight{width:100%;display:block;}
    .HomeBanner.HBCSection .innerBanner{width:100%;}
    .HomeBanner.HBCSection{padding-bottom:32px;}
    ul.discList { padding: 0 0 0 31px;}
    .disclaimerSubmission p {padding: 0 0 0 30px;}
    .lang-switch{margin:0 0px 0 20px;}
    .radioSection{padding-top:0;padding-bottom:10px;}
    .pagetitle-subTxt .findMore { margin-bottom: 0;}
    .contactTop .chatsection{padding:0 0 30px 0;}
    #contactBtn{margin-bottom: 0px;}
    #applySection .subHeading {font-size: 16px;line-height: 26px;margin: 20px 15px 20px 0;}
    .cardsContainerout > .container{padding:0;}
    .cardsContainerout{margin-bottom:40px;}
    .cardsContainerout h2{margin:0;padding-bottom:10px}
    #applySection .callLine{margin: 20px 0 0 0;}
    .grayArrowContainer h2 {margin-bottom: 0;padding-bottom: 17px;}
    #createWealth h2 {font-size: 26px; line-height: 32px;}
    #createWealth .cwPanel article:last-child .citigoldHomeWrap {border-left: none;}
    #createWealth .cwPanel article:first-child .citigoldHomeWrap {margin-bottom: 0;border-bottom:2px solid #ccc; padding:0 20px 20px 20px;}
    .cwPanel article .citigoldHomeWrap {margin:20px 0;padding: 0 20px 0 20px;}
    .cwPanel article .citigoldHomeWrap h3 {font-size: 20px;}
    .cwTop{background: #B4975A;padding:20px 20px 140px;color:#fff; }
    .cwBottom{padding:20px;}
    .icon-block:after {content: none;}
    .goals-white-block-inner:nth-child(2){border-right: 0;border-left: 0;}
    .goals-white-block-inner {padding: 0 0 25px;border-right: none;margin: 13px 0;}
    .goals-white-block-inner:last-child {padding: 0 0 10px;border-bottom: 0;}
    .goals-white-block-inner h3, .invest-gray-block h3 {margin-bottom: 10px;}
    .arrow-line { margin-bottom: 50px; }
    .arrow-line:after { background: url(../images/prepare-your-journey/arrow_m.png) no-repeat; }
    .invest-tab.row1{border-bottom:0}
    .invest-gray-block {margin-top: 25px;padding: 0 15px 25px;border-bottom: 1px solid #ccc;}
    .invest-tab:last-child .invest-gray-block:last-child {border-bottom: 0;}
    /*.invest-gray-block:first-child {border-right: none;}*/
    .invest-gray-block:last-child {border-left: none;}
    .invest-tab {padding-bottom: 0;}
    .invest-gray {padding: 0 20px 80px;}
    .goals-gray-block {padding: 0 10px 80px;}
    .hiddenPanel.welcome-offer {margin-top:40px;margin-bottom: 40px;padding-bottom: 40px;} 
    .apply-now {margin: 30px 0 40px;}
    .apply-now:last-child {margin: 0px 0 0;}
    #your-goals .icon-block p {min-height: 0;width: 160px;margin: auto;}
    .icon-block p { margin-bottom: 0px !important;}
    #your-goals .icon-block{display:none;}
    #your-goals .icon-active{display:block;}
    #your-goals .icon-wrapper{position:relative;}
    .dirNavig{position:absolute;top:65%;left:0;width:100%;}
    .dirNavig a{position:absolute;}
    #sli-prev{left:20px;display:none;background:url('/views/citi-priority/images/mobile/prev.png');width:16px;height:29px;}
    #sli-next{right:20px;background:url('/views/citi-priority/images/mobile/next.png');width:16px;height:29px;}
    .goals-white-block{padding:10px 20px;}
    .cw-insights .tabs {border-top: 1px solid #ccc;padding: 30px 0;}
    .tabs .lftTxt, .tabs .rgtTxt {padding: 0 20px !important;}
    .updated{margin: 20px 0 30px;}
    .cw-insights .tabs .rgtImg{text-align: center;}
    .icon-block.icon-active:before{content:none;}
    .cwInsightThumbs{margin:0;}
    .doubleUL .lftTxt .tickUL {padding: 15px 0 0 0;}
    .doubleUL .rgtTxt .tickUL {padding: 0 0 15px 0;}
    #applyThankSection{margin: 80px 0 10px 0;padding: 80px 0 0 0;}
    #applyThankSection .cont_Landing img{width:auto;}
    .thankPage{margin:80px 0 0;}
    .tqText{margin:76px 0;}
    .ctaSec article a:last-child{margin-left:0;}
    .ctaSec article a{margin-bottom: 20px;display:block;}
    .ctaSec article:last-child a{margin-bottom: 13px;}
    .ctaSec article:last-child a:last-child{margin-bottom: 0;}
    .fxtService .three-column > .col-sm-12:not(:last-child) .column-detail{margin-bottom:25px;}
    .fxtService{margin-bottom:80px;padding-bottom:60px;}
    .tabs .clickMore, .tabs .findMore{margin-bottom:20px;}
    .tabs h2.mainHeading{padding-bottom: 20px;}
    .homePage .WcomeSec {padding: 0 0 30px 0;margin-bottom: 80px;}
    .openNext {margin-right: auto; margin-left: auto;float: none !important;}
    .tRow{display:inline-block;margin-bottom:10px;padding: 10px 20px;background: #eee;}
    .tRow .tCell {display: inline-block;width:100% !important;padding:10px 0 !important;background:#eee !important;}
    .tRow .tCell.rcSpan{text-align: left;border-top:1px solid #fff;}
    .tRow .tCell.rcSpan span{position:relative;top:0;}
    .tRow .tCell.second{text-align: left;}
    .tRow .tHead{padding:10px 0 !important;width: 100%;background: #eee;font: 12px/16px "interstate-light", arial;}
    .apply-now{line-height:40px;}
    .tab-text, .tab-table {display: inline-block;}
    .tab-text {padding: 0 20px 30px;}
    .tab4 .tab-text {padding: 0 20px 0;}
    .tab-table{padding: 0;}
    .ttText{padding: 0 20px 0;}
    .tab-table ul.tickUL{padding-top:0;}
    .tab-inner{background:#fff;padding-bottom:40px;}
    .tabPanel.welcome-offer .tabs{box-shadow: 0 1px 4px #bfbfbf;}
    .tabPanel.welcome-offer .tabs .findMore{text-align:left;}
    .tabPanel.welcome-offer .tabs .findMore {margin-bottom: 0;}
    /*#ui-datepicker-div{max-width: 85% !important;}*/
    .uncheck input, .checked input {vertical-align: top;}
    /*.pageBanner{margin-top: 81px;}*/
    .fixedHeader{height:55px;}
    .ui-datepicker{width:260px;min-width:260px;}
    .hpage .pageBanner {background: #fff;}
    .ctaSec article{text-align:center;}
    .ctaSec article:first-child a{width: 230px !important;margin: 0 auto 20px auto;}
    .hBannerLeft .pagetitle-subTxt{padding-bottom:30px;}
    .HBCSection .innerBanner .pagetitle {padding: 30px 0 20px 0;}
    #footsticky {font-size:14px;line-height:20px;display: block;}
    #footsticky.fixed {display: inline-block !important;width: auto;}


    /*.footer-fixed.fixed {display: block !important;}
    .footer-fixed {display: block}*/


    .bannerGoldTxt{border-top: 1px solid #919fae;}
    /*.hplSection>div{padding:0 25px;}*/
    .crpOut .row .gray-containerBg{margin:80px 0;}
    .crp>article{padding:0;}
    #applySection #footsticky .callLine{margin:3px 0 0 0;}
    #footsticky h3.subHeading{margin:0 10px 0 0;line-height:20px;float:left;}
    .goals-gray-block .noRowMobile{margin-right: 10px;margin-left: 10px;}
    .goals-white-block {background: none;}
    #createWealth>div{padding:0;}
    #personalBanking h3.subHeading{font-size:21px;line-height:28px;}
    .cardsContainer h3.subHeading {font-size: 21px;line-height: 28px;margin: 20px 0 13px 0;}
    .cardsContainer article{text-align:left;}
    .cardsContainer article .cardContent{text-align:left;}
    .cardsContainer article .cardContent .landingPara{text-align:left;}
    .cardsContainer .citigoldHomeWrap > .findMore{text-align:left;margin-left:20px;}
    .cardsContainer .citigoldHomeWrap > img{margin-left: auto;margin-right: auto;width: 268px;display: block;}
    .promoArea {margin: 0 20px;}
    .innerwrap{margin-bottom: 50px;}
    .fhNav{position:absolute;top:53px;overflow: auto;height: calc(100vh - 55px);}
    .tab-text.withTab{padding-right:20px;width:100%;}
    .tab-table.withTab{width:100%;}
    #globalResident .tab-text.withTab, #globalTraveller .tab-text.withTab{padding-right:20px;width:100%;}
    #globalResident .tab-table.withTab, #globalTraveller .tab-table.withTab{width:100%;}
    .non-mobile-app a:first-child, .non-mobile-app a {margin: 0 18px 7px 0;}
    
    .banner-title-block .title-content {width: calc(100% - 40px);margin: 0 20px;padding: 25px;left: 0;font-size: 16px; line-height: 24px;}
}
@media (max-width: 767px) and (orientation: landscape) {
    .add-box .before {left: 44%;}
/*    .new-subheading {line-height: 2.2vw;}*/
}

@media (max-width: 450px) {
    .rgtImgVideo div {height: 192px;}
    .gsc-table-cell-thumbnail {width:50% !important;}
    .draggable-container.col-sm-10 {width: 73.66666667%;}
     #privilegesThumbImg5 {background-size: cover;}
     .tableRow,.tableRow .goldTxt {font: 16px/21px "interstate-light";}
}

@media (max-width: 736px) {
    .funds-row .setHeight {height: auto;}
    .limelight-player-footprint, .LimelightEmbeddedPlayerFlash {height: 401px !important;width: 100% !important;}
}

@media (max-width: 667px) {
    .videoSection div {height: 383px;}
    .promoText p{ width:100%;margin-right:0;text-align:center;margin-bottom:20px;}
}

@media (max-width: 568px) {
    .thumpContainerVideo div {height: 252px;}
    .videoSection div {height: 315px;}
    .new-subheading{line-height: 20px;}
    #applySection .subHeading{width:55%}
    #applySection #footsticky .callLine {margin: 3px 0 0 0;}
    
    
}
@media (max-width: 500px) {
    .tableRow, .tableRow .goldTxt {font: 20px/26px "interstate-light";}
}
@media (max-width: 480px) {
    .logoWrapper a.visibleMobile { width: 150px; margin-top: 5px; }
    .thumpContainerVideo div {height: 211px;}
    .videoSection div {height: 260px;}
    .visibleXSM {display: block!important;font-size: 3.8vw;}
    .visibleExceptXSM {display: none;}
    /*added chart*/
    .innerdraggableTab .tab-two-column li,.innerdraggableTab .tab-two-column li.tab-two-column-active{width:190px;}
    .disclaimerSubmission label{width:85%;}
    #applySection #footsticky .callLine {margin: 11px 0 0 0;}
    .footerTc .row{margin-right: 0;}
    .footerTc li{font-size: 0;}
}

@media (max-width: 414px) {
    .thumpContainerVideo div {height: 160px;}
    .rgtImg .sidevideo-wrapper, .rgtImg .sidevideo-wrapper div {/* height: 180px;*/}
    .videoSection div {height: 237px;}
    .dropdown-menu {max-height: 296px;}
    .tab-inner .tableRow>div {font-size:16px;}
}

@media (max-width: 375px) {
    .gsc-table-cell-thumbnail {width: 100% !important;}
    .videoSection div {height: 203px;}
    .callLine .verticalFix {padding-top: 3px;font-size: 14px;line-height: 18px;}
    .graph-tab  svg{width: 76%;}
    .radio-label {padding-left: 4px;font-size: 13px;}
    #applySection .subHeading {width: 50%;}
    #applySection #footsticky .callLine {margin: 21px 0 0 0;}
}

@media (max-width: 320px) {
    .logoWrapper a.visibleMobile { width: 130px; margin-top: 5px; }
    .videoSection div {height: 184px;}
    .tableRow, .tableRow .goldTxt {font: 14px/21px "interstate-light";}
    .accordiant-header {font-size: 16px;}
    .callIcon {padding-right: 9px;}
    .content {padding: 16px 22px}
    .callLine .verticalFix {padding-top: 3px;font-size: 12px;line-height: 18px;}
    .whitebgwithShadow{width: 100px !important;}
    .visible320 {display:block !important;}
    
    .graph-tab  svg{width:100%}
    .progressbarbg span {padding: 13px 0px;font-size: 8px;}
    .tab-inner .tableRow>div {font-size:14px;}
    #applySection h3.subHeading {width: 52%;margin: 0 5px 0 0;}
    #applySection #footsticky .callLine {margin: 21px 0 0 0;}
    #footsticky{padding:15px 17px;}
}


@media (max-width: 319px) {
    .socialIcon ul>li {padding-left: 40px}
}


/* *******************************************
    PREVENT PHONE NUMBERS FROM WRAPPING
******************************************* */
.nobreakspace {white-space: nowrap;}


/* *******************************************
    NUMBER LIST SHOULD BE USING A MONO TYPE FONT
    TO ALIGHT PROPERLY
******************************************* */
ol li, .numLst li {font-family: 'ddl-interstate-light';}
.dropdown-menu a:hover {color: #B4975A !important;}


/* *******************************************
    WORKING ON THE CUSTOM CSS OF GOOGLE SEARCH
******************************************* */
.gssb_c {border: none;margin-top: -3px;margin-left: 9px;-webkit-box-shadow: none;box-shadow: none;}
.gssb_e .gsc-completion-container {border: none;background: white;font-size: 16px !important;font-family: "interstate-light";letter-spacing: 0.02em;margin-left: -100px;-webkit-box-shadow: none;box-shadow: none;}
.gsq_a table td {font-family: "interstate-light";}
.gsq_a table td span {font-weight: bold;color: #333333;}
.gsq_a table td span b {color: #999999;}
.gsc-orderby {display: none;}
.gsc-above-wrapper-area {border-bottom: 0px solid #E9E9E9 !important;}
.gsc-cursor-page {color: #B4975A !important;}
.gsc-table-cell-thumbnail {/* width: 0% !important;*/}


/* *******************************************
    CREATE A BEFORE
******************************************* */
.upArrow li a.grayArrow::before {content: '';position: absolute;display: block;width: 15px;height: 8px;left: 10px;top: 18px;background-image: url('/views/citi-priority/images/icons/carat_grey.png');transition: all 600ms ease;}
.upArrow li a.grayArrow.activeDisclaimer::before {-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.accordiant-header .upArrow li a.goldArrow::before {content: '';position: absolute;display: block;width: 15px;height: 8px;left: 20px;top: 18px;background-image: url('/views/citi-priority/images/icons/carat_grey.png');transition: all 600ms ease;}
.accordiant-header .upArrow li a.goldArrow.activeDisclaimer::before {-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
#preferential .grayArrow::before {left: 0px !important;}
.rightPannelStyle2 .upArrow li a::before {content: '';position: absolute;display: block;width: 15px;height: 8px;left: 10px;top: 18px;background-image: url('/views/citi-priority/images/icons/carat_grey.png');transition: all 600ms ease;}
.rightPannelStyle2 .upArrow li a.activeDisclaimer::before {-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.click-disclaimer li a.goldArrow::before {content: '';position: absolute;display: block;width: 15px;height: 8px;left: 9px;background-image: url('/views/citi-priority/images/icons/carat_grey.png');transition: all 600ms ease;}
.click-disclaimer li a.goldArrow.activeDisclaimer::before {-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.lightBoxTxt .click-disclaimer li a.goldArrow::before {content: '';position: absolute;display: block;width: 15px;height: 8px;left: 0px;background-image: url('/views/citi-priority/images/icons/carat_grey.png');transition: all 600ms ease;top: 18px;}


.upArrow li a::before {content: '';position: absolute;display: block;width: 15px;height: 8px;left: 10px;top: 18px;background-image: url('/views/citi-priority/images/icons/carat_grey.png');transition: all 600ms ease;}
.upArrow li a.activeDisclaimer::before {-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

.leftPannelContent .accordiant-header a::before {content: '';position: absolute;display: block;width: 15px;height: 8px;left: 10px;top: 8px;background-image: url("/views/citi-priority/images/icons/carat_gold.png");transition: all 600ms ease;}
.leftPannelContent .accordiant-header.active-state a::before {-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

/* *******************************************
    SLOW ZOOM CSS FROM IMAGES
    TRIGGERED VIA ADDING CLASS BY JAVASCRIPT
******************************************* */
.sidephoto-wrapper {width: 100%;height: 100%;overflow: hidden;}
.sidephoto-wrapper > div {background-position: center;transition: all 10200ms ease;-moz-transition: all 10200ms ease;-ms-transition: all 10200ms ease;-webkit-transition: transform 10200ms ease;-o-transition: all 10200ms ease;}
.sidephoto-wrapper > div.slowzoom {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}


/* *******************************************
    PREVENT PHONE NUMBERS FROM WRAPPING
******************************************* */
.whitebgwithShadow {display: inline-block;background-color: white;margin-right: -20px !important;width: 110px;text-align: center;}
.fixedoverflow {width: 0px;}
#stickyAnimation {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}






/* ********************************************************* 

********************* START OF CHANGES *********************

********************************************************* */

#citigoldhomeImg1 {
    -webkit-transform: translateZ(0);
    -webkit-transform: translate3d(0,0,0);
    transform: translateZ(0);
    transform: translate3d(0,0,0);
}

#caretHolder {
    position: relative;
    margin: 0 auto;
    width: 30px;
}

#caretHolder .caret {
    position: absolute;
    top: 60px;
    width: 30px;
    height: 30px;
    
}

.caret::after { 
    position: absolute;
    display: block;
    content: "";
    
    width: 30px;
    height: 16px;
    background-image: url("/views/citi-priority/images/carat_down_gold.png");
    
    -webkit-animation: arrowmoves 400ms infinite; /* Safari 4+ */
    -moz-animation: arrowmoves 400ms infinite; /* Fx 5+ */
    -o-animation: arrowmoves 400ms infinite; /* Opera 12+ */
    animation: arrowmoves 400ms infinite; /* IE 10+, Fx 29+ */
    
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes arrowmoves {
    from {top: 0px;}
    to {top: 10px;}
} 
@-moz-keyframes arrowmoves {
    from {top: 0px;}
    to {top: 10px;}
}
@-o-keyframes arrowmoves {
    from {top: 0px;}
    to {top: 10px;}
}
@keyframes arrowmoves {
    from {top: 0px;}
    to {top: 10px;}
}

/* ********************************************************* 

********************* END OF CHANGES *********************

********************************************************* */
/*START chinese*/
.chinese .tickList strong, .chinese .goals-white-block-inner h3 ,.chinese .new_disclaimers li, .chinese .disclimer, .chinese .plans-block-content h3, .chinese .gray-container h3, .chinese .three-column h3,.chinese .greenTick h3, .chinese .priceItem .mobTxtRight, .chinese .cg-boxmodel p, .chinese .tab-accordiant-header a,.chinese .tab-accordiant-header.active-state a,.chinese .loginDesktop, .chinese .logInbtn a, .chinese .accordiant-content .acc_subTxt a.learnMore, .chinese .priceItem>div, .chinese .findOutBtn {
     font-family: mheihk, arial; 
}
.topMenu ul.lang-switch li >a{ font-family: mheihk-light, arial; }
.chinese .topMenu ul.lang-switch li >a{font-family:"interstate-light";}
.chinese .topMenu li >a, .chinese .contCover, .chinese .input-box, .chinese select, .chinese .selectBox-dropdown .selectBox-label, .chinese .selectBox-dropdown .selectBox-label a, .chinese .selectBox-options LI A, .chinese .selectBox-options .selectBox-optgroup, .chinese .gsc-search-box input.gsc-input, .chinese .errTxt>p, .chinese .form-section .textAreaBox, .chinese .tickList h3, .chinese .leftPannelContent h3.blackHeading, .chinese .leftPannelContent h3.goldHeading, .chinese .leftPannelContent .accordiant-header.active-state a, .chinese .tableHead, .chinese .tableRow, .chinese .tableRow .goldTxt, .chinese .tableHeader, .chinese .dropMenu, .chinese h4.paraHeading, .chinese .commonTab  .dropMenu>a, .chinese .blockTitle, .chinese .tRow .tCell.tHead, .chinese .tRow .tCell, .chinese .gssb_e .gsc-completion-container, .chinese .gsq_a table td  { font-family: mheihk-light, arial; }

.chinese .fontBold, .chinese a.fontIntBold, .chinese .fontInBold, .chinese .logInbtn a, .chinese .footer-heading, .chinese .btnStyle, .chinese .accordiant-header.active-state div a, .chinese .accordiant-content .acc_subTxt a.learnMore, .chinese .clickMore, .chinese .findMore, .chinese .tandc, .chinese .fourColumn h3, .chinese .dropMenu>a  { font-family: mheihk-bold, arial !important; }

.chinese .openNext{width:90px;}
.chinese .tqText .subHeading a.lined{text-decoration:underline;font-family:mheihk-light, arial;}

@media (max-width: 1100px){
.chinese #applySection .subHeading {width: auto;}
.chinese #applySection .callLine{margin: 0 0 0 20px;}
}

@media (max-width: 767px) {
    .chinese .dropDown .col2by5, .chinese .tableTd .col2by5 { font-family: mheihk, arial; }
    .chinese #applySection .subHeading {float:none;}
    .tab-inner {display: block;width: 100%;}
    .tab-head {font-size: 26px; line-height: 32px;}
    .tab-text, .tab-table {display: inline-block;}
    .tab-text {width: 100%;padding: 0 20px 25px;}
    .tab-table {padding-left: 0;}
    .offer-table .tableRow {border-bottom: 10px solid #ffffff;}
    .tRow{display:inline-block;margin-bottom:10px;padding: 10px 20px;background: #eee;}
    .tRow .tCell {display: inline-block;width:100% !important;padding:10px 0 !important;background:#eee !important;}
    .tRow .tCell.rcSpan{text-align: left;border-top:1px solid #fff;}
    .tRow .tCell.rcSpan span{position:relative;top:0;}
    .tRow .tCell.second{text-align: left;}
    .tRow .tHead{padding:10px 0 !important;width: 100%;background: #eee;}
    .non-mobile-app a:first-child, .non-mobile-app a {margin: 0 18px 7px 0;}
}
@media (max-width: 480px) {
.chinese #applySection .subHeading {width:143px;}
.chinese #applySection #footsticky .callLine {margin: 0 0 0 0;}
}
/*END chinese */

/* international-personal-banking-centers */
.center-img { width: 100%; height: 260px; margin-bottom: 15px; overflow: hidden; position: relative; }
.center-img a:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/international-personal-banking-centers/grey.png); z-index: 1; }
.center-img a:after { position: absolute; content: ''; top: 50%; left: 50%; width: 100px; height: 87px; margin-top: -44px; margin-left: -50px; background: url(../images/international-personal-banking-centers/ico-360.png) no-repeat; z-index: 2; }
.center-img a img { width: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.center-img a:hover img { -ms-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.center-img a:hover:before { display: none; }
a.goldBtn { width:100%; font-family:"interstate-light"; }
a.goldBtn span { display:inline-block; vertical-align:middle; width:68%; font-size:24px; line-height:30px; }
a.goldBtn span:first-child { width:30%; margin-right:2%; }
a.goldBtn img { display:block; }
.view-cam { width: 100%; height: 570px; background-color: #999999; }
.tab-menu { background-color: #333333; }
.tab-menu li { width: 20%; position: relative; }
.tab-menu a { color: #ffffff; padding: 10px 0; display: block; text-align: center; }
.tab-menu li.selected a { background-color: #B4975A; }
.tab-menu li.selected a:after { position: absolute; bottom: -10px; left: 50%; margin-left: -8px; content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 8px 0 8px; border-color: #b4975a transparent transparent transparent; }
.tab-menu select { background: #333333 url('../images/international-personal-banking-centers/mob_chevron_input_field.png') calc(100% - 18px) center no-repeat; color: #ffffff; border: 0; border-radius: 0; }
.floor a { color: #333333; }
.floor a.selected { color: #B4975A; font-family: "interstate-bold" !important; position: relative; }
.floor a.selected:after { position: absolute; top: -10px; left: 50%; margin-left: -8px; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 8px 10px 8px; border-color: transparent transparent #b4975a transparent; }
@media(max-width: 992px){
a.goldBtn span { font-size:22px; line-height:28px; }
}
@media(max-width: 767px){
a.goldBtn span { font-size:20px; line-height:26px; }
.tab-select { margin-bottom: 0; }
.nopaddingMobile { width: 100%; }
.view-cam { height: 400px;}
}

/* bank-digitally */
.accordiant, .accordiant-header { border: 0; }
.accordiant-header.active-state, .accordiant-content { background-color:transparent; }
.accordiant-header.plus-minus:after { content: '+'; margin-left: 10px; color: #B4975A; }
.accordiant-header.plus-minus.active-state:after { content: '-'; }
.accordiant-content { margin-top: 10px; }
.accordiant-content .tel-tb { margin-bottom: 10px; }
.accordiant-content .tel-tb td { padding-right: 20px; }
.accordiant-content p { margin-bottom: 10px; }

/* prepare-your-journey */
.tab-text { padding: 40px; }
.tRow .tCell { vertical-align: bottom; }
.tRow .tCell.half { font-size: 16px; line-height: 20px; }
.tRow .tCell.half2 { font-size: 26px; padding: 10px 0; }
.tRow .tCell.half img { margin-top: 10px; }
.remark { margin-top: 20px; }
ul.bulLst li { float: none; margin-top: 5px; }
.goals-white-block-inner h3 { line-height: normal; }
.goals-white-block-inner h3 strong { display: inline-block; vertical-align: middle; width: 80%; }
.question { display: table; width: 100%; }
.question .innerContainer { border: 1px solid #eee; padding: 20px; margin-bottom: 20px; }
.question .ico { display: table-cell; padding-right: 20px; vertical-align: top; width: 60px; }
.question .ques { display: table-cell; }
.question .ques h3 { font-size: 22px; font-weight: bold; margin-bottom: 5px; }
.answerBox { display: none; font-size: 14px; line-height: 18px; width: 100%; padding-top: 20px; }
.goals-white-block { width: 70%; margin-left: 15%; }
@media (max-width: 1200px) {
.goals-white-block-inner h3 strong { width: 70%; }
}
@media(max-width: 992px) {
.goals-white-block { width: 90%; margin-left: 5%; }
}
@media(max-width: 767px) {
.icon-block:after { background: none; }
#your-goals .icon-block p { min-height: 0; width: 160px; margin: auto; }
.apply-now { margin: 30px 0 40px; }
.apply-now:last-child { margin: 0px 0 0; }
#your-goals .icon-block { display: none; }
#your-goals .icon-active { display: block; }
#your-goals .icon-wrapper { position: relative; }
.dirNavig { position: absolute; top: 65%; left: 0; width: 100%; }
.dirNavig a { position: absolute; }
.visibleMobile { display: inline-block !important; }
#sli-prev { left: 20px; display: none; background: url('/views/citi-priority/images/mobile/prev.png'); width: 16px; height: 29px; }
#sli-next { right: 20px; background: url('/views/citi-priority/images/mobile/next.png'); width: 16px; height: 29px; }
.goals-white-block { padding: 10px 20px; }
.cw-insights .tabs { border-top: 1px solid #ccc; padding: 30px 0; }
.tabs .lftTxt, .tabs .rgtTxt { padding: 0 20px !important; }
.icon-block.icon-active:before { content: none; }
.question .innerContainer {padding: 10px; }
.question .ico { width: 50px; }
.goals-white-block { width: 100%; margin-left: 0; }
}