body, html { min-width:360px!important; }
.row-center { display: flex; align-items: center; }
#app-header .navbar-toplinks { background: #0e2a48; display: none; }
.btn-red { background-color: #ff6801 !important;  border: 3px solid #fff !important; }
.cbolui-ddl .hero-module-adjusted * {  }

.header { max-width:1920px; margin:0 auto; padding:64px 0; background: url(/assets/images/1920x470/cpc65.jpg) right center;  background-size:cover!important;}
.cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { background: url(/assets/images/1920x470/cpc65.jpg) center center; min-height: 525px; background-size:cover !important;}
.cbolui-ddl .hero-module-adjusted .hero-module-adjusted-floating-content { padding-bottom:0em;  }
.redText { color: #489fde; font-weight: bold; }
.citi-gold-priority #form  a { }
.cbolui-ddl p {font-size: 1rem;line-height: 1.8rem;}
.cbolui-ddl li {margin-bottom: 0px;}

.cardIcon { position: relative; }
.cardIcon img { position: absolute; left:50%; top: 50%; transform: translate3D(-52%, -50%, 0); }

.headOne { }
.headOne h3 { font-weight: bold !important; }
.headOne .redText { color: #04bcf2; font-weight: bold; }

.bLogo { height: 45px; margin-top: 12px; }

.blok{ font-size: 1.325rem!important;}
.hed4{font-size: 1.7rem!important;
color: #e6c589!important;font-weight: bold!important;}
.cbolui-ddl .form-control {
        margin: 3px 0 5px;
        padding: 10px 20px;
        height: 50px;
        border: 1px solid #000;
        box-shadow: none;
        border-radius: 0px;
        -webkit-transition: border-color ease-in-out 225ms;
        transition: border-color ease-in-out 225ms;
        font-size: 16px;
        border-color: #000!important;
        font-size: 1rem;
    }

@media (min-width:768px) {
    .card-a-bit-to-the-right { padding-left:50px; }
}
@media (max-width: 767px) {
    .cta-text { font-size:16px!important; padding-top:1em; }
    .left-on-mobile { text-align:left;}
    .cardIcon img {  width: 65%; transform: translate3D(-52%, -35%, 0);}
    #app-header .citi-logo img { height: 25px; }
    .cbolui-ddl .hero-module-adjusted h1 { font-size: 24px; line-height: 32px; }
    .cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { background-position:83% center; min-height: 200px;     margin-bottom: 350px  }
    .cbolui-ddl .hero-module-adjusted .hero-module-adjusted-floating-content { position: absolute; top: 200px; width: 100%; }
    .cbolui-ddl p {font-size: 1rem;line-height: 1.5rem;}
    .headTwo ul { list-style: none; padding-left: 60px; }
    .citySection .discCircle { margin: 10px auto; }
    .signature h4 { display: block !important; }
    .bLogo { height: 45px; margin-top: 5px; }
    
}

@media (max-width: 380px) {
    .navbar .container-fluid { padding:0 10px!important;}
}
@media (max-width: 373px) {
    .cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { min-height: 270px;  }
}
@media (max-width: 305px) {
    .cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { min-height: 200px;  }
}
@media (max-width: 350px) {
    #app-header .citi-logo img { height:20px; }
}
.box_black { padding:5em 0 3em 0; }
.box_black-text { max-width:550px; margin:0 auto; font-size:1.5em; }
@media (max-width: 1351px) {
    .box_black { padding:2em 0; }

}
@media (max-width: 1060px) {
    .box_black { padding:1em 0; }
    .box_black-text {  font-size:1em; }

}
@media (max-width: 920px) {
    .box_black { padding:0; }

}
@media (max-width: 767px) {
    .box_black { padding:0 0 3em; }

}
.headTwo { }
.headTwo ul { list-style: none; }

.benefistList li:before { display:block; content:''; position: absolute; background: url('content/decorator-1.png'); background-repeat: no-repeat; background-position: center center; background-size:contain; width: 46px; height: 46px; left: -1%; }
.form .formimage { display:block; width:100%; }
@media (max-width: 767px) {
    .benefistList li:before { left: 10px; }
    .form .formimage { margin-bottom:2em; }
}

.citySection { padding: 6vw 0; }
.citySection .discCircle { display: block; color: #fff; background:#489fde; font-weight: bold; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; margin: 25px auto; }
.citySection .discLogo { margin: 0 auto; }
.citySection .discLogoBox { height: 100px; }

.fbSection { padding: 50px 0; -webkit-box-shadow: inset 0px 0px 47px -10px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 47px -10px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 47px -10px rgba(0,0,0,0.75); 
    border-top: 1px solid #eee; border-bottom: 1px solid #eee; position: relative; z-index: 10; overflow: hidden;}
@media (max-width: 767px) {
.fbSection::before { position: absolute; content: ""; background: url(content/phone.png) right top; background-repeat: no-repeat; top: 50px; right: 50%; width: 100%; height: 100%; z-index: 0; }
.h3Header { font-size: 1.113rem !important; line-height: 1.688rem !important;margin-bottom: -15px !important;}
}

.testimonials .face { border-radius: 100%; border: 1px solid #eee; width: 80%; height: auto;}
.signature { display: inline; }
.signature img { display: inline; }
.signature h4 { display: inline; vertical-align: bottom; }

.form { background: #eeeeee; color:#000; padding: 10px 0; }
.form h3 { color: #000; }
.cbolui-ddl .row .form-group label { color: #000; }
.cbolui-ddl .checkbox label, .cbolui-ddl .radio label { color: #000; }
.cbolui-ddl .checkbox label, .cbolui-ddl .radio label:hover { color: #000; }

.goToTopButton { background-color: #e5c488; width: 40px; height: 40px; position: fixed; bottom: 20px; right: 20px; z-index: 9999; border-radius: 50px; display: inherit; }
.goToTopButton span { margin: 10px 0 0 0; display: block !important; text-align: center; margin: 11px !important; color: #fff;}

.footer-copy { font-size: 13px; font-weight: bold; text-align: right; float: right; margin-top: 10px; color: #d4d4d4; }


@media (max-width:900px) {
    .header { background:none; padding:0;}
    .header-box { margin-top:10px; margin-bottom:32px;}
}
.mobileheader { display:block; width:100%; }
@media (min-width:901px) {
    .mobileheader { display:none; }
}
.header .container-fluid { position:relative; }

.header-box { background:rgba(50,50,50,0.65); padding:36px 48px; text-align:center; }
.header-box * { color:#fff!important; }
.header-box h4 { color:#b4975a!important; margin-bottom:32px; }
.header-box b { color:#b4975a!important; }
.header-box .logos { margin-top:32px; display:flex; align-items:center; justify-content:space-around; }
.header-box .logos > div { width:35%; display:inline-block; }
.header-box .logos > div img { display:block; width:100%; }