body, html { min-width:360px!important; }
.row-center { display: flex; align-items: center; }
#app-header .navbar-toplinks { background: #0e2a48; display: none; }
.btn-red { background-color: #ff6801 !important;  border: 3px solid #fff !important; }
.cbolui-ddl .hero-module-adjusted * { color:#3a5d9c; }
.cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { background: url(content/header-bg.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(-52%, -50%, 0); }

.headOne { }
.headOne h3 { font-weight: bold !important; }
.headOne .redText { color: #04bcf2; font-weight: bold; }

.bLogo { height: 45px; margin-top: 12px; }

.telefon {
	position: fixed;
	display: none;
	bottom: 0;
	width: 100%;
    z-index: 1;
    padding-left: 7%;
}

@media (min-width:768px) {
    .headOne { margin-top:5em; }
    .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%; transform: translate3D(-52%, -35%, 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:63% 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:3em 0 3em 0; }
.box_black-text {  font-size:1em; }
@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 .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 {  color:#fff;  }
.form h3 { color: #fff; }
.cbolui-ddl .row .form-group label { color: #fff; }
.cbolui-ddl .checkbox label, .cbolui-ddl .radio label { color: #fff; }
.cbolui-ddl .checkbox label, .cbolui-ddl .radio label:hover { color: #fff; }

.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; }