@charset "utf-8";
/* CSS Document */
#wrapper { min-width:320px; }

input.resp-nav, label.resp-nav { display:none; cursor:pointer !important; }
@media screen and (max-width: 1350px), screen and (max-device-width: 1350px), screen and (max-width: 1350px) {
	ul.menu a {
		font-size: 14px;
	}
	ul.menu > li + li {
		margin-left: 15px;
	}
	#header #logo {
		max-width:300px;
		top:-14%;
	}
}
@media screen and (max-width: 1150px), screen and (max-device-width: 1150px), screen and (max-width: 1150px) {
	ul.menu a {
		font-size: 12px;
	}
	ul.menu > li + li {
		margin-left: 10px;
	}
}
@media screen and (max-width: 980px), screen and (max-device-width: 980px), screen and (max-width: 980px) {
	label.resp-nav { 
		display:inline-block; 
		z-index:9999; 
		border-radius:3px; 
		text-indent:-9999px;
		width:36px;
		height:36px;
		background: url(../images/menu.png) center center no-repeat #000;
		transition:background .3s;
	}
	label.resp-nav:hover {
		background: url(../images/menu.png) center center no-repeat #128bbe;
	}
	ul.menu { 
		visibility:hidden; 
		opacity:0; 
		position:absolute; 
		right:0px; 
		top:37px; 
		background:#000; 
		z-index:100; 
		border-radius:3px; 
		overflow: hidden;
	}
	ul.menu > li > a { 
		color:#fff; 
		display: block; 
		padding:7px 20px !important; 
		white-space: nowrap; 
		line-height: normal; 
		height:auto;
		font-size: 16px !important;
	}
	ul.menu > li > a::before {
		display: none;
	}
	ul.menu li.facebook, ul.menu li.youtube, ul.menu li.instagram {
		display: inline-block;
		border-top:none;
		margin-top: 7px !important;
		margin-left: 20px !important;
		padding-bottom: 15px;
	}
	ul.menu > li.facebook > a, ul.menu > li.youtube > a, ul.menu > li.instagram > a { 
		padding:0 !important;
	}
	ul.menu > li { height:auto !important; padding:0px; display:block; border-top:1px solid #fff;  margin:0 !important; }
	ul.menu li.lang { display: block; }
	ul.menu li:first-child { border-top:none; }
	
	ul.menu { display:block; }
	ul.menu ul, ul.menu > li:after { display:none; }

	input[class="resp-nav"]:checked ~ ul { visibility:visible !important; opacity:1 !important; transition:all .3s; }

	#menu { position:fixed; right:2.5%; top:2.5%; transform:none; overflow: visible; height:30px; 
		padding:0px; width:auto; display:inline-block; bottom:auto; left:auto; z-index:13; }

	#header {
		position: absolute !important;
		top:0px !important;
	}
	div.socials {
		top:50%;
		transform:translateY(-50%);
		display: none;
	}
	div.socials a.facebook { background-position:-30px 0px !important;  }
	div.socials a.youtube { background-position:-30px -30px !important;  }
	div.socials a.instagram { background-position:-30px -60px !important;  }
	div.socials a:hover { transform:rotate(360deg); filter:none;  }

	#header #logo {
		width:170px;
		top:50%;
		left:2.5%;
		margin-top: -10px;
		transform:translate(0%,-50%);
	}
	
}
@media screen and (max-width: 850px), screen and (max-device-width: 850px), screen and (max-width: 850px) {
	div.list > div {
   		width: 45%;
   	}
	div.trainers div.cover {
		width:100%;
		text-align: center;
	}
	div.trainers div.cover img {
		max-width: 500px;
	}
	div.trainers div.text {
		width:100%;
		padding-left:0px;
	}
	div.trainers div.text h3 {
		width:100%;
		margin-top: 20px;
		font-size: 20px;
	}
}

@media screen and (max-width: 700px), screen and (max-device-width: 700px), screen and (max-width: 700px) {
	div.article {
		display: block;
	}
	div.article > div.img {
   		width: 100%;
   		margin-bottom: 15px;
	}
	div.article > div.text {
		width: 100% !important;
	}
	div.article > div.submenu {
		width:100%;
		padding:0px;
		margin-bottom: 20px;
	}
	#footer div.c {
	    padding: 15px 2.5%;
	}
	ul.footer-menu {
		float:none;
		display: block;
	}
	div.siteby {
		display: block;
		text-align: center;
		float:none;
	}
	ul.footer-menu > li {
		display: block;
		text-align: center;
	}
	ul.footer-menu > li + li {
		margin-left: 0px;
		margin-top: 5px;
	}
	ul.footer-menu > li + li::before {
		display: none;
	}

	div.col {
		display: block;
		width:100% !important;
	}
	div.col + div.col  {
		margin-top: 50px;
	}

	#content div.videos > div {
		width:48%;
	}
	div.prices {
		justify-content:space-around;
	}
	div.prices > div {
		width:40%;
	}

	#slogen div.text, #slogen a.link {
		font-size: 16px !important;
	}
}
@media screen and (max-width: 600px), screen and (max-device-width: 600px), screen and (max-width: 600px) {
	#footer > div.c:first-child {
		background: #4a4a4a;
	}
	div.contacts > div {
		width:100%;
	}
	div.list.artists > div {
   		width: 45%;
   	}
	div.list > div {
   		width: 100%;
   	}
   	div.list div.lead {
   		padding:0;
   	}
   	div.article > div.img {
   		width: 100%;
   		margin-bottom: 15px;
	}
	div.list > div + div {
		margin-top: 30px;
	}
	div.article > div.text {
		width: 100% !important;
	}

	*, form div.checkboxes label, form div.radios label {
	    font-size: 14px;
	    line-height: 20px;
	    color: #4a4a4a;
	}
	form div.checkboxes label {
		line-height: 30px;
	}
	form div.radios label {
		line-height: 24px;
	}

	#map {
		padding-top:80% 
	}
	div.feedbacks > div {
		display: block !important;
	}
	div.feedbacks > div + div {
		margin-top: 10%;
	}
	div.feedbacks div.img {
		width:20%;
		max-width:100px;
		margin-bottom: 18px;
	}
	div.feedbacks div.text::after {
		top:-13px;
		border-bottom:15px solid #128bbe;
		border-right:15px solid transparent;
		left:25px;
	}
	div.feedbacks div.text::before {
		display: none;
	}
	div.feedbacks div.text {
		width:100% !important;
		max-width:none;
	}

}
@media screen and (max-width: 550px), screen and (max-device-width: 550px), screen and (max-width: 550px) {
	div.prices > div {
		width:80%;
	}
	div.socials {
		top:-50px;
		left:2.5%;
		right:auto;
		transform:none;
	}
	#wrapper.home div.socials a.facebook { background-position:0px 0px !important;  }
	#wrapper.home div.socials a.youtube { background-position:0px -30px !important;  }
	#wrapper.home div.socials a.instagram { background-position:0px -60px !important;  }

	#header #logo {
		margin-top: -20px;
	}
	#header {
		height:80px;
	}
	#content {
		padding-top:150px;
	}
	div.photos > div {
		width:50%;
	}
	h1.page-title {
		font-size:32px;
	}

	div.motiv > ul {
		width:100%;
	}
	div.motiv {
		display: block;
	}
	ul.x li::before {
		left:-6px;
	}
	ul.y {
		margin-top: 4%;
	}
	div.block.motiv > div.c > h2 {
		font-size:24px;
	}
}
@media screen and (max-width: 500px), screen and (max-device-width: 500px), screen and (max-width: 500px) {
	form > div {
		width:100% !important;
	}
	form div.email, form div.first_name, form div.last_name, form div.phone, form div.height {
		padding:0;
	}
	form > div+div {
		margin-top: 15px !important;
	}

	div.block > div.c > h2, h2.subtitle {
		font-size: 24px;
		line-height: normal;
	}

	#content div.videos > div {
		width:100%;
	}

	a.button span {
		color:inherit;
		font-size:20px;
		display: block;
		line-height: normal;
		font-style: normal;
		font-weight: 800;
	}

	div.about-images {
		display: flex;
		justify-content:space-around;
		flex-wrap:wrap;
	}
	div.about-images > div {
		width:80%;
	}
}
@media screen and (max-width: 400px), screen and (max-device-width: 400px), screen and (max-width: 400px) {
	div.list.artists > div {
   		width: 100%;
   	}

   	#map {
		padding-top:100% 
	}

}