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: #008fc9 !important;  border: 3px solid #fff !important; }
.redText { color: #008fc9; font-weight: bold; }

.cbolui-ddl p {font-size: 1.1rem;line-height: 1.8rem;}

.cardIcon { box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2); z-index:1; background:#fff; top:0; 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:#008fc9!important; font-weight:inherit; }
.headOne { padding-top:5em; }
.headOne h3 { font-weight: bold !important; }
.headOne .redText { color: #008fc9; 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) {
    .row-center { display: block; }
    .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;}
}

.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; }
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(content/Citi_Salomon_201208_prelog-1920x520_2.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; background:rgba(50,50,50,0.65)!important; }
}
.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); 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;}

.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; }
.agreements { background:#f9f9f9; border-radius:2px; padding:20px; margin-top:32px; }

.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: transparent;
}
table.table-fx-charges thead tr, table.table-fx-charges tr, table.table-fx-charges tbody tr, table.table-fx-charges tbody tr:first-child {border-top: none!important;}
.cbolui-ddl .table>tbody>tr>td, .cbolui-ddl .table>tbody>tr>th, .cbolui-ddl .table>tfoot>tr>td, .cbolui-ddl .table>tfoot>tr>th, .cbolui-ddl .table>thead>tr>td, .cbolui-ddl .table>thead>tr>th {border-top: none!important;}
.vertMid { vertical-align: middle!important; }

.konto{width:40%!important}.kursLeft{margin-left:20%}.kursRight{margin-right:20%}@media (max-width:767px){.kursLeft{margin-left:0%}.fx-table td:nth-of-type(3):before{content:"Kupno"!important}.fx-table td:nth-of-type(4):before{content:"Sprzedaż"!important}.fx-table td:nth-of-type(1):before{content:""!important}.fx-table td:nth-of-type(2):before{content:""!important}.fx-table td:before{position:initial!important;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;font-weight:bold;line-height:24px}.konto{width:100%!important}.kursRight{margin-right:0%}}.waluta-styl{color:#0c3954!important;font-weight:500!important;font-family:Arial!important;font-size:60px!important}.waluta-head{font-size:14px!important;line-height:20px!important}.sprzedaz,.kupno{font-size:23px!important}.cbolui-ddl .theme-light .table-striped>tbody>tr:nth-of-type(odd){background-color:transparent!important}.cbolui-ddl table.table-fx-charges thead tr th, .cbolui-ddl table.table-fx-charges tbody tr td, .cbolui-ddl table.table-fx-charges tbody tr th{border-left:none!important;text-align:center}.cbolui-ddl table.table-fx-charges{margin-top:10px;margin-bottom:30px;border-bottom:0px solid #ccc;text-align:center}.cbolui-ddl .table>tbody>tr>td, .cbolui-ddl .table>tbody>tr>th, .cbolui-ddl .table>tfoot>tr>td, .cbolui-ddl .table>tfoot>tr>th, .cbolui-ddl .table>thead>tr>td, .cbolui-ddl .table>thead>tr>th{padding:16px 18px 12px;line-height:1.5;vertical-align:top;border-top:none !important;font-size:16px;font-size:1rem;font-family:Interstate_light,sans-serif}

.CK-PhoneInfo {}
    .CK-PhoneInfo .phoneImage {}
    .CK-PhoneInfo .phoneImageShadow { background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)); width: 100%; height: 2em; top: -2em; position: relative; }
    .CK-PhoneInfo .optionList { list-style: none; overflow-anchor: none; }
    .CK-PhoneInfo .optionList li { border-bottom: 4px solid; border-color: #b1b1b1; padding-bottom: .5em; margin-bottom: 1em; opacity: .5; transition: .3s opacity ease-in-out; width: auto; }
    .CK-PhoneInfo .optionList li:hover { opacity: 1; animation: colorChange 2s linear infinite alternate both; }
    .CK-PhoneInfo .optionList li.active { opacity: 1; animation: colorChange 2s linear infinite alternate both; }
    .CK-PhoneInfo .optionList li button { border: none; font-size: 1.4em; font-weight: bold; line-height: 1.8em; position: relative; margin-left: 40px; background: none; }
    .CK-PhoneInfo .optionList li button:before { content: ""; display: block; left: -40px; top: .5em; position: absolute; width:30px; height: 18px; background: url('content/arrows-blue.png') no-repeat center center; background-size: contain; }
    .CK-PhoneInfo .optionList li p { display: none; }
    .CK-PhoneInfo .optionList li p.active { display: block; }
    @media(max-width:767px) {.CK-PhoneInfo .phoneImage {margin: 0 auto;}}

    .slide-bottom{-webkit-animation:slide-bottom 2.5s cubic-bezier(.86,0.000,.07,1.000) infinite backwards;animation:slide-bottom 2.5s cubic-bezier(.86,0.000,.07,1.000) infinite backwards}
    @-webkit-keyframes slide-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity: 0}100%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity: 1;}}@keyframes slide-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity: 0;}100%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity: 1;}}
    @keyframes glitch{0%,100%{opacity:1}32.98%{opacity:1}33%{opacity:0}34%{opacity:0}34.02%{opacity:1}34.98%{opacity:1}35%{opacity:0}35.9%{opacity:0;transform:skewX(0)}35.92%{opacity:1}38.98%{opacity:1;transform:skewX(-5deg)}39%{opacity:0}39.8%{opacity:0}39.82%{opacity:1;transform:skewX(0)}83.98%{opacity:1}84%{opacity:0}84.9%{opacity:0}84.92%{opacity:1}}
    @keyframes glitch-2{0%,100%{opacity:1}32.98%{opacity:1}33%{opacity:0}34%{opacity:0}34.02%{opacity:1}34.98%{opacity:1}35%{opacity:0}35.9%{opacity:0}35.92%{opacity:1}38.98%{opacity:1}39%{opacity:0}39.8%{opacity:0}39.82%{opacity:1}83.98%{opacity:1}84%{opacity:0}84.9%{opacity:0}84.92%{opacity:1}}
    @-webkit-keyframes colorChange{0%{border-color:#04a7dc}100%{border-color:#002655}}@keyframes colorChange{0%{border-color:#04a7dc}100%{border-color:#002655}}