/* cus css*/
body, #body{background-color: #f6f6f6; 
}
.cat_title_index{
	position: relative;
    width: 100%;
    line-height: 50px;
    background: #fff;
    padding-top: 8px;
    display: inline-block;
}
.cat_title_index .name_title_cat{
   position: relative;
    margin: 0;
    line-height: 26px;
    text-transform: capitalize;
    height: 45px;
    margin-bottom: 0;
    padding: 10px 15px;
    padding-right: 35px;
    outline-offset: 4px;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
    align-items: center; 
    outline: none;
    cursor: pointer; 
    transition: all 0.2s ease; 
    font-weight: 600;
    color: #061423;
    text-shadow: 0 1px #fff; 
} 


.shops-viewgrid .owl-nav{
	position: static;
}
.shops-viewgrid .owl-nav .owl-prev, .shops-viewgrid .owl-nav .owl-next{
	border: none;
	width: auto;
    height: auto;
}
.shops-viewgrid .owl-nav .nav-btn{
  height: 47px;
  position: absolute;
  width: 26px;
  cursor: pointer;
  top: 40% !important;
}
.shops-viewgrid .owl-nav .prev-slide{
  background: url(../images/nav-icon.png) no-repeat scroll 0 0;
  left: -19px;
}
.shops-viewgrid .owl-nav .next-slide{
  background: url(../images/nav-icon.png) no-repeat scroll -24px 0px;
  right: -24px;
}
.shops-viewgrid .owl-nav .prev-slide:hover{
 background-position: 0px -53px;
}
.shops-viewgrid .owl-nav .next-slide:hover{
background-position: -24px -53px;
}  
 
.cat_title_index h2{ 
	margin-top: 5px;
}
.section_product_tab .tab_big{
	height: auto;
    flex: 1 1 0%;
    overflow: hidden;
}
.section_product_tab .tab_big li.nav-link{  
    position: relative;
    font-weight: 600;
    display: inline-block;
    margin-left: 10px;
    line-height: 26px;
}
.section_product_tab .tab_big li.nav-link:hover{
	background: #d62329;
    color: #fff; 
}
.section_product_tab .tab_big li.nav-link,
.section_product_tab .tab_big li.nav-link:hover a{color:#fff}
.section_product_tab .tab_big .tab_ul ul{
	max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 0 12px;
    margin: 0;
    text-align: right;
    padding-bottom: 8px;
	scrollbar-face-color: #367CD2;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-width: none;
}
.section_product_tab .tab_ul.has-nav {
    position: relative;
    max-width: 100%;
    padding: 0px 20px;
}

.section_product_tab .tab_big .grad-left{
	position: absolute;
    top: 0%;
    left: 0;
    z-index: 3;
    width: 50px;
    height: calc(100% - 8px);
    display: none;
    justify-content: start;
    align-items: center;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff, #fff);
}
.section_product_tab .tab_big .grad-right{
	position: absolute;
    top: 0%;
    z-index: 3;
    right: 0;
    width: 50px;
    height: calc(100% - 8px);
    display: none;
    justify-content: end;
    align-items: center;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff, #fff);
}
.section_product_tab .tab_big .grad-left, .section_product_tab .tab_big .grad-right{
	display: flex;
	border: none;
}
@media (min-width: 1200px){
	.section_product_tab .tab_big .tab_ul ul{
		overflow-x: hidden;
		overflow-y: hidden;
	}
}
@media (max-width: 991px){
	.cat_title_index{display: block;}
	.cat_title_index h2{padding:0}
	.cat_title_index .name_title_cat{
		display: block;
		clip-path: none;
		text-align: center;
	}
	.section_product_tab .tab_big{
		width: 100%;
		flex: none; 
	}
	.cat_title_index h2{
		width: 100%;
		max-width: initial;
	}
}

.more-cats .box-list{
	width: auto;
    color: #333;
    font-size: 14px; 
    line-height: 25px;
    background: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    position: relative;
    transition: all .3s ease 0s;
    cursor: pointer;
    border: 1px solid #cccccc7a;
}
.actions-primary{
	position: absolute;
    bottom: 6px;
    right: 8px;
    z-index: 99;
}
.actions-primary button {
    background: initial;
    box-shadow: 0 0 4px 0 #f03248;
    width: 35px;
    height: 35px;
    display: inline-flex;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    border: initial;
    position: relative;
    z-index: 99;
}
.actions-primary .btn:hover{background: none;
    border: none;
	opacity: 0.8;
}  

@media (min-width: 992px){
	.col-20 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
		padding-right: 3px;
	}	
}

@media (min-width: 1200px) { 
	.section-body .wraper {
		max-width: 1300px;
		width: 1300px;
	}
	.section-body .auto-container{
		max-width: 1300px;
	}
}
@media (min-width: 1400px) {
	.section-body .wraper {
		max-width: 1400px;
		width: 1400px;
	}
	.section-body .auto-container{
		max-width: 1400px;
	}
}