.cbolui-ddl .theme-light {  color: #4E4E4E; }
.row-center { display: flex; align-items: center; }
.cbolui-ddl .container-fluid { overflow: hidden; }
#app-header { background: black; position: relative; overflow: hidden;     border-bottom: 5px #00b7e7 solid;}
#app-header::before {content: ''; display: block; position: absolute; left: 0; bottom: -5px; width: 5px; height: 5px; background: #000;}
#app-header .navbar-toplinks { display: none; }
.btn-bp { background: rgb(5,140,9); background: linear-gradient(125deg, rgba(5,140,9,1) 0%, rgba(0,96,1,1) 100%)!important; border: 0px solid #ffda01 !important; transition: 0.3s all ease; }
.btn-bp:hover { box-shadow: 0px 0px 4px #ffda01; background: linear-gradient(5deg, rgba(5,140,9,1) 0%, rgba(0,96,1,1) 100%)!important; }
.cbolui-ddl .hero-module-adjusted { margin-bottom: 4em; }
.cbolui-ddl .hero-module-adjusted * { color:#000; }
.cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { background: #000; background-position: center center; min-height: 525px; background-size:cover !important;}

.header-bp { font-size: 3.3rem !important; line-height: 3.9rem!important; font-weight: 100!important; font-family: Interstate!important; }
/* .hero-module-adjusted::after{ display: block; position: absolute; bottom: -7rem; left: 0; content: ''; background: url(content/lights_green.jpg) center center no-repeat; background-size: cover; width: 50%; height: 200px; z-index: -1; } */
/* .hero-module-adjusted::before{ display: block; position: absolute; bottom: -7rem; right: 0; content: ''; background: url(content/lights_yellow_r.jpg) center center no-repeat; background-size: cover; width: 50%; height: 200px; z-index: -1; } */

.cbolui-ddl p { color: #000; }
.cbolui-ddl li {margin-bottom: 35px;}

.logobp { text-align: right; margin-top: 10px;  height: 43px;}
.logobp img { margin-left: auto; height: 50px; }

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

.bp-wave-green { background: url(content/lights_green_r.jpg) center center no-repeat; background-size:cover; padding: 10em 0; }
.bp-stripe-green { background: url(content/stripe.jpg) center center no-repeat; background-size:cover; padding: 5em 0;  }
.cardYellow { position: relative; }
.cardYellow::after { background: url(content/lights_yellow.jpg) center center no-repeat; background-size: cover; display: block; position: absolute; top: 26rem; right: 0; content: ''; width: 60%; height: 14em; z-index: -1; }

.footerBP { background: url(content/footer-bg.jpg) center center no-repeat; padding: 4em 0; min-height: 647px; display: flex !important; align-items: center;}
.footerBP p { font-size: 1.2rem !important; line-height: 1.6rem !important; }
.couple { background-position: 70%!important; }
.driver { background-position: 65%!important; }
.showHideBtn { background: url(content/eye.png) center center no-repeat }
@media (min-width: 481px) and (max-width: 1024px) {
    h5 { margin-top: 30px !important; }
    .cardIcon img {  width: 45%; transform: translate3D(-52%, -35%, 0);}
}

@media (max-width: 767px) {
    .row-center { display: block; }
    .header-bp { font-size: 2.3rem !important; line-height: 3rem!important; }
    .left-on-mobile { text-align: left; padding: 0px 40px;}
    .cardIcon img {  width: 55%; transform: translate3D(-50%, -15%, 0);}
 
    .cbolui-ddl .hero-module-adjusted { margin-bottom: 8em; position: relative; }
    .cbolui-ddl .hero-module-adjusted h1 { font-size: 24px; line-height: 32px; }
    .cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { background-position: 79% center;
        min-height: 200px;
        margin-top: 55px;  }
    .cbolui-ddl .hero-module-adjusted .hero-module-adjusted-floating-content { position: absolute; top: 50px; width: 100%; }
    .cbolui-ddl p {font-size: 0.8rem;line-height: 1.3rem;}
    .headTwo ul { list-style: none; padding-left: 60px; }
    .citySection .discCircle { margin: 10px auto; }
    .signature h4 { display: block !important; }
    .hero-module-adjusted::after{ bottom: -140px; width:100%; }
    .hero-module-adjusted::before{ display: none; }
    .cbolui-ddl .form-group { margin-bottom: 0; }
    .leftOnMobile { text-align: left; }
}
@media(max-width: 768px) {
    .cardYellow::after { display: none; }
}

@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: 520px;  }
}
@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; }

}
.theform { background:#fff; }
.theform label a { color:#056dae!important; }
.form { padding: 50px 0; }

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


.cbolui-ddl .theme-light .accordion ul.mainnav li.parent, .cbolui-ddl .theme-light .accordion ul.mainnav>li {
    background-color: transparent;
}
.cbolui-ddl .accordion.menu ul.mainnav li.parent.is-expanded>.category, .cbolui-ddl .accordion.menu ul.mainnav>li.is-expanded>.category {
    color: #ffda01;
}
.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: #000;
}
.cbolui-ddl .accordion ul.mainnav {
    border-bottom: 0;
}
.cbolui-ddl .accordion ul.mainnav li.parent, .cbolui-ddl .accordion ul.mainnav>li, .cbolui-ddl .accordion ul.subnav li.parent, .cbolui-ddl .accordion ul.subnav>li {
    border-top: 0;
    border-top: 20px solid transparent;
    border-image: url(content/border.jpg) 30;
}
.cbolui-ddl .accordion ul.mainnav li.parent .category, .cbolui-ddl .accordion ul.mainnav>li .category, .cbolui-ddl .accordion ul.subnav li.parent .category, .cbolui-ddl .accordion ul.subnav>li .category {
    font-weight: bold;
    font-size: 1.2rem;
}
.cbolui-ddl .citi-blue a, .cbolui-ddl .citi-priority a, .cbolui-ddl .citi-business a {
    color: #fff;
}
.cbolui-ddl .header-3, .cbolui-ddl .large .popover-title, .cbolui-ddl h3 {
    color: #000;
}
.cbolui-ddl .accordion ul.mainnav li.parent .category, .cbolui-ddl .accordion ul.mainnav>li .category, .cbolui-ddl .accordion ul.subnav li.parent .category, .cbolui-ddl .accordion ul.subnav>li .category {
    color: #fff;
}
.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:#ffda01;
    text-decoration: underline;
}
.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: #ffda01;
}
.cbolui-ddl .accordion.lefthandnav ul li.parent.level1 .category:after, .cbolui-ddl .accordion.lefthandnav ul li.parent.level1 .category:before, .cbolui-ddl .accordion.lefthandnav ul li.parent.level2 .category:after, .cbolui-ddl .accordion.lefthandnav ul li.parent.level2 .category:before, .cbolui-ddl .accordion.menu ul.mainnav li.parent .svg-arrow, .cbolui-ddl .accordion.menu ul.mainnav>li .svg-arrow, .cbolui-ddl .svg-arrow-dropdown-down, .cbolui-ddl .table .expandable-row .btn-carat-down, .cbolui-ddl .table .expandable-row .btn-carat-down-svg, .cbolui-ddl .table .expandable-row .glyphicon-triangle-bottom, .cbolui-ddl .table>caption+thead>tr>th .btn-carat-down, .cbolui-ddl .table>caption+thead>tr>th .btn-carat-down-svg, .cbolui-ddl .table>caption+thead>tr>th .glyphicon-triangle-bottom, .cbolui-ddl select.form-control {
    background-image: url(/formularz/images/icons/svgs/arrows/arrow-dropdown-down-white.svg);
}