html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p, form, fieldset, table, th, td { margin: 0; padding: 0; }

img{
border:none;
}

body{
background:#fff;
}

.clr{
clear:both;
}

.rec{
position: absolute;
margin: 10px 0 0 500px;
}

.main{
margin:0 auto;
overflow:hidden;
min-width: 320px;
}
#contentwrapper{
float: left; 
width: 100%; 
}

@media (max-width:1023px){
#contentwrapper{
margin:45px 0 0 0;
}
}

#content{
}

@media (max-width:1023px){
#content{

}
}

.hidden-menu {
  display: block;
  position: fixed;
  list-style:none;
    padding: 100px 0 0 35px;
  margin: 0;
  box-sizing: border-box;
  width: 200px;
  background-color: #000;
  height: 100%;
  top: 0;
  left: -200px;
  transition: left .2s;
  z-index: 2;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.hidden-menu-ticker {
  display: none;
}

/* SEARCH */

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; /* Удаляем иконку поиска и сброса */
}

/* Поле ввода строки поиска */
input[type=search] {
    background: url(images/search-icon.png) no-repeat 9px center;
    /* border: solid 1px #ccc; */
    padding: 9px 10px 9px 32px;
    width: 55px;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
input[type=search]:focus {
	width: 130px;

	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

/* Заполнитель */
input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}

/* Демо B */
    #demo-b input[type=search] {
    width: 15px;
    padding-left: 23px;
    color: transparent;
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 6px;
    border: none;
    outline: none;
    font: 12px fvmo;
    text-transform: uppercase;
    letter-spacing: 1;
}
#demo-b input[type=search]:hover {
	background-color: #b9b9b9a6;
        -webkit-border-radius: 10em; 
    -moz-border-radius: 10em;
    border-radius: 10em;
}
#demo-b input[type=search]:focus {
	width: 130px;
	padding-left: 50px;
	color: #fff;
	background-color: #000;
	cursor: auto;
    
    -webkit-border-radius: 10em; 
    -moz-border-radius: 10em;
    border-radius: 10em;
}
#demo-b input:-moz-placeholder {
	color: transparent;
}
#demo-b input::-webkit-input-placeholder {
	color: transparent;
}
/* SEARCH */


.home2 img{
    width: 27px;
        position: absolute;
    top: 7px;
    left: 9px;
}

.btn-menu {
    color: #fff;
    padding: 5px 20px;
    position: fixed;
    top: 4px;
    left: 5px;
    cursor: pointer;
    transition: left .23s;
    z-index: 3;
    width: 6px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;

}

.btn-menu span {
    display: block;
    height: 6px;
    background-color: #fff;
    margin: 5px 0 0;
    transition: all .1s linear .23s;
    position: relative;
}

.btn-menu span.first {
  margin-top: 0;
}



.hidden-menu-ticker:checked ~ .btn-menu {
    left: 145px;
    width: 28px;
}

.hidden-menu-ticker:checked ~ .hidden-menu {
  left: 0;
}

.hidden-menu-ticker:checked ~ .btn-menu span {
    height: 5px !important;
}

.hidden-menu-ticker:checked ~ .btn-menu span.first {
  -webkit-transform: rotate(45deg);
  top: 10px;
}

.hidden-menu-ticker:checked ~ .btn-menu span.second {
  opacity: 0;
}

.hidden-menu-ticker:checked ~ .btn-menu span.third {
  -webkit-transform: rotate(-45deg);
  top: -10px;
}



.hidden-menu li{
    padding: 0 0 16px 0;
}

.hidden-menu li a{
    font-size: 17px;
    color: #fff;
    text-decoration: none;
}

.home a{
    width: 25px;
    position: absolute;
    top: 13px;
}
/* HEADER */

.er{
    width: 100%;
    margin: 0 auto;
    padding: 0 0 4vw  0;
}

.down_block{

}

.down_block h1{
    font: 14px fvmo;
    text-align: center;
    color: #000;
    border-bottom: #7d7d7d 1px solid;
    margin:0 10px;
}

.down_block h2{
    font: 14px fvmo;
    text-align: center;
    color: #000 !important;
    margin: 15px auto;
    width: 70%;
        letter-spacing: 0.3;
}

@media (max-width:900px){
.down_block h2{
    width: 80%;
}
}

@media (max-width:400px){
.down_block h2{
    width: 90%;
}
}



/*.Coming{

    font: 13px fvmo;

    text-align: center;

    color: #000;

    margin: 350px 0;

}*/




.linemen{
background: #7d7d7d;
height: 1px;
width: 100%;
margin: 1px 0 0 86px;
z-index: 5;
}



/* MENU-HITS */     

.menu{
list-style:none;
display: inline-flex;
}

.menu li{
padding: 0px 18px;
text-decoration: underline;
}

.menu li:hover{
text-decoration:none;
}

.menu li a{
font: 12px fvmo;
color: #fff;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1;
}



    /* MENU-hits-MOB */

    

.hits-mobmenu{
    position: fixed;
    z-index: 15;
    background: #000000a6;
    width: 100%;
    font-family: fvmo;
    height: 45px;

}

.logo2{
    width: 100px;
    display: block;
    margin: 9px auto;
}

.logo2 img{
    width: 100px;
}

  

            

@media (min-width:1024px){

.hits-mobmenu{



}

}

.slid{

}


    /* MENU-hits-MOB */



/* MENU-HITS */





/* header-hits */

.header{
    height: 19px;
text-align: center;
margin: -43px 0 0 0;
padding: 12px 0;
    position: relative;
    background: #000000a6;

}



@media (max-width:1023px){

.header {

display: none;

}

}



.logo{	
    float:left;
    margin: 70px 0 0 55px;
    width: 150px;
    position: absolute;
}

/* header-hits */



/* Search */ 



/* Search-hits */              

    .search-head{

        float:right;

        margin: 30px 20px 0 0;

    }

    

@media (min-width:1024px){

.search-head {

display: none;

}

}

        .search-head li{

            float:left; 

            list-style:none;

        }

        

        #quickquery{

            font-family:fvmo !important;

            color: #777 !important;

            border:none; 

            margin: 11px 15px 10px 15px;

            padding: 3px;

            width: 270px; 

            font-size:14px; 

            background:#fff;

            text-align: center;

            border-bottom: 1px #777 solid; 

        }

        .search-btn{

            margin:13px 0 0 -5px;

        }

/* Search-hits */

/* Search-hits-desctop */               

    .search-head-des{

        float:right;

        margin: 10px 70px 0 0;

    }

    

@media (max-width:1023px){

.search-head-des {

display: none;

}

}

        .search-head-des li{

            float:left; 

            list-style:none;

        }

        

        .search-btn-des{

            margin:13px 0 0 -5px;

        }

/* Search-hits-desctop */    

/* Search-cat */               

    .search-head-cat{

        margin: 0 0 0 185px;

    }

    

    

            #quickquery-cat{

            font:fvmo;

            color: #777 !important;

            border:none; 

            margin: 11px 15px 10px 15px;

            padding: 3px;

            width: 150px; 

            font-size:14px; 

            background:#f4f4f4;

            text-align: center;

        }

        

@media (max-width:1023px){

.search-head-cat {

display: none;

}

}

        .search-head-cat li{

            float:left; 

            list-style:none;

        }

        

        .search-btn-cat{

            margin:13px 0 0 -5px;

        }

/* Search-cat */  

/* Search-cat-mom */               

    .search-head-catm{
position: absolute;
    right: 25px;
    top: 4px;
    }

    

    

            #quickquery-catm{

            font-family:fvmo !important;

            color: #777 !important;

            border:none; 

            margin: 11px 15px 10px 15px;

            padding: 3px;

            width: 150px; 

            font-size:14px; 

            background:#f4f4f4;

            text-align: center;

        }

        

@media (max-width:1023px){

.search-head-cat {

display: none;

}

}

        .search-head-catm li{

            float:left; 

            list-style:none;

        }

        

        .search-btn-catm{
            margin:13px 0 0 -5px;
        }

/* Search-cat */ 

  /* Search */





/* Menu-pages */       

.menu1{
position: relative; 
list-style: none;
z-index: 2;
display: inline-flex;
float: right;
margin: 2px 20px 0 0;
}

.menu1 li{
text-align:center; 
}

.menu1 li:hover{
font:16px fvmo;
color:#7d7d7d;
text-decoration:underline;

}

.menu1 li a{
display: block;
height: 35px;
vertical-align: middle;
display: table-cell;
font: 15px fvmo;
color: #7d7d7d;
text-decoration: none;
padding: 4px 0 0 20px;
}

/* Menu-pages */

/* Header-pages */

.header1{
overflow: hidden;
min-height: 45px;
position: fixed;
z-index: 3;
width: 100%;
background: #fff;
}

@media (max-width:1023px){
.header1 {
display: none;
}
}


.logo1{	
    float:left;
    margin: 70px 0 0 18px;
    width: 150px;
    position: fixed;
    z-index: 4;
}



@media (max-width:1023px){
.logo1 {
display: none;
}
}

/* header-pages */

/* HEADER */  

 
/* FOOTER */	

.footer{
overflow:hidden;
}

.adress{
text-align: center;
}

@media (max-width:920px){
.adress{
float: none;
text-align: center;
margin: 10px 0 0 0;
}
}

.adress h2{
    font:14px fvmo; 
    color:#000; 
    text-transform: uppercase;
    letter-spacing: 1.5px;
    line-height: 25px;
}

@media (max-width:920px){
.adress h2{
    padding: 0 10px;
    line-height: 25px; 
}
}

/* Menu */

.fmenu{
text-align: center;
    margin: 20px 0 20px 0;
}	

@media (max-width:920px){
.fmenu{
float: none;
margin: 10px 0 20px 0;
text-align: center;
}
}

.fmenu ul{
font:14px fvmo;
display: inline-flex;
list-style:none; 
padding: 13px 0 0 0;
border-top:1px #000 solid;
padding: 15px 0 0 0;		 
}

.fmenu ul li{
padding: 0 10px;
}

.fmenu ul a{
color:#7d7d7d;  
text-decoration:none; 
} 

.fmenu ul a:hover{
color:#7d7d7d;  
text-decoration: underline; 
}   

.social{
width: 24px;
padding: 0 5px;
opacity: 1;
}

.social:hover{
opacity: 0.64;
}

/* Menu */

/* FOOTER */





/* LEFT BAR */    



    #left-bar{

        float:left;

        width:235px;

        margin-left:-100%;

    }

        .left-bar-cont{

            background:#34a7ff; 

        }

        .left-bar-cont h2{

            background: #34a7ff;

        }

        .left-bar-cont h2 span{

            display:block;

            color:#fff; 

            font:bold 20px Verdana;

            padding: 7px 0 7px 13px;

            border-bottom:2px solid #e7fc00 ;

        }



/* Liders */

    .nav-new, .nav-lider, .nav-sale{

        padding: 12px 0 15px 60px;

    }

    .nav-new a, .nav-lider a, .nav-sale a{

        color: #fff; 

        font: bold 16px Verdana; 

        text-decoration:none;

    }

        .nav-new a:hover, .nav-lider a:hover, .nav-sale a:hover{

            text-decoration:underline;

        }

    .nav-new{

        background:url(images/logo_new.png) left 20px center no-repeat; 

    }

    .nav-lider{

        background:url(images/logo_liders.png) left 20px center no-repeat; 

    }

    .nav-sale{

        background:url(images/logo_sale.png) left 20px center no-repeat; 

    }

    .left-bar-cont h4{

        background: #34a7ff;

    }

    .left-bar-cont h4 span{

        border-top:5px solid #e7fc00;

        border-bottom:2px solid #e7fc00;

        font:bold 20px Verdana;

        color: #fff;

        display:block; 

        padding: 7px 0 7px 13px;

    }

    /* Liders */

    /*Catalog goods */    

    .nav-catalog{

        padding: 10px 0 10px 35px; 

        list-style: url(images/marker.png); 

    }

        .nav-catalog ul{

            padding:3px 0 3px 15px; 

            list-style:none;

        }

        .nav-catalog li{

            margin:5px 0 5px 10px;

        }

        .nav-catalog ul li{

            margin:0;

        }

        .nav-catalog li a{

            font:14px Verdana; 

            color:#000; 

            text-decoration:none; 

        }

            .nav-catalog li a:hover{

                font:14px Verdana; 

                color:#000; 

                text-decoration:underline; 

            }

    /* Catalog goods */    

    /* Contakts bar */    

    .bar-contact{

        border-bottom: 5px solid #e7fc00; 

        border-top: 5px solid #e7fc00; 

        padding: 15px 0 15px 20px; 

        color:#000; 

        font-family:Verdana;

    }   

        .bar-contact h3{

            font-size:18px; 

            font-weight:normal;

        }

        .bar-contact p{

            font-size:12px; 

            margin: 10px 0 10px 0;

        }

        .bar-contact p span{

            font-size:18px; 

            font-weight:bold;

        }

    /* Contakts bar */

    /* News */ 

    .news{

        border-bottom: 5px solid #e7fc00; 

        padding: 10px 0 15px 20px; 

        color:#fff; 

        font-family:Verdana;

    }

        .news h3{

            font-size:16px; 

            font-weight:bold;

            padding: 0 0 5px 0;

        }

        .news p{

            margin:5px 0 0 0;

        }

        .news p span{

            color:#000; 

            font-size:10px; 

        }

        .news a{

            display:block; 

            font-size:12px; 

            color:#fff; 

            margin: 0 10px 0 0; 

        }

            .news a:hover{

                text-decoration:none;

            }

        .news-arh{

            border: 1px solid #FFF;

            padding: 4px 7px;

            text-align: center;

            color: #000 !important; 

            width: 100px;

            -webkit-border-radius: 5px;

            -moz-border-radius: 5px;

            border-radius: 5px;

            -webkit-box-shadow: #666 0px 0px 7px;

            -moz-box-shadow: #666 0px 0px 7px;

            box-shadow: #666 0px 0px 7px;

            background: #dcd9d9;

            margin: 15px 0 0 0 !important;

        }

    /* News */

    /* Informers */

    .info{

        padding: 10px 0 15px 20px; 

        font-family:Verdana;

    }

        .info:last-child{

            border-bottom:none;

        }

        .info h3{

            font-size:14px; 

            font-weight:bold; 

            color:#000;

        }

        .info p{

            margin:12px 10px 0 0;

        }

        .info a{

            font-size:12px; 

            color:#555;

        }

            .info a:hover{

                text-decoration:none;

            }

    /* Informers */

/* LEFT BAR */             



/* RIGHT BAR */        

        

    #right-bar{

        float:left;

        margin-left:-240px;

        width:240px;

    }

    .right-bar-cont{

        background:#34a7ff;

    }

    .right-bar-cont h2 span{

        display:block;

        color:#fff; 

        font:bold 20px Verdana;

        padding: 7px 0 7px 13px;

        border-bottom:2px solid #e7fc00;

    }

            

     /* Корзина */

    .basket div{

        background:#34a7ff; 

        padding:15px 0 0 0;

        border-bottom:5px solid #e7fc00;

    }

    .basket div img{

        display:block; 

        margin: 0 0 0 11px;

    }

    .basket div img:hover{

        background: url(images/zakaz1.png);

    }     

    .basket div p{

        padding: 0 0 12px 20px; 

        font:14px Verdana;

        color: #000; 

        line-height:1.6;

    }

    .basket div p span{

        color:#e7fc00; 

        font-weight: bold;

    }

	/* Корзина */

    

    /* Авторизация*/

    .enter div{

		background:#34a7ff; 

        padding:15px 0px;        

    }

    .enter div img{

		display:block; 

        margin:0 auto;

	}

    .authform p{

        font:14px Verdana; 

        margin: 0 0 15px 15px;

    }

    .authform p span{

        font:bold 14px Verdana; 

        line-height: 2;

    }

    .authform a{

        font:14px Verdana; 

    }

    .authform{

    }

    .authform label{

        font:12px Verdana; 

        color:#333; 

        margin: 0 0 0 15px;

    }

    .authform input{

        margin: 0 0 10px 15px;

    }

    .authform input#login{

        width: 120px;

    }

    .authform input#pass{

        width: 120px;

    }

    .authform ul{

        margin: -15px 0 0 0;

    }

    p.link a{

        font:14px verdana; 

        margin: 2px 0 0 2px; 

        color: #333;

    }

    p.link a:hover{

        text-decoration: none;

    }

    /* Авторизация*/

    

    /* Поиск */			

    .share-search{

        border-top:5px solid #e7fc00 ;

    }

    .share-search div{

        background:#34a7ff;

        font:12px Verdana; 

        padding:12px 10px 10px 18px; 

    }

    .share-search div p{

        font:14px Verdana;

        margin: 0 0 5px 0;

    }

    .share-search div select{

        width:170px; 

        font-size:14px; 

        margin:0 0 15px 15px; 

        padding: 3px;

    }

 

    .podbor-price{

        width:60px; 

        padding: 3px; 

        text-align:right;

    }

    .podbor{

        display:block; 

        width:170px; 

        margin:7px auto	 0 auto;					

    }

    .podbor:hover{

        background: url(images/search_down1.png);

    }

    /* Поиск */		

/* RIGHT BAR */             	







/* CONTENT */

    /* Kroshka */
  /*
.kroshka{
border-top: 1px #000 solid;
margin: 0 auto;
width: 70%;
}


.kroshka h2{
font:20px fvmo; 
text-transform: uppercase;
text-align: center;
color:#000; 
margin: -13px 0 0 0;
}

.kroshka span{
background: #fff;
padding: 0 25px;
letter-spacing: 1;
}

.kroshka a{
color:#000;
}

.kroshka a:hover{
text-decoration:none;
}*/

  /*Kroshka */
     /* Line */
  /* 
 .content-catall{
        margin: 10vw 0 0 0;
 }
 
 @media (max-width:1250px){
   .content-catall{
        margin: 11vw 0 0 0;
 }
 } 
  @media (max-width:1100px){
   .content-catall{
        margin: 12vw 0 0 0;
 }
 }
   @media (max-width:1023px){
   .content-catall{
        margin: 14vw 0 0 0;
 }
 }
    @media (max-width:720px){
   .content-catall{
        margin: 15vw 0 0 0;
 }
 } 
     @media (max-width:600px){
   .content-catall{
        margin: 17vw 0 0 0;
 }
 }
      @media (max-width:500px){
   .content-catall{
        margin: 18vw 0 0 0;
 }
 } 
       @media (max-width:400px){
   .content-catall{
        margin: 24vw 0 0 0;
 }
 }    */  
    /* Line */     


.line{
border-top: 1px #000 solid;
    margin: 30px auto 20px;
width: 70%;
}

@media (max-width:1023px){
.line{

}
}

.line h3{
text-align: center;
margin: -8px 0 0 0;
font:12px fvmo; 
color:#000; 
text-transform: uppercase;
}

.line h3 span{
background: #fff;
padding: 0 25px;
letter-spacing: 1;
}

    /* Line */


    /* Сортировка */



.sort-wrap{

    border: 1px solid #333;

    padding: 5px;

    z-index: 45;

    position: absolute;

    left: 431px;

    top: 35px;

    background-color: #34a7ff;

    visibility: hidden;

}

.sort-wrap a{

    color: #fff !important;

    margin-bottom: 5px;

    display: block;

}

.vid-sort{

	font:12px Verdana; 

    color:#fff; 

    background:#34a7ff; 

    border-top:1px solid #333; 

    border-bottom:1px solid #333; 

    border-radius:5px; 

    margin: 0 15px 30px 15px; 

    padding:10px 15px;

    position: relative;

}

    .vid-sort1{

        margin: 0 0 0 205px;

    }

    .vid-sort h5{

        float: left;

        font:12px Verdana;

        margin: 2px 2px 0 0;

    }

    .vid-sort h6{

        float: left;

        font:12px Verdana;

        margin: 2px 0 0 10px;

    }

	.vid-sort img{

        float: left;

		margin:0 0 0 5px; 

        position:relative; 

        top:2px;

	}

    .vid-sort img:hover{

        background:url(images/sort_line1.png);

		margin:0 0 0 5px; 

        position:relative; 

        top:2px;

	}

    .vid-sort span img{

        float: left;

		margin:0 0 0 5px; 

        position:relative; 

        top:2px;

	}

    .vid-sort span img:hover{

        background:url(images/sort_block1.png);

		margin:0 0 0 5px; 

        position:relative; 

        top:2px;

	}

    .vid-sort a{

        color:#333;

	}

	.vid-sort a:hover{

		text-decoration:none;

	}

	a.sort-top{

		background: url(images/logo_treug_a_down.png) left 5px no-repeat; 

        padding:0 0 0 12px;

	}

	a.sort-bot{

		background: url(images/logo_treug_a_down.png) left 5px no-repeat; 

        padding:0 0 0 12px;

	}

	

    a.sort-top-act{

		background: url(images/logo_treug_a_up.gif) left 5px no-repeat; 

        padding:0 0 0 12px;	

        color:#000; 

        font-weight:bold;

	}

	a.sort-bot-act{

		background: url(images/logo_treug_a_down.gif) left 5px no-repeat; 

        padding:0 0 0 12px;	

        color:#000; 

        font-weight:bold;

	}

    

    /* Сортировка */

    

    /* Постраничная навигация */

.pagination{

    font:13px Verdana; 

    color:#13a1cf; 

    background:#34a7ff;

    border-bottom:1px solid #333; 

    border-top:1px solid #333; 

    border-radius:5px; 

    margin: 0 15px 30px 15px; 

    padding: 8px;

    text-align:center;

}

a.nav_active{

    border: 1px solid #ccc;

    border-radius:10px;

    background-color: #e7fc00;

    color: #000;

    padding: 3px 7px;

    margin: 0 2px;

}

a.nav_link{

    border: 1px solid #ccc;

    border-radius:10px;

    padding: 3px 7px;

    text-decoration: none;

    margin: 0 5px;

    color: #000;

}

a.nav_link:hover{

    background-color: #e7fc00;

    color: #000;

}

    /* Постраничная навигация */

    /* Ошибка */

    .error{

    margin:15px;

    border:1px solid #765858;

    background:#ffeded !important;

    color:#7f5354 !important;

    padding:3px !important;

    font:bold 12px Verdana, Geneva, sans-serif !important;

    text-align: center;

    list-style-type: none;   

}

.error li{

    font:bold 12px Verdana, Geneva, sans-serif !important;

    text-align: left !important;

    list-style-type: none;

}    

.success{

    margin-top:5px;

    border:1px solid #adc092;

    background:#f0faf1 !important;

    color:#58715e !important;

    padding:5px 10px !important;

    font:bold 12px Verdana, Geneva, sans-serif !important;

    text-align: center;

}

    /* Ошибка */

    

    

/* LINE KATALOG */

    

.product-line{

	overflow:hidden; 

    margin:0 20px 30px 15px;

}

	.product-line-img{

		float:left;

	}

	.addtocard-index{

	   display: block;

	   margin: 0px auto;

	}

    .addtocard-index:hover{

	   background: url(images/btn_korz2.png);

	}

    .product-line-price{

		float:right;

	}

		.product-line-price p{

			font:13px Verdana;

            margin:4px 0 6px 0;

		}

			.product-line-price p span{

				font:bold 20px Verdana;

			}

			.product-line-price p a{

					color:#000;

			}

			.product-line-price p a:hover{

				text-decoration:none;

			}

		.product-line-price div{

			margin:5px 0 0 0; 

            height:30px;

		}

			.product-line-price div img{

				margin:4px 10px 0 0;

			}

	.product-line-opis{

        margin:0 0 7px 70px;

        font:12px Verdana; 

        padding:0 130px 0 75px;

	}

		.product-line-opis h2{

			font:bold 14px Verdana; 

            margin:0 0 12px 20px;

		}

			.product-line-opis h2 a{

                color:#000;

			}

			.product-line-opis h2 a:hover{

				text-decoration:none;

			}



/* LINE KATALOG */ 



/* BLOCK-KATALOG */    

.product-table{
float:left; 
width:20%; 
text-align:center;
height: 31vw;
}

@media (max-width:1023px){
.product-table{
width:33.333333333333333333333333%;
height: 53vw;
}
}

@media (max-width:500px){
.product-table{
width:33.333333333333333333333333%;
height: 54vw;
}
}

@media (max-width:430px){
.product-table{
width:33.333333333333333333333333%;
height: 55vw;
}
}

/*

@media (max-width:1023px){
.product-table{
width:33.33%;
height: 470px; 
}
}

@media (max-width:800px){
.product-table{
width:33.33%;
height: 405px; 
}
}

@media (max-width:700px){
.product-table{
width:33.33%;
height: 360px; 
}
}

@media (max-width:600px){
.product-table{
width:33.33%;
height: 310px; 
}
}

@media (max-width:500px){
.product-table{
width:33.33%;
height: 270px; 
}
}

@media (max-width:400px){
.product-table{
width:33.33%;
height: 210px; 
}
}*/

.product-table-img a img{
width: 100%;
/*border: 5px #fff solid;*/
}

       /*.product-table-img a img:first-child{
            border-left:none;
        }*/



.product-table h2{

color:#000; 

margin:6px 0 8px 0;

}

    

.product-table h2 a{
    font: 12px fvmo;
    text-decoration: none;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 1;
}



.product-table h2 a:hover{

text-decoration:none ;

color:#b2b2b2;

}

.product-table-img-main{
display:table-cell; 
position:relative; 
vertical-align:middle; 
width: 1%;
padding: 0 5px 0 0;
}






/* BLOCK-KATALOG */












/* arhiv-news */ 

.arhiv-news{
    transform: scaleX(1.05) scaleY(1.05);
} 

@media (max-width:1023px){
.arhiv-news{
    transform: scaleX(1) scaleY(1);
} 
}  


.arhiv-news-img-main{
display:table-cell; 
position:relative; 
vertical-align:middle; 
width: 1%;
padding: 0 7px;
}

@media (max-width:1023px){
.arhiv-news-img-main{
padding: 0;
}
}

.arhiv-news-img-main img{
width: 100%;
}

.arhiv-news-main{
float:left; 
width:50%; 
text-align:center;
color:#000; 
margin:0 0 8px 0;
}

@media (max-width:1023px){
.arhiv-news-main{
width:100%; 
}
}

.arhiv-news-main h2{
    font: 12px fvmo;
    text-decoration: none;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 1;
    margin: 10px 0;
}

.arhiv-news-main h2 a{
    font: 12px fvmo;
    text-decoration: underline;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 1;
}

.arhiv-news-main h2 a:hover{
    text-decoration:none ;
    color:#32ca00;
} 

.more{
    display: block;
    margin: 50px auto 30px auto;
    text-align: center;
}

.more a{
    font: 12px fvmo;
    color: #000;
    border: 1px #000 solid;
    text-decoration: none;
    padding: 10px 24px;
}

.more a:hover{
    color: #fff;
    background: #000;
}
/* arhiv-news */



















/* ZAKAZ */

#content-zakaz{

	width:98%; 

    margin:0 auto;

}

	#content-zakaz h2{

        text-align:center;

		font:bold 22px Verdana !important; 

        color:#555;

        margin:10px 0 10px 0;

	}

	.zakaz-main-table{

			width:100%; 

            margin:0 0 30px 0;

	}

	.zakaz-main-table td{

		padding:10px;

	}

    .z_top{

		background:#34a7ff; 

        border-bottom:1px solid #333; 

        border-top:1px solid #333; 

        font:bold 12px Verdana; 

        color:#fff; 

        margin: 0 15px 30px 15px; 

        padding: 5px;

	}

		.z_top:first-child{

			border-left: none; 

            border-radius: 10px 0 0 10px

		}

		.z_top:last-child{

			border-right: none; 

            border-radius: 0 10px 10px 0

		}

	.z_bot{

		background:#34a7ff; 

        border-top:1px solid #333; 

        border-bottom:1px solid #333; 

        font:bold 12px Verdana; 

        color:#fff; 

        margin: 0 15px 30px 15px; 

        padding: 5px;

	}

		.z_bot:first-child{

			border-left: none; 

            border-radius: 10px 0 0 10px

		}

		.z_bot:last-child{

			border-right: none; 

            border-radius: 0 10px 10px 0

		}

	.z_name{

		}

		.z_name img{

			float:left; 

            margin:0 10px 0 0;

		}

		.z_name a{

			font:12px Verdana, Geneva, sans-serif; 

            color:#000;

		}

		.z_name a:hover{

			text-decoration:none;

		}

		.z_kol, .z_price, .z_del{

			text-align:center;

		}

		.z_kol{

			width:75px;

		}

		.z_price{

			width:80px; 

            font:24px Verdana;

		}

		.z_del{

			width:65px;

		}

        .z_del img:hover{

            background:url(images/del_zakaz1.png) ;

        }

        .kolvo{

			width:48px; 

            height:22px; 

            font:14px Verdana; 

            color:#000;  

            border:1px solid #000; 

            background:#FFF; 

            text-align:center;

		}



    /* Dostavka */

		

.sposob_dostavki p{

	font-size:12px; 

    font-family:Verdana; 

    color:#333;

    margin-top:7px;

}

.sposob_dostavki{

	margin:0 0 20px 15px;

}

#content-zakaz h4{

	font:bold 14px Verdana; 

}

#content-zakaz h3{

	font:bold 14px Verdana; 

    margin:20px 0 0 15px; 

}



.zakaz_data{

	width:100%; 

    background:#34a7ff; 

    margin:10px 0 40px 0; 

    border-radius:10px; 

    border-bottom:1px solid #000; 

    border-top:1px solid #000;

}

	.zakaz_data td{

		vertical-align:middle; 

        padding:20px 0 0 20px;

	}

.zakaz_txt{

	font:12px Verdana; 

    color:#333;

}

.zakaz_prim{

	font:12px Verdana; 

    color:#333; 

    font-style:italic;

}

.zakaz_input{

	}

	.zakaz_input input{

		width:230px; 

        height:20px; 

        border:1px solid #000;

	}

	.zakaz_txtarea{

		padding:20px 0 20px 20px !important;

	}

	.zakaz_txtarea textarea{

		width:226px; 

        height:70px; 

        border:1px solid #000; 

	}

    .btn_korz{

        text-align: center;

     }

    /* Dostavka */

/* ZAKAZ */



/* Регистрация */

.content-txt-reg{

        overflow:hidden; 

        font:12px Verdana; 

        color:#000; 

        margin:0 15px; 

}

	.content-txt-reg h2{

        text-align:center;

		font:bold 22px Verdana !important; 

        color:#555; 

        font-weight:normal; 

        margin:10px 0 10px 0;

	}

	.zakaz-data{

        width:100%; 

        background:#34a7ff; 

        padding: 15px 0; 

        margin:10px 0 40px 0; 

        border-radius:10px; 

        border-bottom:1px solid #000; 

        border-top:1px solid #000;

    }

    .zakaz-data td{

		vertical-align:middle; 

        padding:10px 0 0 10px;

	}

    .zakaz-data input{

		width:280px; 

        height:20px; 

        border:1px solid #000;

 }

 .reg input#reg{

    border: none;

    list-style: none;

    background: url(images/regbtn.png);

    border-radius: 1px;

    width: 180px;

    height: 30px;

    float: right;

    margin: 4px 337px 0 0;

 }

        .reg input#reg:hover{

            background:url(images/regbtn1.png);

        }

/* Регистрация */

.otstup{
    height: 45px;
}

/* Выбор по параметрам */

.cat-al-index{
    max-width: 2560px;
    margin: 0 -5px 0 0;
}

.catalog-index{
    overflow: hidden;
    padding: 95px 0 0 0;
    max-width: 1366px;
    margin: 0 auto;
}
 

/* Выбор по параметрам */

/* CONTENT TXT */

.menutxt{
    overflow: hidden;
    font: 14px fvmo;
    color: #000;
    margin: 0 auto;
    width: 500px;
    min-height: 300px;
    padding: 100px 0;
}

.menutxt h1{

font-size:24px; 

color:#000; 

font-weight:normal; 

margin:0 0 15px 0;

text-align: center;

}

/* CATALOG-DETEIL */











				

/* CONTENT TXT */



.content-txt{

	overflow:hidden; 

    font:12px Verdana; 

    color:#000; 

    margin:0 15px; 

}

	.content-txt h1{

		font-size:24px; 

        color:#000; 

        font-weight:normal; 

        margin:0 0 5px 0;

	}

	.content-txt h2{

		font-size:22px; 

        color:#000; 

        font-weight:normal; 

        margin:0 0 10px 0;

	}

	.content-txt h3{

		font-size:20px; 

        color:#000; 

        font-weight:normal; 

        margin:0 0 10px 0;

	}

	.content-txt h4{

		font-size:18px; 

        color:#000; 

        font-weight:normal; 

        margin:0 0 10px 0;

	}

	.content-txt h5{

		font-size:16px; 

        color:#000; 

        font-weight:normal; 

        margin:0 0 10px 0;

	}

	.content-txt h6{

		font-size:14px; 

        color:#000; 

        font-weight:normal; 

        margin:0 0 10px 0;

	}

	.content-txt p{

		margin:0 0 15px 0;

	}

	.content-txt a{

		color:#000;

	}

		.content-txt a:hover{

			text-decoration:none;

		}

	.content-txt ul{

		list-style:disc; 

        margin: 20px 0 20px 20px

	}

		.content-txt ul li{

			line-height: 1.5;

		}

        .news_date{

            font: 10px Verdana;

        }



/* CATALOG-DETEIL */

		

.catalog-deteil{
overflow:hidden; 
font:13px fvmo; 
color:#000; 
margin: 90px 0 0 0;
letter-spacing: 1;
}

@media (max-width:1023px){
.catalog-deteil{
margin: 45px 0 0 0;
}
}

.catalog-deteil h1{
font-size: 16px;
color: #000000;
text-align: center;
}

.foto{
margin: 70px 0px 0 0px;
width: 50%;
float: right;
}

.foto img{
margin: 0px 0 0 8px;
height: 460px;
}

.short-opis{
text-align: center;
padding: 20px 0 0 0;
}

.short-opis p{
    font: 14px fvmo !important;
    color: #000;
    padding: 4px;
}

.short-opis p a{
font-family: fvmo;
color: #505050;
line-height: 11px;
font-size: 12px;
text-decoration: underline;
font-weight: bold;
}

.short-opis p span{
font:14px fvmo !important;
}

.catalog-deteil ul p{
text-align: center;
}

.catalog-deteil ul a{
margin:0 0 0 370px;
}

.instag{
        margin: 20px 0 0 0;
}


/*		DETAIL OPIS		*/		



.icon-detail{

	font:12px Verdana; 

    margin: 0 0 0 214px;

	}

	.icon-detail img{

		margin:0 0 0 10px;

	}



	.short-opis h3{

		font-size:20px; 

        color:#000; 

        font-weight:normal; 

        margin:0 0 10px 0;

	}



	.price-detail{

		font-size:14px !important; 

        color:#000; 

        margin:10px 0 10px 0;

	}

        .price-detail span{

			font:bold 24px Verdana !important; 

            color:#000; 

            font-weight:normal; 

            margin:15px 0 10px 0;

		}

    

.long-opis img{

margin: 5px 0;

}



    

.long-opis{

font:12px Verdana, Geneva, sans-serif; 

margin: 0 0 0 5px;

padding: 0 3px;

}







	.long-opis h3{

		font-size:20px; 

        color:#000; 

        font-weight:normal; 

        margin:0 0 10px 0;

	}

.long-opis p{

font-size:14px; 

margin:4px 0 8px 0;

}

.tech-harakt{

	font:12px Verdana, Geneva, sans-serif; 

    margin: 0 0 0 5px;

}

	.tech-harakt h3{

		font-size:20px; 

        color:#000; 

        font-weight:normal; 

        margin:0 0 5px 0;

	}

		.tech-harakt h4{

			font-size:12px; 

            color:#000; 

            font-weight:bold; 

            margin:5px 0;

		}

		.tech-harakt ul{

			font-size:12px; 

            color:#000;

            font-weight:normal;

            margin:0 0 15px 10px;

            list-style:none;

		}

			.tech-harakt ul li{

				margin:5px 0;

			}







 





/* ??? */

   	.pager{

		font:13px Verdana, Geneva, sans-serif; 

        color:#13a1cf; 

        background:#b6eee6; 

        border-top:1px solid #333; 

        border-radius:5px; 

        margin: 0 15px 30px 15px; 

        padding: 5px;

	}

		.pager img{

		margin:0 3px; 

        position:relative; 

        top:2px;

		}				

		.pager a{

			color:#333; 

            font-size:14px; 

            padding:0 5px;

		}

			.pager a:hover{

				text-decoration:none

			}

    /* ??? */

        



/* Галерея продукта */



.prodgal{

margin: 0 165px;

}



@media (max-width:1023px){

.prodgal{

margin: 0px;

}

}



.item_gallery{

    margin: 25px -5px 0 0;

}

.item_thumbs{

   text-align: center;

}



.item_thumbs img{

width: 49%;

padding: 2px 0px;

}



@media (max-width:900px){

.item_thumbs img{

width: 100%;

}

}





@media (max-width:400px){
.item_thumbs img{
padding: 2px 0px;
}
}







.holder{
    position:relative;   
}

.block{
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    top:0;
    background:rgba(255,255,255, 0.7);
    padding:5px;
    display:none;
    font-family: fvmo;
    color: #505050;
    padding: 15% 0 0 0;

}

@media (max-width:1024px){
.block{
    background:none;
}
}
.block p {
    line-height: 8px;
    font-size: 14px;
}

.block p a {
    font-family: fvmo;
    color: #505050;
    line-height: 11px;
    font-size: 12px;
    text-decoration: underline;
    font-weight: bold;
}

@media (max-width:1024px){
.block p{
    display: none;
}
}



.holder:hover .block{
    display:block;
}

.insopis{
    width: 25px !important;
    border: none !important;
}



/* Галерея продукта */

