.mfilter-free-container {
    top: 0px !important; border-bottom: 150px solid #fff;
}

.mfilter-button-bottom {padding: 20px 4px 150px 0 !important;}

.mfilter-button-top { padding: 15px 4px 15px 0 !important;}

.mfilter-box .mfilter-counter.mfilter-close {
background: red !important;
} 

.mfilter-col-input input[type=checkbox], .mfilter-col-input input[type=radio] {
    position: relative;
    top: -2px;
}

.mfilter-free-container h3.box-heading {
    margin-top: 20px;
    margin-bottom: 0px;
}

.mfilter-box .mfilter-selected-filters-cnt a > span {padding: 3px 10px 3px 0px !important;}


.mfilter-box .mfilter-counter.mfilter-close {background: url(mf/images/closeicon.svg) no-repeat 0 0 !important; width: 12px !important; height: 12px !important;}

.mfilter-selected-filters-cnt a > span.mfilter-close i { background: url(mf/images/closeicon.svg) no-repeat 0 0 !important; width: 12px !important; height: 12px !important;}


.mfilter-heading-text {font-weight: bold;}


.scroll-wrapper {overflow: auto  !important;}


 .mfilter-free-button {
	display: block !important; 
	position: absolute !important; 
	margin: 320px 0 0 100% !important; 
	cursor: pointer  !important; 
	width: 90px !important; 
	height: 70px  !important; 
	border: none  !important;  
 /*  background: #1f92bd url('mf/images/filtsvg.svg') no-repeat !important;  */   
  background: #1f92bd url(mf/images/filterx.svg) no-repeat !important;
  border-radius: 3px  !important;  
  left: -45px; 
  z-index: 99;
}

.mfilter-content {border: none !important; }

.mfilter-free-container .mfilter-box {
    padding-right: 50px !important;
    padding-left: 10px !important;
}

.mfilter-filter-item .mfilter-iscroll .mfilter-options {padding-left: 0px;}
.mfilter-filter-item .mfilter-options {padding-left: 0px !important;}

#mfilter-opts-price-min, #mfilter-opts-price-max {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
}



/* .product-search .row { margin-right: 0px;} */
.product-search .main { padding-top: 0px; padding-bottom: 30px; margin-top: 0px; background: #fff;}
.product-search h1 {margin-top: 15px;}



.product-layout {
    z-index: auto !important;
}

.xd_stickers_wrapper {
   z-index: 1 !important;
}


.catmenu {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}   
#search {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
 #cart  {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}   


.paginationblock { margin: 5px 15px 0px 15px; min-width: 20px; overflow: hidden;}
.pagination>li { display: inline-block; margin-bottom: 10px; }

.paginationblock .text-left {width: 100%; border-bottom: solid 1px #eee; padding-bottom: 5px; padding-top: 5px;} 
.paginationblock .text-right {width: 100%; font-size: 12px; padding: 15px 0px 10px 0px;} 

.descriptioncat {
   padding: 10px 10px 5px 10px !important;        margin: 5px 5px 5px 5px !important; 
}






body .mfilter-free-container {
    width: 100%; 
    margin-left: -100%;  
    padding: 0 0 0 0px  !important; 
}

  /*
.mfilter-free-container {margin-left: -300px  !important; }
 */

.mfilter-button .btn-xs {
    font-size: 13px;  
  /* font-weight: bold; */    
      padding: 5px 12px 5px 12px;   
      height: auto;
}

.mfilter-box-1 #mfilter-price-slider .ui-slider-range {
    background: #ff6700 !important;
}

.mfilter-content {
    border: 1px solid #dddddd;
    border-radius: 3px;
    background: #fff;
}

.mfilter-box-1 .mfilter-counter {
    background: #1f92bd !important; 
    color: #ffffff;
}

.mfilter-box .btn-primary {
    background: #1f92bd;
    border-color: #1f92bd;
    color: #fff;  
    border-radius: 3px;
}

.mfilter-box .btn-primary:hover {
    background: #185080;
    border-color: #185080;
}


.mfilter-button-reset {
    float: left;
    margin-left: 0px !important;  
    text-decoration: none;
    font-size: 13px;
    background: #f31111;
    color: #fff; 
    /* font-weight: bold; */
    padding: 5px 12px 5px 12px; 
    height: auto;   
    border-radius: 3px;
}

.mfilter-button-reset:hover {
    color: #fff; 
        background: #ee394a;
}

.mfilter-button-reset:focus {
    color: #fff; 
}

.mfilter-reset-icon {
    display: none !important;
}

.colpodcat ul  {
    padding: 0px;
    margin: 0px 20px 0px 20px;
}

.colpodcat ul li  {
    width: 31.33% !important;
    float: left;     
    margin: 0px 1% 1px 1%;   
}


@media (min-width: 767px) and (max-width: 1200px) {
 .colpodcat ul li  {width: 48% !important;}
} 

@media (min-width: 100px) and (max-width: 766px) {
 .colpodcat ul li  {width: 98% !important; margin: 0px 1% 5px 1%; }  
 .colpodcat ul li a  {padding: 10px !important; margin: 0px !important;  line-height: 16px; min-height: 10px !important;}  
.catfilter .col-md-3 { width: 70%; float: left;} 
.catfilter .col-md-2 { width: 30%; float: right;} 
.catfilter .col-md-1 { display: none;}
.catfilter .col-md-20 { display: none;}
} 


@media (min-width: 100px) and (max-width: 991px) {
.col-sm-9 {
    width: 100%;
}
} 






.colpodcat ul li:hover  {
        color: #000;  
}

.colpodcat ul li:hover a  {
        color: #000;   text-decoration: underline;
}

.colpodcat ul li a  {
        display: block; 
                padding: 0px;
    margin: 0px; 
               line-height: 16px;
    min-height: 33px;  

}


.colpodcatrow  {
    margin-top: 10px; margin-bottom: 20px; 
}

 .dropdown-menu img {width: 120px;}
 
 
 
 #top-links .btn-group span  {display: inline !important;}
#top-links img  {display: none !important;}

#top-links .dropdown-menu a {padding: 3px 15px;}
 
#top-links .pull-left .dropdown-menu {width: 80px !important; min-width: 80px !important; }
#top-links .pull-left button {font-size: 14px; margin-right: 5px;}
#top-links ul.pull-right { padding-top: 4px; font-size: 16px;}

#top-links ul.pull-right .fa {font-size: 16px;}

#top-links ul.pull-right .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 5px dashed;
    border-top: 5px solid\9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    margin-top: -7px;
}
 







button.boc_order_category_btn {
    color: #333 !important;
    font-size: 12px !important;
}

#boc_product_field .h4 {
    font-size: 13px !important;
} 

#boc_product_field .caption  {
        text-align: left;
} 

#boc_order .close {
    font-size: 40px; margin-right: 0px !important;
}

#boc_order .modal-title {
    margin-right: 20px;
}




@media (max-width: 768px) {

button.boc_order_category_btn {
    margin-top: -40px;
    color: #333 !important;
    font-size: 12px !important;
}

#boc_order .modal-content {
    /* margin-top: 100px; */
}

#boc_product_field .col-sm-6 .caption  .h4 {
    font-size: 13px !important; 
    margin-top: 15px;
    font-weight: normal !important; 
    text-align: center;
} 

#boc_product_field .col-sm-6 .h4 {
    font-size: 15px !important; 
    margin-top: 15px;
    font-weight: bold;
} 

#boc_order {
    position: fixed;
    z-index: 999999999 !important; 
}






.main {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 30px;      
}

.breadcrumb {
    overflow-x: scroll;
    display: flex;
    margin: 0;
}

.breadcrumb > li {
    white-space: nowrap !important;
}


.product-layout .button-group  {position: relative; width: 100%; bottom: 50px; overflow: hidden; min-height: 10px;   }

.product-layout .product-thumb .button-group button {
    opacity: 1 !important; 
    /* bottom: 70px  !important; */
    top: auto  !important; 
    width: 68%; 
    padding: 0  !important; 
     margin: 0  !important;  
     position: relative;
    left: 0;
    right: 0;   
    height: 40px; 
    float: right; 
    background: #eee;  
    margin-left: 2%;
}

.product-thumb .button-group button + button {
     width: 48%  !important;
    background: #ccc;  
    float: left  !important;   
        width: 30% !important;  
        margin-left: 0 !important; 
}


.product-thumb .caption > p {
    height: 80px;
    overflow: hidden;
}




.colpodcatrow  { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; }

.catmenu {/* position: relative; */ position: absolute; z-index: 9998; width: 100%;}

#menu .navbar-collapse .navbar-nav {background: #fff;}

#search {  position: relative; z-index: 2; margin-top: 0px; width: 70%; float: right; margin-bottom: 15px; z-index: 9999; }

.catmenu .fa {float: left !important; margin-right: 5px; font-size: 18px;}


#menu .navbar-collapse .navbar-nav {
    overflow-y: auto;
    max-height: 800px;   
    padding-bottom: 300px;
}


#top #cart .hidden-xs {
    display: inline !important;  
}

#cart { position: relative; top: -2px; }


#cart > .btn { height: 35px; width: 50px; padding: 0px; border-radius: 1px;}

#cart .dropdown-menu {z-index: 99999 !important;  
background: #fff !important;  
    border: none !important;  
    -moz-border-radius: 3px !important;  
    -webkit-border-radius: 3px !important;  
    -khtml-border-radius: 3px !important;  
    border-radius: 3px !important;  
    padding: 0px 5px 5px 5px !important;  
    margin-top: 5px !important;  
    overflow-y: auto !important;  
    max-height: 500px !important;  
    min-width: 280px !important;  


}



.dropdown-menu .img-thumbnail {padding: 0px;}






#top-links {
    top: -47px;
    position: absolute;
    right: 70px;      
    z-index: 99999;
}

#top {
    margin: 0 0 15px 0;
}


.in {
    margin-bottom: 10px;
}

.rowheader {position: relative;} 




header .row    {  position: relative; }

.upmenu {
    position: absolute;
    top: -101px;
    height: 10px;
    right: 0;     
    width: auto;
}


#menu .nav > li > a {
    padding-left: 28px;         
    
    
}



#mainmenutop .navbar-collapse  {
    z-index: 99999;  
    background: #fff;
    position: relative;
        min-width: 150px; 
        right: 13px;
    top: -1px;  
    
    
        -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);

 }
    
 
#mainmenutop button  {
background: #000;
    width: 50px;
    margin-right: 14px;
    border: none;
    color: #fff;
    height: 35px;
    border-radius: 1px;

 }   
 
 #mainmenutop button:hover  {
background: #fff;
    color: #000;
 } 

 /*
 
  #mainmenutop button:focus  {
background: #fff;
    color: #000;
 }   */   
 
 
#mainmenutop .fa {
    font-size: 20px;
}
 

footer {
    color: #333;
    padding: 10px 0 50px 0;
    margin-bottom: 50px;
}

footer h5 {
    margin-bottom: 15px;
}
 

footer .col-sm-3  {
   width: 50%;  float: left; min-height: 70px;    
}
 
 
.product-search .paginationblock {
  padding-right: 0px;
    padding-left: 0px;
} 


.product-search .paginationblock .text-left {
  padding-right: 0px;
    padding-left: 0px;
}



 

}
































@media (min-width: 768px) {
.mfilter-button-top {display: none !important; }
}



.colpodcat {  margin: 0px; padding: 7px 0px 0px 0px; /*  border: solid 2px #f5f5f5 */ }
.colpodcat ul li a { margin: 0px !important; line-height: 16px;  padding: 0px 0px 0px 0px !important;}
.colpodcatrow .toggle-btn  {width: auto; padding: 15px 20px 15px 20px;}



.mfilter-box-1 .mfilter-counter {
    font-size: 10px !important;
}

/* .in {
    margin-bottom: 10px;
}  */

.mfilter-heading .mfilter-head-icon {display: none !important;}




















#categoriesWrapper {
    max-height: 78px; /* ограничение на мобильных */
    overflow: hidden;
    transition: max-height 0.6s ease;
    /* margin-bottom: 10px;   чтобы кнопка не перекрывала категории */
}


.colpodcatrow .toggle-btn {
    display: block;
    width: 100%;
    padding: 15px 8px 8px 8px !important;
    background: #f5f5f5;
    color: #000;
    border: none;
    cursor: pointer;
    border-radius: 0px 0px 4px 4px;
    font-weight: bold;  
    /*     border: solid 2px #f5f5f5;   */
    border-top: none;
    margin-top: -2px;
    background: #fff;  
    font-size: 15px;
    text-align: left;  
}


.toggle-btn:hover {color: #094d87;}

/* На десктопе показываем весь список и скрываем кнопку */
@media (min-width: 768px) {
    #categoriesWrapper { max-height: none; /* убираем ограничение */ overflow: visible; }
    .colpodcatrow .toggle-btn { display: none !important }  
    
    .colpodcat { border: none;}
}




@media (min-width: 768px) and (max-width: 991px) {

#top .row .col-sm-9 { width: 100%; position: relative; top: -48px; padding-left: 220px; }
.catmenu {margin-top: -30px;}

} 

#cart .dropdown-menu {
    min-width: 200px;
}