@import url('https://www.maxcarwash.pro/fonts/css?family=Asap:400,700|Lato:400,700|Open+Sans:400,400italic,700');
@import url('https://www.maxcarwash.pro/fonts/css?family=Asap&subset=latin');

body {overflow-y: scroll;}
.logo {background: #002060; padding: 20px 30px; width: 80%}
.nav-wrap.isStuck .logo {padding: 20px 30px;}

.parallax-slider {border-bottom: 1px solid #002060;height:500px; }
.parallax-slider #mainCaptionHolder .container h2 {font: bold italic 60px/1.2em 'Open Sans', sans-serif; text-shadow: 1px 1px 1px #666;}
.parallax-slider #mainCaptionHolder .container {top: 230px;width: 1000px; margin-left: -500px;}
.parallax-slider #mainCaptionHolder .container p {text-shadow: 1px 1px 1px #666;margin-top: 40px;font-size: 40px;}
div.type-page h1 strong {color: #EC7B2E; font-size:40px; display: block;}





.nav-wrap { background: rgba(0,32,96,0.6)}
.nav-wrap.isStuck  { background: rgba(0,32,96,0.8)}

.nav__primary .sf-menu > .menu-item.current-menu-item > a,  .nav__primary .sf-menu > .menu-item > a:focus {color: #F6E100 }

.sf-menu > li > a:hover {color: #F6E100!important }

.title-box {
    margin: 2px 0 83px;
    border-bottom: 1px solid #F6E100;
    padding-bottom: 19px;
    letter-spacing: 2px;
}
.title-box {margin: 2px 0 25px;}

nav.nav.footer-nav {float: right; margin: 0; padding: 0;}
nav.nav.footer-nav ul li {float: left;padding: 5px 0px 5px 20px;}
.footer {background:#fff; border-width: 0px; border-color: #3398cb;}
.btn {border-radius: 15px; text-transform:none}
.btn-from-left:before {border-radius: 15px;}
.nav__primary .sf-menu > .menu-item:before {content: 'I';color: #666; font:normal 10px/1.2em 'Asap', sans-serif} 

h3.hometop {font: normal 25px/43px Open Sans;color: #657073; text-align:center}
.title-box .title-box_primary {font-size:30px; color:#000}
.service-box .icon {border-radius: 50%;border: 1px solid #002060;}
.service-box .icon:before {background: #002060;}
.title-section .title-header, .onlymob  { display: none;}
.service-box .service-box_body .title a {color: #002060;}

.service-box.events {background: #fff;border: 1px solid #ddd; border-radius:10px}

.service-box.events:before {top:50%;border-color: transparent transparent transparent #fff}
.service-box.events:after {	background:#002060;	}
.service-box.events .inner-desc .title {color: #002060;}

.service-box.events .btn-align .btn {
    background: #002060;
    border-radius: 10px;
}

.service-box.events .btn-align .btn:hover, .service-box.events .btn-align .btn:active, .service-box.events .btn-align .btn:focus {
    color: #fff
}
.service-box.events:hover .inner-desc .title {
    color: #F6E100;
}

.service-box.events .btn-align .btn::before {
    border-radius: 25px;
    background: #001542;
}

.service-box .service-box_body .title {

    color: #002060;

}

.home .copyright > .span12 {
    border-top: 0px solid #d6d7d8;
    padding: 10px 0 30px;
}

.copyright > .span12 {
    border-top: 1px solid #ddd;
    padding: 30px 0 30px;
}

#back-top-wrapper #back-top a:after, #back-top-wrapper #back-top a:hover:after  {color: #F6E100;}

.btn {background: #002060;}
.btn-from-left:before {background: #002060;}
.btn-from-left:hover {background: #002060;}
.btn-from-left:hover:before {background: #F6E100}


#pflege ul { list-style-image:url(https://www.maxcarwash.pro/wp-content/uploads/kreuz.png);}
#pflege .mp-span3 {background:#002060; border-radius:5px; padding:20px; color:#fff}
#pflege .mp-span3 h2 {color:#F6E100; margin:0 0 15px; padding:0; font-size:35px}
#pflege .mp-span3 h3 {background: #F6E100;padding: 20px;text-align: right;font-weight: 900; font-size: 25px;border-radius:5px;}
#extras  {background: #F6E100;padding: 20px;border-radius:5px; color:#002060}
#extras h3 {font-weight: 900; font-size: 25px;   margin-bottom: 40px;}
#extras h2 {font-weight: 900; font-size: 35px; color:#002060}


#pflege  {
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}


@media print {
	body {font-size:12px}
.nav,.nav-wrap.isStuck .logo, .logo, .btn,.header {display:none}
#pflege .mp-span3 {width:22%}
}


@media (max-width: 1024px) {
.parallax-slider #mainCaptionHolder .container {top: 230px;width: 900px; margin-left: -450px;}
}
@media (max-width: 800px) {
.parallax-slider #mainCaptionHolder .container {top: 230px;width: 700px; margin-left: -350px;}
}


@media (max-width: 768px) {
#extras p {margin:0}
.header {min-height: 35px;}
.parallax-slider { height:200px; }
.parallax-slider #mainCaptionHolder .container {
    top: 80px;
    width: 90%;
    margin: auto;
}
.parallax-slider #mainCaptionHolder .container h2 {
    font: bold italic 30px/1.2em 'Open Sans', sans-serif;
}

#wprmenu_bar .bar_logo {height: 50px;}
#wprmenu_bar {text-align: center; height: 70px;}

#wprmenu_menu.left, #wprmenu_menu.right {top: 60px;}

div.type-page h1 strong {font-size:25px;}
h3.hometop {font: normal 15px/30px Open Sans;color: #657073;}
.service-box.events .inner-desc .title {font: bold 16px/1.2em 'Open Sans', sans-serif;}
body .header {padding: 0;}
.header {background:none; background-color:#fff; }
.nav-wrap {background: #fff; border-bottom: 0px solid ;}
.logo {width: 40%;display: block; margin: auto;}
body .footer {padding: 0 20px}
.copyright > .span12 {padding: 10px 0;}
.title-box .title-box_primary {font-size: 20px; text-align:center}

body.home .content-holder > .container {  padding: 20px 20px 40px 20px !important;}
#wprmenu_bar .wprmenu_icon {padding-top: 12px;}
#pflege .mp-span3 {background:#002060; border-radius:5px; padding:20px; color:#fff; margin-bottom:25px}
}

@media (max-width: 480px) {
	.parallax-slider { display:inherit !important; height:110px;}
	.parallax-slider #mainCaptionHolder .container { top: 40px; width: 100%;}
	.parallax-slider #mainCaptionHolder .container h2 { font: bold italic 20px/1.2em 'Open Sans', sans-serif;}
	.service-box .icon {margin: auto; display: block;}
	.service-box { text-align: center;}

}