body, html { min-width:360px!important; }
.row-center { display: flex; align-items: center; }
#app-header .citi-logo { cursor: unset!important; }
#app-header .navbar-toplinks { background: #0e2a48; display: none; }
#app-header .navbar { background: #000; }
.btn-red { background-color: #fd8918 !important;  border: 3px solid #fff !important; }
.cbolui-ddl .hero-module-adjusted * { color:#fff; }
.cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { background: url('content/1920.jpg') center center; min-height: 525px; background-size:cover !important;}
.cbolui-ddl .hero-module-adjusted .hero-module-adjusted-floating-content { padding-bottom:6em;  }
.redText { color: #489fde; font-weight: bold; }

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

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

.headOne { }
.headOne h3 { font-weight: bold !important; }
.headOne .redText { color: #04bcf2; font-weight: bold; }
.logoobi { padding: 0.7em; text-align: right; width: auto; background: #fff; float: right; }
.logoobi img { margin-left: auto; height: 45px; }

.headerOrg { padding: 3em; background: rgba(238, 112, 1, 1); }
@media (max-width: 767px) {
    .headerOrg { padding: 0em; }
}

.hero-module-adjusted.hero-a-2 .btn { text-shadow:none; }
.cbolui-ddl .theme-light .accordion.menu ul.mainnav li.parent.here, .cbolui-ddl .theme-light .accordion.menu ul.mainnav li.parent.is-expanded .accordionSubMenu, .cbolui-ddl .theme-light .accordion.menu ul.mainnav li.parent.is-expanded .category, .cbolui-ddl .theme-light .accordion.menu ul.mainnav li.parent:hover, .cbolui-ddl .theme-light .accordion.menu ul.mainnav>li.here, .cbolui-ddl .theme-light .accordion.menu ul.mainnav>li.is-expanded .accordionSubMenu, .cbolui-ddl .theme-light .accordion.menu ul.mainnav>li.is-expanded .category, .cbolui-ddl .theme-light .accordion.menu ul.mainnav>li:hover {
    background-color: #fff; cursor: auto!important;
}
.cbolui-ddl .accordion.menu ul.mainnav li.parent .category, .cbolui-ddl .accordion.menu ul.mainnav>li .category {
    cursor: initial;
}
.cbolui-ddl .accordion.menu ul.mainnav li.parent .category-title:focus, .cbolui-ddl .accordion.menu ul.mainnav li.parent .category-title:hover, .cbolui-ddl .accordion.menu ul.mainnav>li .category-title:focus, .cbolui-ddl .accordion.menu ul.mainnav>li .category-title:hover {
    color: #333!important;
    text-decoration: none!important;
}
.cbolui-ddl .accordion.menu ul.mainnav li.parent .category:focus .category-title, .cbolui-ddl .accordion.menu ul.mainnav li.parent .category:hover .category-title, .cbolui-ddl .accordion.menu ul.mainnav>li .category:focus .category-title, .cbolui-ddl .accordion.menu ul.mainnav>li .category:hover .category-title {
    text-decoration: none!important;
}
.cbolui-ddl .accordion.menu ul.mainnav li.parent .category:focus, .cbolui-ddl .accordion.menu ul.mainnav li.parent .category:hover, .cbolui-ddl .accordion.menu ul.mainnav>li .category:focus, .cbolui-ddl .accordion.menu ul.mainnav>li .category:hover {
    color: #333!important;
}
.bLogo { height: 45px; margin-top: 12px; }


@media (min-width:768px) {
    .headOne { margin-top:7em; }
    .card-a-bit-to-the-right { padding-left:50px; }
}
@media (max-width: 767px) {
    .left-on-mobile { text-align:left;}
    .headOne { margin-top: 25vw; }
    .cardIcon img {  width: 65%; left:52%; transform: translate3D(-52%, -30%, 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:30% center; min-height: 430px;  }
    .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: 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: 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; }

#sklep { padding: .5em; border-radius: .6em; font-size: 1.2em; border: 1px solid #4d4d4d; overflow: hidden; white-space: pre-line;  text-overflow: ellipsis;  -webkit-appearance: none; width: auto; }

.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; }
    .mobileFont { font-size: 0.8rem!important; line-height: 1rem!important;}
    #sklep {  width: 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 {  }
.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: #04bcf2; color:#fff; 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; }

.jaktodziala h3 { color:#4d4d4d!important;}
.jaktodziala p { color:#4d4d4d!important;}

.jaktodziala-slidedown button { display:flex; align-items:center;font-family:Interstate; outline:0; padding:0 1em; margin:0 0 1em; background:none; border:0; color:#4d4d4d; font-weight:700!important; text-transform:uppercase;}
.jaktodziala-slidedown button::after { opacity:0; display: none; transition:.3s opacity ease; flex-shrink:0; flex-grow:0; content:' ';  width:35px; height:35px; background:url('btn-down.jpg') center center no-repeat; margin-left:1em; background-size:100% 100%; }
.jaktodziala-slidedown.activated button::after {background:url('btn-up.jpg') center center no-repeat; background-size:100% 100%; }
.jaktodziala-slidedown button:hover::after { opacity:.5; }
.jaktodziala-slidedown p { font-size:1.1em; }
.jaktodziala-slidedown.empty button { cursor:inherit; }
.jaktodziala-slidedown.empty button::after { display:none!important; }

@media (min-width:769px) {
    .jaktodziala-slidedown button { padding:0; font-size:12px; line-height:14px; }
    .jaktodziala-slidedown p { padding:0; font-size:12px; line-height:14px;}
    .jaktodziala-slidedown button::after { width:20px; height:20px; }
    .row-icons { display:flex; justify-content:center;  }
    .row-icons > div { width:20%!important; }
}

.cbolui-ddl .copy-module-tiles { background: #ee7001; }
.cbolui-ddl .copy-module-tiles .header-gray-bg { background-color: #ee7001; }

          
        
.lp2020_header .box h1 {
font-size: 42px;    margin: 0 0 .41em 0!important;

line-height: 44px;
font-weight: 700;
color: #fff;}

.lp2020_header {
background-size: cover;
background-position: top center;
overflow: hidden;
padding: 32px 0;
box-sizing: border-box;
height: 445px;
max-width: 1920px;
margin: 0 auto;
}
.lp2020_header .box {
padding: 2em;
width: 700px;
max-width: 100%;
box-sizing: border-box;
left: 50%;
position: relative;
color: #fff;
}
.prawy {
text-align: right!important;
font-family: "Interstate", sans-serif!important;
margin-top: 8%;
}
.lp2020_header .box h1 {
font-size: 42px;
line-height: 44px;
font-weight: 700;
color: #fff;
margin: 0 0 .11em 0!important;
}
.lp2021-btn {
white-space: nowrap;
cursor: pointer;
transition: .3s background ease;
background: #ff9d00!important;
display: inline-block;
color: #fff!important;
font-weight: 400;
padding: 0.57em 1em;
border-radius: 5px;
font-size: 1.2rem;
margin: 15px 0;
padding: .55em 1.37em;
}
.lp2020_header .box h2 {
font-size: 24px;
line-height: 34px;

font-weight: 400;
color: #fff;
text-transform: initial!important;
margin: 0 0 .11em 0!important;
}
@media (max-width: 1300px) and (min-width: 1200px){
.lp2020_header .box {
left: 45%;
}}


.header_bottom {
background: #f07623;
padding: 1.5em 00;
text-align: center;
margin: 0;
}
.newBell {
color: #fff!important;
font-size: 1.8rem;
font-family: "Interstate", sans-serif!important;

font-weight: bold;
}

@media (max-width: 767px){
.lp2020_header .box {
padding: 1em;
margin-top: -2em;
text-align: center;
width: 90%;
color: #4d4d4d;
background: transparent;
left: 5vw;
background: #fff;
box-shadow: 0px 5px 8px rgb(0 0 0 / 10%);
position: absolute;
top: -16em;
z-index: 10;
}
.lp2020_header .mobileimage {
background-size: cover;
height: 170vw;
}
.header_bottom {
padding: 5em 0 1em 0;
}

.lp2020_header {
height: 160vw;
margin-bottom: 0px;
background: none!important;
padding: 0;
position: relative;
overflow: unset;
}
.lp2020_header .box h2 {
color: #002a54;
}
.lp2020_header .box h1 {
font-size: 27px;
line-height: 33px;
color: #002a54;
}
.prawy {
text-align: center!important;
}
.lp2020_header .box h2 {
font-size: 14px;
line-height: 18px;
color: #27292b;
margin: 0 0 0.91em 0!important;
}
.newBell {
font-size: 1.1rem!important;
}
}
