@charset "utf-8";
/* CSS Document */
input.resp-nav, label.resp-nav { display:none; cursor:pointer; font-weight:400; }
div.wrapper { min-width:320px; }
#header div.c { min-width:0; }
#header { overflow:hidden; }
/* menu */
@media screen and (max-width: 1140px), screen and (max-device-width: 1140px), screen and (max-width: 1140px)  {
	#wrapper { overflow:hidden; }	
}
@media screen and (max-width: 980px), screen and (max-device-width: 980px), screen and (max-width: 980px)  {
	ul.menu	li:first-child { display:none; }
	#content div.c { padding:0px 30px; }
	#header { padding:15px 30px 10px 30px; }
	#menu ul.menu a { font-size:16px; }
	#footer div.c { padding:10px 30px; }
}
@media screen and (max-width: 900px), screen and (max-device-width: 900px), screen and (max-width: 900px) {
	label.resp-nav { display:inline-block; background:#a61ca8; padding:0px 10px; z-index:99999; color:#fff; line-height:40px; border-radius:5px; }
	#menu { position:fixed !important; right:10px !important; top:10px !important; background:none !important; width:auto !important; height:50px !important; box-shadow:none !important; left:auto !important;  z-index:500 !important; }
	#menu ul.menu { left:auto !important; transform:none !important; height:auto !important; z-index:202; }
	#menu ul.menu > li { margin-left:0px; display:block; text-align:left; }
	#menu ul.menu > li > a { line-height:30px; }
	#menu ul.menu { visibility:hidden; position:absolute; opacity:0; background:#fff; top:40px; padding:10px 20px; width:auto !important; right:0px; box-shadow:0px 5px 15px rgba(0,0,0,.25); border-radius:5px;}
	#menu ul.menu li a { display:block; white-space:nowrap; }
	#menu input[class="resp-nav"]:checked ~ ul { visibility:visible; opacity:1; transition:all .3s; -webkit-transition:all .3s; }
	#menu ul.menu > li.mini-logo { display:none; }
	#menu.fixed, #menu.fixed div.c { padding:0px; }
	
	ul.menu li.facebook { position:relative; top:auto; right:auto; }
	ul.menu li.facebook a { text-indent:0px; background:none !important; width:auto; height:auto; }
	ul.menu li.facebook a::after { display:none; }
	ul.menu li.facebook:hover::after { opacity:1; }
	/**/	
	div.album > div { width:33.3333%; }
	/**/
	div.price-block div.img2 { display:none; }
	div.price-block div.text { width:100%; }
	
}
@media screen and (max-width: 700px), screen and (max-device-width: 700px), screen and (max-width: 700px) {
	div.img { display:none; }
	div.text { width:100% !important; }	
	div.text > h1+* { margin-top:15px; }
	
	h1, h1 * { font-size:36px; }
	h2, h2 * { font-size:30px; }
	h3, h3 * { font-size:24px; }
	h4, h4 * { font-size:18px; }
	h5, h5 * { font-size:16px; }
	* { font-size:16px; line-height:22px; }
	div.text > * { margin-top:15px; }
	div.c > h1 { margin-bottom:15px; }
	#footer * { font-size:14px !important; }
	
	div.text.rmap { padding-right:0px; }
	div.map { width:100%; margin-top:15px; padding-bottom:50%; }
	
	div.footer { padding:10px 0px; }
	div.footer * { line-height:normal; }
	div.footer ul, div.footer div.siteby { float:none; display:inline-block; }
	div.footer ul li { display:block; margin:0px; }
	div.footer ul li::before { display:none; }
	div.footer div.c { padding:0px; }
	div.footer div.siteby { display:block; width:100%; text-align:center; background:#f9f9f9; padding:5px 0px; margin-top:10px; }
	
}
@media screen and (max-width: 600px), screen and (max-device-width: 600px), screen and (max-width: 600px) {
	form > div { width:100%; padding:0px; }	
	form span.bl { border:none; }
	form div.checkbox, form div.radio { left:0px; }
	form > div.uzenet { position:relative; width:100%; top:auto; left:auto; padding-left:0px; }
	
	ul.services li { width:100%; }
}
@media screen and (max-width: 500px), screen and (max-device-width: 500px), screen and (max-width: 500px) {

	div.text { padding:0px; }
	div.block { margin-top:30px; }	

	div.album > div { width:50%; }
	
	div.prices > div, div.prices > div.vat { padding:10px 0px; }
	div.prices > div > div { width:100%; padding:0px; }
}
/* form */
@media screen and (max-width: 400px), screen and (max-device-width: 400px), screen and (max-width: 400px) {
	div.album { text-align:center; }
	div.album > div { width:75%;}
}