article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{margin:0px; padding:0px;  font-family: 'Lato', sans-serif; font-weight:300; font-size:14px; line-height:24px; color:#000; background:#fff;}

table{border-collapse:collapse;border-spacing:0}
p{font-size:18px; color:#000; line-height:34px; font-weight:400; margin-bottom:20px;}
input[type="submit"]{-webkit-appearance:none; -webkit-border-radius:3px;}
a, .submit{-webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in;transition: all 200ms ease-in;}
a.join_now_btn{-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
/*Add Placeholder opcity 1*/
::-moz-placeholder{opacity:1}
::-webkit-placeholder{opacity:1}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.a-center{ text-align:center;}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.header-container{text-align:center;}
.header-container .header-top{padding:20px 0 15px;}
.header-container .header-bottom{}
.main-menu ul{}
.main-menu ul li{list-style:none; display: inline-block; margin:0 5px;}
.main-menu ul li a{text-decoration:none !important; font-weight:500; color:#000; padding: 5px 10px; border:1px solid transparent; font-size: 18px;}
.main-menu ul li a:hover{border:1px solid #000;}


.mobile-menu{display: none; padding-bottom: 10px;text-align: left;}
.mobile-menu a.toggle-icon {background-image: url("../images/menu-icon.png"); background-position: center center;background-repeat: no-repeat;border-radius: 5px 5px 0 0; color: #fff;display: block;float: right; font-size: 14px; height: 40px;line-height: 40px; position: relative;    text-decoration: none; width: 40px; z-index: 999;cursor:pointer; top: 20px;}
.mobile-menu a.toggle-icon.close-icon {background-image: url("../images/menu-close.png");position:fixed; top:10px; right:15px; margin-top:0;}
.mobile-menu #mob-menu { background: rgba(41, 51, 64, 0.9) none repeat scroll 0 0; height: 100%; left: 0; padding-top: 48px; position: fixed; top: 0; width: 100%;z-index: 99;	overflow:auto;}
.mobile-menu #mob-menu ul { margin: 0; padding: 0;}
.mobile-menu #mob-menu ul li { display: block;list-style: outside none none;position: relative;}
.mobile-menu #mob-menu ul li a {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);color: #fff;display: block; font-size: 12px; font-weight: 400; margin: 0; padding: 10px 20px; text-decoration: none; text-transform: uppercase;}
.mobile-menu #mob-menu ul li a:hover {background-color: #fff;color: #000;transition: all 0.3s ease 0s;}


.jarallax-keep-img { position: relative; z-index: 0;}
.jarallax-keep-img > .jarallax-img { position: relative; display: block;  max-width: 100%;height: auto;  z-index: -100;}
span[data-jarallax-element] { display: inline-block;}
.jarallax {min-height:400px;}
.jarallax-keep-img.demo-float-left {margin-right: 15px; margin-left: -60px;}
.jarallax-keep-img.demo-float-right { margin-left: 15px; margin-right: -60px;}
.jarallax-team {background-image: url("../images/background_partner.jpg"); background-size: cover; background-position: center;}
.jarallax-team .wrapper {display: grid;grid-template-columns: 33% 33% 33%; padding: 100px 50px}
.partnerSection .row-right {background-color: #979ea950;color: white; text-align: center;position: relative; margin: 20px 30px; border-radius: 20px;}
.partnerSection .row-right p{color: #979ea9;}
.partnerSection .row-left {background-color: #979ea950;color: white; text-align: center;position: relative;margin: 20px 30px; border-radius: 20px;}
.partnerSection .row-left p{color: #979ea9;}



.demo-table{display: table;width: 100%; height: 600px; background-color: rgba(39, 35, 51, 0.6); color: #fff;}
.demo-table-cell { display: table-cell; text-align: center; vertical-align: middle;}

.demo-gap-half { display: table; width: 100%;}
.demo-gap-half > div {display: table-cell; width: 50%;}
.demo-gap-half .demo-gap-1 .jarallax,
.demo-gap-half .demo-gap-2 .jarallax {padding-top: 56.25%; min-height: 0; height: 0;}
.demo-gap-half .demo-gap-1 .jarallax { padding-top: 112.5%;}
.demo-content { background-color: #f7f7f7;  padding: 80px;}

.demo-float-left {float: left;}
.demo-float-right { float: right;}

.demo-carousel {background-color: rgb(39, 35, 51);}
.demo-carousel .demo-carousel-item { width: 33.33%; min-height: 300px;}

.slider-sec{min-height:600px;}

.about-gastmahl-sec { padding:80px; overflow: hidden;}
.about-gastmahl-sec p{font-size:18px; color:#000; line-height:34px; text-align:center; font-weight:400; margin-bottom:20px;}
.about-gastmahl-sec h1, .about-gastmahl-sec h2, .about-gastmahl-sec h3 {text-align: center;}
.about-gastmahl-sec .container {max-width:50%; margin: 0 auto;}

.about-gastmahl-sec .contact-detail{padding:50px 0;}

.team-sec{padding:80px 0 60px;}
.team-sec .container {max-width:70%; margin: 0 auto;}
.team-sec .team-inner{margin-bottom:30px; display:inline-block;}
.team-sec .team-inner .team-image{width:30%; float:left;}
.team-sec .team-inner .team-image img{width:100%;}
.team-sec .team-inner .team-detail{width:70%; padding-left:20px; float:right;}
.team-sec .team-inner .team-detail h3{font-size:22px; margin-bottom:25px; font-weight:400;}
.team-sec .team-inner .team-detail p{font-size:18px; line-height:30px; font-weight:400; }

.gastmahl-menu-sec{padding:80px 0 20px; text-align:center;}
.gastmahl-menu-sec .menu-inner{margin-top:20px; margin-bottom:60px;}
.gastmahl-menu-sec .container {max-width:70%; margin: 0 auto;}
.gastmahl-menu-sec .menu-item{padding-top:60px;}
.gastmahl-menu-sec .menu-item p{ margin:0 0 10px;}
.gastmahl-menu-sec .menu-item h5{font-size:18px; line-height:30px; font-weight:600; margin:0 0 10px;}
.gastmahl-menu-sec .menu-item p.menu-date{color:#b3b3b3; font-style:italic;}

.contact-form-main-sec{padding:80px 0;}
.contact-form-main-sec .container{max-width:65%; margin: 0 auto; display:flex;}
.contact-form-main-sec .timing-sec{width:25%; float:left;}
.contact-form-main-sec .timing-sec ul{padding-left:20px;}
.contact-form-main-sec .timing-sec ul li p{font-size:16px; line-height:24px; cursor:pointer;}

.contact-form-main-sec .form{width:75%; float:right; padding-left:50px;}
.contact-form-main-sec .form ul{}
.contact-form-main-sec .form ul li{list-style:none; margin-bottom:20px;}
.contact-form-main-sec .form ul li .first-name{width:49.20%; display:inline-block; margin-right:5px;}
.contact-form-main-sec .form ul li .first-name:last-child{margin-right:0px;}
.contact-form-main-sec .form ul li .date-sec{width:20%; display:inline-block; margin-right:5px;}
.contact-form-main-sec .form ul li .date-sec:last-child{margin-right:0px;}
.contact-form-main-sec .form ul li label{width:100%; float:left; font-size:16px; line-height:30px; font-weight:400;}
.contact-form-main-sec .form ul li label.error{color:#f00; font-size:12px; line-height:14px; margin-top:5px;}
.contact-form-main-sec .form ul li input[type=text], input[type=email]{background: #f3f3f3; width: 100%; border: 1px solid #c9d1d6; padding: 0 10px; height: 40px;  line-height: 40px; outline:none;}

.contact-form-main-sec .form ul li.submit input[type=submit]{border:2px solid #000; border-radius:0px; padding:10px 20px; background-color:transparent; margin-top:15px; float:left; cursor:pointer;}
.mail-status{clear:both; display:block; padding-top:20px; color:#090;}



.footer-sec{background-color:#000; padding:25px; color:#fff;}
.footer-sec .container{max-width:90%; margin:0 auto;}
.social-link ul{padding:0px;}
.social-link ul li{display: inline-block;padding: 0 10px; }
.social-link ul li a{color:#fff; font-weight:400; font-size:14px; text-decoration:none;}
.social-link ul li a:hover{border-bottom:1px solid #fff;}

.footer-bottom{padding:20px 50px;}
.footer-bottom a{color:#fff; font-weight:400; font-size:16px; text-decoration:none;}

.baby-image {width: 1200px; padding-bottom: 300px;}
@media screen and (max-width: 1200px) {
    .baby-image {width: 900px; padding-bottom: 200px;}
}
@media screen and (max-width: 900px) {
    .baby-image {width: 700px; padding-bottom: 100px;}
}
@media screen and (max-width: 700px) {
    .baby-image {width: 450px; padding-bottom: 50px;}
}
@media screen and (max-width: 450px) {
    .baby-image {width: 300px; padding-bottom: 50px;}
}

@media screen and (max-width: 600px) {
    .jarallax-keep-img.demo-float-left,
    .jarallax-keep-img.demo-float-right {margin-right:0; margin-left:0; float:none;}
	.jarallax { min-height: 250px;}
    .jarallax-team { background-image: url("images/background_partner.jpg"); min-height: 500px; height: 134%}
}

/* Mobile */
@media screen and (max-width: 500px) {
    .demo-gap,
    .demo-content {padding: 50px 30px;}

}




@media (min-width:992px) and (max-width:1199px){

.team-sec .team-inner .team-detail h3{margin-top:0px;}
.contact-form-main-sec .form ul li input[type=date]{margin-right:3px;}	

.contact-form-main-sec .form ul li .first-name{width:49%;}
.contact-form-main-sec .form ul li .date-sec{width:32%;}	
}

@media (max-width:1000px) {
    .jarallax-team {background-color: black; background-image: none;}
    .jarallax-team .wrapper {display: grid;grid-template-columns: 100% auto auto; padding: 20px 20px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))}
    .partnerSection .row-right {color: white; text-align: center;position: relative; margin: 20px 30px;}
    .partnerSection .row-left {color: white; text-align: center;position: relative;margin: 20px 30px;}
}

@media (min-width:768px) and (max-width:991px){
	
.about-gastmahl-sec .container{max-width:80%;}	
.team-sec .container{max-width:80%;}
.team-sec .team-inner .team-detail h3{margin-top:0px;}

.gastmahl-menu-sec .menu-item{padding-top:50px;}
.contact-form-main-sec .form ul{padding:0px;}
.contact-form-main-sec .form ul li .input-half{margin-right:0px;}
.contact-form-main-sec .form ul li input[type=date]{margin-right:0px;}

.contact-form-main-sec .form ul li .first-name{width:48.50%;}
.contact-form-main-sec .form ul li .date-sec{width: 31.4%;}

}


@media(max-width:767px){

.about-gastmahl-sec .container{max-width:100%;}
.team-sec .container{max-width:90%;}

.team-sec .team-inner .team-detail h3{margin-top:0px;}
.gastmahl-menu-sec .container{max-width:90%;}
.gastmahl-menu-sec .menu-item {padding-top: 40px;}

.contact-form-main-sec .container{max-width:90%; display:block;}
.contact-form-main-sec .timing-sec{width:25%;}
.contact-form-main-sec .form{width:75%; float:none;  display:inline-block;}
.contact-form-main-sec .form ul{padding:0px;}
.contact-form-main-sec .form ul li .input-half{margin-right:0px;}
.contact-form-main-sec .form ul li input[type=date]{margin-right:0px;}
.footer-bottom{ text-align:center;}	

.main-menu{display:none;}

.header-container{overflow:hidden;}
.header-top .container{width:90%; margin: 0 auto;}


}

@media(min-width:576px) and (max-width:767px){

.mobile-menu{display:block; position: absolute;  right: 25px; top: 10%;}

.contact-form-main-sec .form ul li .first-name{width:48.90%;}
.contact-form-main-sec .form ul li .date-sec{width: 31.80%;}
}


@media(max-width:575px){

.mobile-menu{display:block;}
.contact-form-main-sec .form ul li .first-name{width:48.10%;}
.contact-form-main-sec .form ul li .date-sec{width: 31.4%;}
	
#jarallax-container-1 .jarallax-img{object-fit: contain !important; background:#000;}	

}


@media(max-width:479px){
	
.about-gastmahl-sec{padding:0px;}	
.about-gastmahl-sec .container{max-width:90%; margin:auto;}
.team-sec .container{max-width:90%;}
.team-sec .team-inner .team-image{width:100%;}
.team-sec .team-inner .team-detail{width:100%; padding-left:0px; margin-top:20px;}

.gastmahl-menu-sec .container{max-width:90%;}
.gastmahl-menu-sec .menu-item{padding-top:30px;}
.gastmahl-menu-sec .menu-item h5{margin:0px;}

.contact-form-main-sec .container{max-width:90%; display:block;}
.contact-form-main-sec .timing-sec{width:100%;}
.contact-form-main-sec .form{width:100%; float:none; padding-left:0px; display:inline-block;}
.contact-form-main-sec .form ul{padding:0px;}
.contact-form-main-sec .form ul li .input-half{margin-right:0px;}
.contact-form-main-sec .form ul li input[type=date]{margin-right:0px;}


.header-container{overflow:hidden;}
.header-top .container{width:90%; margin: 0 auto;}
.header-top .logo{width:60%; float:left;}
.header-top .logo img{width:100%;}

}

@media(max-width:375px){

.contact-form-main-sec .form ul li .first-name{width:48.40%;}
.contact-form-main-sec .form ul li .date-sec{width: 31%;}
	
}