/*********************************
 Archivo CSS para productos.
*********************************/
/*.paginador{
	text-align: center;
	font-size: 24px;
	margin:100px 0 50px 0;
}
	.paginador span{
		margin: 0 20px;
		display: inline-block !important;
		font-size: 20px !important;
	}*/

.categories{ margin: 0 auto;}

.categories.freedom,
.audio-freedom .product .button,
body.audio-freedom .ficha,
body.audio-freedom .description-tabs .border-bottom,
body.audio-freedom .tabs-content table.table1 thead tr{
	background: rgb(255,196,143) !important;
	background: linear-gradient(90deg, rgba(255,196,143,1) 0%, rgba(255,66,151,1) 100%) !important;
}
body.audio-freedom i.fa-check:before, body.audio-freedom i.fa-check-double{color:rgb(255,196,143);}
body.audio-freedom .tabs-nav li.active a {
	color: rgb(255,196,143) !important;
	border-bottom: 1px solid rgb(255,196,143);
}
div.audio-freedom .sidebar{
	border-right: 2px solid rgb(255,196,143);
}
.audio-freedom .product h2{ color: rgb(255,196,143); }
body.audio-freedom .slider-nav-inner{
	border:1px solid rgb(255,196,143) !important;
}

	div.audio-freedom .wrap-products-dis .dis-title{
		color:rgb(255,196,143);
	}
	div.audio-freedom .wrap-products-dis .dis-icon-box{
		border:1px solid rgb(255,196,143);
	}
	div.audio-freedom .wrap-products-dis{
		border-bottom:2px solid rgb(255,196,143);
	}

body.audio-freedom #mycourusel .slick-slide div.prod-img{
	border:2px solid #F7B420;
	margin-bottom: 1rem;
}

body.audio-freedom #mycourusel .prod-title{
	color: #F7B420 !important;
}






.categories.accesorios,
.accesorios .product a.button,
body.accesorios .ficha,
body.accesorios .description-tabs .border-bottom,
body.accesorios .tabs-content table.table1 thead tr{
	background: rgb(252,139,249) !important;
	background: linear-gradient(90deg, rgba(252,139,249,1) 0%, rgba(0,161,219,1) 100%) !important;
}
body.accesorios i.fa-check:before, body.accesorios i.fa-check-double{color:rgb(252,139,249);}
body.accesorios .tabs-nav li.active a {
	color: rgb(252,139,249) !important;
	border-bottom: 1px solid rgb(252,139,249);
}
body.accesorios .slider-nav-inner{
	border:1px solid rgb(252,139,249) !important;
}
div.accesorios .sidebar{
	border-right: 2px solid rgb(252,139,249);
}
.accesorios .product h2{ color: rgb(252,139,249); }

	div.accesorios .wrap-products-dis .dis-title{
		color:rgb(252,139,249);
	}
	div.accesorios .wrap-products-dis .dis-icon-box{
		border:1px solid rgb(252,139,249);
	}
	div.accesorios .wrap-products-dis{
		border-bottom:2px solid rgb(252,139,249);
	}

body.accesorios #mycourusel .slick-slide div.prod-img{
	border:2px solid #C167A4;
	margin-bottom: 1rem;
}
body.accesorios #mycourusel .prod-title{
	color: #C167A4 !important;
}







.categories.movilidad,
.movilidad .product a.button,
body.movilidad .ficha,
body.movilidad .description-tabs .border-bottom,
body.movilidad .tabs-content table.table1 thead tr{
	background: rgb(0,193,219) !important;
	background: linear-gradient(90deg, rgba(0,193,219,1) 0%, rgba(94,42,131,1) 100%) !important;
}
body.movilidad i.fa-check:before, body.movilidad i.fa-check-double{color:rgb(0,193,219);}
body.movilidad .tabs-nav li.active a {
	color: rgb(0,193,219) !important;
	border-bottom: 1px solid rgb(0,193,219);
}
body.movilidad .slider-nav-inner{
	border:1px solid rgb(0,193,219) !important;
}

div.movilidad .sidebar{
	border-right: 2px solid rgb(0,193,219);
}
.movilidad .product h2{ color: rgb(0,193,219); }

	div.movilidad .wrap-products-dis .dis-title{
		color:rgb(0,193,219);
	}
	div.movilidad .wrap-products-dis .dis-icon-box{
		border:1px solid rgb(0,193,219);
	}
	div.movilidad .wrap-products-dis{
		border-bottom:2px solid rgb(0,193,219);
	}

body.movilidad #mycourusel .slick-slide div.prod-img{
	border:2px solid #4C93BF;
	margin-bottom: 1rem;
}
body.movilidad #mycourusel .prod-title{
	color: #4C93BF !important;
}







.categories.smart,
.smart .product a.button,
body.smart .ficha,
body.smart .description-tabs .border-bottom,
body.smart .tabs-content table.table1 thead tr{
	background: rgb(64,169,156) !important;
	background: linear-gradient(90deg, rgba(64,169,156,1) 0%, rgba(0,88,90,1) 100%) !important;
}
body.smart i.fa-check:before, body.smart i.fa-check-double{color:#47a89a;}
body.smart .tabs-nav li.active a {
	color: rgb(64,169,156) !important;
	border-bottom: 1px solid rgb(64,169,156);
}
body.smart .slider-nav-inner{
	border:1px solid rgb(64,169,156) !important;
}

div.smart .sidebar{
	border-right: 2px solid rgb(64,169,156);
}
.smart .product h2{ color: rgb(64,169,156); }

	div.smart .wrap-products-dis .dis-title{
		color:rgb(64,169,156);
	}
	div.smart .wrap-products-dis .dis-icon-box{
		border:1px solid rgb(64,169,156);
	}
	div.smart .wrap-products-dis{
		border-bottom:2px solid rgb(64,169,156);
	}

body.smart #mycourusel .slick-slide div.prod-img{/**/
	border:2px solid #45A899;
	margin-bottom: 1rem;
}
body.smart #mycourusel .prod-title{/**/
	color: #45A899 !important;
}





.promociones .product a.button,
.proximamente .product a.button,
.novedades .product a.button,
.opiniones .product a.button,
.reacondicionados .product a.button{
	background: #47a89a !important;
	background: linear-gradient(90deg, rgba(64,169,156,1) 0%, rgba(0,88,90,1) 100%) !important;
}

body.promociones .product a.button{
	background: #c12525;
}

.products a.button img{
	width: 27px;
	position: relative;
	top: -3px;
	margin-right: 2px;
}

.categories nav{
	margin: 0 auto;
	padding: 0;
}



	/*.categories.accesorios .navbar li a{
		font-size: 13px;
		color: #1d1d1b !important;
		font-family: 'Montserrat' ;
		text-transform: uppercase;
		padding: 6px 8px !important;
		text-decoration: none;
		transition: all 0.2s linear;
		background: transparent;
	}*/

			.categories nav li a{
				border-bottom: 3px solid transparent;
				font-size: 13px;
				font-weight: bold;
				color: #fff !important;
				font-family: 'Montserrat';
				padding: 0px !important;
				text-decoration: none;
				text-transform: uppercase;
				transition: all 0.2s linear;
				background: transparent;
			}
			.categories nav li.active a,
			.categories nav li a:hover{
				border-bottom: 3px solid #fff;
				text-decoration: none;
				/*background:#878787;*/
				color: #fff !important;
			}
			.categories nav ul{
				padding:8px 0px 5px;
				display: flex;

				list-style: none;
			}
			.categories nav li{
				margin-right: 17px;
				padding:0;
			}
			.categories nav li:last-child{
				margin-right: 0px;
			}


.herramientas{
	padding: 40px 0;
	max-width: 85%;
	margin: 0 auto;
}
.herramientas p{
	margin: 0;
	padding-top: 3px;
}
.herramientas form.buscar{
	float: right;
}
.herramientas form.buscar .btn-buscar{
	color: #fff !important;
	font-family: 'Montserrat';
	text-transform: uppercase;
	background: #878787;
	border: 1px solid #878787;
	font-size: 14px;
	padding: 7px 24px;
	font-weight: bold;
}

.products{
	padding: 0px 0 50px 0;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
}
.product img.thumb{
	max-width: 100%;
	width: auto;
	display: block;
	margin: 0 auto 20px;
	max-height: 220px
}
.product div.box-producto{
	display: flex;
	height: 100%;
	flex-direction: column;
	transition: all 0.2s linear;
	justify-content: space-between;
	padding: 15px 15px 20px;
}

.wrap-select-filter label{
	font-size: 0.8rem;
}
.wrap-select-filter select{
	font-size: 0.9rem;
}
.box-img-product{
	min-height: 200px;
}
.box-meta-product{
	font-weight: bold;
	font-size: 95%;
	line-height: 1;
	margin-bottom: 25px;
}

.product span.button.disponible,
.product .button.btn-comparar{
	background: #4fa0ca !important;
	background: linear-gradient(90deg, rgba(64,169,156,1) 0%, rgba(0,88,90,1) 100%) !important;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color:white;
	font-family: 'Roboto Condensed', sans-serif;
	margin: auto;

	padding: 10px 15px;
	width: 100% !important;
}
.product h2{
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	text-transform: uppercase;
}
.product h2 a{color:inherit !important;}
.product h2 a:hover{text-decoration: none;}
.product p{
	font-size: 13px;
	margin: 0;
	padding: 0px;
	color: #000 !important;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
}
.product span.precio{
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 18px;
	color: #000 !important;
}

.product span.precio-old{
	font-weight: normal !important;
	margin-right: 10px;
	text-decoration: line-through !important;
}

.product span.precio-oferta{
	color: #ff0000 !important;
	font-weight: bold;
}

.product .btn-comparar{
	background: #cccccc !important;
	margin-top:10px !important;
	visibility: hidden;
}

.product .box-producto:hover .btn-comparar{
	text-decoration: none;
	visibility: visible;
}

.product div.box-producto:hover{
	text-decoration: none;
	box-shadow: 0 0 15px #c1c1c1;
}

.wrap-products .product{
	margin-bottom: 30px;
}

.wrap-product-img-text{
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	position:relative;
}

.wrap-product-img-text .product-new-top{
	position: absolute;

	margin: auto;
	right: 0px;
	top:10px;
}

.wrap-product-img-text .product-new-top img{
	height: auto;
	width: 75px;
}


body.page-audio .modal h2{
	color: black;
	font-family: inherit;
    font-size: inherit;
    font-weight: normal;
}

.promociones .product h2{ color: #c12525; }

.proximamente .product h2{ color: #a84299; }

body.page-audio .modal h2{
	color: #fab621;
}

body .modal h2{
	font-size: 15px;
	padding:0px;
	text-align: center;
}

body .modal .product div.box-producto {
    padding: 0px;
}

body .modal .product div.box-producto:hover {
    text-decoration: none;
    box-shadow: none;
}

body .modal .product span.precio{
	font-weight: bold;
	text-align: center;
}


/******************************
SINGLE PRODUCT
******************************/

.description-tabs .border-bottom{
	height: 8px;
	width: 100%;
}

.tabs-nav ul {margin: 0;padding: 0;}

.tabs-nav li {
	display: inline-block;
	color: #FAB621;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
}


	/**********/
		.single .product-detail .slider .slick-prev{ left: 15px !important; z-index: 10; }
		.single .product-detail .slider .slick-next{ right: 15px !important; z-index: 10; }

		.single .has-expand{position: relative;}
		.single .has-expand:after{
			font-family: 'FontAwesome';
	        color: #21817c;
	        content: "\f065";
	        position: absolute;
	        bottom: 0px;
	        right: 18px;
	        font-size: 20px;
	        z-index: -1;
		}

		.single .description-product{
			padding: 0px 0 60px 0;
		}
			.single .description-product .inner{
				/*max-width: 70%;
				margin: 0 auto;*/
			}
				.single .description-product .inner h2{
					color:#4a93bf;
					text-align: center;
					font-size: 18px;
					font-family: 'Montserrat' ;
					font-weight: normal;
					margin-bottom: 30px;
				}
				.single .description-product .inner p{
						color: #1d1d1b;
						text-align: justify;
						font-family: 'Montserrat' ;
						font-size: 13px;
				}

				.single .description-product .cols{
					/*max-width: 80%;
					margin: 0 auto;*/
				}
				.single .description-product .cols h3{
					color: #c168a3; font-size: 18px; font-weight: normal;
				}
				.single .description-product .cols ul{
					list-style: none;
					margin-left:0px;
					font-size: 15px;
				}

		.single .product-detail{ padding: 20px 0 50px; }
			.single .product-detail h2{font-weight: bold; font-size: 1.5rem;}
			.single .product-detail p{ font-size: 15px; margin-bottom:0;}
			.single .product-detail .precio{
				font-size: 22px;
				font-weight: bold;
				margin: 15px 0 25px 0;
				clear: both;
				display: block;
			}
			.single .product-detail .variaciones{}
				.single .product-detail .variaciones span{ border-radius: 100%; width: 20px; height: 20px;display: inline-block;margin-right: 5px;border:1px solid #000;margin-top: 8px;}
				.single .product-detail .variaciones span.color1{background: #fff;}
				.single .product-detail .variaciones span.color2{background: #e81627;}
				.single .product-detail .variaciones span.color3{background: #2f5199;}

		.single .agregar-carrito .add_tocart{
			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			background: #4d93bf;
			color:#fff;
			cursor: pointer;
			text-align: center;
			font-size: 14px;
			text-transform: uppercase;
			padding: 15px 60px;
			font-weight: bold;
		}

		.single .tabs-nav a {
			color:#7f8385 !important;
			display: block;
			padding: 10px 0px 0 0px;
			font-weight: 600;
			font-size: 12px;
			color: #18a6ed;
			margin: 0 20px 8px 0px;
		}
		/* Active tab */

		.single .tabs-nav a:hover { text-decoration: none;}

		.single .tabs-nav li.active {
			text-decoration: none;
		}



		.single .tabs-content {
			font-size: 14px;
			font-weight: 600;
		    padding: 20px 0px;
		    overflow: hidden;
		}

		.single .tabs-content ul{
			list-style: circle;
			padding-left: 30px;
		}

		.single .tabs-content ul li{
			margin-bottom: 10px;
		}

		.single .tabs-content img {
		  margin-right: 10px;
		}
		/* Hide all but first content div */





.tabs-content table.table1{
	margin: 0px auto !important;
	font-size: 14px;
	font-weight: 600;
	width: 100%;
}
.tabs-content table.table1 thead tr{
	background: transparent !important;
	color:#fff;
}

.tabs-content table.table1 tbody tr{
	background: transparent !important;
	border-bottom:2px solid #d1d2d2;
}
.tabs-content table.table1 th,
.tabs-content table.table1 td{
	padding: 5px 10px;
}

.slider-nav-thumbnails .slick-slide {
	opacity: 0.5;
}
.slider-nav-thumbnails .slick-slide.slick-active {
	opacity: 1;
}
.slick-slide img{ margin: auto;}
.slider-nav-thumbnails .slick-slide{opacity: 1;}

.boton_descarga{
	text-decoration: none;
	text-align: center;
	background: #878787;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0;
	margin: 50px auto 0 auto;
	max-width: 40%;
	display: block;
	transition: all 0.2s linarl;
}
.boton_descarga:hover{
	text-decoration: none;
	color: #000;
}

/**********************************/

.ficha{
	align-items: center;
	color:white;
	display: flex;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 600;
	justify-content: space-between;
	padding: 7px 18px;
	text-transform: uppercase;

	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	max-width: 270px;
	width: 100%;
}
.ficha i{
	margin-left: 0.5rem;
}
.ficha:hover{
	color:white;
	opacity: 0.8;
	text-decoration: none;
}
.product-detail .slider-nav-thumbnails{
	margin:0 40px;
}

.reviews .card{
	background: #e9e9e3;
	border:none;
	border-radius: .45rem;
	-moz-border-radius: .45rem;
	-webkit-border-radius: .45rem;
	font-weight: normal;
	height: 100%;
}
.reviews-single .card-title,
.reviews .card-title{
	display: flex;
	justify-content: space-between;
}

.reviews h5{
	font-size: 1.1rem;
	font-weight: normal;
	text-transform: uppercase;
}
.reviews .points i.fas,
.reviews-single .points i.fas{
	color:#808080;
}
.reviews .points i.fas.active,
.reviews-single .points i.fas.active{
	color:#fdab15;
}
.reviews .points-text{
	font-weight: normal;
}
.reviews-single .day,
.reviews .day{
	font-size: 80%;
	margin-bottom: 0px;
}
table.table2 td{
	padding-bottom: 8px;
	padding-right: 30px;
}
.tabs-nav li,
.single .tabs-content,
.tabs-content table.table1 th, .tabs-content table.table1 td,
.tabs-content table.table2 th, .tabs-content table.table2 td{
	font-family: arial;
}
.top-date{
	color:#a0a0a0;
	margin-bottom: 15px;
}
.top-date span{
	margin:0 5px;
}
.top-date i{
	font-size: 20px;
}
.coming-soon{
	border-top:1px solid grey;
	border-bottom:1px solid grey;
	padding: 8px 10px;
	text-align: right;
}
.coming-soon a{
	color:inherit;
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
}
.coming-soon a i{
	font-size: 20px;
	margin-left: 10px;
}
.slick-slide img {
    width: 100%;
    max-width: 340px;
}
#related-products .slick-slide img {
	height:250px !important;
    width: 250px !important;
}
.slick-lightbox .slick-slide img {
    width: auto;
    max-width: 100%;
}
.owl-carousel,
.owl-carousel li{
	list-style: none;
}
.slick-dots {
    bottom: 83px !important;
}
#mycourusel .owl-dots{
	display: none !important;
}





.owl-theme .custom-nav {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
}
.owl-theme .custom-nav .owl-prev, .owl-theme .custom-nav .owl-next {
    position: absolute;
    color: inherit;
    background: none;
    border: none;
    bottom:60px;
    top: inherit;
    z-index: 100;
}
.owl-theme .custom-nav .owl-prev i, .owl-next i {
    font-size: 2.5rem;
    color: #8b8e8d;
}

.owl-theme .custom-nav .owl-prev {
    left: 0;
}

.owl-theme .custom-nav .owl-next {
    right: 0;/* 556x941 */
}

#mycourusel .slick-slide img{
	outline: none !important;
	border:none;
	height: 11vw;
	object-fit: cover;
	object-position: center;
	width: auto;
}
#mycourusel .slick-slide a *,
#mycourusel .slick-slide a:hover,
#mycourusel .slick-slide a:focus,
#mycourusel .slick-slide a:visited,
#mycourusel .slick-slide a:active,
#mycourusel .slick-slide img:focus,
#mycourusel .slick-slide img:visited,
#mycourusel .slick-slide img:active{
	outline: 0 !important;
	text-decoration: none;
}
#mycourusel .prod-title{
	font-size: 15px;
	margin:auto;
	text-align: center;
	text-transform: uppercase;
	max-width: 250px;
	margin-top:3rem !important;
}
#mycourusel .prod-price{
	color:#000;
	font-size: 18px;
	font-weight: bold;
	margin:auto;
	text-align: center;
	text-transform: uppercase;
}
#related-products .owl-nav [class*='owl-'] {
    height: 220px;
}
@media(max-width: 1400px){
	.slick-dots {
	    bottom: 83px !important;
	}
	.slick-dots li{width: 10px !important;}
	#mycourusel .slick-slide img {
	    height: 250px;
		width:250px;
	}
}
@media(max-width: 1200px){
	#mycourusel .slick-slide img {
	    height: 200px !important;
		width:200px !important;
	}
	#related-products .owl-nav [class*="owl-"] {
		height: 180px !important;
	}
}
@media(max-width: 991px){

	#related-products .owl-nav [class*='owl-'] {
	    font-size: 11vw;
	    height: 220px;
	}
}
@media(max-width: 800px){

	#related-products .container-fluid{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.owl-theme .owl-nav [class*='owl-'] {
	    font-size: 14vw !important;
	}
	.owl-theme .custom-nav .owl-prev,
	.owl-theme .custom-nav .owl-next {
	    top: 12px !important;
	}
	#related-products .owl-nav [class*="owl-"] {
		height: 150px !important;
	}
	#related-products{
		margin-bottom: 2rem;
	}
	.slick-slide {
		margin: 0px !important;
	}
	.reviews .col-md-4{
		margin-bottom:1rem;
	}
	#mycourusel .prod-title {
		font-size: 18px;
	}
	#mycourusel .prod-price {
		font-size: 25px;
	}
	#mycourusel .prod-title {
		margin-top: 2rem !important;
	}
}
@media(max-width: 600px){
	.owl-theme .custom-nav .owl-prev,
	.owl-theme .custom-nav .owl-next {
	    top: 12px !important;
	}
	#mycourusel .slick-slide img {
		height: 280px !important;
		width: 280px !important;
	}

	#related-products .owl-nav [class*="owl-"] {
		height: 230px !important;
	}

	.slick-dots li{width: 20px !important;}
}
