/*Много строк в главном меню делаем комментируем в shop.js и в user.css прописать .container-menu-h .menu-h { height: auto !important;*/
.container-menu-h .menu-h { height: auto !important;}
.menu-h-tree { height: auto !important; }
/*Межстрочный интерал .menu-h-tree li a { padding: 13px 10px 10px 10px;
}
.menu-h-tree li.tree a { padding: 12px 25px 8px 10px;
}*/

.menu-h-tree li a { padding: 5px 10px 1px 10px;
}
.menu-h-tree li.tree a { padding: 5px 25px 1px 10px;
}

.row.container-catalog>div {
    flex: 1 4 25%;
}
.hover-active .fich {
    height:0px;
    overflow:hidden;
    padding:0 10px;
    position:relative;
        background-color: #f3f3f3;
    
}

.hover-active .thumbnail-catalog {  
    height:387px !important;
}

.hover-active:hover .fich {
    height:auto;
    transition:0.2s;
        overflow:hidden;

}

.hover-active .thumbnail-catalog:hover  form  {
    border: 1px solid #000000;
    margin: -1px;
}

.hover-active:hover > .thumbnail-catalog { 
   transition: 0.2s;
}
.hover-active:hover > .thumbnail-catalog {
    background-color: #f3f3f3;
    z-index: 100;
    position: relative;

    height: auto;
    transition: 0.2s;
}


.thumbnail-catalog table.features{color:#2c2c2c;font-size:12px !important;padding:10px;margin:10px 0;}
.thumbnail-catalog table.features td{padding: 3px 13px 0 0;vertical-align:top;}
.thumbnail-catalog table.features td.name{min-width:70px;padding-right:10px;}
.thumbnail-catalog table.features .value span {
     white-space: normal !important;    

}

.thumbnail-catalog .image-block .preview {
    right: 10px;
    left:85%;
    top: 33px;
}



.thumbnail-catalog  .zoom-image-pic {
  height: auto;
  background: #ffffff;
  max-height:345px;
  text-align: center;
  width:100%;
  position:relative;

}

.thumbnail-catalog  .zoom-image-pic img {
  max-width: 100%;
  height: auto;

  will-change: transform, opacity;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  position: relative;
  z-index: 1;
  max-height:345px;
  text-align: center;
}

.thumbnail-catalog:hover   .zoom-image-pic img:nth-of-type(1) {
  opacity: 0;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}


.thumbnail-catalog  .zoom-image-pic img:nth-of-type(2) {
  position: absolute;
  z-index: 1;
  opacity: 0;
  padding: 0;

 top: 50%; 
    left: 50%; 

    transform: translate(-50%, -50%)  !important;


 
}

.thumbnail-catalog:hover   .zoom-image-pic img:nth-of-type(2) {
  opacity: 1;
  
}
.hover-active .thumbnail-catalog .image-block .compare-favorite {
    z-index:1000;
}
}