body {
      background: url('video.png');
      background-size: cover;
      background: #4169E1  url(fon-2.jpg); 
      background-attachment: fixed;
      background-size: 100%;
      margin: 0px
}






.bgvideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -9999;
  margin: 0px
}

.nav {
    width: 100%;
    text-align:center;
    background-color: #0000FF;
  
    top: 0;
    z-index: 999; 
}

.nav ul {
	margin: 0%;
	padding: 0%;       
}
.nav li {
	margin: 0.5% 2.5% 0.5% 2.5%;
	padding: 0;
	list-style: none;
	display: inline-block;
      font-family: Arial black;
         text-align: center !important;
         font-size: 10pt;
}
.nav a {
	padding:;
	text-decoration: none;
	color: white;
	line-height: 100%;
}
.nav a:hover {
	color: #000;
}
.nav .current a {
	background: #0000FF;
	color: #fff;
	border-radius: 3px;
}

.nav_ul_width {width: 100%}

.menu{background-color: rgba(255, 255, 255, 1); 
          padding: 20px 0px 10px 0px;border-bottom: 5px solid #0000FF;
         border-top: 5px solid #0000FF;
     width: 100%; height: 130px
}

.tel {
       float: right;
       margin: 1% 1% 1% 0%;	  
       color: #0000FF;
       font-size: 16pt;     
       font-family: Arial black;
      
}

.zv_b {font-size: 10pt}

.logo { width: 340px;
float: left;

padding-top: 0px;
padding-left: 6%;
}


header {display: inline-block;
       margin: 0% 1% 1% 1%;
       float: left;
       width: 10%; 
       text-align: center !important;
}

header ul {
	list-style:none;
	display: inline-block;
}

header ul li {
        float: left;	
	margin:0px 20px 0px 0px;
        font-family: Arial;
}

header ul a {
	text-decoration:none;
        display:block;	
	color: black;
        font-size: 12pt;
        padding-top: 0px;
        line-height: 1.1
}

header a:visited {color: #000000}
header a:hover {color: #0000FF} 

.non{}
.none600{}

#first_t {
        margin-left: auto;
        margin-right: auto;
        margin-top: 10%; 
        width: 33%;
        font-family: Arial;
        color: #00008B;
        font-size: 30pt;
        text-align: center !important;
         font-width: normal;
}
 
.content1 {
         background-color: rgba(255, 255, 255, 0.9); 
          padding: 10px 100px 10px 100px;
          margin-top: 5%;
          margin-bottom: 50px;
        border-bottom: 5px solid #0000FF;
        border-top: 5px solid #0000FF;
        height: 100%}

.content1 p{width: 85%;
            margin-left: auto; margin-right: auto
}

.hr {
    border: none;
    background-color: blue;
    color: blue;
    height: 5px;
    width: 87%;
   margin-left: auto; margin-right: auto
   }

.font-size{ }
h1 {   
        vertical-align: middle !important;
        font-family: Arial;
        color: #00008B;
        font-size: 20pt;
        text-align: center !important;
}

h2 {  
        text-align: center !important;
        font-family: Arial;
        color: white;
        font-size: 20pt;
}
	

h3 {
       font-family: Arial}

.preim_ul{width: 100%; margin-left: 60px}
.preim_ul_li{float:left; width: 30%}
.preim_icon{width: 28%; float:left; display: inline-block}
.preim_txt {float:left; display:inline-block; width: 60%}

.past_hr {width: 90%; margin-left: 85px}
.past_hr_1 {float:left; width: 33%; font-size: 15pt; font-family: Arial black}
.past_hr_2 {color: blue; font-size: 20pt}

.sert  {
       display: block;
       float: center;
       width: 100%;	
       height: 340px; 
       margin-top: 0px;
       background-color: #0000FF;
       padding-top: 10px;
       padding-left:;
 text-align: center !important;
}

.sert_width {width:150px; margin:15px}


.wrap {overflow: hidden}
.str {width:100%; margin-bottom: 0%}

.products_item.waves-float {
    display: inline-block;   
    float: left;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .12), 0 2px 10px 0 rgba(0, 0, 0, .09);
    transition: all .3s ease;
   cursor: auto!important;   
}

#products_block{
           width: 350px; 
           height: 300px; 
          display: inline-block;
          margin: 10px;           
}
ul { list-style-type: none}

#products_1 {background-color: rgba(255, 255, 255, 0.9); 
          border-bottom: 5px solid #0000FF;
        border-top: 5px solid #0000FF; margin-top: 50px; padding-top: 0px; padding-bottom: 10px}
.products_item--home {
    /*box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .12), 0 0px 0px 0 rgba(0, 0, 0, .09);*/
}
.products_item:hover {
    box-shadow: 0 1px 11px 0 rgba(0, 0, 0, .5), 0 4px 15px 0 rgba(0, 0, 0, .15);
}

.products_figure {
    position: relative;
    overflow: hidden;
    display: block;
    border-bottom: 1px solid #0000FF;
    background: #0000FF;
}

.products_img {
    transition: all .3s ease;
    display: inline-block;
    margin: auto;                                                             
}

.products_item:hover .products_img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: none;
    display: block;
}

.products_title {
    position: absolute;
    color: #FFFFFF;
    bottom: 0;
    left: 0;
    right:0;
    padding: 10px 5px 10px 0px;
    text-transform: uppercase;
    text-align: center;
    transition: all .1s ease;
    width:100%;
    background: rgba(0, 10, 100, 0.80);
    margin: 0;
    font-family: Arial;
    font-width: bold;
}
#products_block_img1{width: 350px; height: 300px; margin: 0px}
                                                            
.products_item:hover .products_title {
    transition: all .2s ease;
    background: #0000FF;
    padding: 20px 20px;
}

.products_description {
    text-align: left;
    padding: 10px;
    transition: all .3s ease;
    background: #0000CD;
}

.products_item:hover .products_description {}
.products_see {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    font-family: Arial;
}

  .akcii_block{
          width: 400px; 
          height: 300px; 
          display: inline-block;
          margin: 15px;           
}  

#akcii_block_img {width: 400px; height: 300px; margin: 0px;}
.uslugi_block{
         width: 300px; 
         height: 250px; 
         display: inline-block;
         margin: 25px;           
}  

  footer {
       display: block;
       float: center;
       width: 100%;
       position: absolute;
       height: 355px;
       margin-top: 50px;
       background-color:rgba(0, 0, 0, 0.6);
       padding-top: 10px;
       padding-left: 10px;
       padding-right:10px;
       color: #FFFFFF; 
       padding-bottom: 0px;
}


.footer_bottom {
       margin-top: 10px;
       margin-left: 70px;
       padding-right: 20px;
}

.footer_bottom_margin {font-size: 9pt;
        margin-left: 25px;
}
.footer_bottom_margin1 {font-size: 9pt;
}
.footer_inf {
          display: inline-block;         
          font-size: 11pt;
          color: #FFFFFF;
          font-family: Arial black;
}

.footer_inf1 {margin-left: 100px; float: left}
 footer a {
           text-decoration: none;         
}

li {
          list-style-type: none; 
   }

.block-text {
          background-color: rgba(255, 255, 255, 0.95); 
          padding: 10px 100px 10px 100px;
          margin-top: 0px;
            margin-bottom: 0px;
         border-bottom: 5px solid #0000FF;
         border-top: 5px solid #0000FF;
         font-size: 13pt;
         line-height: 1.2
}


.itemCard_door {
            float: left; 
            margin: 30px;
            box-shadow:0px 0px 1px rgba(0, 0, 0, 0.9), 0 3px 3px rgba(0, 0, 0, 0.28);
            display:-webkit-flex;
            display:-ms-flexbox;display:flex;-webkit-flex-direction:column;
            -ms-flex-direction:column;
            flex-direction:column;
            overflow:hidden;
            position:relative;
            background: rgba(255, 255, 255, 0.8); 
            width: 500px; 
            height: 310px; 
            display: inline-block; 
            border-radius:2px;
            box-sizing:border-box;
}
#itemCard_door_right{}
.itemCard_door__title {
             font-size:18px;
              font-family: Arial;
             line-height:normal;
             font-weight:600;
             width:100%;margin: 0 0 14px 0;
             padding: 8px;text-align:center !important;
             text-transform:uppercase;
             background: #0000FF;
             color: #fff;
}

.itemCard_door__price_span {line-height: 0.1em}

.itemCard_door__img {
           padding:5px 8px 8px;
           width: 100px;
          height: 221px;
} 

.itemCard_door__table_td {
          font-weight:bold;
          font-size: 12px;
          vertical-align: middle !important;
}

.parametr_dv_text{font-size: 12pt;}

.itemCard_door__price {
         padding:10px 0 10px;
         font-size:15px;
         line-height:normal;
         font-weight:600;
         width:100%;
         margin: 0px; 
         font-family: Arial;
       text-align: center !important;
       margin-top: 2px;
} 
.icd_kontakt  {text-align:center !important; margin-top: 50px; margin-bottom: 0px}
.wrap{ 
        padding-left:10px;
        padding-right:10px;
        margin-left:auto;
        margin-right:auto;overflow:hidden;}

.icd_auto {width: 1250px; margin-left: auto; margin-right: auto}
.icd_auto1 {width: 1200px; margin-left: auto; margin-right: auto}
.icd_auto2 {width: 1150px; margin-left: auto; margin-right: auto;}
.icd_auto3 {width: 910px; margin-left: auto; margin-right: auto;}
.icd_auto4 {width: 1100px; margin-left: auto; margin-right: auto}
.icd_auto5 {width: 1200px; margin-left: auto; margin-right: auto}
.icd_auto7 {width: 1200px; margin-left: auto; margin-right: auto}
.icd_auto8 {width: 420px; margin-left: auto; margin-right: auto}

.itemCard_door__img {
        padding:0 8px 8px; 
        width: 100px; height: 221px;
}

.icd-p1{
           font-size: 9pt; 
           text-align: center !important;
           padding-bottom: 7px;
           line-height: 0.2em;
           font-weight: bold;
}

.color-doors {display: inline-block;}
.color-doors_img {width: 18%; height: 70%; display: inline-block}

.button  { 
       font-weight:600;   
       font-size: 13pt; 
       font-family: Arial;
       vertical-align: middle !important; 
       color: #0000FF;
       text-align: center !important;
       padding-bottom: 10px;
        padding-top: 5px;
}

ul a   { text-decoration: none;
}

.table-1 {
         display: inline-blok;
         float: left;
}

.table-2 { 
            display: inline-blok;
            float: left;
            margin-top: 5px;
            font-size: 12pt
}

table-2_float { 
              width: 200 px; 
}
 table {
          border: solid 0px DarkGray;
          border-collapse: collapse;
          margin-left: 10px;
          width: 360px;
}     

td     {
            border: solid 0.5px DarkGray;
            padding: 5px 10px 5px 10px;
         }
.table-w {
          width: 260px;
           padding-bottom: 10px;
           font-size: 12pt;
}
.itemCard_windows_img{float-left; display: inline-block; width: 150px; height: 220px; padding:5px}
.itemCard_uslugi{
           box-shadow:0px 0px 1px rgba(0, 0, 0, 0.9), 0 3px 3px rgba(0, 0, 0, 0.28);
           overflow: hidden;
           position: relative;
           background: rgba(255, 255, 255, 0.7);
           border-radius:2px;
           margin: 20px;
           background: rgba(255, 255, 255, 0.8);
           box-sizing:border-box;        
} 
.itemCard_potolki {
           box-shadow:0px 0px 1px rgba(0, 0, 0, 0.9), 0 3px 3px rgba(0, 0, 0, 0.28);
           overflow: hidden;
           position: relative;
           border-radius:2px;
           margin: 20px;
           width: 200px; 
           display: inline-block; 
           float: left;
           background: rgba(255, 255, 255, 0.8);
           box-sizing:border-box;
         
} 
#itemCard_uslugi_m{}


.itemCard_rolstavni_img {width: 350px; height: 200px; margin: 0px;}

#itemCard_rolstavni_width {width: 350px; display: inline-block; float: left}

#block_width_200{width: 200px; display: inline-block; float: left;}


.vorota_block{
          width: 280px;            
          display: inline-block;
          margin: 25px;           
} 
.itemCard_avt-v_m-bottom {margin-bottom: 10px}

#itemCard_avt-v_width{width: 250px; display: inline-block; float: left;}

#itemCard_img_avt-v {width: 250px; margin: 0px}
.itemCard_avt-v{width: 15px; padding-right: 3px}
#itemCard_font-size   {font-size: 13pt; }  
#itemCard_uslugi__title_text  { font-family: Arial; font-size: 13pt; } 

.itemCard_uslugi__title {font-size:13px;
   font-family: Arial black;
  line-height:normal;
          font-weight:600;
          width:100%;
          margin:0; 
          padding: 8px 8px 8px 8px;
          text-align:center !important;
          text-transform:uppercase;
         background: #0000ff;
         color: #ffffff;} 

.itemCard_uslugi__price {
        font-family: Arial black;
        font-weight:600;
        width:100%;
        margin: 0 0 8px 0; 
        padding: 8px;
        text-align:center !important;
        font-size: 13pt          
} 

.itemCard_uslugi__button {max-width: 100% !important;margin: 8px;}

.button itemCard_uslugi__button {
        font-family: Arial;
        font-size: 20px;
        text-align:center !important;
        padding-bottom: 10px;
        padding-top: 5px;
}

#itemCard_kont{  margin: auto}

.text-spiska {
             font-family: Arial; 
             font-size: 11pt;
             float: left;
             margin-right: 10px
}
.v_windows1{width: 15px; padding-right: 7px}
#itemCard_windows1 {}

.t22        {
             font-family: Arial black; 
             font-size: 13pt; 
             margin-top: 10px;
             margin-bottom: 0px;
             text-align:center !important;
             width: 100%
}


#itC_balkon_zakaz {font-family: Arial; font-size: 15pt}
#itemCard_balkon{display: inline-block; float: left; width: 500px;}
.iC_balkon_img1 {width:500px}
.iC_balkon_img2 {width:500px; margin: 0px;}
#itC__price_balkon{font-size: 15pt}


.margin-top{margin-top: 30px}
.footer_inf_margin{margin-left: 50px}
#pad_bottom{padding-bottom: 50px}
A:visited {color: blue}
.partn {background-color: rgba(255, 255, 255, 1); 
          padding: 10px 80px 10px 80px;border-bottom: 5px solid #0000FF;
        border-top: 5px solid #0000FF; margin-top: 50px;}

.partn1 {width: 1000px; margin-left: auto; margin-right: auto; float:center !important;}
.margin_lr {margin-left: 20px; margin-right: 20px}

#partn_left{margin-left: px;}
#itemCard_door_clear {}

                                                                                                                    
li {list-style-type: none; } 
   
#ml50 {margin-left: 50px;}


@media (min-width: 1100px) and (max-width: 1279px){
.preim_ul_li b{font-size: pt}
.preim_ul_li{width: 28%}
.past_hr { margin-left: 30px}
.preim_icon{width:32%}
}

@media (min-width: 1024px) and (max-width: 1599px) {

.menu {height: 120px} 
.menu  { padding: 25px 0px 10px 0px}
.preim_ul_li b{font-size: pt}
.preim_icon {width: 40%}
.past_hr {margin-left: 30px}
.past_hr_1 {font-size: 13pt}
.past_hr_2 {font-size: 17pt}
.preim_icon{width:40%}



}

@media (min-width: 1024px) and (max-width: 1279px) 
{
.nav li {margin: 0.5% 2.1% 0.5% 2.1%}
.logo {width: 250px; margin: 2% 0% 0% 1%} 

.tel   { font-size: 12pt;font-family: Arial black} 

.content1 p {width: 95%}
.content1 .past_hr {width: 100%}
.preim_ul{width: 100%; margin-left: 0px}
.preim_ul_li {float:left; width: 33%}
.preim_ul_li b {float:left; width: 75%; margin-left: auto; margun-right: auto}
.past_hr_1 {width: 33%}
.icd_auto1 {width: 600px}
.icd_auto2 {width: 1000px}
.icd_auto4 {width: 550px}
.icd_auto {width: 1000px}
.icd_auto5 {width: 600px}
. hr {width: 100%}
.margin-top{50px}
#products_block{width: 300px; hight: 235px; margin: 25px 10px}
#products_block_img1{width: 300px;}
.bgvideo {width: 100%; height: 100%;}
#block_width_200{width: 150px;}
.block-text {margin-bottom: 0px; margin-top: 0px}
.str{margin: 0px}
#first_t {font-size: 24pt} 
h1 {font-size: 18pt} h2 {font-size: 18pt}
.sert  {height: 320px}.font-size{font-size: 10.5pt}
.footer_bottom_margin{font-size: 8pt;}
.footer_bottom_margin1{font-size: 8pt;}
.footer-inf{margin-left: 0px} 
.footer_inf1{margin-left:50px}
.itemCard_uslugi__title {font-size:11px}
.itemCard_uslugi{margin: 20px 15px 20px}
.itemCard_rolstavni_img {width: 300px; height: 200px}
#itemCard_rolstavni_width {width: 300px}
.icd_auto7 {width: 1020px}
#itemCard_kont{width: 235px}
.icd_auto8{width: 850px}
}

@media (min-width: 900px) and (max-width: 1100px) {
.bgvideo {min-width:100%; height:100%}
.logo {margin:1% 0% 0% 1%;}
 .menu {height: 80px}
.tel{font-size: 14pt; width: 22%; margin: 2% 5% 1% 0%;}
header {margin: 0.5% 4% 0% 1.2%}
.past_hr {margin-left: 0px}
#products_block{width: 270px; hight: 280px; margin: 10px}
#products_block_img1{width: 270px;}
.icd_auto2 {width: 890px}
.tel   { font-size: 12pt;font-family: Arial black} 

}

@media (min-width: 800px) and (max-width: 899px) { 
.tel{font-size: 14pt; width: 23%; margin: 2% 3% 1% 0%}
.logo {margin:2% 0% 0% 5%;} 
.zv_b {font-size: 9pt}
header {margin: 0.3% 4% 0% 0.2%}
header ul a {font-size: 12pt}
.preim_icon{width: 50%; float:center; display:block}
.preim_ul_li b{font-size:10pt}
.preim_ul_li p{font-size:11pt}
.past_hr {margin-left: 0px}
#products_block{width: 330px; hight: 300px; margin: 10px}
#products_block_img1{width: 330px;}
.icd_auto2 {width: 750px}
.tel   { font-size: 12pt;font-family: Arial black} 
}

@media (min-width: 800px) and (max-width: 1023px) { 
.nav li {margin: 0.5% 1.8% 0.5% 1.8%;}
.nav ul li{font-size: 9pt} 
header ul a{font-size: 11pt}
h1 {font-size: 18pt} 
h2 {font-size: 18pt}
.menu {height: 80px}
.menu  { padding: 45px 0px 10px 0px}
.content1 p{width: 95%}
.content1 .past_hr {width: 90%}
.preim_ul{margin-left: 0px}
.preim_icon{width: 50%; float:center; display:block}
.past_hr_1 {font-size: 13pt}
.past_hr_2 {font-size: 17pt}
.hr{width: 92%;}
.akcii_block{margin-left: 60px} 
#first_t {font-size: 30pt; width: 70%} 
.logo {width: 190px; margin:2% 0% 0% 6%;} 
.sert {height: 320px} 
.font-size{font-size: 10.5pt} 
h1 {font-size: } h2 {font-size:} 
.icd_kontakt {margin-top: 70px;}
.icd_auto1{width: 600px}
.icd_auto3{width: 550px}
.icd_auto4{width: 550px}
.margin-top {margin-top:30px}
#partn_left{margin-left: 50px;}
.itemCard_uslugi{width: 200px; margin: 10px}
#itemCard_uslugi__title_text {font-size: 11pt;} 
#pad_bottom{padding-bottom: 20px } 
.block-text {margin-bottom: 0px; margin-top: 0px !important}
.str{ margin: 0px !important}
.icd_auto{width: 500px;}
.icd_auto5{width: 600px}
#itemCard_windows1 {margin-right: 150px}
#itemCard_door_right {margin-right: 120px}
 #itemCard_uslugi_m{margin-left:px} 
.footer-inf{margin-left: 0px;} 
.footer_inf1{margin-left:30px; font-size: 8pt} 
.margin_lr {margin-left: 7px; margin-right: 7px}
.footer_bottom {margin-left: 40px;}
 .footer_bottom_margin{font-size: 6pt;} 
.footer_bottom_margin1{font-size: 6pt;}
 footer{height: 230px; margin-top:50px}
.itemCard_uslugi__title {font-size:11px}
.itemCard_rolstavni_img {width: 235px; height: 200px}
#itemCard_rolstavni_width {width: 235px}
.icd_auto7 {width: 800px}
.itemCard_uslugi{margin: 20px 7px 20px 7px}
#itemCard_kont{width: 435px}
.icd_auto8{width: 750px}
}

@media screen and (max-width: 800px) {body{background: #4169E1  url(fon-2.jpg);  background-attachment: fixed;
 background-size: 100%;}
 .non{display:none}
.partn{display:none} .itemCard_uslugi__title {font-size:12px}
header{display: none}
.content1 p{width: 100%}
.content1 .past_hr {width: 95%}
.past_hr {margin-left: 0px}
.font-size{font-size: 10pt} 
.block-text {margin-bottom: 0px; margin-top: 0px !important}
.str{ margin: 0px !important}
 }

@media (min-width: 700px) and (max-width: 799px) {
.preim_ul_li  {margin-left:100px}
}

@media (min-width: 601px) and (max-width: 699px) {
.preim_ul_li  { margin-left:50px}
}

@media (min-width: 601px) and (max-width: 799px) {
.nav_ul_width {width: 100%}
.tel   { font-size: 12pt;font-family: Arial black} 
.menu {top: 0px; height: 80px}
.preim_ul_li{float:center; width: 80%;} 
.preim_ul_li b{float:center; width: 100%;font-size:10pt} 
.preim_ul{margin-left: 0px}
.preim_ul_li p {font-size:10pt}
.past_hr_1 {font-size: 11pt}
.past_hr_2 {font-size: 15pt}
.preim_icon {width: 20%; float:left; display:inline-block}
.nav ul li{font-size: 8pt} 
.nav li {margin: 0.5% 1.5% 0.5% 1.5%;}
.tel{font-size: 10pt; width: 55%; } 
header ul a{font-size: 8pt}
#first_t {font-size: 25pt; width: 70%} 
.logo {width: 220px; } 
.menu{height: 65px} 
.sert_width {width:100px; margin:10px}
.sert{height: 225px;}
h1 {font-size: 15pt} h2 {font-size: 15pt} 
.icd_auto2{width: 370px}
.font-size{font-size: 10pt}  
.partn{padding-left:15px} 
header ul a{font-size: 9pt}
.icd_kontakt {margin-top: 70px;}
.icd_auto1{width: 600px}
.icd_auto8{width: 350px}
.icd_auto7{width: 400px}
#products_block{width: 250px; hight: 240px; margin: 10px}
#products_block_img1{width: 250px;}
.icd_auto2 {width: 580px}
.itemCard_uslugi{width: 200px; margin: 10px} 
#itemCard_uslugi_kont{width: 250px; font-size: 10pt}
#itemCard_uslugi__title_text {font-size: 11pt;} 
#pad_bottom{padding-bottom: 20px} 
.block-text {margin-bottom: 10px}
.icd_auto{width: 500px;} 
.icd_auto5{width: 600px;} 
#itemCard_door_windows {margin-right: 150px}
#itemCard_door_right {margin-right: 120px} 
#itemCard_uslugi_m{margin-left: 130px}
.margin-top{margin-top: 30px}
.icd_auto3 {width: 530px;}
.products_item:hover .products_img {-webkit-transform: scale(1.01); transform: scale(1.01);}
.products_item:hover .products_title {transition: all .1s ease; padding: 5px 0px 5px 0px;}
.block-text {padding: 7px 40px 7px 40px;margin-bottom: 0px}
.icd_auto4{width: 550px}
#ml50 {margin-left:0px;}
.footer-inf{margin-left: 0px;} .footer_inf1{margin-left:20px; font-size: 7pt} .margin_lr {margin-left: 7px; margin-right: 7px}
.footer_bottom {font-size: 5pt;margin-left: 30px;}  .footer_bottom_margin1{font-size: 5pt;} footer{height: 190px;margin-top: 60px}
.footer_bottom_margin {margin-left: 10px;font-size: 5pt;} footer{height: 190px;margin-top:50px}
}

@media  screen and (max-width: 600px) 
{.nav {position: relative; min-height: 40px;}
.nav{min-width: 160px;background-color: transparent}
.nav ul {width: 160px; padding: 5px 0; position: absolute; top: 0; left: 0; border: solid 1px #aaa; background: #0000FF; url(images/icon-menu.png) no-repeat 10px 11px;
border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,.3);} .nav li {display: none; margin: 0;} .nav .current {display: block;}
.nav a {display: block;padding: 5px 5px 5px 32px; text-align: left; color: blue}.nav .current a {background: none;color: #666;}
.nav ul:hover {background-image: none}
 .nav ul:hover li {display: block; margin: 0 0 5px;}
.nav ul:hover .current {background: url no-repeat 10px 7px;}
.nav.right ul {left: auto; right: 0;} 
.nav a .non{display:none}
header ul li {margin:0px 10px 0px 0px;clear: both;} 
header ul a{font-size: 8pt}
.partn{display:none} 
.content1 {border-bottom: 3px solid #0000FF;
        border-top: 3px solid #0000FF}
.none600{display: none}
.font-size {font-size: 10pt}  
.sert_width {width:130px; margin:7px;}
.sert{height: 465px; margin-top: 0px; padding-top: 3px;}
.akcii_block{width: 200px; height: 180px;} 
#akcii_block_img {width: 200px; height: 180px; margin: 0px;}
.itemCard_uslugi{margin: 5px 0px 5px 0px}
.block-text {padding: 5px 30px 5px 30px;
        border-bottom: 3px solid #0000FF;
         border-top: 3px solid #0000FF}
#ml50 {margin-left:0px;}
#itemCard_uslugi__title_balkon{font-size: 14pt}
#itC_balkon_zakaz {font-size: 12pt}
.itemCard_door {width: 250px; height: 170px; display: block;margin: 5px 0px 5px 0px}
.itemCard_door__title {font-size:11px;font-weight:bold;margin: 0px; padding: 3px;}
.table-2_float {width: 100 px;} 
.itemCard_door__table_td {font-size: 7pt;} 
.itemCard_door__img {padding:7px 5px 0px 0px; width: 55px;height: 120px;margin-left: 5px}
.itemCard_door__price {padding:3px 0 3px;font-size:8pt;} 
.icd-p1{font-size: 5pt; padding-bottom: 4px;}
.parametr_dv_text{font-size: 7pt;}
.table-2 {font-size: 7pt}
td {border: solid 0.3px DarkGray; padding: 2px;}
table {margin-left: 3px; width: 170px;}
.button  {font-size: 8pt;}
.color-doors_img {width: 18%; height: 18%}
#itemCard_door_clear {clear: both;}
footer {margin-top: 30px}
.footer_bottom{font-size: 5pt; margin-left: 20px;}
.footer_bottom_margin1{font-size: 5pt;}
.footer_inf1{margin-left:5px; font-size: 6pt}
.footer_bottom_margin {margin-left: 0px;font-size: 5pt} 
.table-w {width: 150px; font-size: 7pt; padding-bottom: 2px}
.itemCard_door__table_td {font-size: 6pt; font-weight:normal;}
.itemCard_windows_img{float-left; display: inline-block; width: 70px; height: 100px; padding:5px}
.text-spiska {font-size:7pt;}
.v_windows1{width: 7px; padding-right: 2px}
.itemCard_uslugi__title {font-size:11px;padding:3px}
.itemCard_uslugi__price{font-size:10pt}
.t22 {font-size: 10pt;  margin-top: 3px;}
.itemCard_avt-v_m-bottom {margin-bottom: 3px}
.itemCard_rolstavni_img {width: 250px; height: 140px; margin: 0px;}
#itemCard_rolstavni_width {width: 250px; display: inline-block; float: left; margin: 20px;}
 header ul a{font-size: 6pt}
.products_img {-webkit-transform: scale(1.01); transform: scale(1.01);}
.products_title {font-size:11pt}
#itemCard_uslugi_kont{width: 200px;}
#itemCard_balkon{width: 250px;}
.iC_balkon_img2 {width:250px}
.iC_balkon_img1 {width:250px}
#itemCard_kont{width: 200px}
.icd_kontakt  {margin-top:70px}
.block-text {margin-bottom: 0px}
#products_block{display: block}
}

@media (min-width: 480px) and (max-width: 600px) {footer{height: 190px;} 
 h1 {font-size: 12pt} h2 {font-size: 12pt} 
#first_t {font-size: 20pt; width: 70%}
.products_item:hover .products_img {-webkit-transform: scale(1.01); transform: scale(1.01);}
.products_item:hover .products_title {transition: all .1s ease; padding: 5px 0px 5px 0px;} 
.akcii_block{margin: 5px} 
.menu {height: 185px; padding: 10px;border-bottom: 3px solid #0000FF;
         border-top: 3px solid #0000FF}
.logo { width: 230px; margin-left:30%; margin-right:20%; margin-top: 0px;
        float:center; display: block}
.tel {float: center; display: block; width:70%;  margin-left: 20%; margin-right: 20%; font-size: 20pt; 
        color: black; margin-top: 35px;  line-height: 1}
.zv_b {font-size: 10pt}
.icd_auto3 {width: 470px}
.icd_auto4{width: 350px}
.icd_auto1 {width: 300px;}
.icd_auto8 {width: 250px;}
.icd_auto7 {width: 300px}
.icd_auto5{width: 330px}
.icd_auto {width: 270px}
.preim_ul_li{float:center; width: 100%; magin-left:0px}
.preim_ul_li b {float:center; width: 50%; font-size:10pt} 
.preim_ul{margin-left: 0px; width: 100%}
.preim_ul_li p {font-size:10pt; width:100%}
.preim_txt {width: 100%}
 #itC__price_balkon{font-size: 12pt} 
#itemCard_balkon{ width: 300px;} 
#itemCard_uslugi__title_balkon{font-size: 12pt} 
.margin-top{margin-top:30px}
.icd_auto5{width: 300px}
#itemCard_door_right{margin-left: 20px}.icd_auto6{width: 70%}
#itemCard_windows1{margin-left: 90px}
.itemCard_potolki {margin: 10px}
#itemCard_balkon{width: 300px;}
.iC_balkon_img2 {width:250px}
.iC_balkon_img1 {width:250px}
#products_block{width: 350px; height: 300px; margin: 10px 5px 10px 5px}
#products_block_img1{width: 350px; height: 300px}
.icd_auto2{width: 400px;}
.akcii_block{width: 200px; height: 180px;} 
#akcii_block_img {width: 200px; height: 180px; margin: 0px;}
.itemCard_rolstavni_img {width: 250px; height: 150px; margin: 0px;}
#itemCard_rolstavni_width {width: 250px; margin: 10px;}
header{width: 30%; margin-left: 0%; margin-right: 60%}
}

@media screen and (max-width: 480px) {
header ul a{font-size: 8pt}
.font-size{font-size: pt} 
.preim_icon {display: none}
.preim_txt {width: 100%}
h1 {font-size: 11pt}
 h2 {font-size: 11pt}
.margin-top{margin-top: 30px}
.products_item:hover .products_img {-webkit-transform: scale(1.01); transform: scale(1.01);}
.products_item:hover .products_title {transition: all .1s ease; padding: 5px 0px 5px 0px;}
.icd_auto {width: 270px}
.akcii_block{display: block; margin: 0px 0px 10px 0px;} 
.icd_auto8 {width: 250px;}
 #itemCard_uslugi__title_balkon{font-size: 12pt}
#itC__price_balkon{font-size: 12pt}
.icd_auto4{width: 320px}
#itemCard_door_right{margin-left: 0px}
.icd_auto7{width: 320px}
.itemCard_potolki {margin: 5px 0px 5px 0px}
#itemCard_rolstavni_width {margin: 10px 0px 10px 0px;}
#block_width_200{margin: 10px}
#itemCard_avt-v_width{width: 200px;}
#itemCard_img_avt-v {width: 200px;}
.icd_auto1 {width: 230px;}
header{width: 40%; margin-left: 0%; margin-right: 60%}
}

@media (min-width: 321px) and (max-width: 479px) {
.logo { width: 200px; margin-left:30%; margin-right:20%; margin-top: 0px;
        float:center; display: block}
.tel {float: center; display: block; width:80%;  margin-left:35%; margin-right: 10%; font-size: 17pt; 
        color: black; margin-top: 35px;  line-height: 1}
.zv_b {font-size: 9.5pt}
.menu {height: 200px; padding: 10px;border-bottom: 3px solid #0000FF;
         border-top: 3px solid #0000FF}
#first_t {font-size: 15pt; width: 70%}
#products_block{width: 230px; height: 200px; margin: 10px 0px 10px 0px}
#products_block_img1{width: 230px; height: 200px}
.icd_auto2{width: 260px}
footer{height: 250px;}
.icd_auto2{width:250px;}
.akcii_block{width: 200px; height: 180px;} 
#akcii_block_img {width: 200px; height: 180px; margin: 0px;}
.icd_auto3 {width: 230px;}
#itemCard_balkon{width: 200px;}
.preim_ul_li .preim_ul_li b .preim_ul .preim_ul_li p  .preim_txt {width: -20%}
.iC_balkon_img2 {width:200px}
.iC_balkon_img1 {width:200px}
.icd_auto4{width: 270px}
.itemCard_rolstavni_img {width: 200px; height: 130px; margin: 0px;}
#itemCard_rolstavni_width {width: 200px; margin: 10px;}
.icd_auto7{width: 250px}
.icd_auto5{width: 300px}
}
@media (min-width: 321px) and (max-width: 400px) {
.sert{height: 660px;}
}

@media screen and (max-width: 320px) {
 footer{height: 400px;} 
.logo { width: 180px; margin-left:20%; margin-right:20%; margin-top: 0px;
        float:center; display: block}
.tel {float: center; display: block; width:75%;  margin-left:20%; font-size: 15pt; 
        color: black; margin-top: 35px;  line-height: 1}
.zv_b {font-size: 8.6pt}
.menu {height: 140px; padding: 10px;border-bottom: 3px solid #0000FF;
         border-top: 3px solid #0000FF}
#first_t {font-size: 15pt; width: 70%}
.sert{height: 660px}
#products_block{width: 200px; height: 200px; margin: 10px 5px 10px 5px}
h1 {font-size: 11pt} h2 {font-size: 12pt}
#block_width_200{margin: 5px 0px 5px 0px}
#products_block{width: 170px; height: 200px; margin: 10px 5px 10px 5px}
.icd_auto2{width:220px;}
#products_block_img1{width: 170px; height: 200px}
.akcii_block{width: 170px; height: 180px;} 
#akcii_block_img {width: 170px; height: 180px; margin: 0px;}
#itemCard_balkon{width: 170px;}
.iC_balkon_img2 {width:170px}
.iC_balkon_img1 {width:170px}
.icd_auto4{width: 220px}
.icd_auto3 {width: 200px;}
.itemCard_rolstavni_img {width: 200px; height: 130px; margin: 0px;}
#itemCard_rolstavni_width {width: 200px; margin: 10px;}
.icd_auto7{width: 250px}
.icd_auto5{width: 350px}
}



.iw-modal {
	opacity: 0;  
	background: rgba(0,0,0,0.5); 
	pointer-events: none; 
 	position: fixed; 
        top: 0;
        right: 0;
        bottom: 0;
       left: 0;
        z-index: 9999;
	transition: all 0.5s ease;
        margin: 0;
        padding: 0;
}

.iw-modal:target {
    opacity: 1; 
	pointer-events: auto; 
    overflow-y: auto; 
}

.iw-modal-wrapper {
	margin:auto; 
	margin-top:20vh; 
}

.iw-CSS-modal-inner {
    position: relative;
    background: #fff; /*цвет фона*/
    border: 0,3px solid: bottom #808080; /*цвет и толщина рамки*/
    border-radius: 0px; /*радиус скругления углов*/

}


.iw-modal-header {
    padding: 11px;
    background:#f1f1f1;
	position:relative;
}
.iw-modal-title {
	font-size: 20px;
	color:#101099; 
	font-weight:bold;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 0;
text-align: center !important;
}




.iw-close {
    position:absolute;
	top:10px; 
	right:10px; 
    font-size: 24px; 
    color: #555; 
    text-decoration: none;
}

.iw-close:hover, .iw-close:focus {
    color: #000; 
    cursor: pointer;
}


.iw-modal-text {
  padding: 15px 20px;
}

@media (min-width: 400px) {
  .iw-modal-wrapper {
      max-width: 350px;
   }
}


fieldset {
  margin-bottom: 15px;
  padding: 10px;
}

legend {
  padding: 0px 3px;
  font-weight: bold;
  font-variant: small-caps;
}

label {
  width: 150px;
  display: inline-block;
  vertical-align: top;
  margin: 6px;
}


input:focus {
  background: #eaeaea;
}

input, textarea {
  width: 249px;
}

textarea {
  height: 100px;
}

select {
  width: 254px;
}

input[type=checkbox] {
  width: 10px;
}

input[type=submit] {
  width: 170px;
  padding: 10px;
}
  ic_zakaz{
     font-family: Arial;
     font-size: 12px;
     padding-top: 5px;

}
  
.zak{
    position: fixed;
    margin-top: 170px;
    margin-bottom: 100px;
    margin-right: 150px;
    margin-left: 3px;
	z-index: 10;