@import url('fonts.css');
@import url('grid.css');

* {-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;font-size: 16px;line-height: 24px;color: #333333;margin: 0;background: #ffffff;letter-spacing: 0px;}
/* sup{font-size: 0.6em;} */
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;}
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;}
.bluetxt{color: #056DAE;margin-bottom: 15px;}
input[type=radio],input[type=checkbox] {opacity: 0;}
li {float: left;}
.interbold{font-family: "interstate-bold", arial !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;}
.row {margin-right: -10px;margin-left: -10px;}
.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;}
.nopaddingTop {padding-top: 0px !important;}
.nopaddingBottom {padding-bottom: 0px !important;}
.nopaddingRight {padding-right: 0px;}
.nopaddingLeft {padding-left: 0px !important;}
.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;}
#pageLoader {width: 100%;height: 100%;background: url("../images/img-loader.gif") #fff no-repeat scroll center center;position:fixed;display:block;top:0;left:0;z-index:1099}
/*header*/
.top-bar {background: #333333;height: 26px;float: left;width: 100%;}
.left-menu {float: left;margin:0;}
.right-menu {float: right;margin:0;}
.top-bar li {position: relative;color: #ffffff;font-size: 12px; letter-spacing: 0px; line-height: 12px;margin: 7px 0px 0 0px;display: inline-block;font-family: "interstate-light", arial;}
.top-bar li a {color: #fff;}
.blue-bar { height: 53px;position: relative;background: #fff;-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: 99;left: 0;top: 0;}
.bor-dark {width: 7px;height: 7px;background-color: #002a54;float: left;}
.bor-light {width: calc(100% - 7px);float: left;height: 7px;background-color: #5fc6f1;}
.logo {background: #056dae url(../images/logo.png) no-repeat scroll center 15px;background-size: 68%;width: 70px;height: 63px;float: left;}
.container-fluid {padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}



@media (min-width: 1025px){
    .navbar {display: block !important;}
}
.navbar {padding: 0;position:relative;margin-left: 0;height: 53px;}
.navbar li {position: relative;display: block;padding: 0px 25px 0 0;margin: 0px 0;}
.navbar li a {padding: 14px 0 14px;color: #333;cursor: pointer; position: relative;z-index: 1;}
.navbar li a:hover{color: #056dae !important;}
.menu-active a{color: #056dae !important;}
.menu-active a:after{content: '';position: absolute;left: 0;bottom: -1px;width: 100%;height: 5px;background: #056dae;}
.navbar li.menuBar-active a:after{content: '';position: absolute;left: 0;bottom: -1px;width: 100%;height: 5px;background: #056dae;}
.navbar li:nth-child(5) a:after{content: none;}
.bluegrid {background: rgba(5,109,174,1);padding: 25px;margin-top: -35px;margin-bottom:-20px;}
.video-banner.bluegrid{margin-top: 30px;}
.blue-bar .searchHeader{float:right;margin: 24px 15px 0 0;z-index: 1;position: relative;}
/* search */
.searchBar{position: absolute;top: 70px;padding-top: 0;float: left;display: none;background: #fff;width: 100%;left: 0;padding: 30px 0 0;z-index: 0;}
.searchBar .close a, .searchIcon {display: none;}
.cse .gsc-control-cse, .gsc-control-cse {padding: 0 !important;border: none !important;}
.searchBar form.gsc-search-box {margin-left: 0 !important;margin-bottom: 0;}
#gssSearchBox table.gsc-search-box {width: calc(100% - 65px) !important;}
.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;}
table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
.gsc-search-box input.gsc-input {float: left;margin-left: 0 !important;padding: 18px 0 18px 20px !important;border-bottom: none !important;background: none !important;text-indent: 0 !important;}
.gsc-search-button {margin-left: 2px;}
.gsc-search-box input.gsc-input {border: 0px;border-bottom: 1px solid #cccccc !important;font-family: "interstate-light",arial;font-size: 16px !important;padding-bottom: 12px !important;height: auto !important;margin-left: 0 !important;
padding-left: 30px !important;padding-right: 30px !important;border-radius: 0px;background: none !important;text-indent: 0 !important;float: left;margin-left: 0 !important;padding: 18px 0 18px 20px !important;border-bottom: none !important;}
td.gsc-search-button {width: 50px !important;height: 55px !important;float: left;}
.gsc-search-button-v2 {display: block;border: none !important;background-color: transparent !important;padding: 15px 20px !important;background: url(../images/mob_search_icon.png)no-repeat 15px 16px !important;cursor: pointer;outline: none !important;}
.gsc-search-button-v2 svg {width: 0 !important;}
.searchBar .close a {color: #000000;position: absolute;right: 0px;top: 15px;background: url(../images/close_navigation.png) no-repeat scroll 0px 0px;width: 17px;height: 17px;display: block;}
.gsc-table-cell-thumbnail {width: 90px !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-results-wrapper-overlay {left: 15% !important;}

/* Custom google search */
.gssb_c {border: none;margin-top: -3px;margin-left: 0px;box-shadow: none;-webkit-box-shadow: none;}
.gssb_e .gsc-completion-container {border: none;background: white;font-size: 16px !important;font-family: "interstate-light",arial;letter-spacing: 0.02em;margin-left: -100px;box-shadow: none;-webkit-box-shadow: none;}
.gsq_a table td {font-family: "interstate-light",arial;}
.gsq_a table td span {font-weight: bold;color: #333333;}
.gsq_a table td span b {color:#999; font-weight:bold;}
.gsc-orderby {display: none;}
.gsc-above-wrapper-area {border-bottom: 0px solid #E9E9E9 !important;}
.gsc-cursor-page {color: #0E2A48 !important;}
.gssb_a {padding: 10px!important;border-top: 1px solid #eee;}
input.searchBtn {background: none;border: none;cursor: pointer;float: right;font-size: 10px;margin: 1px 0 0;outline: none;padding: 0;width: 0px;}
.searchBar {margin-bottom: 0px;margin-top: 0;padding: 30px 0 0;top: 70px;display: none;height: auto;position: absolute;}
.searchBar-inner{width: 83.3333%;margin: 0 auto;position: relative;}
.searchBar .close {font-family: "interstate",arial;display: inline-block;width: 100%;margin-bottom: 11px;position: relative;}
.searchBar .close a {background: url(../images/close_navigation.png) no-repeat scroll 0px 0px;width: 17px;height: 17px;display: block;top: 20px;right: 20px;}
.innerwrap {margin-bottom: 70px;display: inline-block;padding: 0 20px;}
.searchIcon {border: 0px;background: url(../images/mob_search_icon.png) no-repeat scroll 0 0;display: inline-block;width: 40px;height: 20px;position: absolute;margin-top: 2px;background-size: 20px;}
#gssSearchBox table.gsc-search-box {width: 100% !important;}
.gsc-search-box input.gsc-input {padding: 0 12px 12px 0 !important;border-bottom: 1px solid #cccccc !important;text-indent: 30px !important;font-family: "interstate-light",arial;font-size: 16px !important;}
.gsc-search-button{display: none;}
.menuBar{top: 0;position: relative;width: 100%;}
header{ float: left;width: 100%;top: 0;left: 0;z-index: 9;}
li.loginTab{font-weight: bold;float: right;padding-right:0;}
.bord {position: absolute;left: 0;bottom: -7px;width: 0;height: 5px;background: #056dae;-webkit-transition: left 0.4s linear;-moz-transition: left 0.4s linear;-ms-transition: left 0.4s linear;-o-transition: left 0.4s linear;transition: left 0.4s linear;}
/*header*/
.container {width: 1480px;padding-right: 20px;padding-left: 20px;margin-right: auto;margin-left: auto;}
/*footer*/

.footer-top { float: left; width: 100%;}
footer .footer-border { width: 100%; height: 60px; margin: 0 auto; padding: 0;}
footer .footer-border span { display: inline-block; vertical-align: top; }
footer .footer-border .citi-blue { background-color: #056dae; width: 55px; height: 55px; float: right; }
.citi-logo-desktop { float: right; width: 65px; margin: 30px 15px 0 0; }
.citi-logo-mobile { float: right; display: none; margin: 29px 15px 0 0; }
footer .footer-border .blue { background-color: #0a91cb; width: 90px; height: 45px; float: right; margin-top: 35px; }
footer .footer-border .med-blue { background-color: #32b2e4; width: 90px; height: 8px; float: right; margin-top: 47px; }
footer .footer-border .dk-blue { background-color: #002a54; width: 10px; height: 10px; float: right; clear: both; }
footer .footer-border .lt-blue { background-color: #5fc6f1; width: calc(100% - 10px); height: 10px; display: block; float: right; overflow: hidden; }

.footer-logo {padding: 20px 0 34px;display: inline-block;}
.footer-heading {font-family: "interstate-bold", arial;padding-bottom: 14px;}
.footer-heading a {padding-bottom: 14px;font-family: "interstate", arial;line-height: 18px;color: #ffffff;}
.socialIcon ul>li {padding-left: 40px;padding-top: 22px;}
.footerInfo {margin-bottom: 11px;font-size: 10pt;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: 10pt;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: 10pt;line-height: 18px;}
.footer-disc {font-size: 10pt;line-height: 16px;}
.copyright {padding: 35px 0px;font-family:'interstate-light', arial;}
.full-width {float: left;width: 100%;}
.footer-bar {display: block;width: 100%;padding: 18px;margin-bottom: 40px;background-color: #333333; color: #fff;text-align: center;}
.visibleBigscreen {display: none;}
.footer-disc {float: left;width: 100%;padding-bottom: 25px;}
.footer-disc p {padding-bottom: 12px;}
.footer-disc-head {font-size: 12px;}
.footerTc> li:first-child {margin-left: 0px;padding-left: 0px;}
.dispfooter-group .col-sm-12 {padding: 0 0px;}
.footerTc {padding: 13px 10px;}

/*banner*/
.pageBanner {position: relative;width: 100%;float: left;}
.banner-item {float: left;width: 100%;position: relative;}
.bannerImg div {width: 100%;position: relative;float: left;}
.bannerImg img {vertical-align: bottom;float: left;width: 100%;} 
.bannerTxt {position: absolute;top: 50%;width: 100%;text-align: center;transform: translateY(-50%);z-index: 1;color: #ffffff}
.block-center {margin: 0 auto;float: none;}
.innerBanner {background: #0d335a;padding: 60px 20px;width: 620px;margin: 0 8.33% 0 0;}
.pagebannerTxt {font-size: 12px; line-height: 14px;margin-bottom: 15px;}
.HomeBanner .mainHeading {font-family: 'interstate-light', arial;}
.btnStyle {color: #002A54;background: #ffffff;outline: 0px;border: solid 1px #002A54;border-radius: 6px;font-family: "interstate-bold";font-size: 100%;padding:15px 20px;text-align: center;font-size: 16px;line-height: 24px;width: 200px;
margin-top: 40px;display: inline-block;}
.btnStyle:hover {background: transparent;border: solid 1px #ffffff;color: #ffffff;}
/*banner*/
/*content-section*/
.banking-section{width:100%;float: left;padding: 70px 0;}
.bankinglist{width: 100%;float: left;padding: 50px 0 10px;}
.bankinglist-bg{padding: 40px 40px 0;min-height: 320px;background: #f7f7f7;}
.bankinglist-bg img{text-align: center;margin: 0 auto;display: block;}
.bankinglist-bg h3{padding: 20px 0 18px;}
/*content-section*/
/*product-section*/
.products-bg{width:100%;float: left;padding: 0 10px;}
.products-bg h2{padding: 15px 0 25px 0;}
.center-row{display: table;width: 100%;overflow: hidden;}
.rghtimg {margin: 0px;padding: 0px;line-height: 0px;}
.center1 {display: table-cell;vertical-align: middle;float: none;}
.rghtimg img {width: 100%;}
.lftbg {background-color: #F7F7F7;}
.imgAlter {margin-top: 60px;}
.lfttxt {padding: 0px 70px 0px 70px;display: inline-table;}
.findOutBtn{width: 200px;color: #ffffff;background: #056DAE;;outline: 0px;border: solid 1px #056DAE;;border-radius: 6px;font-family: "interstate-bold", arial;font-size: 100%;padding: 10px 12px;text-align: center;font-size: 16px;line-height: 28px;margin-top: 32px;}
.findOutBtn:hover{background: transparent;border: solid 1px #056DAE;;color: #056DAE;;}
.lftbluebg {background-color: #056DAE;}
.blue-container h4.pagetitle {color: #FFFFFF;}
.blue-container h2, .blue-container p {color: #FFFFFF;}
.whitebtn{width: 200px;border-radius: 6px;background-color: #FFFFFF;color: #056DAE;font-size: 16px;text-align: center;padding: 17px 12px;border: solid 1px #056DAE;line-height: 16px;margin-top: 30px;
font-family: "interstate-bold", arial;}
.whitebtn:hover{background: transparent;border: solid 1px #ffffff;color: #ffffff;}
.get-started-bg{width: 100%;float: left;padding: 70px 0 55px;}
.animationframe1 {z-index: 9;}
.sticy-inner {position: fixed;
    bottom: 0px;
    left: 0;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    padding: 2px;
    -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);
    display: none;}
.sticy-inner.iphone{ top: 100vh; transform: translateY(-100%);}
.sticy-inner.fixed {position: relative;}
.sticy-inner.fixed.iphone{top: auto; transform: none;}
.sticy-inner h2{font-family: "interstate-extralight",arial;color: #333;}
.start-btn{padding: 12px 60px;display: inline-block;background: transparent;border:solid 1px #ffffff;color: #ffffff;text-decoration: none !important;float:right;border-radius: 5px;font-family: "interstate-bold",arial;transition: 0.5s background;}
.sticy-inner .start-btn{margin-top: 3px;}
.start-btn:hover{background: #ffffff;color: #ffffff;border:solid 1px #ffffff;color: #056DAE;;}
/*product-section*/
.mibileicon .icon {width: 34px;height: 76px;transition: all 0.25s ease;display: inline-block;vertical-align: middle;position: relative;top: -1px;margin-right: 15px;background: url(../images/mobile.png) no-repeat left;background-size: 34px;}
/*globalaccess*/
.inner-banner{margin-top: 0 !important;}
.global .banner-content{max-width: 100%;}
.services-bg{width: 100%;float: left;padding-top: 60px;}
.service-list{width: 100%;float: left;padding: 0px 90px 90px;text-align: center;}
.service-list h2{font-size: 26px;font-size: 26px;color: #333333;letter-spacing: 0;text-align: center;line-height: 32px;padding: 15px 0;}
.list-section{width: 100%;float: left;padding: 0px 0;}
.learnmorebtn{color: #056DAE;outline: 0px;font-family: "interstate-bold", arial;font-size: 100%;padding: 15px 0 0;text-align: center;font-size: 16px;line-height: 24px;}
.global .padding-even {padding: 50px 0;}
.global .banner-content h1{margin-bottom: 40px;}
/* .positiontop{background: #fff;margin-top: -110px;padding: 55px 0 0;} */
/* .positiontop > p{padding: 55px 0 60px;} */
.last-list{margin: 0 auto;text-align: center;width: 100% !important;max-width: 40%;float: none !important;}
/*globalaccess*/

.leftNav-active .arrow {background: url(../images/carat_grey_right.png) no-repeat;width: 14px;height: 29px;right: -14px;top: 15px;position: absolute;}
.table-head:last-child{padding-bottom: 0px;}
.leftBarFixed .leftNav-ul {width: 327px;}
.section1{margin-top:0 !important;}
.started-apply{padding: 17px 0 0 0;}
.started-apply ul{float: right;padding-right: calc(12px);}
.started-apply li {font-size: 22px;color: #303030;width: auto;float: none;display: inline-block;margin: 0 75px 0 0;}
.started-apply li:last-child {margin: 0;}
.started-apply li a {font-family: "interstate-light",arial;color: #0e2a48;}
.started-apply li span {padding-right: 12px;}
.started-apply li img{vertical-align: middle;}

.innerpageBanner {background-color: rgba(255, 255, 255, 0.9);padding: 0 40px 35px;width: 59.2%;max-width: 840px;margin: 0 auto;}
.innerbannerTxt{position: absolute;top: 50%;width: 100%;text-align: center;transform: translateY(-50%);z-index: 1;}
.innerbanner-item{float: left;width: 100%;position: relative;}
.innerpageBanner .bannerTitle{padding: 27px 0 21px 0;}
.letterspace{letter-spacing: 2px;}
.breadcrumb-section{display:none;}
/* .innerpageBanner{margin-left:0px;} */

@media (max-width: 1300px) and (min-width: 1024px){
    .leftBarFixed .leftNav-ul {width: 227px;}
}
@media (max-width: 1024px) {
    .leftBarFixed .leftNav-ul {width: 224px;}
    .sec1 li.contentview span a{padding-bottom: 0;}
}
@media not all and (min-resolution:.001dpcm) { @media {
    .findOutBtn {padding: 15px 12px;}
}}

@media (max-width: 1366px) and (min-width: 768px){    
    .rghtimg img{
        visibility: hidden
    }
    #product1{
        background:url(../images/personalized.jpg) no-repeat left / cover;
    }
    #product2{
        background:url(../images/privileges-tile.jpg) no-repeat center / cover;
    }
    #product3{
        background:url(../images/empower-tile.jpg) no-repeat center / cover;
    }
    #product4{
        background:url(../images/exclusive-tilemobile.jpg) no-repeat center / cover;
    } 

    #product10{
        background:url(../images/cgwallet.png) no-repeat left / cover;
    }
    #product11{
        background:url(../images/cmapp.png) no-repeat center / cover;
    }
    #product12{
        background:url(../images/documentupload.png) no-repeat center / cover;
    }
    #product13{
        background:url(../images/cgtransfer.jpg) no-repeat center / cover;
    } 
    
}
@media (min-width: 1500px){
    .start-btn{padding: 21px 0px;width: 250px;text-align: center;height: 70px;}
}

@media (max-width: 1500px){
    .container {width: 100%;}
    .innerBanner h1.mainHeading{font-size: 30px;line-height: 36px;}
    .service-list{padding: 0px 45px 90px;}
    .products-bg{padding: 0;}
}
@media (max-width: 1366px){
    .visibile-desk{display: none;}
    .sticy-inner .start-btn {margin-top: 0;}
    .sticy-inner h2{font-size: 32px;}
    .mibileicon .icon{width: 32px;height: 53px;background-size: 30px;margin-right: 5px;}
    .sticy-inner{padding: 20px 0;}
    .started-apply{padding: 5px 0 0 0;}
    .innerpageBanner{width: 62.2%;}
}
@media (max-width: 1200px) {
    .footerTc li {margin: 0px 10px 0px 0px;}
    .lfttxt {padding: 40px 40px 40px 40px;}
    .innerBanner{padding: 40px 20px;width: 583px;}
    .service-list {padding: 0px 45px 60px;}
    .innerpageBanner{width: 78.2%;}
}
/* @media(max-width: 1025px) { 
    .findOutBtn{line-height:22px;}
} */
    
@media(max-width: 1024px) { 
    /* .findOutBtn{line-height:22px;} */
    .navbar{margin-left: 65px;margin-right: 40px;height: 50px;}
    .navbar li a{padding: 12px 0 14px;}
	.blue-bar {height: 56px;}
	.logo {width: 50px;height: 51px;}
    .blue-bar .searchHeader {margin: 16px 15px 0 0;}
	.bor-dark, .bor-light {height: 5px;}
	.searchBar .container {padding: 0;	}
	.searchBar {top: 55px;}
	.searchBar-inner {width: 100%;}
    li.loginTab {margin-left: 0;}
    #Menu {width: 20px;height: 14px;float: right;margin: 18px 20px 0 0;cursor: pointer;}
	#Menu.closed {background: url(../images/mob_burger_menu.png) no-repeat scroll 0 0;}
	#Menu.opened {background: url(../images/mob_header_close_icon.png) no-repeat scroll 0 0;}
/* 	.navbar {position: absolute;top: 55px;overflow: auto;height: calc(100vh - 81px);left: 0;right: 0;padding: 0;background-color: rgba(0,0,0,0.5);z-index: 9;width: 100%;display: none;margin: 0;} */
	.navbar li {margin: 0;width: 100%;padding: 0;}
	.navbar>li>a {font-size: 16px;line-height: 16px;display: block;padding: 17px 20px 17px 20px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);color: #333333;float: left;width: 100%;background-color: #fff;}
    .navbar>li.active>a{color: #056dae;}
	.navbar li a:after {content: none;}    
    .dropdown-wrap i{background: url(../images/mob_chevron_down.png) no-repeat right;width: 14px;height: 7px;position: absolute;right: 15px;top: 23px;}
    .menuBar-active .dropdown-wrap i{background: url(../images/mob_chevron_up.png) no-repeat right;}
    .innerBanner {float: left;width: 100%;margin: -50px 0 0;border-bottom: 1px solid #ccc;padding: 30px 20px;}
    .bannerTxt{position: relative;transform: translateY(0%);}
    .services-bg{padding: 30px 0;}
    .inner-banner{margin-top: 80px;}
    .leftNav-ul li > a{font-size: 12px}
    .started-apply li{margin: 0 3px 0 0;font-size: 16px;}
    /* .sticy-inner h2{padding-bottom: 13px;} */
	.menu-section .navbar{margin:0;padding:0 15px;}
	.menu-section .container{padding:0;}
	.navbar>li>a{padding-left:0;padding-right:0;}
	.loginTab{display:none !important;}
	.breadcrumb-section{display:block;z-index:100;}
    .sticky-bar{display:none;}
    .innerpageBanner{float: left;margin: -11.4% auto 0;width: 100%;background: rgba(255, 255, 255, 1);padding: 15px 20px 0;}
    .innerbannerTxt{position: relative;transform: translateY(0);}
    
}
@media(max-width: 1000px){
    .innerpageBanner{width: 77%;}
}

@media(min-width: 800px) and (max-width: 813px) { 
    .rightPannel{width: 100%;}
    .d-none{display: none;}
}
@media(min-width: 768px) and (max-width: 769px) { 
    .rightPannel{width: 100%;}
}
@media(max-width: 798px){
    .innerpageBanner{width: 82%;}
}
@media(max-width: 768px){
   .innerBanner h4{margin-bottom: 15px;}
   .service-list{padding: 0px 20px 40px;} 
   .bankinglist-bg{padding: 40px 25px;}
   .lfttxt {padding: 40px 30px 40px 30px;}
   .d-none{display:none;}
   .innerpageBanner{float: left;margin: -11.4% auto 0;width: 100%;background: rgba(255, 255, 255, 1);padding: 15px 20px 0;}
   .innerbannerTxt{position: relative;transform: translateY(0);}
}
@media (max-width: 767px) {
    .tr-center td{
        text-align:left;
    }
    .outer{display:block;}
    .started-apply li img{width: 22px;}
    .started-apply li span{padding-right: 5px;}
    footer .footer-border .lt-blue{height: 5px;}
    footer .footer-border .dk-blue{height: 5px;}
    .section1{margin-top:81px;}
    .bord{display: none;}
    footer .footer-border .blue {width: 45px;height: 30px;margin-top: 25px;}
    .citi-logo-mobile {display: block;width: 40px;margin: 15px 8px 0 0;}
    .citi-logo-desktop {display: none;}
    .gssb_c {width:100% !important;} 
    .mobRow {margin-right: -10px;margin-left: -10px;}
    .dispfooter-group {display: table-footer-group;}
    .footer-heading {background: url("/views/citigold/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/citigold/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", arial;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: 17px;border-bottom: 1px solid rgba(255, 255, 255, 0.5);margin-bottom: 24px;}
    .footerTc ul > li {width: 100%;}
    .footerTc a {padding-bottom: 21px;}
    .copyright {padding-bottom: 20px;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;}
    .footer-seperator {border: 0px;}
    .footerTc li:nth-child(2n) {margin: 0px 0px 0px 0px;}    
    .paddingMobile {padding-right: 10px;padding-left: 10px;}
    .center1 {display: inline-block;width: 100%;box-sizing: border-box;}
    .lfttxt {padding: 40px 20px 40px 20px;}
    .bankinglist-bg{margin-bottom: 25px;min-height: auto;padding: 40px 40px 40px;}
    .start-btn{margin: 0 auto;text-align: center;}
    .mibileicon .icon{display: none;}
    .sticy-inner{padding: 15px 0 20px;}
    .started-apply{text-align: center;}
    .imgAlter {margin-top: 40px;}
    .banking-section{padding: 55px 0 20px;}
    .bankinglist{padding: 45px 0 10px;}
    .sticy-inner .start-btn {margin-top: 0;}
    .lfttxt h4.pagetitle{margin-bottom: 0;}
    .get-started-bg{padding: 45px 0 45px;}
    .service-list{padding: 0px 0 40px;} 
    .start-btn{padding: 12px 20px;}
    .sticy-inner h2{font-size: 22px !important;text-align: center;}
    .started-apply ul{float: none;}    
    
}
@media(max-width:580px){
    h1.mainHeading {font-size: 27px;line-height: 34px;}
    h2.mainHeading {font-size: 23px;line-height: 28px;}
    .innerBanner h1.mainHeading {font-size: 26px;line-height: 32px;}
    .innerBanner h2.mainHeading {font-size: 27px;line-height: 36px;}
    .started-apply li{font-size: 12px;margin:0 10px 0 0;}
    .sticy-inner h2{padding-bottom: 13px;}
}
/*footer*/

/* blog */
main.blog{float:left;width:100%;}
.container-full{width:100%;float:left;}
.container-full95{width:95%;margin:0 auto;}
.center{margin:0 auto;}
.banner-content{background: #fff;}
.banner-content h1{color: #056DAE;letter-spacing: 0;margin-bottom: 20px;}
.banner-content p{font-family: "interstate-light",arial;font-size: 16px;color: #333333;letter-spacing: 0;line-height: 24px;}
.padding-even{padding:0 30px 30px;}
.pos-ab {position: relative;width: 100%;}
.pos-rel{position: relative;}
/* .banner-content-bottom{margin-top:-175px;} */
.section2,.section1{float:left;width:100%;}
.section2{margin-top:60px;}
.leftNav-ul {width: 95%;}
.leftNav-ul li {border-bottom: 1px solid #eeeeee;width: 100%;float:left;}
.leftNav-ul li > a {padding: 18px 26px;display: block;color: #333333;box-sizing: content-box;position: relative;}
.sec1 h2.mainHeading,.sec1-img,.sec1 li.contentview {padding-bottom: 29px;}
.sec1{float: left;border-bottom: 1px solid#ccc;}
#four li.contentview ul li ul{list-style-type: disc;padding: 0px 20px;}
#two h3 a{color: #056DAE;margin-bottom: 10px;}
.sec1 h3{color: #056DAE;}
/* .sec1 ul li img{width:50px;} */
.sec1 li.contentview {float:left;width:calc(99% / 2);}
.sec1:last-child li.contentview {width:calc(90% / 2);}
.sec1:last-child li.contentview:nth-child(even){margin-left:10%;}
.sec1:last-child li.contentview h3{font-size: 18px;}
.sec1 li.contentview h3{font-size: 26px;color: #333333;letter-spacing: 0;line-height: 32px;}
.sec1 li.contentview p{font-size: 16px;color: #333333;letter-spacing: 0;line-height: 24px;}
.sec1 li.contentview span a{font-size: 16px;color: #056DAE;letter-spacing: 0;padding-bottom: 50px;}
.sec1 li.contentview li  img,.sec1 li.contentview li  h3,.sec1 li.contentview li  p,.sec1 li.contentview li  span{padding-bottom: 8px;}
.none{display:none;}
.active{background:#EEEEEE;}
.section2 .col-lg-9{float:right;}
.sticky {position: fixed;top: 96px;padding-top: 10px;}
.sticky-bar {position: fixed;visibility: hidden;top: 0;left: 0;right: 0;z-index: 999;-webkit-transform: translateY(-100%);transform: translateY(-100%);-webkit-transform-origin: top;transform-origin: top;-webkit-transition: transform .6s ease-in-out;transition: transform .6s ease-in-out;}
.sticky-bar.sticking {visibility: visible;-webkit-transform: none;transform: none;}

.sticky .leftNav-ul{width:75%;}
.padding-sec .sec1.padding-even{padding:60px 30px 30px;}
@media(max-width: 1200px) {
   .sec1 li.contentview h3{font-size:22px;} 
}
@media(max-width: 901px) {
    .sec1 li.contentview {width:calc(100% / 2);}
    .sec1:first-child li.contentview{height:250px;}
    .sticky .leftNav-ul{width:190px;}
}
@media(max-width: 768px) {
    .sec1 li.contentview span a{padding-bottom: 20px;}
    .sec1 li.contentview {width:calc(100% / 1);}
    .sec1:last-child li.contentview{width:calc(100%/1);}
    .sec1:last-child li.contentview:nth-child(even){margin-left:0%;}
    .section2{margin-top:30px;}
    .padding-sec .sec1.padding-even {padding: 60px 0px 30px;}
    .padding-even {padding: 0 0px 30px;}
}
.section1.inner-banner img{width:100%;}
/* calcualte */

.calculate .banner-content h1{color: #056DAE;letter-spacing: 0;margin-bottom: 30px;text-align: center;}
.calculate .table-head img{display:block;padding: 0px 0px 21px 0px;}
.calculate .banner-content{max-width:100%;}
.calculate .table-head h4{color: #333333;letter-spacing: 0;line-height: 32px;padding-bottom: 10px;}
/* .calculate .banner-content-bottom{margin-top: -175px;} */
.table-head{padding-bottom:  50px;}
.fixed_headers,.not_scroll table {width: 100%;table-layout: fixed;border-collapse: collapse;}
.fixed_headers th,.fixed_headers td {padding: 5px 25px;/*text-align: left;*/width:22vw;font-size: 16px;color: #333333;letter-spacing: 0;line-height: 24px;font-weight: normal;}
.scroll-table .tr-center{margin:0 auto;width:20%;border-top: 0px solid transparent !important;border-bottom: 0px solid transparent !important;background: transparent;}
.scroll-table .fixed_headers tr.no-border-bootom {border-bottom: 0px;}
.scroll-table .fixed_headers tr.border-bootom-top,.not_scroll  tr.border-bootom-top{border-top:1px solid rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);}
.scroll-table .tr-center td:first-child{background:transparent;text-align: center;}
.fixed_headers tr{border-bottom: 1px solid rgba(0,0,0,0.25);}
.fixed_headers tbody tr:last-child{border-bottom: 1px solid transparent;}
.fixed_headers td,.not_scroll td{padding: 11px 25px;max-width: 20%;width: 20%;}
.scroll-table .fixed_headers td:nth-of-type(odd),.not_scroll td:nth-of-type(odd){background:#EEEEEE;}
.scroll-table .fixed_headers td:nth-of-type(even),.not_scroll td:nth-of-type(even){background:#E0E0E0;}
.fixed_headers thead,.not_scroll thead{background-color: transparent;color: #000;}
.fixed_headers thead tr,.not_scroll thead tr {display: block;position: relative;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
.fixed_headers tbody,.not_scroll tbody {display: block;overflow: auto;width: 100%;}
.fixed_headers tbody tr:nth-child(even) {background-color: #DDD;}
.old_ie_wrapper {height: 300px;width: 750px;overflow-x: hidden;overflow-y: auto;}
.old_ie_wrapper tbody {height: auto;}
.scroll-table .fixed_headers.not_scroll tbody{overflow: hidden;}
.calculate .table-head h3{color: #333333;letter-spacing: 0;padding-bottom:20px;}
.calculate .table-head h2{text-align:center;margin-bottom:30px;}
.calculate .table-heading{font-size: 26px;color: #333333;letter-spacing: 0;line-height: 32px;padding-top:30px;padding-bottom: 10px;}
.scroll-table td:nth-child(1){font-weight: bold;}
.table-scroll + p{padding-top: 15px;}
.minhide{visibility: hidden;}
.minvisiable{visibility:visible;}
main{position: relative;width: 100%;float: left;}
.leftNav-ul .leftNav-active {background: #056DAE;cursor: default;}
.leftNav-ul li.leftNav-active a{color: #ffffff;}
.leftBarFixed {position: fixed;top: 0px;padding-top:10px;   }
.padding-top10{padding-top:10px;}
.blue-bg{background:blue;transition:0.5s};
.td-transparent{background:transparent;}
.contentview ul.bullet{list-style-type: disc;padding-left: 14px;}
@media(max-width: 760px) {
    .not_scroll td{padding: 11px 7px !important;}
    .scroll-table.scroll,.scroll-table-th{overflow-x:auto;}
    .scroll-table.scroll table,.scroll-table-th table{width:200%;}
    .scroll-table.scroll .fixed_headers td{width: 46vw;font-size:15px;}
    .scroll-table.scroll .fixed_headers td{padding: 5px 16px;}
    .table-head .scroll-table .tr-center{width:100%;}
    .table-head .scroll-table .tr-center td:first-child{text-align:left;width:auto;}
  
 
}


@media(min-width: 1023px) and (max-width: 1025px) { 
    .leftBarFixed{width: calc(25% - 0px);margin-top: 0px;}
    .leftBarFixed{position: fixed;}
}
@media(min-width: 560px) and (max-width: 992px) { 
    .leftBarFixed{width: calc(33% - 0px);margin-top: 60px;}
    .leftBarFixed{position: relative;}
}
@media(max-width: 768px) {
    .table-scroll thead th{
        text-align:left;
        padding: 12px 4px;
    }
}