body {
background-color:#ffffff;
margin:0px;
}

#header {
height:100px;
background-color:#000000;
width:100%;
position:fixed;
box-shadow: 0px 2px 4px #000;
z-index:100;
background-image: url(../images/fon2.png);
background-repeat: no-repeat;
background-position:center;
top: 0px;
right: 0px;
}

#headerc {
margin:0 auto;
max-width:1024px;
height:100px;
}
 
.images{
max-width:75%;
}

@media screen and (max-width: 801px) {
.images{
max-width:100%;
}
}
 
.logo{
margin-left:20px;
float:left;
margin-top:0px;
}

@media screen and (max-width: 801px) {
.logo{
margin-left:0px;
float:left;
margin-top:0px;
width:100px;
}
}
/************************************************************************************
НАВИГАЦИЯ
*************************************************************************************/
#nav-wrap {font:400 28px Verdana;color:#fff;text-transform:uppercase;}
/* Иконка меню */
#menu-icon {display: none; /* Скрываем иконку при инициализации */}
#nav li {list-style: none;float: left;}
#nav{margin-top:15px;float:right;}
/* Ссылки навигации */
#nav a:hover{color:red}
#nav li {list-style: none;float: left;margin-right: 0px;}
#nav li a{display: block;color:#fff;text-decoration:none;height:60px;line-height:75px;padding:0 20px;}
/************************************************************************************
МОБИЛЬНЫЕ УСТРОЙСТВА
*************************************************************************************/
@media screen and (max-width: 801px) {
	#nav-wrap {float:right;}
	/* Иконка меню */
	#menu-icon {font:400 18px Verdana;margin-top:32px;color: #fff;height: 29px;background: #fbed5f url(../images/menu-icon.png) no-repeat 10px center;padding: 6px 10px 0 32px;cursor: pointer;border: solid 1px #666;display: block; width:62px; /* Выводим иконку меню */}
	#menu-icon:hover {background-color: #f8f8f8;}
	#menu-icon.active {background-color: #bbb;}
	/* Навигация */
	#nav {font-size:20px;clear: both;position: absolute;top: 70px;left:0px;width: 100%;z-index: 10000;padding: 0px;background: #000;border: solid 1px #999;display: none; float:none; /* Видимость включается jQuery */}
	#nav li {clear: both;float: none;margin: 5px 0 5px 5px;}
	#nav a, #nav ul a {font: inherit;background: none;display: inline;padding: 0;border: none;}
	#nav a:hover, 
	#nav ul a:hover {background: none;color: #ff0000;}	
}
@media screen and (min-width: 801px) {
/* Элемент #nav должен быть видимым в широкоэкранной версии */
#nav {display: block !important;}
}

.shema{
margin-right:95px;
margin-top:30px;
}

.tel{
margin-left:30px;
float:left;
margin-top:0px;
}

@media screen and (max-width: 801px) {
.tel{
margin-left:0px;
float:left;
display:none;
height:0px;
width:0px;
}}

.karta{
position:absolute;
margin-left:120px;
margin-top:37px;
font:400 25px Europe_Ext, Verdana;
}

#telefon{
float:left;
margin-top:20px;
}

@media screen and (max-width: 801px) {
#telefon{
float:left;
margin-left:20px;
margin-top:10px;
}}

.telefon{
font:400 25px Europe_Ext, Verdana;
display:block;
}

@media screen and (max-width: 801px) {
.telefon{
font:400 25px Europe_Ext, Verdana;
color:#000;
padding:0px;
margin-top:6px;
}}

a.telefon:active ,
a.telefon:link,
a.telefon:visited ,
a.telefon:focus {
color:#fff;
text-decoration:none;
}

a.telefon3:active ,
a.telefon3:link,
a.telefon3:visited ,
a.telefon3:focus {
color:#000;
text-decoration:none;
}

a.telefon3:hover{
color:#FF0000;
text-decoration:none;
}

@font-face {
font-family: Europe_Ext;
src: url(../fonts/Europe_Ext.eot);
src: local(Europe_Ext), url(../fonts/Europe_Ext.ttf);
   }
   

#contener {
margin:110px auto;
max-width:1024px;
background-image: url(../images/protect.jpg);
background-size: 100%;
background-repeat: no-repeat;
height:635px;
}

@media screen and (max-width: 801px) {
#contener {
margin:120px auto;
max-width:1024px;
background-image: url(../images/protect.jpg);
background-size: 100%;
background-repeat: no-repeat;
height:590px;
}}

 #slider2{
margin:0 auto;
width:95%;
height:265px;
}

#lefts2 {
width:38%;
float:left;
border:solid 1px #999999;
padding:5px;
}

#rights2 {
margin-left:40%;
}

#clears2 {
clear:both;
}

.lefts img{
width:100%;
}

#vk_groups{margin: 0 auto;}

#vk{
margin: 0 auto;
float:left;
width:33%;
}

#fb{
margin: 0 auto;
float:left;
width:33%;
}

#in{
margin: 0 auto;
width:33%;
float:left;
}

@media screen and (max-width: 801px) {
#vk_groups{margin: 0 auto;}

#vk{
margin: 0 auto;
width:100%;
}

#fb{
margin: 10px auto;
width:100%;
}

#in{
margin: 0 auto;
width:80%;
}

.inframeinst{
height:358px;width:100%;border:0 none;
background:red;
}

}

.con{margin:0 auto; text-align:center;}

#all{
clear:both;
}

#line6 a {
text-align:left;
display:block;
font:400 1.1em  Verdana; 
width:100%;
float:none;
height: 30px;
text-align:center;
}

@media screen and (max-width: 801px) {
#line6 a {
text-align:left;
display:block;
font:400 15px  Verdana; 
width:100%;
float:none;
height: 40px;
text-align:left;
}
}

#line6 a:link, #line6 a:visited{
 text-decoration: none; 
 color: #333333;
}

#line6 a:hover{
 color: #ffffff; 
 background: #999999
}

.zagl{
font:400 28px Verdana;
color:#555555;
max-width:500px;
margin: 0px auto;
text-align: center;
padding-top:40px;
}

@media screen and (max-width: 801px) {
.zagl{
font:400 22px Verdana;
background:#fff;
color:red;
max-width:60%;
margin: 0px auto;
text-align: center;
border-radius:5px;
opacity:0.8;
}}

#line{
margin-top:-170px;
background-image: url(../images/protectionfilm.jpg);
background-size: cover;
width:100%;
background-position:center;
}

.linec {
margin:0 auto;
max-width:1024px;
}

.linetext{
text-align:center;
font:400 25px  Verdana;
color: #ffffff;
}

.linetext2{
font:400 18px  Verdana;
color: #ffffff;
text-align:center;
}

.linetext3{
text-align:center;
font:400 25px  Verdana;
color: #333333;
}

.linetext4{
text-align:center;
font:400 18px  Verdana;
color: #333333;
}

.mont{
clear:both;
text-align:center;
}

.red{
font:400 22px  Verdana;
color: #FF0000;
}

.akcia{
margin-left:100px;
margin-top:10px;
font:400 20px  Verdana;
color: #FF0000;
margin-bottom:10px;
border-top:2px solid #FF0000;
border-bottom:2px solid #FF0000;
width: 200px;
}

#line2{
margin-top:-25px;
background-color:#f2f2f2;
width:100%;
}

#line3{
margin-top:-25px;
background-image: url(../images/fon.jpg);
background-size: cover;
width:100%;
background-position:center;
}

#line4{
background-color:#ffffff;
width:100%;
text-align:center;
}

#line5{
background-image: url(../images/fonprotect.jpg);
background-size: cover;
width:100%;
background-position:center;
}

#line6{
background-color:#ffffff;
width:100%;
text-align:center;
}

#line7{
background-image: url(../images/fonprot.jpg);
background-size: cover;
width:100%;
background-position:center;
}

#line8{
background-color:#ffffff;
width:100%;
text-align:center;
margin: 0 auto;
margin-bottom:120px;
}

#foto img {
border:solid 1px #999999;
padding:2px;
}

#one{
width:32%;
margin-left:0px;
float:left;
text-align:center;
}

#two{
margin-left:2%;
width:32%;
float:left;
text-align:center;
}

#three{
margin-left:2%;
width:32%;
float:left;
text-align:center;
}

@media screen and (max-width: 801px) {
#one{
width:100%;
margin:0 auto;
float:none;
text-align:center;
}

#two{
margin:0 auto;
width:100%;
float:none;
text-align:center;
}

#three{
margin:0 auto;
width:100%;
float:none;
text-align:center;
}}

.imageb{
max-width:95%;
}

.oneb{
width:30%;
float:left;
text-align:center;
}

.twob{
margin-left:4%;
width:30%;
float:left;
text-align:center;
}

.threeb{
margin-left:4%;
width:30%;
float:left;
text-align:center;
}

@media screen and (max-width: 801px) {
.oneb{
width:100%;
float:none;
text-align:center;
margin-left:0px;
}

.twob{
width:100%;
float:none;
text-align:center;
margin-left:0px;
}

.threeb{
width:100%;
float:none;
text-align:center;
margin-left:0px;
}}

.demo {
    max-width: 400px;
    padding: 25px;
    margin: 45px auto;
    background-color: #F5F5F5;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    text-align: center;
}


.btn:hover, .btn:focus, .btn:active  {
    color: #FF0000;
}

.btn:link .btn:visited{
    color: #fff;
}


.map{margin-top:-110px; position:absolute;}
.price{margin-top:-78px; position:absolute;}
.gallery { list-style: none; padding: 0;margin-top:0px;}
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li { float: left;  }
.gallery li a { display: block; margin: 0 auto;}
.gallery img{margin:2px;}
.adress{font:400 18px Verdana; text-align:center;}
.zvonok{height:15px;}

@media screen and (max-width: 600px) {
.gallery li a { display: block; margin: 0 auto; width:100%}
.gallery li { float: none; width:100%;margin: 0 auto;}
.gallery img{display: block; margin: 5px auto; width:75%}
}


.form {width: 45%;background: #fff;  opacity:0.9; text-align:center;margin: 25px auto;padding: 15px 0;}
.form p {font-family: 'Open Sans', sans-serif;font-size: 30px;font-weight: 600;color: #010506;margin-bottom: 23px;}
.form span {font-weight: 700;color: #d83413;}
.form input[type=text]{border: 1px solid #CACACA;width: 350px;height: 46px;color: #8C8C8C;font-family: 'Open Sans', sans-serif;font-size: 21px;font-weight: 400;margin-bottom: 12px;text-align: center;}
.popup_window__input.valid_field,
.static_window__input.valid_field{}
.error_field{border-color: #ff0000 !important;}
div.error{display: none;height: 16px;margin-top: -8px;margin-bottom: -8px;margin-left: 10px;color: red;}
.btn_submit_form {color: #010506;font-family: 'Open Sans', sans-serif;font-size: 21px;font-weight: 700;display: block;background: -moz-linear-gradient(top,  #fff25e 1%, #f8d81d 44%, #f1c419 100%);
background: -webkit-linear-gradient(top,  #fff25e 1%,#f8d81d 44%,#f1c419 100%);
background: linear-gradient(to bottom,  #fff25e 1%,#f8d81d 44%,#f1c419 100%);
-webkit-box-shadow: inset 0px -3px 8px 1px rgba(50, 50, 50, 0.82);
-moz-box-shadow:    inset 0px -3px 8px 1px rgba(50, 50, 50, 0.82);
box-shadow:         inset 0px -3px 8px 1px rgba(50, 50, 50, 0.82);
width: 350px;height: 57px;text-decoration: none; text-align: center; margin: 10px auto; border:0; padding-bottom:6px; border-radius: 5px;}
.btn_submit_form:hover {
background: #fbdc08;
background: -moz-linear-gradient(top,  #fbdc08 0%, #f3c008 44%, #e89f06 100%); 
background: -webkit-linear-gradient(top,  #fbdc08 0%,#f3c008 44%,#e89f06 100%);
background: linear-gradient(to bottom,  #fbdc08 0%,#f3c008 44%,#e89f06 100%);
-webkit-box-shadow: inset 0px -3px 8px 1px rgba(50, 50, 50, 0.82);
-moz-box-shadow:    inset 0px -3px 8px 1px rgba(50, 50, 50, 0.82);
box-shadow:         inset 0px -3px 8px 1px rgba(50, 50, 50, 0.82);
}
.btn_submit_form:active {background: -moz-linear-gradient(top,  #fff25e 1%, #f8d81d 44%, #f1c419 100%);
background: -webkit-linear-gradient(top,  #fff25e 1%,#f8d81d 44%,#f1c419 100%);
background: linear-gradient(to bottom,  #fff25e 1%,#f8d81d 44%,#f1c419 100%);
-webkit-box-shadow: inset 0px -3px 8px 1px rgba(50, 50, 50, 0.82);
-moz-box-shadow:    inset 0px -3px 8px 1px rgba(50, 50, 50, 0.82);
box-shadow:         inset 0px -3px 8px 1px rgba(50, 50, 50, 0.82);}
@media screen and (max-width: 800px) {
.form {width: 100%;background: #D7D7D7; opacity:1;text-align: center;margin: 85px auto;padding: 10px 0;padding-bottom:30px;}
.form p {font-family: 'Open Sans', sans-serif;font-size: 30px;font-weight: 600;color: #010506;margin-bottom: 10px;}
.form span {font-weight: 700;color: #d83413;}
.form input[type=text]{border: 1px solid #CACACA;width: 70%;height: 35px;color: #8C8C8C;font-family: 'Open Sans', sans-serif;font-size: 21px;font-weight: 400;margin-bottom: 12px;text-align: center;}
.popup_window__input.valid_field,
.static_window__input.valid_field{}
.error_field{border-color: #ff0000 !important;}
div.error{display: none;height: 16px;margin-top: -8px;margin-bottom: -8px;margin-left: 10px;color: red;}
.btn_submit_form {color: #010506;font-family: 'Open Sans', sans-serif;font-size: 19px;font-weight: 700;display: block; background: #fff25e;
background: -moz-linear-gradient(top,  #fff25e 1%, #f8d81d 44%, #f1c419 100%);
background: -webkit-linear-gradient(top,  #fff25e 1%,#f8d81d 44%,#f1c419 100%);
background: linear-gradient(to bottom,  #fff25e 1%,#f8d81d 44%,#f1c419 100%);
-webkit-box-shadow: inset 0px -3px 8px 1px rgba(50, 50, 50, 0.82);
-moz-box-shadow:    inset 0px -3px 8px 1px rgba(50, 50, 50, 0.82);
box-shadow:         inset 0px -3px 8px 1px rgba(50, 50, 50, 0.82);
width: 70%;height: 40px;text-decoration: none;text-align: center;margin: 10px auto;border: 0;padding-bottom: 6px; border-radius: 5px;}
.btn_submit_form:hover {
background: #fbdc08;
background: -moz-linear-gradient(top,  #fbdc08 0%, #f3c008 44%, #e89f06 100%); 
background: -webkit-linear-gradient(top,  #fbdc08 0%,#f3c008 44%,#e89f06 100%);
background: linear-gradient(to bottom,  #fbdc08 0%,#f3c008 44%,#e89f06 100%);
-webkit-box-shadow: inset 0px -3px 8px 1px rgba(50, 50, 50, 0.82);
-moz-box-shadow:    inset 0px -3px 8px 1px rgba(50, 50, 50, 0.82);
box-shadow:         inset 0px -3px 8px 1px rgba(50, 50, 50, 0.82);
}
.btn_submit_form:active {background: -moz-linear-gradient(top,  #fff25e 1%, #f8d81d 44%, #f1c419 100%);
background: -webkit-linear-gradient(top,  #fff25e 1%,#f8d81d 44%,#f1c419 100%);
background: linear-gradient(to bottom,  #fff25e 1%,#f8d81d 44%,#f1c419 100%);
-webkit-box-shadow: inset 0px -3px 8px 1px rgba(50, 50, 50, 0.82);
-moz-box-shadow:    inset 0px -3px 8px 1px rgba(50, 50, 50, 0.82);
box-shadow:         inset 0px -3px 8px 1px rgba(50, 50, 50, 0.82);}
}
.zvonki{width:100%;background:#ff0000;height:60px;font:500 2.3em helvetica;letter-spacing:0.2em;text-align:center;padding-top:15px;position:fixed;bottom: 0px;right: 0px;z-index:10000;}
@media screen and (max-width: 801px){
.zvonki{display:none;width:100%;background:#ff0000;height:75px;font:500 2em helvetica;letter-spacing:0.2em;text-align:center;padding-top:5px;z-index:10000; text-shadow: 0 0 2px rgba(255,255,255,1);}	
}
.zvonki2{display:none;width:100%;background:#ff0000;height:60px;font:500 2.3em helvetica;letter-spacing:0.2em;text-align:center;padding-top:15px;position:fixed;bottom: 0px;right: 0px;z-index:1000;}
@media screen and (max-width: 801px){
.zvonki2{display:block;width:100%;background:#ff0000;height:75px;font:500 2em helvetica;letter-spacing:0.5em;text-align:center;padding-top:10px;z-index:10000;}	
}
a.toptel:active, a.toptel:link, a.toptel:visited, a.toptel:focus {text-decoration:none;color:#fff;text-shadow: 0 0 2px rgba(255,255,255,1);}
a.toptel:hover{color:#ffde00;text-decoration:none;text-shadow: 0 0 2px rgba(255,255,255,1);}
}
.table-wrap {text-align: center;display: inline-block;background-color: #fff;padding: 2rem 2rem;color: #000;}
table {border: 1px solid #ccc;width: 100%;margin:0;padding:0;border-collapse: collapse;border-spacing: 0; font-family:verdana;}
table tr {border: 1px solid #ddd;padding: 5px;}
table th, table td {padding: 10px;text-align: center;border-right: 1px solid #ddd;}
table th {color: #ff0000;background-color: #fff;text-transform: uppercase;font-size: 14px;letter-spacing: 1px;} 
@media screen and (max-width: 600px) {
table {border: 0;}
table thead {display: none;}
table tr {margin-bottom: 10px;display: block;border-bottom: 2px solid #ddd;}
table td {display: block;text-align: right;font-size: 13px;border-bottom: 1px dotted #ccc;border-right: 1px solid transparent;}
table td:last-child {border-bottom: 0;}
table td:before {content: attr(data-label);float: left;text-transform: uppercase;font-weight: bold;}}