@font-face {
    font-family: "interstate-bold";
    font-style: normal;
    font-weight: normal;
    src: url("/cb-login/fonts/interstate_bold.eot?#iefix") format("embedded-opentype"), url("/cb-login/fonts/interstate_bold.woff") format("woff"), url("/cb-login/fonts/interstate_bold.ttf") format("truetype"), url("/cb-login/fonts/interstate_bold.svg#Citibank") format("svg");
}
@font-face {
    font-family: "interstate";
    font-style: normal;
    font-weight: normal;
    src: url("/cb-login/fonts/interstaterom-webfont.eot?#iefix") format("embedded-opentype"), url("/cb-login/fonts/interstaterom-webfont.woff") format("woff"), url("/cb-login/fonts/interstaterom-webfont.ttf") format("truetype"), url("/cb-login/fonts/interstaterom-webfont.svg#Citibank") format("svg");
}
@font-face {
    font-family: "interstate-light";
    font-style: normal;
    font-weight: normal;
    src: url("/cb-login/fonts/interstaterom-webfont-light.eot?#iefix") format("embedded-opentype"), url("/cb-login/fonts/interstaterom-webfont-light.woff") format("woff"), url("/cb-login/fonts/interstaterom-webfont-light.sitx") format("truetype"), url("/cb-login/fonts/interstate_extralight.svg#Citibank") format("svg");
}
@font-face {
    font-family: "interstate-extralight";
    font-style: normal;
    font-weight: normal;
    src: url("/cb-login/fonts/interstate_extralight.eot?#iefix") format("embedded-opentype"), url("/cb-login/fonts/interstate_extralight.woff") format("woff"), url("/cb-login/fonts/interstate_extralight.sitx") format("truetype"), url("/cb-login/fonts/interstate_extralight.svg#Citibank") format("svg");
}
@font-face {
    font-family: 'ddl-interstate-exlight';
    src: url('/cb-login/ddlfonts/Interstate_exLight.eot');
    src: local('☺'), url('/cb-login/ddlfonts/Interstate_exLight.eot?#iefix') format('embedded-opentype'), url('/cb-login/ddlfonts/Interstate_exLight.woff') format('woff'), url('/cb-login/ddlfonts/Interstate_exLight.ttf') format('truetype'), url('/cb-login/ddlfonts/Interstate_exLight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ddl-interstate-light';
    src: url('/cb-login/ddlfonts/Interstate-Light.eot');
    src: local('☺'), url('/cb-login/ddlfonts/Interstate-Light.eot?#iefix') format('embedded-opentype'), url('/cb-login/ddlfonts/Interstate-Light.woff') format('woff'), url('/cb-login/ddlfonts/Interstate-Light.ttf') format('truetype'), url('/cb-login/ddlfonts/Interstate-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ddl-interstate-regular';
    src: url('/cb-login/ddlfonts/Interstate-Regular.eot');
    src: local('☺'), url('/cb-login/ddlfonts/Interstate-Regular.eot?#iefix') format('embedded-opentype'), url('/cb-login/ddlfonts/Interstate-Regular.woff') format('woff'), url('/cb-login/ddlfonts/Interstate-Regular.ttf') format('truetype'), url('/cb-login/ddlfonts/Interstate-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ddl-interstate-bold';
    src: url('/cb-login/ddlfonts/Interstate-Bold.eot');
    src: local('☺'), url('/cb-login/ddlfonts/Interstate-Bold.eot?#iefix') format('embedded-opentype'), url('/cb-login/ddlfonts/Interstate-Bold.woff') format('woff'), url('/cb-login/ddlfonts/Interstate-Bold.ttf') format('truetype'), url('/cb-login/ddlfonts/Interstate-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
    -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";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: #008ce6;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;}
.citiGold {color: #008ce6 !important;}
.gs-result .gs-title, .gs-result .gs-title *{color: #998459 !important;}
.gsc-result .gs-title {height: 1.3em !important;}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {color: #998459 !important;}
.display-caption{display:table-caption !important;}
.padding10{padding-bottom:10px;}
.padding20{padding-bottom:20px;}
.padding30{padding-bottom:30px;}
.padding40{padding-bottom:40px;}
.marginBottom40{margin-bottom:40px;}
.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;
}

@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: 25%;}
    .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;}
    .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;}
	
	html, body { height:100%; float:left; width:100%; }
	#pageWrappper { visibility:hidden; float:left; min-height:100%; position:relative; padding-bottom:76px; width:100%; }
	.pagefooter { background:#333333; color:#fff; width:100%; float:left; position:absolute; bottom:0; }
}


@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: 16.66666667%;}
    .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;}
}

@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%;}
    .chatlist {padding-bottom: 20px;}
    .visibleDesktop, .visibleTablet, .mobileTabHidden,.visibleXSM {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;}
}


.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("/cb-login/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;}
.nopaddingtop {padding-top: 0px !important;}
.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";}


/* 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 0px 0 78px;display: inline-block;font-family: "interstate-bold";}

/* Header */
.banner {background: #004988; background:-webkit-linear-gradient(#03BEF5, #008FD5, #004B8C); background: -o-linear-gradient(#03BEF5, #008FD5, #004B8C); background:-moz-linear-gradient(#03BEF5, #008FD5, #004B8C); background: linear-gradient(#03BEF5, #008FD5, #004B8C); color:#ffffff; height:70px;}
.logoWrapper { padding:15px 0 0; float:left; }
.searchHeader {padding: 27px 0 0px 0;}
.searchHeader a {color: #ffffff;line-height: 16px;}
.sticky {background: #fff;position: fixed !important;top: 0px;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);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);transform: translateZ(0);-webkit-transform: translateZ(0);}
.menuBar nav {z-index: 999;position: relative;display: inline-block;height: 59px;overflow: hidden;}
.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);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);width: 100%;display: table;position: relative;z-index: 99;height: 59px;}
.menubar-ul > li:first-child, .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: #B4985B;-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: 100%;}
.activeMenu:after, .menubar-ul > li.activeMenu:after {width: 100% !important;}
.menubar-ul > li {position: relative;display: block;padding: 18px 0px 17px 0px;}
.logInbtn {position: relative;display: block;padding: 18px 0px 17px 0px;margin: 0px !important;cursor: pointer}
.menubar-ul > li {margin: 0px 16px;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 a:first-child {border-top: 1px solid rgba(0, 0, 0, 0.1);}
.dropdown-menu a:last-child {border-radius: 0px 0px 6px 6px;}
.dropdown-menu:last-child {float: right !important;right: 0px;}
.menuBar-active>a, .activeMenu>a {color: #008ce6 !important;}
.activeSubmenu {color: #008ce6 !important;}

/* 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:20px 10px;}
.footerTc {padding-top: 13px;}

/* Back to Top */
/*Phase-2 START*/
#back-top {float: left; width: 100%;margin: 0px auto;text-align: center;}
#back-top span {background: url("/cb-login/images/icons/carat_up_gold.png") no-repeat 10px 23px;color: #333;cursor: pointer;display: inline-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;background: rgba(255, 255, 255, 0.9);padding: 0 40px;}
/* Phase2 START */
.HomeBanner .innerBanner{margin: 0 60px;width: 453px;padding: 0 13px;float: left;}
/*Phase2 END */
.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%);}
.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('/cb-login/images/home/insights-video-thumb.jpg');cursor: pointer;}

/* Form section */
.form-section .textAreaBox {height: 140px;font-family: "interstate-light";}
.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;}
.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";}
.chatsection {border-bottom: 1px solid #666666;}
.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 {color: #999999;background: #F6F6F6;outline: 0px;border: 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;}
.input-box:focus {border-color: #056DAE;-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:#00bcf5;outline: 0px;border: 0px;border-radius: 6px;font-family: "interstate-bold";font-size: 100%;padding: 17px 12px;text-align: center;font-size: 16px;line-height: 16px;}
.btnStyle:hover {background:#002a54;}
.submit-box {width: 100%;}
.search-box {width: 220px;}
.findOutBtn {width: 223px;height: 50px;line-height: 50px;padding: 0 12px;}
.chatDiv {margin-left: 52px;margin-top: 6px;}
.form-section .disclimer {margin-bottom: 10px;}


/* Radio btn */
.radio-btn {font-size: 16px;background: url("../images/icons/oval.png") no-repeat 0 2px;height: 22px;}
.radioSection {padding-bottom: 19px;display: inline-block;}
.radio-active {background: url("../images/icons/radio_selected.png") no-repeat 0 2px;}
.radioBtnerror {background: url("../images/icons/oval_red.png") no-repeat 0 2px;}

.callIcon {padding-right: 12px;}
.callLine {margin: 40px 0 24px;font-size: 21px;line-height: 27px;}
.callLine .verticalFix {padding-top: 6px;}
.form-toplable {padding-bottom: 26px;}
.map-heading {padding-bottom: 18px;}
.chat-line {color: #000000;}
.form-section {padding: 33px 0 110px 0;}
.contactUs-icon {padding-bottom: 8px;line-height: 0;}
.radio-label {padding-left: 10px;cursor: pointer;}
.disclimer {font-size: 12px;font-family: "interstate";line-height: 18px;}
.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: 20px;text-align: left;padding-top: 7px;}
.mandy_notfilled {border: 1px solid #D60000 !important;background: #ffffff;color: #D60000;}
#pageErr {padding-bottom: 34px;}
::-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;}
.imagePara2 img{width:100%;}

/* 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 38px;}
.four-column {display: inline-block;}
.grayline-box {margin-bottom: 40px;}
.grayline-box-heading {background-color: #008ce6;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("../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("../images/insights/video.jpg") no-repeat;background-size: cover;}
.firstVideoContainer .gray-container {padding: 90px 100px 0px 40px;}
.videoContainer .gray-container {padding: 40px 100px 0px 90px;display: inline-table;}
.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: 27px;}
.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('../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('/cb-login/images/insights/market-outlook-video1.jpg');background-repeat: no-repeat;background-position: center top;background-size: cover;cursor: pointer;}
#thumpInvestVideoImg {background-image: url('/cb-login/images/insights/market-outlook-video2.jpg');background-repeat: no-repeat;background-position: center top;background-size: cover;cursor: pointer;}

/* 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;}
.findMore a {display: inline-block;}
.landingImg img {width: 100%;}
.lineHeightNone{line-height:0px;}

/* Privileges Welcome */
.bannerGoldTxt {width: 100%;background: #008ce6;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 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('../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: #008ce6;font-size: 16px;padding: 29px 25px 29px;color: #fff;position: relative;}
.bdrGold {border: 1px solid #008ce6;}
/* Phase2 START */
.tandc {color: #008ce6;font: 10px/30px "interstate-bold";letter-spacing: 0px;float: left;display: inline-block;padding-top: 11px;margin: 0px 0 30px;}
/* Phase2 END */
.tandc2 {margin: 0px 0 10px;}
.upgrade-text {font-size: 14px;height: 15px;}
.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: #008ce6;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: #008ce6 !important;}
#preferential .upArrow li a {border-top: none;}
#preferential .upArrow li a.activeDisclaimer {border-top: none;}

.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: 20px 0 14px;}
.pagebannerTxt {padding-top: 33px;padding-bottom: 5px;line-height: 24px;font-size: 16px;letter-spacing: 2px;}
.circlePadding {padding: 0 0px;position: relative;display: block;margin: 10px 0;background-color: transparent;color: #222;text-align: center;border-radius: 50%;box-shadow:3px 3px 5px #ccc inset;}
.impTxt {margin-top: 10px;}
.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 #008ce6;width: 50px;margin: 0px auto;}
.new-top {box-shadow: 0px 1px 5px #888888;margin-top: -20px;z-index: 1;position: relative;background: #fff;}
.uncheck {background: url('../images/icons/checkbox_uncheck.png') no-repeat;display: inline-block;margin-top: 8px;}
.checked {background: url('../images/icons/checkbox_checked.png') no-repeat;display: inline-block;margin-top: 8px;}
.uncheck input, .checked input {margin-right: 14px;}

/* Pre Login Form Page */
.selectPosout{ display:flex; margin-bottom:0px; }
.referSelectcon1, .referSelectcon4{ padding-top:33px; padding-bottom:110px; }
.innerBanner.bannerImgUp{ margin-top:-15px; }
.selectPos{ display:inherit; }
.selectPosPad{ padding:40px; }
.formconTxt p{ padding-bottom:10px; }
.formconTxt{  }
.formconTxtlft{ padding-right:20px; }
.formconTxtrit{ padding-left:20px; padding-bottom:0px; border-left:1px solid #DDDDDD; }
.formconTxt .padding10{padding-bottom:10px;}
.formconTxt .padding20{padding-bottom:20px;}
.formconTxt .padding40{padding-bottom:40px;}
.formconTxt li { list-style:none; background:url('../images/icons/bullet_small.png') no-repeat 0px 9px;  letter-spacing:0;  padding:0 0 7px 10px; width:100%; }
.formconTxt .parah { font-size:20px; line-height:24px; font-family:"interstate"; color:#666; }
.redTxt{ color:#D60000; }
.formconTxt h5{ font-size:20px; }
.formconTxt .smallFont{ margin-top:5px; padding-bottom:0px; }
.formconTxtrit.form-section{ padding-top:0px; }
.inpRadiopx{ width:95px; float:left; padding-top:10px; }
.inpcheckBox{ width:310px; float:left; padding-top:10px; }
.inpcheckBox.last{ padding-right:0px; }
.form-section .hLine{ padding-top:30px; border-top:1px solid #DDDDDD; }
.form-section .textAreaBox.textAreaBox_refer { height:227px; }
.refFriendTxt{ font-size:14px; }
.uncheckBtnerror { background:url('../images/icons/checkbox_uncheck_red.png') no-repeat; display:inline-block; margin-top:8px; }
.formconTxt .uncheck input, .formconTxt .checked input{ margin-right:5px; float:left; }
.formconTxt .inpcheckBox .radio-label{ float:left; margin-top:-3px; }
.formconTxt .inpcheckBox .radio-label span{ font-size:12px; }
.referForm{ display:none; }
.referTxtClick{ display:none; }
.pageErr { padding-bottom:34px; }
.blockTitle {font-family: "interstate-light";font-size: 26px;line-height: 32px;color: #333333;}
/* Pre Login Form Page */

@media (min-width: 768px) and (max-width: 992px) {
	.homebanner_cta h1.mainHeading {
		font-size: 38px;
		line-height: 42px;
		padding-bottom: 15px;
	}
	.homebanner_cta .landingPara {padding-bottom: 15px;}
	.hero_banner_cta .cta-wrap p {line-height: 20px;}
}
/* Phase2 END */

@media (max-width: 1500px) {
    .container {width: 100%;}
    .bannerImg,
    .pageBanner {width: 100%;}
}

@media (max-width: 1300px) {
	.innerBanner {width: 62.2%;}
	.commonBtnStyle {width: 57%;}
}

@media (max-width: 1200px) {
	.col2by5 {width: 19.444%;}
    .leftNav-ul li > a {padding: 18px 18px;}
    .videoContainer .gray-container {padding: 40px 40px 0px 40px;}
    .leftNav-ul,
    .leftBarFixed .leftNav-ul {width: 246px !important;}
    .dropdown-menu {width: 40%;}
    .callLine {font-size: 21px;line-height: 24px;}
    .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;}
	.sticky {top: -2px;}
	.gsc-table-cell-thumbnail {width: 11% !important;}
	.desktopCircle .col3{padding:0 10px;}
	.bannerTxt {display: flex;}
	
	.rowtableBlock{font-size:14px;}
	.innerdraggableTab .tab-two-column li,.innerdraggableTab .tab-two-column li.tab-two-column-active{width:350px;}
}

@media (max-width: 1000px) {
	.innerBanner {width: 77%;margin: 0px auto;}
	/* Phase2 START */
	.HomeBanner .innerBanner {margin: 0;}
	/* Phase2 END */
	.innerBanner{padding: 1px 20px;}
    .ipadImg {margin-top: 0px;position: relative;}
    .content {font-size: 14px;padding: 16px 7%;}
    .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 0px 32px;}
}

@media (max-width: 992px) {
    .bannerImg div {/*height: 340px;*/}
    .bannerTxt {/* height: 340px;*/}
	.new-font{letter-spacing: 0px;font-size: 2.2vw;}
	.new-subheading {padding: 0 20px;font-size: 1.8vw;}
	.imagePara img{width:100%;}
	
	/* Pre Login Form Page */
	.inpcheckBox{ padding-right:0px; width:250px; }
	.refFriendTxt{ margin-top:30px; }
	.formconTxt .inpcheckBox .radio-label{ width:210px; }
	/* Pre Login Form Page */
}

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

@media only screen and (min-device-width: 1024px) and  (orientation : landscape) {
	.gray-container {padding: 40px 40px 30px;}
}

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

@media only screen and (device-width: 768px) {
	.gray-container {padding:30px 40px 10px;}
	.innerdraggableTab .tab-two-column li, .innerdraggableTab .tab-two-column li.tab-two-column-active {width: 266px;}
	.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);box-shadow: 0 0px 0px rgba(0, 0, 0, 0);}
	.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);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;}
	.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); box-shadow: 0 0px 0px rgba(0, 0, 0, 0);}
	.thumpContainerVideo div {height: 300px;}
	.dropdown-menu a:first-child {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;}
    .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: 8px;}
    h3.subHeading {font-size: 16px;line-height: 24px;letter-spacing: 1px;}
    h2.mainHeading {font-size: 26px;line-height: 32px;padding-bottom: 40px;}
    h1.mainHeading {font-size: 26px;line-height: 32px;padding-bottom: 45px;}    
    .topMenu li >a {margin: 7px 0px 0 20px;}
    .menubar-ul > li {margin: 0px 14px;}
    .pageBanner .bannerGoldTxt .pagetitle {font-size: 42px;line-height: 50px;padding: 0px 0 39px 0;width: 80%;margin: 0px auto;}
    .pagetitle-subTxt {letter-spacing: 0px;font-size: 16px;line-height: 24px;letter-spacing: 0px;}
    .radio-label {padding-left: 8px;font-size: 16px;}
    .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; }
    .mobpullLeft {float: left!important;}
    .searchHeader {padding: 20px 0 0px 0;}
    .menubar-ul > li >a, .logInbtn >a {font-size: 14px;line-height: 14px;}
    .menubar-ul.pull-right li {border-left: 1px solid #eeeeee;}
    .sub-navbar-list {float:left;}
    .logInbtn a {text-align:center;}
    .logoWrapper { padding:8px 0 0; }
    .menubar-ul > li, .logInbtn {padding: 16px 0px 17px 0px !important;}
    .dropdown-menu {background: #ffffff;}
    .dropdown-menu a {border-right: 0px;padding: 37px 20px 44px 40px;border-left: 0px;}
    .dropdown-menu a:last-child {border-radius: 0px;}
    .bannerHeader {padding: 20px 0 0px 0;}
    .footer-heading {background: url("../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("../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.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: 17px;letter-spacing: 0px !important;}
    .form-section {padding: 31px 0 0;}
    .chatDiv {margin-left: 0px;}
    .innerBanner,.HomeBanner .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 .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(../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: 100% !important;}	
	.findMore {margin-bottom: 80px;text-align: Center;}
    .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;}
    .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("../images/icons/oval.png") no-repeat 0 0px;}
    .radio-active {background: url("../images/icons/radio_selected.png") no-repeat 0 0px;}
    .radioBtnerror {background: url("../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: 40px;font-size: 16px;line-height: 24px;}
    .cont_Landing .findOutBtn, .cont_Landing .findMore {margin-bottom: 80px;}
    .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;}
	/* Phase2 START */
	.submit-box {margin-bottom: 80px;}
	/* Phase2 END */
    .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;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.095);-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;}
	
	.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;}
	.selectPosPad { padding: 0 0 20px 0; }
	/* Pre Login Form Page */
	.submit-box.submit-box-none{ margin-bottom:0px; }
	.referSelectcon1, .referSelectcon4{ padding-top:31px; padding-bottom:0px; }
	.formconTxtlft{ padding-right:10px; border-right:none; }
	.formconTxtrit{ padding-left:0px; border-left:none; }
	.formconTxtrit.form-section{ padding-top:30px; }
	.innerBanner.bannerImgUp{ margin-top:-11.4%; }
	.selectPosPad{ padding:0 0 20px 0; }
	.formconTxt p{ font-size:16px; line-height:24px; }
	.formconTxt .parah, .formconTxt li{ font-size:16px; line-height:22px; }
	.formconTxt h5{ font-size:16px; }
	.formconTxt .smallFont{ margin-top:0px; font-size:12px; }
	.refFriendTxt{ margin-top:-50px; }
	.formconTxt .inpcheckBox .radio-label{ margin-top:0px; line-height:20px; }
	.blockTitle {font-family: "interstate-light";font-size:18px;line-height: 24px;color: #333333;}
	/* Pre Login Form Page */
	/* Phase2 START */	
	.HomeBanner .findOutBtn {margin-bottom: 15px;}
	.cg-boxmodel.team-box {padding: 30px;}
	.team-specialist h2 {border: none;}
	.team-specialist h4 {border-top: 1px solid #cccccc;}
	.fixed-links a {margin: 0;}
	.fixed-links a:first-child {margin-right: 40px;}
	.fixed-links a:nth-child(2) {margin-left: 40px;}		
	.hide-mobile {display: none;}
	.padbtm80-mob {padding-bottom: 80px;}
	.fixed-links a span.link-text {padding-top: 12px;}
	.mobBorder {border-bottom: 1px solid #666666;}
	#contactus-form .form-section {padding: 31px 0 0;}
	.centres-section {margin-top: 80px; padding-bottom: 50px;}
	.centre-heading.firstChild {border-top: 1px solid #666666;}
	.centre-heading {   
		padding: 13px 0 16px;
		border-bottom: 1px solid #666666;
		display: inline-block;
		width: 100%;				
		padding-left: 55px;						
		cursor: pointer;
		font-size: 16px;
	}
	.centre-heading:before {content: '';background-image: url(../images/icons/carat_down_black.png); position: absolute;left: 30px;top: 18px;    float: left;width: 15px;height: 8px;transition: all 600ms ease;}
	.centre-heading.activeCentre:before {transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);}
	.centre-heading {font: 400 16px/16px "interstate-light";}
	.centre-heading.activeCentre {font: 400 16px/16px "interstate";border-bottom: none;padding-bottom: 5px;}
	.centres-section p {font-size: 16px; border-bottom: 1px solid #333333;padding: 0 0 10px 55px; line-height: 30px;display: none;}
	.hero_banner_cta .row-height .col-height {display: block;float: left;width: 100%;height: auto;}
	.bannerTxt.hero_banner_cta {margin: -11.4% auto 1%;}
	/* Phase2 END */

}

@media (max-width: 767px) and (orientation: landscape) {
    .add-box .before {left: 44%;}
}

@media (max-width: 500px) {
	.tableRow, .tableRow .goldTxt {font: 20px/26px "interstate-light";}
}

@media (max-width: 450px) {
	.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: 568px) {
	.new-subheading{line-height: 20px;}
}

@media (max-width: 480px) {
	.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;}
}

@media (max-width: 414px) {
    .rgtImg .sidevideo-wrapper, .rgtImg .sidevideo-wrapper div {/* height: 180px;*/}
	.dropdown-menu {max-height: 296px;}
}

@media (max-width: 375px) {
	.callLine .verticalFix {padding-top: 3px;font-size: 14px;line-height: 18px;}
}

@media (max-width: 320px) {
	.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;}
}

.nobreakspace {white-space: nowrap;}

ol li, .numLst li {font-family: 'ddl-interstate-light';}
.dropdown-menu a:hover {color: #008ce6 !important;}