@font-face {
                font-family: "Myriad";
                src: url("fonts/MyriadPro.ttf")
          }
@font-face {
                font-family: "Berlin";
                src: url("fonts/BRLNSDB.TTF")
          }
	@font-face {
                font-family: "Matura";
                src: url("fonts/262685.ttf")
          }	 
@font-face {
                font-family: "Title";
                src: url("fonts/GazetaTitul.ttf")
          }	
		  
		  
		  
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong,  tt, var,
b, u, i, center,
dl, dt, dd, /*ol, ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/*ol, ul {
	list-style: none;
}*/
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
	/*height: 100%;*/
}
header, nav, section, article, aside, footer {
	display: block;
}
body {
background:url(images/bg.jpg);
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
	}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6,.head,#index-header{
font-family:'Mariad';
padding: 0.7em 0;
text-shadow: 1px 1px 2px #424242;

}
h2{
font-size:40px;
color:#0A3D8E;

}
p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
.clear{
clear:both;
}
ul.page_ul1{
padding-left:0px;
margin-top:20px;
margin-bottom:20px;
}
.page_ul li,.page_ul1 li {
font-size:18px;
line-height:34px;
list-style:none;
}
.page_ul li{
padding-left:40px;
background:url(images/li_bg.png)0px 0px no-repeat;
}
.page_ul1 li{
padding-left:40px;
background:url(images/li_bg.png)0px 0px no-repeat;
}
.page_ul1 li.red {
list-style:none;
background:url(images/li_red.png)0px 0px no-repeat;
}

#wrapper {
	width: 1000px;
	min-width: 300px;
	margin: 0px auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	  

	
}
/* Header
-----------------------------------------------------------------------------*/
#header {
width:100%;
	
	
}
.logo, .phone, .slogan{
display: block;
border:2px solid #0a3d8e;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.logo{
float:left;
width: 310px;
z-index: 100;
margin-top:10px;
margin-bottom:10px;
background:url(images/logo.png);
}
 .text{
z-index: 9999;
display: block;
}
.text span{
font-size:30px;
display:block;
padding-top:15px;
font-weight:normal;
}
.seo_text h1 {
color: #FFFFFF;
line-height: 1.0em;
font-size: 40px;
}
.phone{
height:90px;
position:relative;
float:right;
width: 350px;
z-index: 100;
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
background:url(images/phone.png) no-repeat,
           url(images/logo.png) 0 -400px ;

}
.phone#head{
margin-right:0px;
}
.phone_res{
display:none;
}
.number{
position: absolute;
color: #fff;
font-size: 36px;
letter-spacing: -2px;
font-weight: bold;
top: 18px;
right: 0px;
display: block;
width: 280px;
text-shadow: 1px 1px 2px black, 0 0 1em white;
}
.logo a h1{
font-size: 32px;
font-weight: bold;
color: #F9F9F9;
line-height: 30px;
padding: 15px 30px;
text-shadow: 1px 1px 2px black, 0 0 1em white;
z-index:9999;
}
.logo a {
text-decoration:none;
color:#FFF;
}

.nav{
    width:750px;
	margin:0px auto;
    display:block;
    position:relative;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.nav ul{
    list-style:none;
	margin: 0;
	padding: 0;
	overflow:hidden;
}



.nav li{
height:40px;
    float:left;
    position:relative;
	margin: 0;
	padding: 0;
}

.nav a{
    display:block;
    text-decoration:none;
    color:#fff;
    padding: 8px 14px;
	margin:3px;
    font-size:13px;
    font-weight:bold;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background: url(images/nav_bg.png);
}

.activ{
display: block;
text-decoration: none;
color: #fff;
padding: 8px 15px;
margin: 3px;
font-weight: bold;
border:1px solid #FFF;
	-webkit-box-shadow: inset 0px 0px 6px 2px #FFF;
-moz-box-shadow: inset 0px 0px 6px 2px #FFF;
box-shadow: inset 0px 0px 6px 2px #FFF;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background: url(images/nav_bg.png);
}


.nav li:hover > a{
margin: 3px;
    color:#FFF;
	padding:7px 13px;
	border:1px solid #FFF;
	-webkit-box-shadow: inset 0px 0px 6px 2px #FFF;
-moz-box-shadow: inset 0px 0px 6px 2px #FFF;
box-shadow: inset 0px 0px 6px 2px #FFF;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.nav ul li:hover > ul{
    display:block;
}

/* Middle
-----------------------------------------------------------------------------*/
#content_wrapper {
	
	
	border: 1px solid #F6F6F6;
padding: 10px;
-webkit-box-shadow: inset 0px 0px 10px 6px #F6F6F6;
-moz-box-shadow: inset 0px 0px 10px 6px #F6F6F6;
box-shadow: inset 0px 0px 10px 6px #F6F6F6;
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}

#content {
	padding:0px;
	background:#ffffff;
	width:100%;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	
	
}
#content section{
width:95%;
margin:0 auto;
padding-top:10px;
}
.header_img{
display:block;
width:682px;
height:100px;
margin:10px auto;
}
.content-top {
/*height:270px;*/
}
.content-top h2 {
text-align:center;
}
a.link{
display:block;
}
.index_border{
background:url(images/section_bg.png) bottom center no-repeat;
}
.content-top figure{
width:12%;
float:left;
margin:19px;
margin:2%;
margin-bottom:20px;
}
.content-top figure img{
width:100%;
height:auto;
}
.content-top figcaption{
font-weight:bold;
text-align:center;
background:#0070C0;
color:#FFFFFF;
}
.seo_text h2{
color:#FFFFFF;
line-height:1.0em;
}
.mainslider{
position:relative;
display:block;
width:600px;
margin:0px auto;
height:400px;
}
.slider-box {
display:block;
width:480px;
float:left;
}
.slider-box#form{
float:none;
margin:0 auto;
}
.slider-box p{
font-size:13px;
}
.slider-box header h3, .tm{
font-size:20px;
font-family:'Berlin';
text-shadow:none;
}
.under{
font-weight:bold;
text-decoration:underline;
}
.header_blue{
color:#24629e;
font-style:italic;
font-size: 20px;
font-familY: Arial,serif;
text-shadow: none;
padding: 0.7em 0;
font-weight:bold;
}
.header_it{
font-family:'Matura';
font-size:16px;
}
.slider-box header  p{
text-align:justify;
line-height:1.7em;
}
#ep4_4,#ep4, .name4 {
margin-right:10px;
}
.bez{
font-size:16px;
font-weight:bold;
font-style:italic;
color:#666;
}
.icon,.icon1,.icon2{

float:right;
width:380px;
}
.icon{
margin-top:20px;
}
.icon h2,.icon1 h2,.icon2 h2{
font-size:32px;
}
.icon img, .icon1 img, .icon2 img {
width:19%;
height:auto;
float:left;
margin:0px;
display:block;
padding:1px;
}
.icon img:hover {
padding:2%;
width:15%;
/*-webkit-box-shadow: inset 0px 0px 3px 2px #a1cfef;
-moz-box-shadow: inset 0px 0px 3px 2px #a1cfef;
box-shadow: inset 0px 0px 3px 2px #a1cfef;*/
border:1px solid #fff;
cursor:pointer;
display:block;
}
.icon1 img:hover {
padding:0;
width:19%;
border:1px solid #24629E;
cursor:pointer;
}
.icon2 img:hover {
padding:2%;
width:15%;
-webkit-box-shadow: inset 0px 0px 2% 1% #a1cfef;
-moz-box-shadow: inset 0px 0px 2% 1% #a1cfef;
box-shadow: inset 0px 0px 2% 1% #a1cfef;
border:1px solid #a1cfef;
cursor:pointer;
}

.icon_head{
font-family:'Myriad';
font-size:20px;
font-weight:bold;
color:#0A3D8E;
text-shadow: 1px 1px 2px #424242;
}
.name,.name4{
font-size:14px;
}
.name3{
font-size:16px;

font-weight:bold;
color:#24629e;
}
.name{
line-height:60px;
}
.name4{
line-height:42px;
}
.name span,.name4 span{
font-family:Impact;
color:#FF0000;
font-weight:normal;
font-size:32px;
text-shadow: 1px 1px 2px #424242;
}
.name span.old,.name4 span.old{
color: #F66;
text-decoration: line-through;
text-shadow: 1px 1px 1px #666, -1px -1px 1px #fff;
}
a.button_more, a.phone-button,a.button_more6, a.button_more8  {
text-decoration:none;
background-color: #0a3d8e;
border-radius: 10px;
color: #FFF;
font-weight: bold;
text-align: center;
display: block;
border:1px solid #0a3d8e;
-webkit-box-shadow: inset 0px 0px 5px 3px #F6F6F6;
-moz-box-shadow: inset 0px 0px 5px 3px #F6F6F6;
box-shadow: inset 0px 0px 5px 3px #F6F6F6;
}
a.button_more,a.button_more6, a.button_more8{

width: 100%;
padding-top: 7px;
padding-bottom: 7px;
font-size: 16px;

}

a.button_more, a.button_more6, a.button_more8 {
margin:40px 10px;
}
 
a.phone-button{
position:absolute;
top:50px;
left:70px;
padding-left: 10px;
padding-right: 10px;
width: 220px;
padding-top: 7px;
padding-bottom: 7px;
font-size: 14px;
}
a:hover.button_more,a:hover.phone-button {
-webkit-box-shadow: inset 0px 0px 5px 3px #83bde6;
-moz-box-shadow: inset 0px 0px 5px 3px #83bde6;
box-shadow: inset 0px 0px 5px 3px #83bde6;
border:1px solid #83bde6;
}
.slider_img{
display:block;
width:95%;
height:auto;
}
.slide-1,.slide-2,.slide-3{ /* Оболочка слайдера и кнопок */
	width:480px; 
	}
	.slide-4{ /* Оболочка слайдера и кнопок */
	width:600px;
	}
.slide-1 .slider,.slide-2 .slider,.slide-3.slider,.slide-3.slider{ /* Оболочка слайдера */
	width:506px;
	height:244px;
	overflow: hidden;
	position:relative;
	border:#a1cfef solid 2px;
	padding: 10px;
	-webkit-box-shadow: inset 0px 0px 10px 6px #a1cfef;
-moz-box-shadow: inset 0px 0px 10px 6px #a1cfef;
box-shadow: inset 0px 0px 10px 6px #a1cfef;
border-radius: 25px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	
	}
	.slide-1 .slider,.slide-2 .slider,.slide-3.slider{ /* Оболочка слайдера */
	width:460px;
	height:300px;
	}
	.slide-3.slider{ /* Оболочка слайдера */
	width:600px;
	height:404px;
	}
.slide-1 .slide,.slide-2.slide,.slide-3.slide,.slide-4.slide{ /* Слайд */
	
	width:460px;
	height:300px;
	padding:10px;

	}
	.slide img, .slide iframe {
	width:460px;
	height:300px;
	}
.sli-links{ /* Кнопки смены слайдов */
	margin-top:10px;
	text-align:center;}
	.mainslider.sli-links{
	margin-top:0px;
	}
.sli-links .control-slide{
	margin:2px;
	display:inline-block;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(radioBg.png) center bottom no-repeat;}
.sli-links .control-slide:hover{
	cursor:pointer;
	background-position:center center;}
.sli-links .control-slide.active{
	background-position:center top;}
.prewbutton, .nextbutton{ /* Ссылка "Следующий" и "Педыдущий" */
	display:block;
	width:30px;
	height:100%;
	position:absolute;
	top:0;
	overflow:hidden;
	text-indent:-999px;
	background:url(arrowBg.png) left center no-repeat;
	opacity:0.8;
	z-index:3;
	outline:none !important;}
.prewbutton{left:20px;}
.nextbutton{
	right:20px;
	background:url(arrowBg.png) right center no-repeat;}
.slide-1 .prewbutton:hover,.slide-2.prewbutton:hover,.slide-3 .prewbutton:hover, .slide-4 .prewbutton:hover,.nextbutton:hover{
	opacity:1;}
.slogan{
position:absolute;
top:300px;
left:58px;
width: 420px;
z-index: 100;
background:url(images/logo.png);
font-size: 24px;
font-weight: bold;
color: #F9F9F9;
line-height: 28px;
padding: 5px 30px;
text-shadow: 1px 1px 2px black, 0 0 1em white;
z-index: 9999;
border:2px solid #FFF;
text-align:center;
}	
.slogan span{
font-size: 32px;
color:#528FCA;
display:block;
}

.info {
display:block;
margin:10px auto;
background:#dce6f2;
font-size:15px;
}
.info  img{
display:block;
width:100%;
height:auto;
}
.info h1{
font-size:24px;
font-weight:bold;
text-shadow:none;
}
.info h2{
font-size:20px;
font-weight:normal;
text-shadow:none;
}
.slog{
font-family:'Title';
font-size:20px;
font-weight:bold;
font-style:italic;
text-shadow:none;
margin-top:0px;
padding-top:0px;
}
#index-header,h1.index-header, .index-header,.seo_text h1{
text-align:center;
font-weight:bold;
color:#073195;
border-bottom:0px;
padding-top:30px;
padding-bottom:30px;
line-height:1em;
}
#index-header{
font-size:48px;
}
.seo_text h1 {font-size:32px;
} 
.seo_text h2 {
font-size:24px;
color:#424242;
border-bottom:0px;
}
.seo_text p, .seo-text ul li{
font-size:14px;
} 

h1.index-header, .index-header{
font-size:32px;
}
#right{
float:right;
}
.video{
display:block;
margin:20px auto;
width:420px;
float:left;
}
.contact_block {
width:748px;
padding:10px;
display:block;
margin:0 auto;
border: 3px solid #ccc;
background: #fff;
margin-bottom: 10px;
margin-top:30px;
}
.contact_block a{
color:#2098F5;
font-weight:bold;
}
#map {
width:774px;
display:block;
margin:30px auto;
}
.cont{
padding: 5px;
vertical-align: middle;
}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
	margin: 20px auto 0;
	background: #0A3D8E;
	position: relative;
	border-bottom-left-radius: 10px;
-webkit-border-bottom-left-radius:10px;
 -moz-border-radius-bottomleft:10px;
 border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius:10px;
 -moz-border-radius-bottomleft:10px;
 overflow:hidden;
}
#footer p{
display:block;
/*width:350px;*/
float:left;
color:#FFFFFF;
font-size:16px;
padding:35px;
}
.footer-right{
width:350px;
float:right;
}
.footer_adress{
color:#fff;
display:block;
margin-bottom:20px;
}
.video_head{
font-size:24px;
line-height:32px;
border-bottom:0px;
font-family: 'Mariad';
padding: 0.7em 0;
text-shadow: 1px 1px 2px #424242;
color: #0066CC;
font-weight:bold;
}
.video_frame {
width:420px;
 height:315px;
 }
img.show-room {
display:block;
width:774px;
height:98px;
margin:20px auto;

}
img.contact-phone{
display:block;
width:100%;
height:auto;
}
.index_form,.page_form{
display:block;
position:relative;
margin: 20px auto;
margin-top:50px;
width: 460px;
background:#0A3D8E;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 1px solid #0a3d8e;
-webkit-box-shadow: inset 0px 0px 5px 3px #F6F6F6;
-moz-box-shadow: inset 0px 0px 5px 3px #F6F6F6;
box-shadow: inset 0px 0px 5px 3px #F6F6F6;
}
.arrow{
display:block;
position:absolute;
width:46px;
height:82px;
background:url(images/callout-arrow.png);
top:20px;
left:-60px;
}
.index_form{
float:right;
}
.index_form #contact_form,.page_form #contact_form {
color: #FFF;
font-weight:bold;
}
.index_form #contact_form .cf_head,.obrat{
font-size:24px;
font-family: Verdana;
font-weight: 200;
padding: 0.7em 0;
line-height:30px;
text-shadow: 1px 1px 2px #424242;
color:#ffffff;

}
.index_form div#contact,.page_form div#contact {
width: 366px;
margin: 5px;
padding:10px 40px 20px 40px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.index_form #contact_form input, .index_form #contact_form select, .index_form #contact_form textarea {

width: 70%;
}
.page_form #contact_form input, .page_form #contact_form select, .page_form #contact_form textarea {

width: 61%;
}
.index_form #contact_form label,.page_form #contact_form label{
font-size: 14px;
font-weight: normal;
line-height: 20px;
margin-top: 0px;
margin-bottom:4px;

}
.index_form input#send,.page_form input#send{
color:#424242;
background:url(images/send.jpg);
height:45px;
font-size:16px;
font-weight:bold;
border:1px solid #ce9032;
}
.index_form #name,.index_form #email, .index_form #phone
{
background:#FFF;
padding: 0 5px 0px 5px;
}

#map1 {
width:270px;
margin: 30px auto;
display:none;
}

#ep4,#ep4_4{
font-family:verdana;
font-size:14px;
font-weight:bold;
color:#FFF;
background:#0A3D8E;
display:block;
width:250px;
padding:5px 20px;
margin-bottom:10px;

}
#ep4{
margin-top:20px;
margin-bottom:10px;
}
#ep4,.name,p#newyear,p#newyear2,p#newyear1 {
display:block;
padding-left:10px;
}
.content{
margin:10px auto;
width:94%;
font-size:14px;
}
.head, p.red{
font-family:Calibri;
font-weight:bold;
}
p.red{

font-size:20px;
}
.head{
text-shadow:none;
color:#000;
display:block;
width:90%;
max-width:475px;
font-size:22px;
line-height:22px;
}


p.red{
color:#FFF;
background:#FF0000;
display:block;
width:494px;
padding-left:3px;
margin-bottom:0px;
padding-bottom:0px;
line-height:35px;
}
.lider{
background:url(images/ribbon.png);
width:200px;
height:57px;
float:right;
margin-top:40px;
margin-right:80px;

}
p#lider{
color:#FFF;
margin-top:30px;
padding-left:50px;
font-size:13px;
font-weight:bold;
}
p.redspan {
background:none;
color:#000000;
display:block;
font-family:Calibri;
font-weight:bold;
font-size:20px;
}
p.ul_head{
font-family:Calibri;
font-size:24px;
font-style:italic;
text-decoration:underline;
display:inline;
line-height:50px;
padding:5px 20px;
}
ul.page_icon{
list-style:none;
padding-right:150px;
padding-left:150px;
}
ul.page_icon li{
/*display:block;*/
padding-left:60px;
max-width:600px;
min-height:60px;
position: relative;
/*background:url(images/4m_icon.png)top left no-repeat;*/
display: table;
}

ul.page_icon li#4m_icon {
background:url(images/4m_icon.png)top left no-repeat;
}

ul.page_icon li p{
margin-left:70px;
min-height:40px;
display: table-cell;
vertical-align: middle;
}
p.row{
display:block;
background:#DCE6F2;
padding-top:10px;
margin-bottom:10px;
padding-bottom:10px;
width:100%;
}
li p {
margin-bottom:0px;
padding:7px;
}
ul.page_icon li img{
/*display:block;*/
width:100px;height:100px;
/*float:left;*/
background:none;
margin-right:15px;
/*margin-top:4px;*/
display: table-cell;
	vertical-align: middle;
}
.red_head{
display:block;
background:#FF0000;
width:26%;

float:left;
/*border:1px solid #FF0000;*/
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
	
	
	background: -moz-linear-gradient(top,  #ff3333 0%, #cc0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3333), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3333 0%,#cc0000100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3333 0%,#cc0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3333 0%,#cc0000100%); /* IE10+ */
	background: linear-gradient(top,  #ff3333 0%,#cc0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3333', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
	background-color: #ff3333;


    padding: 10px 0px;
}
.monet{
width:70%;
float:right;
}
.monet figcaption{
font-weight:bold;
text-align:center;
background:#0070C0;
color:#FFFFFF;
}
figure{
margin:5px;
width:17%;
max-width:110px;
float:left;
}
figure img{
display:block;
width:100%;
height:auto;
}
.red_head h3{
color:#FFF;
display:block;
width:70%;
margin:0 auto;
text-shadow:none;
text-align:center;
font-family:Calibri;
font-size:24px;
line-height:25px;
}
.block-link{
display:block;
width:29%;
float:left;
margin:20px 0px;
border:1px solid #55aadc;
text-align:center;
font-family:Calibri;
font-size:24px;
font-weight:bold;
padding:20px 5px;
line-height:30px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
background:url(images/link_block.jpg) repeat-x;
}

.block-link:hover{
-webkit-box-shadow: inset 0px 0px 5px 4px #fff;
-moz-box-shadow: inset 0px 0px 5px 4px #fff;
box-shadow: inset 0px 0px 5px 4px #fff;
border:1px solid #55aadc;
cursor:pointer;
padding:20px 5px;
color:#FFF;
	}
	

.block-link#center{
margin:20px 3%;
}
.small{
font-size:22px;
display:block;

}
.gallery_block{
width:100%;
margin:20px auto;
margin-bottom:40px;
overflow:hidden;
font-family:Calibri;
}
img.prev_gal{
width:500px;
height:328px;
display:block;
float:left;
}
.gal_desc{
width:360px;
padding:0px 5px;
height:328px;
float:right;
background:#DCE6F2;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.gal_desc p,.gal_desc.head,.srok{
margin:0 auto;
text-align:center;
font-family:Calibri;
padding: 0.7em 0;
}
.gal_desc p{
padding:0px;
width:90%;
}
.gal_desc .head{
font-size:24px;

width:90%;
padding-bottom:0px;
text-align:center;

}
.head span{
font-weight:normal;
}
.srok{
font-size:22px;
text-shadow:none;
line-height:0px;
font-weight:normal;
}
.price{
font-family:Calibri;
font-size:30px;
line-height:40px;
font-weight:bold;
padding-left:10px;
margin:20px auto;
text-align:center;
background:#ff0000;
}
.gal_desc .button_more{
margin:0 auto;
margin-top:20px;
}
.contact_head{
text-align:center;
color:#424242;
font-size:24px;
font-family: 'Mariad';
padding: 0.7em 0;
text-shadow: 1px 1px 2px #424242;

}
/* ------------------------------------------------------------------------
	Pretty Photo
------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.light_rounded .pp_top .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.light_rounded .pp_content { background-color: #fff; } /* Content background */
	div.light_rounded .pp_next:hover { background: url(images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_previous:hover { background: url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_expand { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_expand:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_contract { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_contract:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

	div.light_rounded .pp_arrow_previous { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_arrow_next { background: url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.dark_rounded .pp_content { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .pp_next:hover { background: url(images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_rounded .pp_previous:hover { background: url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.dark_rounded .pp_expand { background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_rounded .pp_expand:hover { background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_rounded .pp_contract { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_rounded .pp_contract:hover { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded .pp_description { color: #fff; }

	div.dark_rounded .pp_arrow_previous { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_rounded .pp_arrow_next { background: url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.dark_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.dark_rounded .pp_loaderIcon { background: url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_left ,
	div.dark_square .pp_middle,
	div.dark_square .pp_right,
	div.dark_square .pp_content { background: url(images/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square .pp_description { color: #fff; }
	div.dark_square .pp_loaderIcon { background: url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.dark_square .pp_expand { background: url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_square .pp_expand:hover { background: url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_square .pp_contract { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_square .pp_contract:hover { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_square .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	
	div.dark_square .pp_arrow_previous { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_square .pp_arrow_next { background: url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.dark_square .pp_next:hover { background: url(images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_square .pp_previous:hover { background: url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_left ,
	div.light_square .pp_middle,
	div.light_square .pp_right,
	div.light_square .pp_content { background: #fff; }
	
	div.light_square .pp_expand { background: url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_square .pp_expand:hover { background: url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_square .pp_contract { background: url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_square .pp_contract:hover { background: url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_square .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	
	div.light_square .pp_arrow_previous { background: url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_arrow_next { background: url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_next:hover { background: url(images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_square .pp_previous:hover { background: url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}
		
		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_content {
			height: 40px;
			position: relative;
			text-align: left;
			width: 100%;
		}
		
			.pp_content .pp_details {
				display: none;
				margin: 10px 15px 2px 20px;
			}
				.pp_description {
					display: none;
					float: left;
					margin: 0;
				}
				
				.pp_nav {
					clear: left;
					float: left;
					margin: 3px 0 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
					}
				
					.pp_nav a.pp_arrow_previous,
					.pp_nav a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
		
		.pp_hoverContainer {
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}
		
		a.pp_next {
			background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
			
		a.pp_previous {
			background: url(images/prettyPhoto/light_rounded/btnPrevious.png) 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
			
		a.pp_close {
			display: block;
			float: right;
			text-indent: -10000px;
		}
		
		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: none;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			display: none;
			line-height: 1 !important;
			margin: 0 auto;
			text-align: center;
			width: 100%;
		}
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			left: 0;
			position: absolute;
			top: 0;
			z-index: 9999;
		}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	/* Базовые стили модального окна  */
/* Слой затемнения */
.overlay {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
	z-index:1000;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}

.is-image {
  width: 100%;display: inline-block;
  height: auto;
  margin: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  top: 0; left: 0; bottom: 0; right: 0;
}
embed, iframe {
  width: 100%;display:block;min-width: 320px;
    max-width: 600px;
  
  margin: auto;
  top: 0; left: 0; bottom: 0; right: 0;
}
/* стили модального окна */
.popup { 
    min-width: 320px;
    max-width: 600px;
    margin: auto;
    background-color: #fff;
    border: 3px solid #fff;
    display: block;
    left: 0; right: 0;
    opacity: 0;
    padding: 5px;
/* фиксированное позиционирование, окно стабильно при прокрутке */
    position: fixed;
	font-size: 14px;
	top: 0;
    visibility: hidden;
    z-index: 1001;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.overlay:target+.popup {
    top: 20%;
    opacity: 1;
    visibility: visible;
	
}
/* формируем кнопку закрытия */
.close {
    background-color: rgba(0, 0, 0, 0.8);
    border: 2px solid #ccc;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: -13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;padding: 0;
    top: -15px;
    width: 24px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 14px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: rgba(64, 128, 128, 0.8);
}	
form#commentForm{
position:absolute;
top:60px;
left:20px;
}
.cf_head,#commentForm p,.dop,.dop1, .otd, .par{
font-family:Helvetica;
font-size:18px;
text-transform:uppercase;
color:#21418a;
text-shadow:none;
font-weight:700;
padding-top: 26px;
margin-bottom: 0px;

}
.dop,.dop1{
font-size:13px;
text-align:left;

}
.dop,.dop1{
display:block;
width:270px;
padding: 0.2em;
margin-bottom: 5px;
}
.dop1{
width:100%;
}

#commentForm p {
padding-top: 16px;
}
#commentForm p.mail,#commentForm p.form_tel {
padding-top:0px;
display:block;
width:49%;
float:left;
padding-right:1%;
font-size:11px;
position:relative;
}
#commentForm p.mail label,#commentForm p.form_tel label{
margin-right:10px;
}
#commentForm p.mail span,#commentForm p.form_tel span{
font-size: 11px;
float: left;
line-height: 12px;
}
#commentForm span#otd,#commentForm span#par{
display:block;
float:left;
width:130px;
height:36px;
text-transform:uppercase;
padding-right:0px;
}
#commentForm .otd label, #commentForm .par label{
width:50px;
padding-left: 10px;
}

#commentForm .otd input, #commentForm .par input{
width:20px;
float:right;
background:none;
border:1px solid #00F;
}
.cf_head{
display:block;
padding:0.8em 0px 0px 0px;
border-bottom:2px solid #21418a;
margin-bottom:10px;
}
.dop, .dop1{
border-bottom:2px solid #21418a;
margin-bottom:10px;
}
#commentForm  label {
display:block;
float:left;
width:150px;
}
#commentForm input{
width:110px;
border: 0px;
border-top: 2px solid #aaa;
border-left: 2px solid #bbb;
border-bottom: 1px solid #f6f6f6;
border-right: 1px solid #f6f6f6;
}
#commentForm span{
text-transform:none;
float:right;
padding-right:10px;
}
a.zvonok{
display: block;
width: 68px;
height: 68px;
position: absolute;
bottom: 40px;
left: 200px;
background: url(images/form_but.png);
color: #000;
font-size: 36px;
text-decoration: none;
text-align: center;
line-height:68px;
}
a:hover.zvonok{
color:#666;
text-decoration:underline;
font-weight:bold;
}
#commentForm input.submit-button, a.submit-button {
display: block;
width: 139px;
height: 33px;
position: absolute;
bottom: -60px;
left: 220px;
/*background: url(images/form1_but.png);*/
color: #000;
font-size: 24px;
text-decoration: none;
text-align: center;
line-height:33px;
border:none;
}
#commentForm input.submit-button, a.submit-button {
bottom: -50px;
}
.otd, .par{
width:100%;
height:36px;
font-size:11px;
padding-top:0px;
}
.otd span{
background:url(images/otd.png) top right no-repeat;
}
.par span{
background:url(images/par.png) top right no-repeat;
}
label.error {
position: absolute;
top: -16px;
right: 49px;
padding: 3px;
color: #da3939;
font-size: 1.0em;
text-align: right;
font-style: italic;
font-weight: normal;
}
#email.required.email{
background-image:none;
}
#commentForm  span.error{
color:#f00;
font-weight:bold;
position:absolute;
display:block;
border:0px;
padding:0px;
margin:0px;
}
#commentForm  span.error1{
color:#f00;
font-weight:bold;
position:absolute;
display:block;
border:0px;
padding:0px;
margin:0px;
width:120px;
right:0px;
 top:30px;
 background: #FFF2F2;
}
img.popup_1 {
display: block;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 999;
}
.mod_img{
width:100%;
height:auto;
margin-bottom:40px;
}
a.win1{
cursor:default;
}
fieldset { border: none; }
input, textarea, a { outline: none; }

@media screen and (min-width: 0px) and (max-width: 1280px) {
.overlay:target+.popup {
top: 10%;
margin:0 auto;
}
}
@media screen and (min-width: 1000px) and (max-width: 1225px) {
/*#wrapper {
    width:94%;
			}*/
.index_form{
width:400px;
}
.index_form div#contact{
width:305px;
}

		}
		
@media screen and (min-width: 0px) and (max-width: 1050px) {
#content section {
width: 97%;
}
.gal_desc {
width: 330px;
}		
			@media screen and (min-width: 0px) and (max-width: 999px) {
.lider{
display:none;
}
		.red_head h3 {
		text-align:center;
		line-height:40px;
		}
			p.red{
			width:100%;
			}
			.red_head, .monet{

float:none;
margin:10px auto;
}
.monet{
width:95%;
}
figure {
margin:1%;
width:18%;
}
.red_head{
width:100%;
margin:0 auto;
}
ul.page_icon {
padding-left:0px;
padding-right:0px;
}
.block-link{
display:block;
width:100%;
float:none;
padding: 20px 0px;
	}	
	.block-link#center{
margin:20px 0px;
}
.small{
display:inline;

}
.gallery_block,.gallery_block img{
width:100%;
float:none;
}
.gallery_block img{
height:auto;
margin-bottom:7px;
}
.gal_desc{
width:90%;
padding:0px 5%;
float:none;
}
#index-header{
display:block;
width:480px;
margin:0 auto;
}
.nav a {

padding: 8px 3px;

}
.logo{
width:100%;
position:relative;
}

.phone{
display:none;
}
img.res{
width:100%;
height:auto;
}
.phone_res a.phone-button {
width:70%;
font-size:12px;
left:50px;
}

			}
			@media screen and (min-width: 400px) and (max-width: 999px) {
			.phone_res{
display:block;
position:absolute;
width:50%;
top:0px;
right:0px;
z-index:9999;
}
}

		@media screen and (min-width: 768px) and (max-width: 999px) {
	#wrapper {
    width:76%;
			}
.index_form{
width:400px;
}
.index_form div#contact{
width:305px;
}



.header_img{

width:86%;
height:auto;
margin:0 auto;

}
#footer p{
float:none;
margin:10px auto;
text-align:center;

}
.nav a {
font-size: 11px;
padding:7px;
}
}	
	@media screen and (min-width: 0px) and (max-width: 767px) {
	#wrapper {
    width:94%;
			}
			.header_img{

width:86%;
height:auto;
margin:0 auto;

}
#footer p{
float:none;
margin:10px auto;
text-align:center;

}

.phone_res a.phone-button {
left:60px;
}
}
@media screen and (min-width: 0px) and (max-width: 870px) {
.nav{
    width:100%;
	}
	}
@media screen and (min-width: 0px) and (max-width: 870px) {
.nav a {
font-size: 11px;
}
.logo a h1{
font-size:24px;
padding-left:10px;
}
.phone_res a.phone-button{
font-size:10px;
width:80%;
left:20px;
}
}
@media screen and (min-width: 0px) and (max-width: 870px) {
.nav {
background:none;
border:0px;
}
	.nav li{
    float:none;
	 
	 margin-bottom:7px;
	 display:block;
	
}
.nav a, .activ {
background: url(images/nav_bg.png);
font-size: 13px;
text-align:center;
 border-radius:10px;
	 -moz-border-radius:10px;
	 -webkit-border-radius:10px;
}

}
	@media screen and (min-width: 0px) and (max-width: 570px) {
.index_form #contact_form input, .index_form #contact_form select, .index_form #contact_form textarea {
width: 100%;
}
	#index-header{
	font-size:40px;
	width:380px;
	}


}	

	@media screen and (min-width: 0px) and (max-width: 999px) {
.slider-box, .icon,.video,.index_form {
display:block;
float:none;
margin:0 auto;
}
.icon{
width:380px;
}
.contact_block {
width:95%;
}
.index_form {
margin-top:20px;
}
	.index_form div#contact{
border:0px;
}

	}	
	
				@media screen and (min-width: 550px) and (max-width: 999px) {
#map {
width:100%;
overflow:hidden;
text-align:center;
}
}
				@media screen and (min-width: 0px) and (max-width: 549px) {
#map {
display:none;
}
#map1 {
display:block;
}
}
		@media screen and (min-width: 0px) and (max-width: 999px) {

			.phone{
float:none;
margin:10px auto;
}


.content-top figure {
display:none;
}
img.show-room{
width:100%;
height:auto;

		}
		.phone#head{
		width:100%;
		}
		}
@media screen and (min-width: 0px) and (max-width: 530px) {
.icon{
width:100%;
}

.name{
font-size:20px;
}
.name span {
font-size:24px;
}

}
@media screen and (min-width: 0px) and (max-width: 900px) {
.info {
padding-bottom:20%;
}
}
@media screen and (min-width: 0px) and (max-width: 570px) {
p.red,.content h2{
width:100%;
}
.nav a, .nav a:hover {
font-size:12px;
}
}
@media screen and (min-width: 451px) and (max-width: 570px) {
.index_form{
width:350px;
}
.index_form div#contact{
width:250px;
}

p.red{
font-size:16px;
}
}
@media screen and (min-width: 0px) and (max-width: 450px) {
.index_form{
width:270px;
}
.index_form div#contact{
width:200px;
}
#index-header{
	font-size:32px;
	width:250px;
	}
	.logo a h1{
font-size:20px;
padding-left:10px;
}
.phone_res a.phone-button{

width:85%;
left:0px;
}
}
@media screen and (min-width: 481px) and (max-width: 530px) {
.slider-box{
width:324px;
height:425px;
}
.slide-1, .slide-2, .slide-3 {
width: 300px;
height:195px;
}
.slide-1 .slider, .slide-2 .slider, .slide-3.slider {
width: 300px;
height:195px;
}
.slide img,.slide iframe {
	width:300px;
	height:195px;
	}
	}
@media screen and (min-width: 380px) and (max-width: 480px) {
.slider-box{
width:274px;
height:425px;
}
.slide-1, .slide-2, .slide-3 {
width: 250px;
height:195px;
}
.slide-1 .slider, .slide-2 .slider, .slide-3.slider {
width: 250px;
height:195px;
}
.slide img,.slide iframe {
	width:250px;
	height:195px;
	
	}
.video{
width:300px;
}
.video_frame {
width:300px;
 height:262px;
 }
 }

 @media screen and (min-width: 0px) and (max-width: 379px) {
 
 .slider-box{
width:254px;
height:300px;
}
.slide-1, .slide-2, .slide-3 {
width: 230px;
height:175px;
}
.slide-1 .slider, .slide-2 .slider, .slide-3.slider {
width: 230px;
height:175px;
}
.slide img,.slide iframe {
	width:230px;
	height:175px;
	
	}
 .video{
width:270px;
}
 
.video_frame {
width:270px;
 height:202px;
 }
 }
 @media screen and (min-width: 0px) and (max-width: 399px) {
.logo a h1 {
font-size: 32px;
}
.phone_res{
display:none;
}
}