@charset "utf-8";
/* CSS Document */
input.resp-nav, label.resp-nav { display:none; cursor:pointer; font-weight:400; }
#wrapper { min-width:320px; }
#menu { min-width:320px; }
/* menu */
@media screen and (max-width: 980px), screen and (max-device-width: 980px), screen and (max-width: 980px)  {

}
@media screen and (max-width: 900px), screen and (max-device-width: 900px), screen and (max-width: 900px) {
	label.resp-nav { display:inline-block; background:#fd8510; padding:0px 10px; z-index:99999; color:#fff; line-height:40px; border-radius:5px; font-family:'VAG', Arial, Helvetica, sans-serif; font-weight:600; font-size:22px; }
	div.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; margin-top:0px; }
	ul.menu { left:auto !important; transform:none !important; height:auto !important; z-index:202; }
	ul.menu > li { margin-left:0px !important; display:block; text-align:left; }
	ul.menu > li > a { line-height:30px !important; font-size:18px !important; }
	ul.menu { visibility:hidden; position:absolute; opacity:0; background:#fc9c3c; top:40px; padding:10px 10px !important; width:auto !important; right:0px; box-shadow:0px 5px 15px rgba(0,0,0,.25); border-radius:5px;}
	ul.menu li a { display:block; white-space:nowrap; }
	input[class="resp-nav"]:checked ~ ul { visibility:visible; opacity:1; transition:all .3s; -webkit-transition:all .3s; }
	ul.menu > li.mini-logo { display:none; }
	ul.menu li a:hover {color:#1010a2 !important;  }
	#menu.fixed, #menu.fixed div.c { padding:0px; }
	ul.menu li ul { display:none; }
	ul.menu > li::before { display:none; }
	ul.menu > li.quote { position:relative; padding:0px; right:auto; }
	ul.menu > li.quote a { padding:0px 5px; background:none; border-radius:0px; }
	ul.menu > li.quote a:hover { background:none; color:#1010a2 !important; }
	ul.menu li a::before, ul.menu li a::after { display:none; }
	
	#contact { display:none; }
	
	#logo { width:17.7272% !important; }
	#menu.fixed #slogen { opacity:1 !important; }
	#content { margin-bottom:0px; }
	#footer { position:relative; height:auto; }
	#footer div.copyright { float:none; text-align:center; }
	#footer div.siteby { float:none; text-align:center; }
	#footer div.siteby::before { display:none; }
	
	form > div { width:50%; }	
	form input[type="text"], form input[type="password"], form textarea, form div.checkbox, form div.radio, form div.select span, form select { font-size:20px; }
}
@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; }
	#footer * { font-size:14px !important; }
	div.feedbacks-list div.title { font-size:18px; line-height:24px; }
	
	#slogen { display:none; }
	#menu > div.c { text-align:center; }
	#logo { min-width:150px; }
	
	div.tiles { width:105%; }
	div.tiles > div { width:45%; margin-right:5%; margin-bottom:10%; }
	
	div.price > div { width:100% !important; padding-right:170px; }
	div.price > div.btn { position:absolute; right:0px; top:15px; width:auto !important; }
}
@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; }
	
	div.feedbacks-list { width:100%; }
	div.feedbacks-list > div { width:100%; margin-right:0px; }
}
@media screen and (max-width: 500px), screen and (max-device-width: 500px), screen and (max-width: 500px) {
	div.tiles { width:100%; }
	div.tiles > div { width:100%; margin-right:0; margin-bottom:15%; }
	div.price > div { padding-right:0px; }
	div.price > div.btn { position:relative; margin-top:10px; top:auto; width:100% !important; text-align:left; }
}
