.prod-types-box .prod-types::-webkit-scrollbar {
  width: 6px;
}
.prod-types-box .prod-types{
  padding-right: 8px;
}
.prod-types-box .prod-types::-webkit-scrollbar-track {
  background: #eee;
}
.prod-types-box .prod-types::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #888;
}
.prod-top .side-menu::-webkit-scrollbar {
  width: 6px;
}
.recent-views .unit .unit-img{
  margin-bottom: 0;
}
.prod-top .side-menu::-webkit-scrollbar-track {
  background: #eee;
}
.prod-top .side-menu::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #888;
}

.quick-search .scroll-box::-webkit-scrollbar {
  width: 6px;
}
.quick-search .scroll-box::-webkit-scrollbar-track {
  background: #eee;
}
.quick-search .scroll-box::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #888;
}

.prod-types-box{}
.prod-types-box.mobileBox  .jcf-scrollable-wrapper .prod-types li{
  padding: 0;
}
.prod-types-box.smBox .jcf-scrollable-wrapper:after,
.prod-types-box.xsBox .jcf-scrollable-wrapper:after,
.prod-types-box.lgBox .jcf-scrollable-wrapper:after,
.prod-types-box.mobileBox .jcf-scrollable-wrapper:after,
.prod-types-box.normalBox .jcf-scrollable-wrapper:after{
  content: none;
}
/*.prod-top>.col-md-8>.row{
  position: sticky;
  position: -webkit-sticky;
  top: 20px;
}*/
.prod-types-box.smBox .jcf-scrollable-wrapper li,
.prod-types-box.xsBox .jcf-scrollable-wrapper li,
.prod-types-box.lgBox .jcf-scrollable-wrapper li,
.prod-types-box.normalBox .jcf-scrollable-wrapper li{
  padding-right: 0 !important ;
}
/*@media (min-width: 768px){
  .prod-types-box.xxlBox .jcf-scrllable{
    overflow: scroll!important;
  }
}*/
.prod-types-box.normalBox .prod-types{
  padding-right: 0; 
}
.prod-types-box.normalBox .prod-types.jcf-scrollable{
  height: auto !important;  
}
.jcf-scrollable{
  touch-action: auto!important;
}
.prod-types-box.xxlBox .jcf-scrollable-wrapper,
.prod-types-box.xxlBox .prod-types.jcf-scrollable{
  height:340px!important;
}
.prod-types-box.lgBox .prod-types.jcf-scrollable{
  width: 100%;
}
.prod-types li + li{
  margin-top: 5px;
}
.prod-types-box.lgBox .jcf-scrollbar.jcf-scrollbar-vertical{
  display: none;
}
.prod-types-box.lgBox .prod-types{
  padding-right: 0; 
}
.prod-types-box.lgBox .jcf-scrollable-wrapper,
.prod-types-box.lgBox .prod-types.jcf-scrollable{
  height: auto!important;
}
.prod-types-box.smBox .prod-types{
  padding-right: 0; 
}
.prod-types-box.smBox .jcf-scrollable-wrapper,
.prod-types-box.smBox .prod-types.jcf-scrollable{
  height: auto!important;
}
.prod-types-box.normalBox .prod-types{
  padding-right: 0; 
}
.prod-types-box.normalBox .jcf-scrollable-wrapper,
.prod-types-box.normalBox .prod-types.jcf-scrollable{
  height: auto!important;
}
.prod-types-box.xsBox{
  padding-right: 0; 
}
.prod-types-box.xsBox .jcf-scrollable-wrapper,
.prod-types-box.xsBox .prod-types.jcf-scrollable{
  height: auto!important;
}
.prod-btn{
  margin-top: 8px;
}
.prod-types-box .jcf-scrollable-wrapper:after{
background: radial-gradient(56.25% 56.25% at 50% 87.5%, #F4F4F4 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 1; 
  left: 0; 
  right: 16px;
  bottom: 0px;
}
.prod-types label{
  padding-top: 8px;
  padding-bottom: 8px;
}
.prod-types-box.mobileBox .jcf-scrollable-wrapper,
.prod-types-box.mobileBox .jcf-scrollable{
  height: auto !important;
  max-height: none!important;
  overflow: inherit!important;
}
.js-mobile .scrolled-prod-btn{
  display: block; 
}
.scrolled-prod-btn{
  position: fixed;
  display: none;  
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0; 
  transform: translateY(123%);  
  transition: .0s;
  z-index: 1001; 
  background: #fff!important;
  padding-left: 12px; 
  padding-right: 12px;  
  margin: 0; 
  padding-bottom: 8px; 
  visibility: hidden; 
  z-index: -1;  
}
.scrolled-prod-btn.is-visible{
    transform: translateY(0);
    opacity: 1; 
    transition: .0s;
    visibility: inherit;
    z-index: 1001; 
}
.side-menu{
  overflow: auto;
}
.prod-types.scrolled-block:after{
  background: transparent!important;
}
  .side-menu.scrolled-block:after{
    background: transparent;
  }
    .side-menu .side-list:last-child,
  .side-menu .side-list:last-child li:last-child{
    margin-bottom: 0;
  }
/*.prod-content-wrapper{
  position: sticky;
  top: 20px;  
}*/
@media (min-width: 1025px){
  .prod-short-wrapper{
    position: sticky;
    top: 20px;
  }
/*  .prod-top .side-menu{
    height: 510px;
  }*/
/*  .side-menu-box .side-menu.jcf-scrollable{
    overflow-y: auto;
  }
  .side-menu-box,.side-menu-box .jcf-scrollable-wrapper,
  .side-menu-box .jcf-scrollbar-vertical,.side-menu.jcf-scrollable{
    height: 510px!important;
  }*/
}
.side-menu-box:after{
  position: absolute;
  content: '';
  background: radial-gradient(56.25% 56.25% at 50% 87.5%, #F4F4F4 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 1;
  left: 0;
  height: 16px;
  right: 16px;
  bottom: -1px;    
  border-radius: 40% 40% 0 0;
  border-bottom: 1px solid #f6f6f6;
  transition: .2s;
}
.side-menu-box.scrolled-block:after,
.prod-types-box.scrolled-block.xxlBox:after{
  background: transparent;
}
.prod-types-box.xxlBox:after{
  position: absolute;
  content: '';
  transition: .2s;
  background: radial-gradient(56.25% 56.25% at 50% 87.5%, #F4F4F4 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 1;
  left: 0;
  height: 16px;
  right: 0px;
  bottom: -1px;
  border-radius: 40% 40% 0 0;
  border-bottom: 1px solid #f6f6f6;
}
@media (max-width: 1024px){
  .prod-top .side-menu{
    height: 360px;
  }

  .side-menu-box:after{
    border-radius: 40% 40% 0 0;
    border-bottom: 1px solid #f6f6f6;
  }

  .prod-top .side-btn{
    margin-bottom: 0;
  }

  .side-menu-box{
    position: relative;
  }

  .prod-top .side-menu.jcf-scrollable{
    overflow-y: auto;
  }
/*  .prod-top>.col-md-8>.row{
    position: sticky;
    position: -webkit-static;
  }*/
/*  .prod-types-box.lgBox .jcf-scrollable-wrapper,
  .prod-types-box.lgBox .prod-types.jcf-scrollable{
    height: auto!important;
  }
  .prod-types-box.smBox .jcf-scrollable-wrapper,
  .prod-types-box.smBox .prod-types.jcf-scrollable{
    height: auto!important;
  }
  .prod-types-box.normalBox .jcf-scrollable-wrapper,
  .prod-types-box.normalBox .prod-types.jcf-scrollable,
  .prod-types.jcf-scrollable{
    height: auto!important;
  }
  .prod-types-box .jcf-scrollable-wrapper:after{
    content: none !important;
  }*/
  .jcf-scrollable{
    touch-action: auto!important;
  }
  .prod-types-box.xxlBox .jcf-scrollable-wrapper,
  .prod-types-box.xxlBox .prod-types.jcf-scrollable,
  .prod-types-box.xxlBox .prod-types{
    height:340px!important;
    overflow-y: auto;
  }
  .prod-types-box.lgBox .jcf-scrollable-wrapper,
  .prod-types-box.lgBox .prod-types.jcf-scrollable,
  .prod-types-box.lgBox .prod-types{
    height:auto!important;
    overflow-y: auto;
  }
  .prod-types-box.lgBox .prod-types{
    padding-right: 0; 
  }
  .prod-types-box.smBox .jcf-scrollable-wrapper,
  .prod-types-box.smBox .prod-types.jcf-scrollable,
  .prod-types-box.smBox .prod-types{
    height:auto!important;
    overflow-y: auto;
  }
  .prod-types-box.smBox .prod-types{
    padding-right: 0; 
  }
  .prod-types-box.normalBox .jcf-scrollable-wrapper,
  .prod-types-box.normalBox .prod-types.jcf-scrollable,
  .prod-types-box.normalBox .prod-types{
    height:auto!important;
    overflow-y: auto;
  }
  .prod-types-box.normalBox .prod-types{
    padding-right: 0; 
  }

  .prod-types-box.xsBox .jcf-scrollable-wrapper,
  .prod-types-box.xsBox .prod-types.jcf-scrollable,
  .prod-types-box.xsBox .prod-types{
    height:auto!important;
    overflow-y: auto;
  }
  .prod-types-box.xsBox .prod-types{
    padding-right: 0; 
  }
  .prod-btn{
    margin-top: 8px;
  }
}
.prod-content-wrapper .swiper-slide {
  display: block;
  text-align: center;
}
.prod-content-wrapper .swiper-slide  img{
  display: inline-block;
}
.nav-slider .swiper-slide{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 61px;
}
.nav-slider .swiper-slide.swiper-slide-thumb-active{
 -webkit-box-shadow: inset 0px 0px 0px 1px #000;
    box-shadow: inset 0px 0px 0px 1px #000; 
}
.nav-slider .swiper-slide img{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  box-shadow: none!important;
}

@media (max-width: 768px){

  .prod-arrows.prod-next{
    right: 3px;
  }
  .prod-arrows.prod-prev{
    left: 3px;
  }
  .nav-slider-wrp{
    margin-bottom: 29px;
    position: static;
  }
  .prod-arrows.prod-next
  .prod-types-box .prod-types{
    padding-right: 0;
  }
   .prod-types-box.xxlBox:after{
    content: none;
   }
  .prod-types-box.xxlBox .jcf-scrollable-wrapper,
  .prod-types-box.xxlBox .prod-types.jcf-scrollable,
  .prod-types-box.xxlBox .prod-types{
    height: auto!important;
  }
  .prod-types-box.lgBox .jcf-scrollable-wrapper,
  .prod-types-box.lgBox .prod-types.jcf-scrollable,
  .prod-types-box.lgBox .prod-types{
    height: auto!important;
  }
  .prod-types-box.smBox .jcf-scrollable-wrapper,
  .prod-types-box.smBox .prod-types.jcf-scrollable,
  .prod-types-box.smBox .prod-types{
    height: auto!important;
  }
  .prod-types-box.normalBox .jcf-scrollable-wrapper,
  .prod-types-box.normalBox .prod-types.jcf-scrollable,
  .prod-types-box.normalBox .prod-types,
  .prod-types.jcf-scrollable{
    height: auto!important;
  }
  .prod-types-box .jcf-scrollable-wrapper:after{
    content: none !important;
  }
  .prod-types-box.lgBox .jcf-scrollable-wrapper, .prod-types-box.lgBox .prod-types.jcf-scrollable{
    padding-bottom: 0;
  }
  .prod-btn{
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    background: #fff;
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    padding-bottom: 8px;
    padding-top: 8px;
  }
}
.side-menu-box{
  position: relative;
}
.side-menu-box .jcf-scrollable-wrapper:after{
    position: absolute;
    content: '';
    background: radial-gradient(56.25% 56.25% at 50% 87.5%, #F4F4F4 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
    left: 0;
    height: 16px;
    right: 0px;
    bottom: -1px;
    border-radius: 40% 40% 0 0;
    border-bottom: 1px solid #f6f6f6;
}
.recent-views{
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.side-menu-box .jcf-scrollable-wrapper.scrolled-block:after,
.prod-types-box .jcf-scrollable-wrapper.scrolled-block:after{
  background: transparent;
}
.swiper-container-fade .swiper-slide{
  pointer-events: inherit!important;
}
.prod-btm .row{
  overflow: hidden;
}