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: #b78b3e !important;  border: 3px solid #fff !important; }
.redText { color: #b78b3e; font-weight: bold; }
.cbolui-ddl .checkbox, .cbolui-ddl .radio { margin:0!important; }
.cardIcon { padding-bottom:0!important; }
ul.bluetabs { margin-bottom:0!important; }
ul.bluetabs li:last-child a { line-height:1em;}

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

.cardIcon { box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2); z-index:1; background:#fff; top:0; right:20px; width:45%; position: absolute; padding:32px; box-sizing:border-box; transform: translate3d(0px, -200px, 0px); }
@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:#b4975a!important; font-weight:inherit; }
.headOne { padding-top:5em; }
.headOne h3 { font-weight: bold !important; }
.headOne .redText { color: #b78b3e; 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 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; }
}
.newPoint li {font-size: 12px!important;    font-weight: 100;}
.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 { 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; }
h2{color:#fff;font-weight:700}
.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;}}


.header {max-width:1920px; margin:0 auto; padding:64px 0; background: url(/images/home/gold1920-102020.jpg) center center;  background-size:cover!important;}
@media (max-width:900px) {
    .header { overflow:hidden;  background:none; padding:0;}
    .header-box { margin-top:-64px; margin-bottom:32px;}
}
.mobileheader { display:block; position: relative; max-width: 100%; height: auto; }
@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%; }

.why { background:#e9e9e9; }
.why h2 b { font-weight:inherit; color:#b4975a; }

.text-icon { list-style-type:none; padding:0; margin:0;}
.text-icon li { padding:0; margin:2em 0; display:flex; align-items:center;  }
.text-icon li > div { margin-right:2em; }
.text-icon li > p { margin:0!important;}
@media (max-width: 768px) {
    .text-icon li { flex-direction: column; }
    .text-icon li > div { text-align: center ; margin-right: 0px;}
}

.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:#b4975a!important; }
.agreements { border-radius:2px; }

.cbolui-ddl .theme-light .bluetabs-content { background-color: transparent!important; }
ul.bluetabs li a { background-color: #fff; }
.tableRWD { overflow-x: auto; max-width: 200%; }
.cbolui-ddl .table.table-striped { table-layout: inherit; }
.cbolui-ddl table.table-fx-charges tr td:first-child, .cbolui-ddl table.table-fx-charges tr th:first-child { text-align: center; }
.cbolui-ddl table {
    background-color: #fff;
}
.vertMid { vertical-align: middle!important; }

.cbolui-ddl .showcase .image-container iframe {
    min-height: 280px!important;
}

.cbolui-ddl .showcase .image-container img {
    max-width: none;
    position: absolute;
    height: 100%;
    width: auto;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99;
}


@media (min-width: 768px) {
    .cbolui-ddl .showcase .g-3-container.big {
        min-height: 450px!important;
    }
    .cbolui-ddl .showcase .image-container img {
        -webkit-transform: translateX(-50%) scale(1.1);
        transform: translateX(-50%) scale(1.1);
    }
}
@media (max-width: 767px) {
   
    .lp2020_header .box {   padding: 2em 10px 0 10px;
    }
    .cbolui-ddl .showcase .image-container img.absolute {
        position: absolute!important;
    }
    .cbolui-ddl .showcase .g-3-container.big {
        min-height: 250px!important;
    }
    .cbolui-ddl .showcase .image-container img {
        -webkit-transform: translateX(-50%) scale(1.05);
        transform: translateX(-50%) scale(1.05);
    }
}

.citi-gold .logo-postepu-en {
    width: 120px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 83px 40px;
    background-image: url(/images/icons/150-lat_gold-new.png); display: none;
}

.logo-right {
    height: 60px;
    padding: 10px;
    float: right !important;
}

.logo-postepu-en {
    display: inline-block;
    background-repeat: no-repeat;
}

.cbolui-ddl p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 200;
}

.cbolui-ddl .header-2, .cbolui-ddl .modal .modal-header .modal-title, .cbolui-ddl h2 { font-size: 2.225rem; } 
.cbolui-ddl .checkbox input:checked+label, .cbolui-ddl .radio input:checked+label, .cbolui-ddl .switch input:checked+label {
    color: #163c69;
}
.cbolui-ddl .radio input:checked+label:before {
    background-color: #163c69;
}
@media only screen and (max-width: 767px) {
    .cbolui-ddl h2 {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
}
.playBtn:hover { cursor: pointer; }

.lp2020_header { height: 500px; }
.lp2020_header .box { left: 0; margin-top: 4em; }
@media (min-width:768px) { .lp2020_header .box h1 { font-size: 32px; font-size: 2.625rem;   line-height: 3.125rem;}
  }
.lp2020_header .box h2 { text-transform: none; color: #fff; font-size: 26px; margin: 0 0 1em 0!important; }
@media (min-width: 1400px) { .lp2020_header { height: 520px; }}
@media (max-width: 767px) { 
    .lp2020_header { overflow: hidden; }
    .lp2020_header .box { left: 0vw; top: -96vw; margin-top:0; } 
    .lp2020_header .box h1 { color: #be9651; }
    .lp2020_header .box h2 { text-transform: none; color: #be9651; font-size: 26px; line-height: unset; }
    .lp2020_header .box h3 { font-size:18px!important; line-height:19px; }
}

.lp2020 .lp2021-btn { background: #be9651; color: #fff!important; }

.gold_header { background: #be9651; }
.gold_header * { color: #fff!important; }
.gold_header ul { padding: 2em 0; list-style: none; display: flex; justify-content: space-between; align-content: center; align-items: center; }
.gold_header ul li { width: 25%; margin: 0; }
.gold_header ul li:first-child { width: 45% }
.gold_header ul li p { margin: 0 auto; }
.gold_header ul li img { margin: 0 auto; }
@media (max-width: 767px) { 
    .gold_header {  padding-top: 1em; }
    .gold_header ul { padding-top:0; flex-wrap: wrap; justify-content: space-around; }
    .gold_header ul li:first-child { width: 100%; margin-bottom: 1.5em; }
    .cozyskujesz {text-align: center;}
}

.radio_btn { list-style: none; padding: 0; margin: 0; display: flex; }
.radio_btn li { border-radius: 5px; border: 1px solid #efeded; padding: 1em .5em; margin-right: 1em; width: 50%; }
.radio_btn li:last-child { margin-right: 0em; }
@media (max-width: 767px) {
    .radio_btn li {     margin-right: 0em;    width: 50%;  font-size: 12px!important; }
    .radio_btn li:last-child { margin-right: 0em; }
}

.imgOverSection { background-color: #eee; padding: 0 0 2em 0; margin-top: 10em; }
.imgOverSection .box { margin-top: -7em; }
.imgOverSection .box img { margin: 0 auto; }
.imgOverSection h3 { margin-top: 2em!important; }

@media (max-width: 991px) { 
    .imgOverSection { background-color: #eee; padding: 2em 0; margin-top: 0; }
    .imgOverSection .box { margin-top: 0 }
}

.offerTabel { padding: 2em 0; }
.offerTabel .offerCompList { padding: 0; list-style: none; display: flex; flex-direction: column; }
.offerTabel .offerCompList li { display: flex; align-items: center; width: 100%; margin: 0; border: 1px solid #d1d5d8; border-bottom: none; }
.offerTabel .offerCompList li:last-child { border-bottom: 1px solid #d1d5d8; background: #f3f3f3; }
.offerTabel .offerCompList li div { padding: 2.2em; }
.offerTabel .offerCompList li div:first-child { width: 73%; }
.offerTabel .offerCompList li div:last-child { border-left: 1px solid #d1d5d8;  width: 27%; text-align: center; font-size: 26px; padding: 2.2em 0.2em; }
.offerTabel .offerCompList li:nth-child(2) div:last-child { font-size: unset; }
.info { background: #be9651; flex-grow:1; padding:5px; list-style:none; border-radius:5px; box-shadow:0 5px 8px rgba(0,0,0,.2); font-size:22px!important; font-weight:200!important; line-height:28px; padding: .5em .5em .5em .5em; position: relative; color: #fff!important; width: 90% !important; margin: 0 auto !important; margin-bottom: -.8em !important; }
.info:after { content:''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: solid 8px #be9651; border-left: solid 8px transparent; border-right: solid 8px transparent; }
.info span { color: #fff; text-align: center; width: 100%; padding: .2em 0; }
.offerTabel .offerCompList .sum_up { padding: 4em 2em; }
.offerTabel .offerCompList .sum_up span { color: #be9651; font-weight: bold; padding: 2em 6em; border: 4px solid #fff; }
@media (max-width: 768px){
    .offerTabel .offerCompList li div:first-child { width: 60%; border-right: 1px solid #d1d5d8; }
    .offerTabel .offerCompList li div:last-child { width: 40%; font-size: 18px; border-left: none; }
    .offerTabel .offerCompList .sum_up span { padding: 2vw 6vw; }    
    .offerTabel .offerCompList li div { padding: 5vw; }
}

.people_list { list-style: none; padding: 0; }
.people_list li { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; margin: 10px 0 10px 0 !important; padding: 4px 0 4px 0 !important; border-bottom: 2px solid #efeded; }
.people_list li:first-child { border-top: 2px solid #efeded; }
.people_list li span { font-weight: bold; color: #be9651; }
.people_list li p { margin-bottom: 0 !important; }
@media (max-width: 768px) {
    .people_list li { font-size: .8rem!important; }
    .people_list li p { font-size: .8rem!important; }
}


.tab_group { display:flex; justify-content:flex-start ;padding:0; }
.tab_group li { flex-grow:1; padding:5px; list-style:none; cursor:pointer; border-radius:5px; box-shadow:0 5px 8px rgba(0,0,0,.2); font-size:15px!important; font-weight:200!important; line-height:28px; padding: .5em .5em .5em .5em; position: relative;
 display: flex; justify-content: center; align-items: center; text-align: center; margin-right:1em; min-width: 10em; }
.tab_group li:last-child { margin-right: 0; }
.tab_group li.is-active { background:#be9651; color:#fff; transition: all .3s ease-out; }
.tab_group li:after { content:''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: solid 8px #fff; border-left: solid 8px transparent; border-right: solid 8px transparent; transition: all .3s ease-out; }
.tab_group li.is-active:after {  content:''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: solid 8px #be9651; border-left: solid 8px transparent; border-right: solid 8px transparent; transition: all .3s ease-out; }
.content_group { height:auto; border-top:none; padding: 0 3em 0 2em; }
.tab_content { display:none; transition: all .3s ease-out; }
@media (max-width: 768px) { 
    .cardIcon { padding: 14px; box-shadow: none; }
    .content_group { padding: 0; }
    .tab_group li { max-height: 9em; max-width: 50%; }
}

.lp2020_cta { background: #be9651!important; }
.lp2020_cta::before { display: none; }
.lp2020_cta:hover { background: #7e6225!important; }
.lp2020_cta:active { background: #7e6225!important; }
@media (min-width: 768px) {
    .lp2020_cta { display: none; }
}

.tab_content.is-show { display:block; transition: all .3s ease-out; }
.cbolui-ddl ol { margin: 0 0 0 50px!important; }
.cbolui-ddl ol>li:before { color: #163c69; font-weight: bold; border: 3px solid #e6d7bc; font-size: 30px; border-radius: 100%; padding: 0.2em 0.5em; left: -16px; }
.cbolui-ddl ol>li { text-indent: -55px; color: #565b5f; font-size: 16px; font-weight: 200; }

.btn-bluedeep { background: #163c69!important; border-color: #163c69!important; transition: .3s all ease-in-out; }
.btn-bluedeep:hover { background: #1c5496!important; }

.slick-track{width: 5000px;
    transform: translate3d(10px, 0px, 0px);}
    @media (max-width: 767px){

        ul.bluetabs li:not(:last-child) a {
        border: 2px solid #be9651;box-sizing:border-box;
    }
    ul.bluetabs li:last-child a
    {
        border: 2px solid #be9651;box-sizing:border-box;
    }
    ul.bluetabs li {
        
        padding: 5px;}
    }
    ul.bluetabs {
        
        flex-direction: unset;}
        .citi-gold ul.bluetabs li.active a {
        background-color: #be9651;
    }
    ul.bluetabs li:not(:last-child) a {
        border: 1px solid #be9651;
    }
    ul.bluetabs li:not(:last-child) a {
        border: 2px solid #be9651;
    }
    ul.bluetabs li:last-child a
    {
        border: 2px solid #be9651;
    }
    
    @media (min-width:400px) and (max-width:767px){
    .lp2020_header .mobileimage {
    
        height: 145vw;}}


        ul.bluetabs { align-items:stretch!important; }
        ul.bluetabs li { display:flex!important; align-items:stretch!important; }
    .citi-gold .segment-name { display:none!important; }
    
@media (max-width:767px) {
    .lp2020_header .mobileimage {
        background-color: #be9651;
        background-size: 100% auto;
        background-position: TOP CENTER;
        background-repeat: no-repeat;
        height: 154vw;
        display: block;
    } }

    .drago{color:white!important; font-size: 32px!important}
    .gold-font{padding:15px 0 0px 0!important}
   .white-font{color: #fff!important; font-size:22px!important;   padding: 0px 0 0px 0!important;}
   .lp2020_header .box {  width: 587px;}
   .box{padding: 30px!important;     background-color: rgb(190 150 81 / 78%);}
   @media (max-width: 767px) {
       .lp2020_header .mobileimage {  background-position-x: center!important;}
       .box{ background-color: rgb(255 255 255 / 85%)!important}
       .gold-font, .white-font{color:#b4985b!important;}
       .drago{color:#b4985b!important;}

     }
     
     .people_list li span.tel_num{
       display: none;
     }
     .people_list li span.people_list_hide {
       display: none;
     }
     .people_list_show{
        cursor:pointer
     }
    
     @media (max-width:767px) {
        .lp2020_header { height:auto!important; }
        .lp2020_header .mobileimage { height:auto!important; padding-top:51vw!important; padding-bottom:26vw!important;}
        .lp2020_header .box { top:-1em!important; position:relative!important; } 
        .lp2020_header { background:#be9651!important; }
     }

     .navbar-branding .pull-right .nav-box { display: flex; }
     .navbar-branding .pull-right .nav-box img {  height: 70px; padding: 1em }
     .nav-box .segments-belt { display: flex; align-items: center; }

     @media (max-width:767px) {
        .navbar-branding .pull-right .nav-box img {  height: 60px; }
     }