.block-main{
  position:relative;   
  height:300px;
  margin-bottom:25px;
  background:rgba(0,0,0,0.5); 
}


.block-main .item-html h2{
    position: absolute;                   
    color:#fff;
    background:#38b3da;
    padding:5px 8px 5px 30px;
    font-size:15px;
    top:200px;  
    width:90%;  
}

.block-main .item-html span:hover{
  background:#fff; 
  color:#000;
}

.top-block-menu{
  text-align: center;
  position: relative;   
  height:150px; 
}
                                                       
.top-block-menu .img{
  padding:5px;
	height: 90px;
	line-height:100px;
	overflow: hidden;
	text-align:center; 
}

.top-block-menu .img img{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.top-block-menu .txt{
    color:#000; 
    font-size:14px;
    font-weight:normal;       
    padding:2px;
    height:15px;
}

@media (max-width: 1024px) {
  .top-block-menu .txt{
    font-size:11px;
  }      
}

.product_catalog_card{
  text-align: center;
  position: relative;   
  height:500px;
  margin-bottom:25px;
  border: 1px dotted #d3d2d2;
  padding:10px;     
  background: #fafdfd;
}

.product_catalog_card .code-product{
  position:absolute;
  top:0px;
  background:#38b3da;
  color:#fff;
  padding:2px 5px 2px 5px;
  font-weight:bold;
}

.product_catalog_card .img{
  padding:15px;
	height: 256px;
	line-height:256px;
	overflow: hidden;
	text-align:center; 
}

.product_catalog_card .img img{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
  
}


.product_catalog_card .name{
    color:#000; 
    font-size:17px;
    font-weight:normal;       
    padding:10px;
    height:100px;
    border-top:1px solid #d3d2d2;
    border-bottom:1px solid #d3d2d2; 
    overflow:hidden;   
}

.product_catalog_card .price{
    color:#000; 
    font-size:35px;
    font-weight:bold;       
    padding:10px;
    height:65px;
    border-bottom:1px solid #d3d2d2;    
}    

.product_catalog_card .price span{
  font-size:18px;
  color:#000;  
}

.product_catalog_card .button-in{
  
}

.obertka{
  border: 1px dotted #d3d2d2;
  padding:10px;     
  border-radius:6px;
  webkit-box-shadow: 0px 1px 7px 0px #cccccc;
  -moz-box-shadow: 0px 1px 7px 0px #cccccc;
  box-shadow: 0px 1px 7px 0px #cccccc;  
   position:relative;
   height:270px;
}

.product-block .price{
  font-size:35px;  
}

.product-block .price i{
  font-size:25px;  
}

.product-block .in-case{
  font-size:15px;  
}

.product-block .in-case i{
  padding-right:5px;  
  font-size:15px; 
  color:gray; 
}

.product-block .pay{
  margin-top:10px;
  font-size:15px;  
}

.product-block .pay i{
  padding-right:5px;
  font-size:15px;    
  color:gray;
}

.product-block .pay a{
  color:#000;
  border-bottom:1px dashed #000;                      
}

.button-in{
  position:relative;
}

.new-button{
  position: absolute;  
  width: 100%;   
  padding-top:10px;
}

.new-button .not-in-basket{ 
  position: absolute;
  background: #38b3da;
  color: #fff;
  text-align:center;
  width:100%;           
  font-size:18px; 
  cursor:pointer;      
  height:48px;    
  padding-top:10px;     
}                

.new-button .not-in-basket:hover{
-webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    background: #fc3ff1;
    z-index: 1;
    -webkit-transition: background-color .3s,color .3s;
    -o-transition: background-color .3s,color .3s;
    transition: background-color .3s,color .3s;
}

.new-button .y-in-basket{
  height: 48px;            
}

.new-button .y-in-basket a{
    color:#fff;
    cursor:pointer;             
}                                     

.new-button .qnt-basket{  
  position: absolute; 
  width:100%;    
  float:left;    
  color:#fff;
  text-align:center; 
  font-size:15px;     
  background: #38b3da;
  height: 48px;
  padding-top:5px; 
  padding-right:30px;
}             
    
.new-button .width-75{
  position:absolute;  
 right:0px;
  width:60px !important;
  background: darkred;
  font-size:16px !important;
  color:#fff;
  padding-top:14px;
  z-index:9999;
}



.title-group{
  padding: 3px 6px 3px 6px;
  color:#000;
  margin-bottom:25px;
}

.title-group a{
  border-bottom:1px dashed #000;
}

.filter-groups{
  margin-bottom:25px;
  border: 1px dotted #d3d2d2;
  padding:10px;     
  background: #fafdfd;
}

.filter-groups p{
  color:#38b3da;
  font-size:20px;
  border-bottom:4px solid #38b3da;  
}

.filter-groups ul{
  list-style:none; 
  padding-left:15px !important;
  max-height:300px;
  overflow-y:auto;   
}

.filter-groups ul li{
  #height:25px;
  border-bottom:1px dotted #000;
  padding-top:5px;
  width:90%;
}

.filter-groups ul li a:hover{
  font-weight:bold;
}

.filter-price{
  margin-top:8px;
}

.filter-price .sign{
  font-size:20px;
  padding-top:3px;
  padding-left:15px;
}


.sort-button{
  border: 1px dotted #d3d2d2;
  padding:10px;     
  border-radius:6px;
  text-align:center;
}

.sort-button:hover{
  background:#38b3da;
}