body, html { min-width:360px!important; }
.row-center { display: flex; align-items: center; }
#app-header .navbar-toplinks { background: #000; display: none; }
.btn-red { background-color: #25a6da !important;  border: 3px solid #fff !important; }
.redText { color: #25a6da!important; font-weight: bold; }

.cbolui-ddl p {font-size: 1.1rem;line-height: 1.8rem;}
.cbolui-ddl li {margin-bottom: 35px;}

.cardIcon { box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2); z-index:10; background:#fff; top:300px; right:20px; width:36%; position: absolute; padding:32px; box-sizing:border-box; }
@media (max-width:900px) {
    .cardIcon { position:static; width:100%; transform:none!important; }
}
.cardIcon img { position: absolute; left:50%; top: 50%; transform: translate3D(-52%, -50%, 0); }
.cardIcon h3 { margin-bottom:1em; }
.cardIcon h3 b { color:#25a6da!important; font-weight:inherit; }
.headOne { padding-top:5em; }
.headOne h3 { font-weight: bold !important; }
.headOne .redText { color: #25a6da; font-weight: bold; }
.cbolui-ddl .hero-a-2 h1 { font-size:1.6rem; line-height:2rem; }
.bLogo { height: 40px; margin-top: 12px; }
@media (min-width: 768px) {
.cbolui-ddl .hero-module-adjusted .hero-module-adjusted-floating-content { padding-bottom:6em; }
}

@media (max-width:900px) {
    .cardIcon { margin-bottom:32px; }
}
@media (min-width:768px) {
    .headOne { margin-top:5em; }
    .card-a-bit-to-the-right { padding-left:50px; }
}
@media (max-width: 1440px) {
    .cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { background-position:85% center; min-height: 430px;  }
}
@media (min-width:768px) and (max-width:900px) {
    .header-box-wrapper {margin:-128px auto 0 auto!important; float:none!important; width:100%!important; }
}
@media (max-width: 767px) {
    .cta-text { font-size:16px!important; padding-top:1em; }
    .left-on-mobile { text-align:left;}
    .headOne { margin-top: 25vw; }
    .cardIcon img {  width: 65%; transform: translate3D(-52%, -35%, 0);}
    #app-header .citi-logo img { height: 25px; }
    .cbolui-ddl .hero-module-adjusted { background:#000; }
    .cbolui-ddl .hero-module-adjusted h1 { font-size: 22px; line-height: 25px; }
    .cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { opacity:.5; background-position:90% center; min-height: 350px;  }
    .cbolui-ddl .hero-module-adjusted .hero-module-adjusted-floating-content { position: absolute; top: 90px; 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: 40px; 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: 470px;  }
}
@media (max-width: 305px) {
    .cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { min-height: 500px;  }
}
@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;}
.why h1  { font-weight:inherit; font-size:11rem; color:#25a6da; margin-top: 10%!important;}
}

.testimonials {  }
.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 { padding: 50px 0; }

.goToTopButton { background-color: #489fde; 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; }

.PricelessSpecialCard .HowTo,.PricelessSpecialCard .HowTo h2{color:#fff;font-weight:700}
.PricelessSpecialCard .HowTo{overflow:hidden;padding:6vw 0;background:#c1272d;text-align:center}
.PricelessSpecialCard .HowTo ul{list-style-type:none;padding:0;margin:0;display:flex;justify-content:center}
.PricelessSpecialCard .HowTo ul>li{padding:0 5vw;text-align:center;display:block;width:30vw;position:relative}
.PricelessSpecialCard .HowTo ul>li::after{position:absolute;top:4vw;right:0;width:3vw;height:3vw;border-right:2px solid #FFF;border-top:2px solid #FFF;transform:rotate(45deg);content:' ';display:block}
.PricelessSpecialCard .HowTo ul>li:last-child::after{display:none}
.PricelessSpecialCard .HowTo ul>li>img{display:inline-block;width:35%;margin:0 auto 1vw}
.PricelessSpecialCard .HowTo ul>li>span{display:block;color:#fff;}
@media (max-width:744px){.PricelessSpecialCard .HowTo ul>li>img{width:20%;margin-bottom:3vw;vertical-align:top}
.PricelessSpecialCard .HowTo ul>li{width:100%;box-sizing:border-box;padding-bottom:10vw}
.PricelessSpecialCard .HowTo ul>li>li{display:inline-block;padding-bottom:15vw}
.PricelessSpecialCard .HowTo ul>li>span{text-align:left;padding-left:5vw;display:inline-block;width:70%}
.PricelessSpecialCard .HowTo ul>li::after{top:unset;bottom:1vw;left:50%;width:6vw;height:6vw;margin-left:-3vw;transform:rotate(135deg)}}
@media (max-width: 744px) {.PricelessSpecialCard .HowTo ul {flex-direction: column;}}


@media (max-width:900px) {
    .header { background:none!important; padding:0!important;}
    .header-box { margin-top:-35px; 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.85); padding:36px 48px; text-align:center; }
.header-box * { color:#fff; }
.header-box h4 { color:#25a6da!important; margin-bottom:32px; }
.header-box b { color:#25a6da!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%; }

.why { background:#e9e9e9; }
.why h2 b { font-weight:inherit; color:#25a6da; }
.why h1  { font-weight:inherit; font-size:11rem; color:#25a6da; margin-top: 50%;}

.text-icon { list-style-type:none; padding:0; margin:0;}
.text-icon li { padding:0; margin:1em 0; display:flex; align-items:center;  }
.text-icon li > div { margin-right:2em; }
.text-icon li > p { margin:0!important;}

.cbolui-ddl .form-group { margin-bottom:0; }
.cbolui-ddl .theme-light .form-control, .cbolui-ddl .theme-light .input-group.focus-group { border-color:#f6f6f6; }
.cbolui-ddl .theme-light .form-group .form-control, .cbolui-ddl .theme-light .form-group .form-control .input-group .focus-group { background-color:#f6f6f6; }
.cbolui-ddl .checkbox input:checked+label:before { background-color:#25a6da!important; }
.agreements { background:#f9f9f9; border-radius:2px; padding:20px; margin-top:32px; }

#last_button{
    margin: 20px 20px 20px 20px;
}
@media (max-width: 767px) {
    #last_button{
    margin: 20px 20px 20px 15px;
}
}
hr.style-four {
    padding: 0;
    border: none;
    border-top: 4px solid #e9e9e9;
    color: #333;
    text-align: center;

    }
hr.style-four:after {
    content: "LUB";
    display: inline-block;
    position: absolute ;
    top: 0.15em;
    font-size: 1.3em;
    padding: 0 0.5em;
    background: white;
    margin-left: -32px;
    }

    .citi-priority .logo-postepu-en {
        width: 120px;
        background-position: right;
        background-repeat: no-repeat;
        background-size: 83px 40px;
        background-image: url(/images/icons/150-lat_priority-new.png);
    }
    
    .logo-right {
        height: 65px;
        padding: 10px;
        float: right!important;
    }
    .logo-postepu-en {
        display: inline-block;
        background-repeat: no-repeat;
    }