/********************** SECTION SLIDER *********************/

.sect_slider{

	background-color: #f2f2f2;
    margin-bottom: 50px;
}

.flex_slider{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	flex-flow: row wrap; 

}

.flex_slider .flex_left{

	width: 23%;

}

.flex_slider .flex_right{

	width: 77%;

}

/**/

.carousel-control-prev{

	position: absolute;

    bottom: 10px;

    top: auto;

    right: 90px;

    left: auto;

    background: #000;

    color: #fff;

    width: 50px;

    height: 50px;

    border-radius: 50%;

}



.carousel-control-next{

	position: absolute;

    bottom: 10px;

    top: auto;

    right: 30px;

    left: auto;

    background: #000;

    color: #fff;

    width: 50px;

    height: 50px;

    border-radius: 50%;

}

/**/

.sect_comprueba{

	display: none;

}

#comprueba{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 200px;

}

/**/

.slider_mobile{

	display: none;

}

/**/

@media(max-width: 991px){

	.flex_slider .flex_right {

	    width: 100%;

	}

	/*.sect_slider{

		margin-top: 20px;

	}*/

}

@media(max-width:767px){

	.slider_mobile{

		display: block;

	}

	.slider_desk{

		display: none;

	}

	.containerslidermobile{

		max-width: 100%;

    	padding: 0;

	}

}

@media(max-width:600px){

	.sect_comprueba{

		display: block;

	}

	#comprueba{

		display: none;	

	}

}

/******************** END SECTION SLIDER ********************/



/************************************* SECTION CATEGORIAS ******************************************/

.sect_categorias{

	padding: 50px 0;

	background: #f2f2f2;

}

.box_categoria{

	box-shadow: 0 2px 3px 0 rgba(100,100,100,.3);

}

/**/

.box_categoria .box_body a{

	display: block;

    background: #fff;

    padding: 10px;

    text-align: center;

    color: #000;

    font-weight: 600;

    text-decoration: none;

    margin-bottom: 10px;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.box_categoria:hover .box_body a{

    background: #02a0d7;

    color: #fff;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

/**/

.categorias .owl-nav{

	position: absolute;

    top: -82px;

    right: 10px;

}

.categorias .owl-nav [class*=owl-] {

    background: #00aea5;

    font-size: 20px;

    padding: 0px 10px;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.categorias .owl-nav [class*=owl-]:hover {

    background: #008080;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

/**/

@media(max-width: 767px){

	

}

/************************************** END SECTION CATEGORIAS **************************************/



/************************************** SECTION BANNERS *********************************************/

.sect_banner{

	padding: 50px 0px;

}

.box_banner{

	overflow: hidden;

	position: relative;

}

.box_banner:before{

	content: "";

	position: absolute;

	top: 50%;

	left: 0;

	right: 0;

	margin: 0 auto;

	width: 100%;

	height: 100%;

	background: #000;

	    z-index: 1;

	opacity: .5;

	-webkit-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	-o-transform: translate(0, -50%);

	transform: translate(0, -50%);

}

/**/

.box_banner img{

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

.box_banner:hover img{

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

/**/

.caption_banner{

	position: absolute;

	top: 50%;

	left: 0;

	width: 90%;

	right: 0;

	margin: 0 auto;

	-webkit-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	-o-transform: translate(0, -50%);

	transform: translate(0, -50%);

	z-index: 1;

}

.caption_banner h4{

	color: #ffffff;

    text-align: center;

    font-weight: 800;

    font-size: 18px;

}

.caption_banner a{

	display: block;

    background: #ffffff69;

    padding: 15px;

    color: #000000;

    text-decoration: none;

    width: 100%;

    max-width: 200px;

    margin: 0 auto;

    text-align: center;

    font-weight: 700;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.caption_banner a:hover{

	background: #009fd7;

    color: #ffffff;

	-webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

/**/

@media(max-width: 991px){

	.caption_banner h4 {

	    font-size: 14px;

	}

	.caption_banner a{

		font-size: 13px;

    	max-width: 150px;

    	padding: 10px;

	}

}

@media(max-width: 767px){

	.box_banner{

		margin-bottom: 30px;

	}

}

@media(max-width: 600px){

	.sect_banner {

		padding-top: 25px;

	}

}

/*************************************** END SECTION BANNERS ***************************************/





/***************************************** SECTION PRODUCTOS ****************************************/

/*.sect_productos{

	padding-top: 50px;

}*/

.productos .item{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	flex-flow: row wrap; 

	justify-content: space-around;

}

.productos .box_productos{

	width: 19%;

}

/**/

.productos .owl-nav{

	position: absolute;

    top: -82px;

    right: 10px;

}

.productos .owl-nav [class*=owl-] {

    background: #00aea5;

    font-size: 20px;

    padding: 0px 10px;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.productos .owl-nav [class*=owl-]:hover {

    background: #008080;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

/**/

.box_productos{

	box-shadow: 0 2px 3px 0 rgba(100,100,100,.3);

	margin-bottom: 30px;

}

.box_productos .box_head{

	position: relative;

}

.box_productos .box_head .caption_productos{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	flex-flow: row wrap;

	align-items: center;

	justify-content: center;

	opacity: 0;

	-webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.caption_productos:before{

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #008080;

	opacity: .5;

}

.box_productos:hover .box_head .caption_productos{

	opacity: 1;

	-webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.caption_productos>a{

        display: block;

    position: relative;

    width: 50px;

    height: 50px;

    line-height: 20px;

    font-size: 25px;

    padding: 15px;

    color: #fff;

    border-radius: 50%;

    background: #000;

    text-align: center;

    text-decoration: none;

    font-weight: 700;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.caption_productos>a:hover{

    background: #fb8c00;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

/**/

.box_productos .box_body h4{

	font-size: 13px;

    font-weight: 600;

    text-align: center;

    margin-top: 20px;

    padding: 0px 10px;

}

.list_stars{

	padding-left: 0;

	list-style: none;

	margin-bottom: 5px;

	text-align: center;

}

.list_stars>li{

	display: inline-block;

}

.list_stars>li svg .fa-secondary{

	color: #008080;

    opacity: inherit;

}

.list_stars>li svg .fa-primary{

    color: #000000;

}

/**/

.box_productos .box_foot{

	padding: 10px;

	padding-bottom: 20px;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	flex-flow: row wrap;

	justify-content: center;

}

.box_productos .box_foot .btn_cotizar{

	display: block;

    background: #00aea5;

    padding: 10px 10px;

    color: #ffffff;

    font-weight: 900;

    font-size: 12px;

    border-radius: 3px;

    text-decoration: none;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

    cursor: pointer;

    margin: 0px 5px;

}

.box_productos .box_foot .btn_cotizar:hover{

	background: #008080;

	color: #ffffff;

	-webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.box_productos .box_foot .btn_wsp{

	display: block;

    background: #21d600;

    padding: 10px 20px;

    color: #ffffff;

    font-weight: 900;

    text-transform: uppercase;

    font-size: 12px;

    border-radius: 3px;

    text-decoration: none;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

    margin: 0px 5px;

}

.box_productos .box_foot .btn_wsp:hover{

	background: #008080;

	-webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.box_productos .box_foot .btn_tiktok{

    display: block;

    background: #000000;

    padding: 10px 20px;

    color: #fff;

    font-weight: 900;

    text-transform: uppercase;

    font-size: 12px;

    border-radius: 3px;

    text-decoration: none;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

    margin: 0px 5px;

}

.box_productos .box_foot .btn_tiktok:hover{

    background: #04a0d7;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

/**/

@media(max-width: 991px){

	.productos .box_productos {

	    width: 31%;

	}

}

@media(max-width: 767px){

	.productos .box_productos {

	    width: 47%;

	}

	.title_general .title_left>span{

		display: none;

	}

}

@media(max-width: 480px){

	.productos .box_productos {

	    width: 100%;

	}

}

@media(max-width: 400px){

	.title_general .title_left h5 {

	    font-size: 12px;

	}

}

/******************************************* END SECTION PRODUCTO **************************************/



/***************************************** SECTION PRODUCTOS DESTACADOS ************************************/

.sect_product_destacados{

	padding: 50px 0;

}

/**/

.box_contador #countdown_dashboard{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	flex-flow: row wrap;

	justify-content: center;

	margin-top: 20px;

}

.box_contador #countdown_dashboard .fecha_contador{

	width: auto;

	margin: 0 10px;

}

.box_contador #countdown_dashboard .fecha_contador>div{

	background: #008080;

    border-radius: 50%;

    color: #fff;

    width: 60px;

    height: 60px;

    margin: 0 auto;

    text-align: center;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

    justify-content: center;

}

.box_contador #countdown_dashboard .fecha_contador>div>span{

	color: #fff;

	font-weight: 600;

}

/**/

@media(max-width: 991px){

	.box_contador #countdown_dashboard .fecha_contador>div {

	    background: #008080;

	    width: 45px;

	    height: 45px;

	}

	.box_contador #countdown_dashboard .fecha_contador>div>span {

	    font-size: 12px;

	}

	.sect_product_destacados .caption_banner h4 {

	    font-size: 16px;

	}

	.box_productos .box_foot.desta .btn_cotizar {

		margin-bottom: 10px;

	}

	.sect_product_destacados .caption_banner h4 {

	    font-size: 20px;

	}

}

@media(max-width: 600px){

	.sect_product_destacados .caption_banner h4 {

	    font-size: 13px;

	}

	.sect_product_destacados .caption_banner a {

	    font-size: 12px;

	    max-width: 125px;

	    padding: 5px;

	}

}

/***************************************** END SECTION PRODUCTOS DESTACADOS *******************************************/



/******************************************* SECTION MARCAS *******************************************/

/**/

.marcas .item{

	padding: 5px;

}

/**/

.box_marcas{

	background: #fff;

    box-shadow: 0 2px 3px 0 rgba(100,100,100,.3);

}

.box_marcas img{

	filter: grayscale(100%);

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

.box_marcas:hover img{

	filter: grayscale(0%);

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

.box_marcas a{

	text-decoration: none;

}

.box_marcas p{

	color: #000000;

    font-weight: 700;

    padding: 15px;

    text-align: center;

}

/**/

.marcas .owl-nav [class*=owl-] {

    background: #00aea5;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.marcas .owl-nav [class*=owl-]:hover {

    background: #008080;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.marcas .owl-prev{

	position: absolute;

	top: 50%;

	left: -40px;

	-webkit-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	-o-transform: translate(0, -50%);

	transform: translate(0, -50%);

}

.marcas .owl-next{

	position: absolute;

	top: 50%;

	right: -40px;

	-webkit-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	-o-transform: translate(0, -50%);

	transform: translate(0, -50%);

}

.marcas .owl-nav{

	margin-bottom: 0;

}

/**/

@media(max-width: 600px){

	.marcas .owl-prev {

	    left: 0;

	}

	.marcas .owl-next {

	    right: 0;

	}

}

/**************************************** END SECTION MARCAS ************************************************/



/************************************* SECTION FRANJA DATOS *****************************************/

.sect_franja_datos{

	background: #00aea5;

	padding: 20px 0;

}

/**/

.flex_franja_datos{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	flex-flow: row wrap;

}

.flex_franja_datos .item{

	width: 25%;

	position: relative;

}

.flex_franja_datos .item svg{

	position: absolute;

	top: 0;

	left: 0;

	font-size: 40px;

	color: #fff;

}

.content_datos{

	position: relative;

	padding-left: 60px;

}

.content_datos:before{

	content: "";

	position: absolute;

	top: 0;

	height: 100%;

	right: 35px;

	border-right: 1px solid #fff;

}

.content_datos h5{

	font-size: 16px;

    font-weight: 800;

    color: #fff;

    margin-bottom: 0;

}

.content_datos p{

	margin-bottom: 0;

    font-weight: 300;

    color: #fff;

}

/**/

@media(max-width: 991px){

	.flex_franja_datos .item {

	    width: 48%;

	    margin-bottom: 25px;

	}

	.flex_franja_datos .item:nth-child(2) .content_datos:before{

		border-right: 0;

	}

	.flex_franja_datos .item:nth-child(4) .content_datos:before{

		border-right: 0;

	}

	.flex_franja_datos .item:nth-child(3),

	.flex_franja_datos .item:nth-child(4){

		margin-bottom: 0;

	}

}

@media(max-width: 600px){

	.flex_franja_datos .item {

	    width: 100%;

	    margin-bottom: 20px !important;

	}

	.content_datos:before {

	    border-right: 0;

	}

}

/******************************************** END SECTION FRANJA DATOS ************************************************/

/*.sect_subcategorias{
	margin-top: 0px;
}
.list-categories{
	display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    display: flex;
    max-height: 100%;
}
.list-categories .categorie {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
}
.list-categories .categorie img{
	width: 100%;
	max-width: 100%;
}
.list-categories .categorie .title {
    position: absolute;
    top: 32px;
    left: 32px;
    z-index: 1;
}
.list-categories .categorie .title span {
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
}
.list-categories .categorie .title span.white {
    color: #ffffff;
}
@media (max-width: 768px){
	.list-categories .categorie {
	    -webkit-box-flex: 1;
	    -ms-flex: 1 1 100%;
	    flex: 1 1 100%;
	    max-width: 100%;
	}
}*/

/********************************************** SECTION TITLE MARCAS *************************************************/
/*.sect_title_marcas{
	padding-top: 50px;
}*/
.sect_title_marcas 	.title_marcas .title_head h2{
	text-align: center;
	font-weight: 800;
}
.sect_title_marcas 	.title_marcas .title_body h6{
	text-align: center;
}
.title_marcas .title_body h6 svg .fa-secondary{
    color: #d6d6d6;
    opacity: inherit;
}
.title_marcas .title_body h6 svg .fa-primary{
    color: #04a0d7;
}

/******************************************** END SECTION TITLE MARCAS ***********************************************/

/********************************************** SECTION MARCAS *******************************************************/
/**/
.box_marcas{
	box-shadow: 0 2px 3px 0 rgba(100,100,100,.3);
	margin-bottom: 25px;
}
/**/
.box_marcas img{
	-webkit-transition: all ease 500ms;
	-o-transition: all ease 500ms;
	transition: all ease 500ms;
}
.box_marcas:hover img{
	filter: grayscale(100%);
	-webkit-transition: all ease 500ms;
	-o-transition: all ease 500ms;
	transition: all ease 500ms;
}
/****************/

.categorie {
    position: relative;
}
.categorie img{
	width: 100%;
	max-width: 100%;
}
.categorie .title {
    /*position: absolute;
    top: 32px;
    left: 32px;
    z-index: 1;*/
    transform: translate(15px, -245px);
    width: 90%;
}
.categorie .title span {
    font-size: 16px;
    font-weight: 700;
    text-shadow: 2px 2px 2px #000000;
    text-transform: uppercase;
}
.categorie .title span.white {
    color: #ffffff;
}
@media(max-width: 1199px){
	.categorie .title{
		transform: translate(15px, -200px);
	}
}
@media(max-width: 991px){
	.categorie .title{
		transform: translate(15px, -300px);
	}
}
@media(max-width: 767px){
	.categorie .title{
		transform: translate(15px, -230px);
	}
}
@media(max-width: 600px){
	
}
/******************/
.title_cate{
	color: #000000;
}
.title_cate:hover{
	color: #008080;
	text-decoration: none;
}
/**/

.subcategorias .owl-nav{

	position: absolute;

    top: -68px;

    right: 10px;

}

.subcategorias .owl-nav [class*=owl-] {

    background: #00aea5;

    font-size: 20px;

    padding: 0px 10px;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.subcategorias .owl-nav [class*=owl-]:hover {

    background: #008080;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}