@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: 1200px), screen and (max-device-width: 1200px), screen and (max-width: 1200px) {
	div.contacts::after {
		display: none;
	}
}
@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; 
		float:right; 
		border-radius:3px; 
		text-indent:-9999px;
		width:36px;
		height:36px;
		background: url(../images/menu.png) center center no-repeat #095e61;
		transition:background .3s;
	}
	label.resp-nav:hover {
		background: url(../images/menu.png) center center no-repeat #6e2041;
	}
	ul.menu { 
		visibility:hidden; 
		opacity:0; 
		position:absolute; 
		right:0px; 
		top:37px; 
		background:#302f2e; 
		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:hover { color:#06cbd2; }
	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%; overflow: visible; height:30px; 
		padding:0px; width:auto; display:inline-block; bottom:auto; left:auto; z-index:13; }

	#header div.c { display: block; }
	#header::before {
		background-size: auto;
	}
	h1.page-title {
		background-size: auto;
	}
	h1.page-title span {
		font-size: 30px;
	}
	h1.page-title span > span {
		font-size: 16px;
	}

	#langs {
		display: none;
	}
	#wrapper.home #header {
		position: absolute !important;
	}
	#home img {
		position: relative !important;
	}
	#home img+img {
		position: absolute !important;
		top:0px;
		left:0px;
	}
	/* FOOTER */
	div.contacts {
		display: block;
	}
	div.contacts > div {
		display: inline-block;
		width:50%;
		padding: 20px 30px 20px 80px;
		min-height: 70px;
		vertical-align: top;
	}
	div.contacts > div.ico::after {
		left:-20px;
		top:5px;
		width:100px;
	}
	div.contacts > div+div::before {
		width:100%;
		height:1px;
	}
	div.contacts > div.socials {
		max-width: none;
		min-height: none;
		display: block;
		width:100%;
	}
	/* PADDING */
	div.block > div.c, div.block + div.block > div.c, h1.page-title span, #footer > div.c > div, #footer > div.c:first-child > div,
	div.block > h2, #header div.c  {
		padding:20px;
	}
	/* TOP */
	a#ns-to-top {
		display: none !important;
	}
}
@media screen and (max-width: 850px), screen and (max-device-width: 850px), screen and (max-width: 850px) {
	div.list > div {
   		width: 45%;
   	}
}

@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;
	}
	div.submenu::before {
		display: none;
	}
	ul.submenu li.back {
	    display: none;
	}
	ul.footer-menu {
		float:none;
		display: block;
	}
	div.siteby {
		display: block;
		text-align: center;
		float:none;
		margin-top: 10px;
	}
	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;
	}
}
@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.article > div.text {
		width: 100% !important;
	}

	* {
	    font-family: 'Roboto', Arial, Helvetica, sans-serif;
	    font-weight: 300;
	    font-size: 14px;
	    line-height: 20px;
	    color: #4a4a4a;
	}

	#header, #wrapper.home #header {
		position: relative !important;
		text-align: center;
	}
	#header a#logo {
		display: inline-block;
		width: 150px;
	}
}
@media screen and (max-width: 550px), screen and (max-device-width: 550px), screen and (max-width: 550px) {
	div.list.small > div {
	    width: 30%;
	}
}
@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, form div.city, form div.zipcode {
		padding:0;
	}
	form > div+div {
		margin-top: 15px !important;
	}
}
@media screen and (max-width: 400px), screen and (max-device-width: 400px), screen and (max-width: 400px) {
	div.list.artists > div {
   		width: 100%;
   	}
}