/*
[CSS Index - style]

---

Template: NWT
Author:   Cober
*/

/*

 .- Responsive
*/

.item.mb-2 a{
	cursor: pointer!important;
}

/***************************************************Filter***************************************************/

#filter .category-thumb {
    position: relative;
    display: block;
}
#filter .category-thumb .thumb-box {
    position: relative;
    width: 100%;
    height: 100%;
}
#filter .category-thumb .thumb-box .thumb {
	background-image: url(...);
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
}
#filter .category-thumb .thumb-box .pattern-bg1 {
    position: relative;
    width: 100%;
    height: 100%;
}
#filter .category-thumb .thumb-box .pattern-bg1 img{
    position: relative;
    width: 100%;
    height: 100%;
    animation-name: rotateme;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 60s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 60s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 60s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 60s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

#filter .category-thumb .thumb-box .thumb {
    position: absolute;
    border-radius: 50%;
}
#filter .category-thumb .thumb-box .thumb-1 {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid #CDCCCC;
}
#filter .category-thumb .thumb-box .center-thumb {
    height: 104px;
    width: 104px;
}
#filter .category-thumb .thumb-box .center-thumb img{
    height: 100%;
    width: 100%;
}
#filter .category-thumb .thumb-box .side-thumb {
    height: 52px;
    width: 52px;
}
#filter .category-thumb .thumb-box .side-thumb img{
    height: 100%;
    width: 100%;
}
#filter .category-thumb .thumb-box .thumb img {
    border-radius: 50%;
}

@-webkit-keyframes rotateme {
  from {
    transform: rotate(0deg);
  }
  
  to {
    transform: rotate(360deg);
  }
}

.slider-productos .card a{
	cursor: default;
}

/***************************************************Carousel***************************************************/
div.arrow-container{
	position: relative;
	z-index: 10;
	width: 100%;
}
ul.arrowz{
	position: absolute;
	top: 110px;
	width: 100%;
}
li.prev{
	font-size: 25px;
	color: #000;
	position: relative;
	display: block;
	margin-right: auto;
}

li.next{
	font-size: 25px;
	color: #000;
	position: relative;
	display: block;
	margin-left: auto;
}

/***************************************************Responsive***************************************************/
@media (min-width:300px) { /*ssm*/
	#filter .category-thumb .thumb-box .thumb-2 {
		left: 40px;
		top: 20px;
	}
	#filter .category-thumb .thumb-box .thumb-2 {
		left: 140px;
		top: 0px;
	}
	#filter .category-thumb .thumb-box .thumb-3 {
		left: 0px;
		top: 100px;
	}
	#filter .category-thumb .thumb-box .thumb-4 {
		right: 0px;
		top: 100px;
	}
	#filter .category-thumb .thumb-box .thumb-5 {
		right: 30px;
		bottom: 50px;
		top: auto;
	}
	#filter .category-thumb .thumb-box .thumb-6 {
		left: 30px;
		bottom: 50px;
		top: auto;
	}
}
@media (min-width:600px) { /*sm*/
	#filter .category-thumb .thumb-box .side-thumb {
		height: 65px;
		width: 65px;
	}
	#filter .category-thumb .thumb-box .thumb-2 {
		left: 40px;
		top: 20px;
	}
	#filter .category-thumb .thumb-box .thumb-2 {
		left: 140px;
		top: 0px;
	}
	#filter .category-thumb .thumb-box .thumb-3 {
		left: 0px;
		top: 100px;
	}
	#filter .category-thumb .thumb-box .thumb-4 {
		right: 0px;
		top: 100px;
	}
	#filter .category-thumb .thumb-box .thumb-5 {
		right: 30px;
		bottom: 50px;
		top: auto;
	}
	#filter .category-thumb .thumb-box .thumb-6 {
		left: 30px;
		bottom: 50px;
		top: auto;
	}
}
@media (max-width:768px) and (orientation:landscape) { /*sm-Landscape*/
	#filter .category-thumb .thumb-box .side-thumb {
		height: 70px;
		width: 70px;
	}
	#filter .category-thumb .thumb-box .thumb-2 {
		left: 220px;
		top: 0px;
	}
	#filter .category-thumb .thumb-box .thumb-3 {
		left: 0px;
		top: 150px;
	}
	#filter .category-thumb .thumb-box .thumb-4 {
		right: 0px;
		top: 150px;
	}
	#filter .category-thumb .thumb-box .thumb-5 {
		right: 30px;
		bottom: 90px;
		top: auto;
	}
	#filter .category-thumb .thumb-box .thumb-6 {
		left: 30px;
		bottom: 90px;
		top: auto;
	}
}

@media (min-width:768px) { /*md*/
	#filter .category-thumb .thumb-box .side-thumb {
		height: 70px;
		width: 70px;
	}
	#filter .category-thumb .thumb-box .thumb-2 {
		left: 300px;
		top: 0px;
	}
	#filter .category-thumb .thumb-box .thumb-3 {
		left: 20px;
		top: 180px;
	}
	#filter .category-thumb .thumb-box .thumb-4 {
		right: 20px;
		top: 180px;
	}
	#filter .category-thumb .thumb-box .thumb-5 {
		right: 40px;
		bottom: 140px;
		top: auto;
	}
	#filter .category-thumb .thumb-box .thumb-6 {
		left: 40px;
		bottom: 140px;
		top: auto;
	}
}

@media (min-width:992px) { /*lg*/
	#filter .category-thumb .thumb-box .side-thumb {
		height: 60px;
		width: 60px;
	}
	#filter .category-thumb .thumb-box .thumb-2 {
		left: 200px;
		top: 0px;
	}
	#filter .category-thumb .thumb-box .thumb-3 {
		left: 0px;
		top: 120px;
	}
	#filter .category-thumb .thumb-box .thumb-4 {
		right: 0px;
		top: 120px;
	}
	#filter .category-thumb .thumb-box .thumb-5 {
		right: 4px;
		bottom: 80px;
		top: auto;
	}
	#filter .category-thumb .thumb-box .thumb-6 {
		left: 4px;
		top: auto;
		bottom: 80px;
	}
}
@media (min-width:1200px)  { /*XL*/
	#filter .category-thumb .thumb-box .side-thumb {
		height: 80px;
		width: 80px;
	}
	#filter .category-thumb .thumb-box .thumb-2 {
		left: 250px;
		top: 0px;
	}
	#filter .category-thumb .thumb-box .thumb-3 {
		left: 0px;
		top: 140px;
	}
	#filter .category-thumb .thumb-box .thumb-4 {
		right: 0px;
		top: 140px;
	}
	#filter .category-thumb .thumb-box .thumb-5 {
		right: 4px;
		bottom: 100px;
		top: auto;
	}
	#filter .category-thumb .thumb-box .thumb-6 {
		left: 4px;
		bottom: 100px;
	}
}