body{
	margin: 0px;
	padding: 0px;
	background-color: #f9f9f9;
}

html {
  scroll-behavior: smooth; }

.contenedor-tarjeta-category a{
	color: #1BA296;
}
.contenedor-tarjeta-category a:hover{
	color: #1BA296;
}
.contact a{
	color: #878787;
	text-decoration: none;
}
.contact  a:hover{
	color: #878787;
	text-decoration: none;
}
.nav-movil{
	background-color: white;

}

.navbar{
	background-color: blue;
}
.imagen-desktop{
	display: flex;
}
.imagen-movil{
	display: none;
}

.logo-desktop{

}
.logo-movil{
	display: none;
}
.only-movil-nav{
	display: none;
}

.only-desktop{
	
}




@media (max-width: 768px){



.only-desktop{
	display: none;
}
	.imagen-desktop{
		display: none;
	}
	.imagen-movil{
			display: flex;
		}
		.nav-desktop{
			display: none;
		}
	.only-movil-nav{
			display: inline;
		}
	.logo-desktop{
		display: none; 

	}

.logo-movil{
	display: flex;
}
}

.contenedor-tienda{
	width: 1059px;
	margin: auto;
}

@media (max-width: 1059px){
		.contenedor-tienda{
		width: 100%;
		
		
	}
}




.contenedor-full{
	width: 1500px;
	margin: auto;
}
.contenedor-custom{
	margin-left: 10%;
	margin-right: 10%;
}
@media (max-width: 1500px){
		.contenedor-full{
		width: 100%;
		
	}
}
section{
	margin-top: 100px;
	margin-bottom: 100px;
}
.btn-primar{
	width: auto;
	height: auto;
	padding: 10px;
	background-color: #1BA296;
	color: white;
	border:2px solid #1BA296;
	border-radius: 3px;
	font-weight: 600;
	font-size: 13pt;
	min-width: 240px;
	-webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}

.btn-primar:hover{
	background-color: white;
	color: #1BA296;
	border:2px solid #1BA296;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}



.btn-sec{
	width: auto;
	height: auto;
	padding: 10px;
	background-color: white;
	color: #1BA296;
	border:2px solid white;
	border-radius: 3px;
	font-weight: 600;
	font-size: 13pt;
	min-width: 240px;
	-webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}



.btn-sec:hover{
	background-color: #1BA296;
	color: white;
	border:2px solid #1BA296;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}



a:hover{
	text-decoration: none;
}

.shadow{
-webkit-box-shadow: 10px 10px 12px -11px rgba(0,0,0,0.8);
-moz-box-shadow: 10px 10px 12px -11px rgba(0,0,0,0.8);
box-shadow: 10px 10px 12px -11px rgba(0,0,0,0.8);
}
.text-dialog{
	padding: 50px;

}

section{
	margin-top: 50px;
	margin-bottom: 100px;
}
.nab-lg{
	background-color: white;
	width: 100%;
	height: auto;
	padding-top: 18px;
}
.nav-link{
	 color: #22B0CA;
}
.navbar-toggler{
	border: none;
}
.contenedor-formulario{
	width: 70%;
	margin: auto;
}
.contact{
color: #878787;
height: 695px;
	margin-bottom: 30px;
}
.contenido-contact h3{
color: #878787;

}


.contenido-contact i{
color: #878787;

}

.collapse ul li a{
	color: #1BA296;
	
}



.form-contact{
	width: 100%;
	background-color: white;
	border: 1px solid white;
	padding: 10px;
	border-radius: 1px;
	color: #878787;
}

.ec-cart-widget{
	padding-top: 10px;
}
.cart-shop {
  	position: fixed;
  	bottom: 25px;
  	right: 110px;
  	width: 60px;
  	height: 60px;
  	line-height: 50px;
  	text-align: center;
  	background: #FFF;
  	border-radius:100%;
  	color: black;
  	z-index: 1000;
    -webkit-transition: 0.2s opacity;
  	cursor: pointer;
	-webkit-box-shadow: 7px 4px 15px -1px rgba(0,0,0,0.10);
	-moz-box-shadow: 7px 4px 15px -1px rgba(0,0,0,0.10);
	box-shadow: 7px 4px 15px -1px rgba(0,0,0,0.10);
	display: flex;
	justify-content: center;
	align-items: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;  	
}

.cart-shop:hover {
-webkit-box-shadow: 7px 4px 15px -1px rgba(0,0,0,0.28);
-moz-box-shadow: 7px 4px 15px -1px rgba(0,0,0,0.28);
box-shadow: 7px 4px 15px -1px rgba(0,0,0,0.28);
	-webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out; 


}


.cart-shop div .ec-minicart__counter{
	background: white;
}

.slide{
	margin-top: -10px;
}

#navbar {
  position: fixed;
  top: -150px;
  width: 100%;
  transition: top 0.5s;
  z-index: 1000;
}



.nav-links{
	display: flex;
}
.nav-links li {
	list-style: none;

}
.nav-links li a {


}


@media (min-width: 768px) {
.navbar-brand.abs
    {
        position: absolute;
        width: 100%;
        left: 0;
        text-align: center;
    }
}


.bg-cover{

	height: 500px;
	background-image: url('../img/794.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	display: flex;
	justify-content: center;
	padding-top: 30vh;



}

.navbar-light {
	background-color: white;
}

.tienda{
	margin-bottom: 100px;
}

 .tienda .ecwid-productBrowser{
	background-color: blue;
}

.nav-link{
	color: #1BA296;
}
.preloader-interior{
	background-color: blue;
	width: 100%;
	height: 100%;
}
.section-abouth{
	background-color:white ;
	height: 695px;
}

.bg-abouth{
	background-image: url("../img/banner-piedras-web.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 500px;
	padding: 0px;
}

@media (max-width: 768px) {
	.section-abouth {
		height: auto;
	}


	.bg-abouth{
		height: 384px;
	}
}


.section-tarjetas{

	height: 695px;
}


.dialog{
	padding: 50px;

}

.dialog h1{
	padding-top: 20%;

}
.tarjeta{
	display: flex;
	 flex-direction: column;
	 margin-bottom: 20px;
}


@media (max-width: 768px) {
	.section-tarjetas{

		height: auto;
	}

}


.otrolink a{
	color: #1BA296;
}

.otrolink a:hover{
	text-decoration: none;
	color: #1BA296;
   margin-left: 10px;
	-webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 padding-top: 1000px;
}


.otrolink a:hover span{
	margin-left: 10px;
	-webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}



.tarjeta a{
	color: #1BA296;
}
.tarjeta a:hover{
	text-decoration: none;
	color: #1BA296;
   margin-left: 10px;
	-webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
.tarjeta a:hover span{
	margin-left: 10px;
	-webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
.tarjeta{
		display: inline-block;
	}
}



footer{
	height: auto;
	padding-top: 100px;
	padding-bottom: 50px;
	background-color: #EFEFEF;
	color: #C8C8C8;
}

.nav ul li a {

	color: #B4B4B4;
}

@media (max-width: 768px) {
	.footer-2 a{
		text-align: center;
		
	}
}

.uk-height-large{
	height: 695px;
}


.uk-navbar-nav li a i{
	font-size: 20px;
	color: #1BA296;
}

.otrainfo .overlay {
	position: relative;
	height: 695px;
    left: 1;
    top: 1;
    right: 1;
    bottom: 1;



    background-color: rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.5);


	padding-top: 20%;
	padding-bottom: 20%;
}
.contenido-otrainfo h1{
	color: white;

}
.contenido-otrainfo{
	z-index: 100000;
	color: white;

}
.contenido-otrainfo .btn-sec {
	width: auto;
	height: auto;
	padding: 10px;
	background-color: white;
	color: #1BA296;
	border:2px solid white;
	border-radius: 3px;
	font-weight: 600;
	font-size: 13pt;
	min-width: 240px;
	-webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}



.contenido-otrainfo .btn-sec:hover{
	background-color: #1BA296;
	color: white;
	border:2px solid #1BA296;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}



.nav-1{
	height: 100px;
}






.logo-gris{
	  -webkit-filter: grayscale(100%);
  		filter: grayscale(100%);
		opacity: .25;
}

.card-com-count{
	 align-items: center;
	 padding-bottom: 100PX;
}

.card-com-count img{
width: 200px;
height: auto;
		border-radius: 100%;

}
.card-com-count{
	color: 	white;
}

.card-com-count h4{
	color: 	white;
}
.card-com-count div  span{
font-weight: bolder;
}

/*comentarios*/


.imagen-coment{

}

.text-coment{
	color: black
}

.text-coment h2{
	color: #1BA296;

}
@media (max-width: 991px){
	.imagen-coment{
		display: none;
	}

	.text-coment{
		padding: 70px;
	}
}


.contenido-coments{
	
	background-color:white ;
padding-top: 0px;
padding-bottom: 0px;

}

.carousel-control-prev i{
	margin-top: -100px;


}
.carousel-control-next i{
	margin-top: -100px;

}


.text-coment h3{
	color: black;
}





.paraax-container{
	margin-bottom: 280px;
}


.contenido-paralax{
	margin-top: -450px;
	margin-bottom: 160px;
	color: white;
}
.contenido-paralax h1{

	color: white;
}
.unete{
	height: 695px  ;
	background-image: url("../img/img5.jpg");
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 200px;
	color: white;
}
.unete h1{
	color: white;
}
.unete a{
	color: white;
}

@media (max-width: 768px){
	.unete{
		background-image: url("../img/img5-movil.jpg");
		background-position: center;

	}
}

/*categorias*/


.contenedor-categorias .row{

	margin: 0px;
	padding: 0px;

}
.card-category{
	widows: 50%;
	height: 300px;
	background-position: center;
	background-size: cover;
	padding: 50px 50px 50px 60px;
	display: flex;



}

.contenedor-tarjeta-category a {
	color: transparent;
	-webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;	
}
.contenedor-tarjeta-category:hover a {
	color: black;
	-webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;	
}

.card-category:hover  span{

	margin-left: 10px;
	-webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;	
}

.contenido-card-category h1{
	margin-top: 30%;
	align-self: center;
}

.contenido-card-category h1{
	color:#4B4B4B;
}

.transparent{
	color: transparent;
}



.bg-category-1{
	padding-right: 10px;
	background-image: url('../img/folic.png');


}

.bg-category-2{
	background-image: url('../img/derm.png');

}
.bg-category-3{
	background-image: url('../img/slim.png');
}
.contenedor-tarjeta-category a:hover{
	text-decoration: none;
}


.columnas-category .col-lg-4{
	margin: 0px;
	padding: 0px;
}

/***store***/

.container-products-tienda {
	width: 100%;
	height: 300px;
	background-color: #4B4B4B;
}
@media (max-width: 991px){
	.container-products-tienda {
		height: 180px;
	}
}
@media (max-width: 600px){
	.container-products-tienda {
		height: 100px;
	}
}
.img-products-tienda {
	width: 100%;
	height: 300px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
@media (max-width: 991px){
	.img-products-tienda {
		height: 180px;
	}
}
@media (max-width: 600px){
	.img-products-tienda {
		height: 100px;
	}
}
.txt-products-tienda {
	width: 100%;
	height: 150px;
	padding: 15px;
}
@media (max-width: 600px){
	.txt-products-tienda {
		padding: 8px;
	}
}
	
.txt-products-tienda h5 {
	margin-bottom: 0px;
	color: #1ba296;
}
@media (max-width: 790px){
	.txt-products-tienda h5{
		font-size: 13px;
	}
}
.txt-products-tienda h4 {
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: 600;
}
@media (max-width: 790px){
	.txt-products-tienda h4{
		font-size: 14px;
	}
}

.txt-products-tienda p {
	margin-bottom: 0px;
	margin-top: 0px;
	
}
@media (max-width: 790px){
	.txt-products-tienda p{
		font-size: 13px;
	}
}
.category-shop a{
	color: #1ba296 !important;
}


.mt-about {
	margin-top: 0px;
	margin-bottom: 40px;
}
@media (max-width: 790px){
	.mt-about{
		margin-top: 120px;
	}
}
.logo-old{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	margin: 50px 0px;
}
.about-txt h5 {
	color: #1BA296;
	
	font-size: 28px;
	margin-bottom: 0px;
}
.about-txt h4{
	margin-top: 0px;
}
.about-txt p {
	text-align: justify;
}
.txt-num{
	text-align: right !important;
}
@media (max-width: 991px){
	.txt-num{
		text-align: left !important;
	}
}

.about-banner{
	height: 460px  ;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 120px;
	color: white;
}
.about-banner h1{
	color: white;
}
.about-banner a{
	color: white;
}