body
{
font:62.5%/1 Arial, Helvetica, sans-serif; 
height:100%;
font-size:13px;
background-color: #fff;
padding:0;
margin:0px;
}
.clear
{
clear:both;
}
.main
{

margin:0px auto;
width:1100px;
padding:0px;
background: #fff;
}
.header
{
width:1100px;
height:130px;
background: #2e2e2e;
}

.logo
{
width:546px;
height:63px;
float:left;
margin-top:10px;
margin-left:70px;
}




ul#topnav {
    margin: 0; padding: 0;
    margin-top:11px;
    float: left;
    width: 1030px;
    list-style: none;
    position: relative;
    font-size: 14px;
    background:323232;
    padding-left:70px;
}
ul#topnav li {
    float: left;
    margin: 0; padding: 0;
border-left: 2px solid #2e2e2e;
    border-right: 2px solid #2e2e2e;
    border-top: 2px solid #2e2e2e;
        /*--Bottom right rounded corner--*/
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    /*--Bottom left rounded corner--*/
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;


    
}
ul#topnav li a {
    padding: 10px 15px;
    display: block;
    color: #f0f0f0;
    text-decoration: none;
}

ul#topnav li a:hover {
color:#000;
}


ul#topnav li:hover { background: #fff;  
border-left: 2px solid #38bfda;
    border-right: 2px solid #38bfda;
    border-top: 2px solid #38bfda;
        /*--Bottom right rounded corner--*/
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    /*--Bottom left rounded corner--*/
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;

color:#000;
 }
 
ul#topnav li span {
    float: left;
    padding: 15px 0;
    position: absolute;
    left: 0; top:35px;
    
    width: 1096px;
    background: #fff;
    color: #0087b3;
    border-left: 2px solid #38bfda;
    border-right: 2px solid #38bfda;
    border-bottom: 2px solid #38bfda;
    
    /*--Bottom right rounded corner--*/
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    /*--Bottom left rounded corner--*/
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}


ul#topnav li span a {

    color: #0087b3;
    float:left;
    text-decoration:underline;
line-height:0.4;

}



ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}

.menuha
{
float:left;
width:330px;
margin-left:30px;
}
ul#topnav li.open { background: #fff;   
border-left: 2px solid #38bfda;
    border-right: 2px solid #38bfda;
    border-top: 2px solid #38bfda;
        /*--Bottom right rounded corner--*/
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    /*--Bottom left rounded corner--*/
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;

 }
ul#topnav li.open a.open2 { 
color:#000;
 }


.center_baner
{
width:1100px;
height:404px;
background: url("img/fura2.jpg");
margin-top:90px;

}
.baner_left
{
width:500px;
float:left;

}
.baner_left h1
{
font-size:350%;
color:#000;

}
.baner_right
{
float:right;
width:600px;
}
.shar
{
width:120px;
height:120px;
background: url("img/shar.jpg");
float:right;
margin-right:60px;
margin-top:20px;
}
.max
{
margin-top:85px;
margin-left:40px;
}
.max #cont
{
font-size:190%;
color:#858787;
}
.max #cont2
{
font-size:220%;
color:#f17513;
}

.poloska
{
width:1100px;
height:118px;
background: url("img/poloska.jpg");
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.vozm
{
width:1100px;
height:194px;
background: url("img/vozm2.jpg");
margin:0px auto;
}
.texter
{
width:1100px;
margin:0px auto;
border-top:1px #c0c0c0 dashed;
padding-top:15px;
}
.texter_left
{
float:left;
width:530px;
}
.texter_left p
{
color:#323232;
font-size:13px;
line-height:1.5;
}
.texter_right
{
float:right;
width:530px;
}
.texter_right p
{
color:#323232;
font-size:13px;
line-height:1.5;
}
.texter_right li
{
color:#323232;
font-size:13px;
line-height:1.5;
}
.texter_right h2
{
color:#323232;
font-size:150%;
text-transform:uppercase;
}
.texter_left h2
{
color:#323232;
font-size:150%;
text-transform:uppercase;
}
.bottom
{
height:100px;
width:1100px;
border-top:1px #01a4f0 solid;
}

.contact_input
{
 background: #858787;
   text-indent:5px;
   border:none;
width:216px;
height:33px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
color:#fff;
font-style:italic;
text-align:center;
}
.contact_input:focus {
   outline: none;
}
.pole
{
width:216px;
float:left;
margin-left:35px;
margin-top:5px;
}
.pole p
{
padding-left:5px;
font-size:14px;
color:#666666;
}

.kupit
{

   
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
  border: 2px solid #fff; 
width:265px;
height:51px;
color:#fff;
font-size:180%;
font-style:italic;
cursor: pointer;


background: #f16b02; /* Для старых браузров */
    background: -moz-linear-gradient(top, #f69d02, #f16b02); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#f69d02), color-stop(100%,#f16b02));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #f69d02, #f16b02);
    background: -o-linear-gradient(top, #f69d02, #f16b02); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f69d02, #f16b02); /* IE10 */
    background: linear-gradient(top, #f69d02, #f16b02); /* CSS3 */ 
margin-left:35px;

margin-top:35px;


}

.kupit:hover
{

 font-style:italic;  
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
  border: 2px solid #a7acb1; 
width:265px;
height:51px;
color:#fff;
font-size:180%;
cursor: pointer;


background: #f16b02; /* Для старых браузров */
    background: -moz-linear-gradient(top, #f69d02, #f16b02); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#f69d02), color-stop(100%,#f16b02));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #f69d02, #f16b02);
    background: -o-linear-gradient(top, #f69d02, #f16b02); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f69d02, #f16b02); /* IE10 */
    background: linear-gradient(top, #f69d02, #f16b02); /* CSS3 */ 





}
.phone
{
float:right;
text-align:right;
margin-right:20px;
}
.phone span a
{
color:#fff;
font-size:170%;
text-decoration:none;
}
.tel1
{
margin-top:10px;
}
.tel2
{
margin-top:10px;
}




ul#topnav2 {
    margin: 0; padding: 0;
    margin-top:11px;
    float: left;
    width: 1030px;
    list-style: none;
    position: relative;
    font-size: 14px;
    background:323232;
    padding-left:70px;
}
ul#topnav2 li {
    float: left;
    margin: 0; padding: 0;
border-left: 2px solid #2e2e2e;
    border-right: 2px solid #2e2e2e;
    border-top: 2px solid #2e2e2e;
        /*--Bottom right rounded corner--*/
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    /*--Bottom left rounded corner--*/
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;


    
}
ul#topnav2 li a {
    padding: 10px 15px;
    display: block;
    color: #f0f0f0;
    text-decoration: none;
}

ul#topnav2 li a:hover {
color:#f59902;
}


ul#topnav2 li:hover { background: #2e2e2e;  
border-left: 2px solid #2e2e2e;
    border-right: 2px solid #2e2e2e;
    border-top: 2px solid #2e2e2e;
        /*--Bottom right rounded corner--*/
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    /*--Bottom left rounded corner--*/
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;

color:#000;
 }
 
ul#topnav2 li span {
    float: left;
    padding: 15px 0;
    position: absolute;
    left: 0; top:35px;
    
    width: 1096px;
    background: #2e2e2e;
    color: #0087b3;
    border-left: 2px solid #38bfda;
    border-right: 2px solid #38bfda;
    
    
    /*--Bottom right rounded corner--*/
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    /*--Bottom left rounded corner--*/
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}


ul#topnav2 li span a {

    color: #0087b3;
    float:left;
    text-decoration:underline;
line-height:0.4;

}



ul#topnav2 li:hover span { display: block; }
ul#topnav2 li span a { display: inline; }
ul#topnav2 li span a:hover {text-decoration: underline;}


ul#topnav2 li.open { background: #2e2e2e;   
border-left: 2px solid #2e2e2e;
    border-right: 2px solid #2e2e2e;
    border-top: 2px solid #2e2e2e;
        /*--Bottom right rounded corner--*/
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    /*--Bottom left rounded corner--*/
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;

 }
ul#topnav2 li.open a.open2 { 
color:#f0f0f0;
 }
.left_menu
{
float:left;
width:320px;
padding-bottom:30px;
}
.right_menu
{
float:left;
width:730px;
padding-left:50px;
padding-bottom:30px;
}

.glav_menu li
{
list-style:none;
padding-top:15px;
}
.glav_menu li:hover
{
list-style:none;
}
.glav_menu li a
{
color:#0087b3;
font-size:13px;
text-decoration:underline;

}
.glav_menu li a:hover
{
color:#2e2e2e;
font-size:13px;
text-decoration:underline;
}
.glav_menu
{
width:282px;
padding-top:10px;
padding-left:10px;
padding-right:15px;
padding-bottom:50px;
border:2px solid #38bfda;
box-shadow: 3px 4px 2px #cbccc4;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;

margin-top:30px;
}
.sitemap span a
{
color:#2e2e2e;
}
.sitemap
{
margin-top:30px;
}
.right_menu h1
{
color:#363636;
font-size:220%;
}
.right_menu h2
{
color:#363636;
font-size:180%;
}
.right_menu p
{
color:#353636;
font-size:14px;
line-height:1.5;
padding-right:15px;

}
.right_menu li
{
color:#353636;
font-size:14px;
line-height:1.5;
padding-right:15px;
}
.za
{

margin-top:35px;
margin-bottom:10px;
}
.za span
{
color:#363636;
font-size:200%;
}
.pole2
{
width:216px;
float:left;
margin-left:50px;
margin-top:5px;
}
.pole2 p
{
padding-left:0px;
font-size:14px;
color:#666666;
}

.kupit2
{

   
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
  border: 2px solid #fff; 
width:282px;
height:51px;
color:#fff;
font-size:180%;
font-style:italic;
cursor: pointer;


background: #f16b02; /* Для старых браузров */
    background: -moz-linear-gradient(top, #f69d02, #f16b02); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#f69d02), color-stop(100%,#f16b02));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #f69d02, #f16b02);
    background: -o-linear-gradient(top, #f69d02, #f16b02); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f69d02, #f16b02); /* IE10 */
    background: linear-gradient(top, #f69d02, #f16b02); /* CSS3 */ 
margin-left:35px;

margin-top:35px;


}

.kupit2:hover
{

 font-style:italic;  
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
  border: 2px solid #a7acb1; 
width:282px;
height:51px;
color:#fff;
font-size:180%;
cursor: pointer;


background: #f16b02; /* Для старых браузров */
    background: -moz-linear-gradient(top, #f69d02, #f16b02); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#f69d02), color-stop(100%,#f16b02));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #f69d02, #f16b02);
    background: -o-linear-gradient(top, #f69d02, #f16b02); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f69d02, #f16b02); /* IE10 */
    background: linear-gradient(top, #f69d02, #f16b02); /* CSS3 */ 





}
.knopa2
{

margin-top:30px;
}

/* Форимируем слой затемнения фона */
.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: 3;
    -webkit-transition: opacity .1s;
    -moz-transition: opacity .1s;
    -ms-transition: opacity .1s;
    -o-transition: opacity .1s;
    transition: opacity .1s;
}
.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%;
  min-width: 240px;
  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: 15px;
    position: absolute;
    font-size: 14px;
    top: 0;
    visibility: hidden;
    z-index: 10;
/* Скругление углов окна  */    
    -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 .1s, top .1s;
    -moz-transition: opacity .1s, top .1s;
    -ms-transition: opacity .1s, top .1s;
    -o-transition: opacity .1s, top .1s;
    transition: opacity .1s, top .1s;
}
/* Устанавливаем позицию появления окна */ 
.overlay:target+.popup {
    top: 55%;
    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);
}
.popup p, .popup div {
    margin-bottom: 10px;
}


.kupit5
{

   
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
  border: 2px solid #fff; 
width:278px;
height:51px;
color:#fff;
font-size:150%;
font-style:italic;
cursor: pointer;
padding-left:34px;
padding-right:34px;
padding-top:10px;
padding-bottom:10px;
text-decoration:none;

background: #f16b02; /* Для старых браузров */
    background: -moz-linear-gradient(top, #f69d02, #f16b02); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#f69d02), color-stop(100%,#f16b02));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #f69d02, #f16b02);
    background: -o-linear-gradient(top, #f69d02, #f16b02); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f69d02, #f16b02); /* IE10 */
    background: linear-gradient(top, #f69d02, #f16b02); /* CSS3 */ 


margin-top:35px;


}

.kupit5:hover
{

 font-style:italic;  
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
  border: 2px solid #a7acb1; 
width:278px;
height:51px;
color:#fff;
font-size:150%;
cursor: pointer;
padding-left:34px;
padding-right:34px;
padding-top:10px;
padding-bottom:10px;
text-decoration:none;
background: #f16b02; /* Для старых браузров */
    background: -moz-linear-gradient(top, #f69d02, #f16b02); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#f69d02), color-stop(100%,#f16b02));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #f69d02, #f16b02);
    background: -o-linear-gradient(top, #f69d02, #f16b02); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f69d02, #f16b02); /* IE10 */
    background: linear-gradient(top, #f69d02, #f16b02); /* CSS3 */ 





}
.knopa8
{
padding-top:50px;

}
.zagl333 span
{
font-size:170%;
}
.l
{
float:left;
margin-top:10px;
width:90px;
padding-top:10px;
}
.r
{
float:right;
margin-top:10px;
margin-right:10px;
}
.l span
{
color:#666666;
padding-left:10px;

}

.kupit6
{

   
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
  border: 2px solid #fff; 
width:278px;
height:51px;
color:#fff;
font-size:150%;
font-style:italic;
cursor: pointer;
padding-left:34px;
padding-right:34px;
padding-top:10px;
padding-bottom:10px;
text-decoration:none;

background: #f16b02; /* Для старых браузров */
    background: -moz-linear-gradient(top, #f69d02, #f16b02); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#f69d02), color-stop(100%,#f16b02));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #f69d02, #f16b02);
    background: -o-linear-gradient(top, #f69d02, #f16b02); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f69d02, #f16b02); /* IE10 */
    background: linear-gradient(top, #f69d02, #f16b02); /* CSS3 */ 


margin-top:37px;
margin-left:15px;


}

.kupit6:hover
{

 font-style:italic;  
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
  border: 2px solid #a7acb1; 
width:278px;
height:51px;
color:#fff;
font-size:150%;
cursor: pointer;
padding-left:34px;
padding-right:34px;
padding-top:10px;
padding-bottom:10px;
text-decoration:none;
background: #f16b02; /* Для старых браузров */
    background: -moz-linear-gradient(top, #f69d02, #f16b02); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#f69d02), color-stop(100%,#f16b02));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #f69d02, #f16b02);
    background: -o-linear-gradient(top, #f69d02, #f16b02); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f69d02, #f16b02); /* IE10 */
    background: linear-gradient(top, #f69d02, #f16b02); /* CSS3 */ 





}

.les12 a
{
width:230px;
height:190px;
padding-top:20px;


}

.les12 img
{
border-top:3px solid #f16e02;
padding-top:10px;
width:230px;
height:190px;
margin-left:10px;
padding-bottom:20px;
}
.les12 img:hover
{
border-top:3px solid #536478;
padding-top:10px;
width:230px;
height:190px;
margin-left:10px;
padding-bottom:20px;
}
.foto_markizi300 img
{
width:230px;
height:190px;
margin-top:10px;
}
.name_markizi300
{
margin-top:5px;
text-align:center;
}
.name_markizi300 a
{
color:#253341;
font-size:14px;
text-decoration:underline;
line-height:1.5;
}
.markizi300
{
float:left;
width:230px;
height:190px;
margin-left:10px;
margin-top:20px;
margin-bottom:45px;
border-top:3px solid #f16e02;
}

.markizi300:hover
{

border-top:3px solid #536478;
}
.bottom_left
{
float:left;
width:400px;
padding-top:20px;

}
.bottom_left span
{
color:#4d4d4d;
font-size:14px;
}

.bottom_right
{
float:right;

padding-top:20px;

}


/* Форимируем слой затемнения фона */
.overlay2 {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: visible;
    z-index: 3;
    -webkit-transition: opacity .1s;
    -moz-transition: opacity .1s;
    -ms-transition: opacity .1s;
    -o-transition: opacity .1s;
    transition: opacity .1s;
 
    opacity: 1;
}
.overlay2:target +.overlay2 {
    visibility: hidden;
    opacity: 0;
}
/* Позиционирум медиа-элементы внутри окна */
.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%;
  min-width: 240px;
  max-width: 600px;
 
  margin: auto;
  top: 0; left: 0; bottom: 0; right: 0;
}
/* Формируем и позиционируем всплывающее окно */
.popup2 { 
    min-width: 320px;
    max-width: 600px;
    margin: auto;
    background-color: #fff;
    border: 3px solid #fff;
    display: block;
    left: 0; right: 0;
    opacity: 0;
    padding: 15px;
    position: absolute;
    font-size: 14px;
    top: 0;
    visibility: visible;
    z-index: 10;
/* Скругление углов окна  */    
    -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 .1s, top .1s;
    -moz-transition: opacity .1s, top .1s;
    -ms-transition: opacity .1s, top .1s;
    -o-transition: opacity .1s, top .1s;
    transition: opacity .1s, top .1s;
}
/* Устанавливаем позицию появления окна */ 
.overlay2 +.popup2 {
    top: 55%;
    opacity: 1;
    visibility: visible;
}
/* Оформляем и позицонируем кнопку закрытия */
.close2 {
    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;

}
.close2:before {
    color: rgba(255, 255, 255, 0.9);
    content: "x";
    font-size: 14px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close2:hover {
    background-color: rgba(64, 128, 128, 0.8);
}
.popup2 p, .popup2 div {
    margin-bottom: 10px;
}

.stati
{
width:200px;
float:left;
height:250px;
margin-left:20px;
}

.stati_foto
{
width:200px;
height:150px;
padding-top:10px;
border-top:2px solid #c0c0c0;

}
.stati_foto:hover
{

border-top:2px solid #ff7800;
}
.stati_foto img
{

box-shadow: 3px 4px 2px #d6d6d6; 
width:200px;
height:150px;
}
.stati_foto img:hover
{

box-shadow: 3px 4px 2px #d6d6d6;
opacity:0.6;
    filter: alpha(opacity = 60);

}
.stati_name
{
padding-top:15px;
text-align:center;
}
.stati_name a
{
font-size:13px;
color:#434344;
}
.stati_name a:hover
{
font-size:13px;
color:#6d840e;
}
.stati_data
{
padding-bottom:10px;
text-align:center;
}
.stati_data span
{
font-size:12px;
color:#030340;
}
.rov_stati
{
margin-left:-35px;
}
.mail
{
    margin-top:5px;
}
.mail span{font-size:14px;color:#fff;}
#menu_tg {
    display: none;
}


@media all and (max-width: 1180px) {
    .main {
        width: 768px;
    }
    .phone span a{font-size: 120%;}
    .header {
        width: 100%;
        height: auto;
        padding: 10px;
        box-sizing: border-box;
        position: relative;
    }
    #menu_tg {
        display: block;
        cursor: pointer;
        float: right;
        width: 37px;
        margin: -52px 13px 0 0;
    }
    #menu_tg span {
        display: block;
        height: 3px;
        margin: 7px 0;
        background: #fff;
    }
    ul#topnav, ul#topnav2 {
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: right;
        height: auto;
        float: none;
    }
    .top_menu, .top_menu2 {
        display: none;
        position: absolute;
        right: 0;
        top: 85px;
        background: #2e2e2e;
        border: 2px solid #38bfda;
        width: 300px;
        box-sizing: border-box;
    }
    .logo {
        margin: 2px 0 0;
        width: 430px;
    }
    .logo img {
        display: block;
        width: 100%;
        height: auto;
    }
    .phone span {
        font-size: 18px;
    }
    .mail span {
        font-size: 14px;
    }
    .tel1 {
        margin-top: 5px;
    }
    .phone {
        margin: 0 80px 0 0;
    }
    ul#topnav li, ul#topnav2 li {
        float: none;
        display: block;
        border: none!important;
        margin: 2px 0;
        background: rgba(255,255,255,.1)!important;
    }
    ul#topnav li span, ul#topnav2 li span {
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 0;
        border: none;
        display: block;
        float: none;
    }
    ul#topnav > li > a, ul#topnav2 > li > a {
        color: #fff!important;
    }
    .menuha {
        margin: 0;
        width: 100%;
        float: none;
    }
    ul#topnav li span a, ul#topnav2 li span a {
        line-height: 18px;
        display: block;
        text-align: right;
        width: 100%;
        box-sizing: border-box;
        padding: 5px 15px;
        background: rgba(0,0,0,.05);
        margin: 1px 0;
        float: none;
    }
    .center_baner {
        width: 100%;
        margin: 20px 0 0;
        background-size: 100%;
        height: 280px;
    }
    .baner_left h1 {
        font-size: 40px;
    }
    .baner_left {
        width: 350px;
    }
    .baner_right {
        width: 400px;
    }
    .shar {
        margin: 20px 20px 0 0;
        border-radius: 50%;
    }
    .max {
        margin: 20px 0 0 20px;
    }
    .poloska {
        width: 100%;
        height: auto;
        padding: 15px;
        box-sizing: border-box;
    }
    .pole {
        margin: 8px 0;
        width: 100%;
        float: none;
        display: block;
    }
    .pole p {
        margin: 0 0 5px;
    }
    .contact_input {
        width: 95%;
    }
    .knopa8 {
        padding: 0;
    }
    .kupit6 {
        width: 100%!important;
        display: block;
        box-sizing: border-box;
        margin: 0;
        text-align: center;
        padding: 13px!important;
    }
    .vozm {
        width: 100%;
        height: 126px;
        background-size: 100%;
    }
    .texter {
        width: 100%;
    }
    .texter_right, .texter_left {
        width: 100%;
    }
    .rov_stati {
        margin: 0;
    }
    .stati {
        margin: 10px;
        width: 236px;
    }
    .stati .stati {
        margin: 0;
        width: 100%;
    }
    .stati_foto {
        width: 100%;
        overflow: hidden;
    }
    .stati_foto img {
        width: 100%;
        height: auto;
    }
    .bottom {
        width: 100%;
        height: auto;
        padding: 0 0 20px;
    }
    .bottom:after {
        content: "";
        display: block;
        clear: both;
    }
    .glav_menu {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        text-align: center;
        padding: 7px;
        background: #fff;
    }
    .left_menu {
        width: 100%;
        box-sizing: border-box;
        margin: 10px 0 0;
        padding: 0;
    }
    .glav_menu li {
        padding: 7px 19px 7px 0;
        display: inline-block;
        vertical-align: top;
    }
    .right_menu {
        width: 100%;
        padding: 0;
    }
    .left_menu .za {
        display: none;
    }
    .left_menu .forma {
        display: none;
    }
}

@media all and (max-width: 768px) {
    .main {
        width: 480px;
    }
    .phone span a{font-size: 120%;}
    html, body {
        overflow-x: hidden;
    }
    .logo {
        margin: 0;
        width: 380px;
        height: auto;
    }
    .header {
        padding: 5px 10px 15px;
    }
    .phone {
        float: left;
        margin: 0 0 0 10px;
        text-align: left;
    }
    .top_menu, .top_menu2 {
        top: 0;
        position: fixed;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 495px;
        box-sizing: border-box;
        z-index: 28;
        padding: 40px 0 0;
        max-height: 100vh;
        overflow-y: auto;
    }
    #menu_tg {
        margin-top: -40px;
        position: fixed;
        right: -400px;
        left: 0;
        margin: 0 auto;
        top: 6px;
        background-color: #2e2e2e;
        padding: 0 5px;
        z-index: 29;
    }
    .baner_left h1 {
        font-size: 28px;
        margin: 0;
    }
    .baner_left {
        width: 240px;
    }
    .baner_right {
        width: 100px;
    }
    .shar {
        margin: 0;
        background-size: 100%;
        width: 95px;
        height: 95px;
    }
    .center_baner {
        height: 175px;
    }
    .max {
        margin: 34px 0 0;
    }
    .max * {
        font-size: 16px!important;
    }
    .vozm {
        display: none;
    }
    .texter {
        border: none;
    }
    .stati {
        width: 220px;
    }
    .bottom_left {
        width: 100%;
        text-align: center;
        padding: 10px 0 0;
    }
    .bottom_right {
        display: none;
    }
    .bottom {
        padding: 0 0 10px;
    }
    .glav_menu li a {
        font-size: 12px;
    }
    .glav_menu li {
        padding: 6px 11px;
    }
    .right_menu img {
        max-width: 100%;
        height: auto;
    }
    .les12 img {
        margin: 0 5px!important;
        width: 228px!important;
    }
    .right_menu table, .right_menu table tbody, .right_menu table tr, .right_menu table td {
        display: block;
        width: 100%;
        padding: 0;
    }
}

@media all and (max-width: 480px) {
    .main {
        width: 310px;
    }
    .logo {
        width: 100%;
    }
    .top_menu, .top_menu2 {
        top: 0;
        width: 325px;
        padding: 70px 0 0;
    }
    .baner_left h1 {
        font-size: 18px;
    }
    .baner_left {
        width: 200px;
    }
    .shar {
        width: 75px;
        height: 75px;
    }
    .max * {
        font-size: 13px!important;
    }
    .max {
        margin: 19px 0 0;
    }
    .center_baner {
        height: 116px;
    }
    .stati {
        margin: 5px;
        width: 145px;
        height: 196px;
    }
    .stati_foto {
        height: 100px;
    }
    .stati_name {
        padding: 5px 0 0;
    }
    .bottom_left span {
        font-size: 12px!important;
    }
    .right_menu h1 {
        font-size: 24px;
    }
    .right_menu h2 {
        font-size: 20px;
    }
    .markizi300 {
        margin: 10px 0;
        width: 100%;
        height: auto;
    }
    .foto_markizi300 img {
        width: 100%;
    }
    .les12 img {
        width: 100%!important;
    }
    #menu_tg {
        left: -170px;
        top: 32px;
    }
}