p{
	font-family: 'Muli', sans-serif;
	font-weight: 400;
	color:#9a9a9a;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Muli', sans-serif;
	font-weight: 900
}
@media(max-width: 991px){

	.enriquecedores-ambientales{
		background-color: #e7b750!important;
	}

	.cama-premium{
		background-color: #3d6c43!important;
	}

	.senalamientos {
		background-color: #7d298c!important;
	}

	.productos-de-acrilico{
		background-color: #064b95!important;
	}
}

h2{
	font-size: 3.0rem;
}

img{
	width: 100%
}

.nopadding{
	padding: 0!important
}
.nomargin{
	margin: 0!important
}
.topmargin{
	margin-top: 50px!important
}

.topmargin-sm{
	margin-top: 25px!important
}

.topmargin-lg{
	margin-top: 75px!important
}

.bottommargin{
	margin-bottom: 50px!important
}

.bottommargin-sm{
	margin-bottom: 25px!important
}

.bottommargin-lg{
	margin-bottom: 75px!important
}

.bottommargin-xl{
	margin-bottom: 150px!important
}

.leftmargin{
	margin-left: 5%!important
}

.rightmargin{
	margin-right: 5%!important
}

.col-padding{
	padding: 5%
}

.col-padding-lg{
	padding: 10%
}

.col-padding-xl{
	padding: 15%
}

.col-padding-v-xl{
	padding: 0 20%
}

.col-padding-v-lg{
	padding: 0 10%
}

.btn-yellow {
    border-radius: 50px;
    color: #e7b750;
    background-color: #ffffff;
    border: 2px solid #e7b750;
}

.btn-yellow:hover {
    color: #fff;
    background-color: #e7b750;
    border: 2px solid #e7b750;
}

.btn-purple {
    border-radius: 50px;
    color: #7d298c;
    background-color: #ffffff;
    border: 2px solid #7d298c;
}

.btn-purple:hover {
    color: #fff;
    background-color: #7d298c;
    border: 2px solid #7d298c;
}

.btn-blue {
    border-radius: 50px;
    color: #054b95;
    background-color: #ffffff;
    border: 2px solid #054b95;
}

.btn-blue:hover {
    color: #fff;
    background-color: #054b95;
    border: 2px solid #054b95;
}

.btn-green {
    border-radius: 50px;
    color: #3d6c43;
    background-color: #ffffff;
    border: 2px solid #3d6c43;
}

.btn-green:hover {
    color: #fff;
    background-color: #3d6c43;
    border: 2px solid #3d6c43;
}

#btn-info{
	background-color: transparent;
	border-radius: 50px;
    color: #ffffff;
    border: 2px solid #ffffff;
}
}

/*hero-image*/

#hero-image h2{
	color: #054b95;
}

@media(max-width: 768px){
	#hero-image {
		padding: 10% 5%!important
	}
	#hero-image h2{
		margin-top: 50px;
		font-size: 2rem
	}
}

#hero-image-cama h2{
	color: #3d6c43
}

@media(max-width:  768px){
	#hero-image-cama {
		padding: 10% 5%!important
	}
	#hero-image-cama h2{
		font-size: 2rem;
	}

	#hero-image-cama > div:first-child {
		margin-top: 50px		
	}

	#cama-descripcion > div{
		padding: 0
	}

}

#hero-image-enriquecedores{
	padding:10% 10% 0;  
}


#hero-image-enriquecedores h2{
	color: #e7b750; 
}

@media(max-width: 768px){
	#hero-image-enriquecedores h2{
		font-size: 2rem 
	}

	#hero-image-enriquecedores{
	padding:10% 5% 0;  
}

}


#hero-image-senalamientos {
	padding:10% 10% 0;  
}

#hero-image-senalamientos h2{
	color: #7d298c
}
@media(max-width: 768px){
	#hero-image-senalamientos {
		padding:10% 5% 0;  
	}
	#hero-image-senalamientos h2{
		font-size: 2rem;
		margin-top: 50px
	}

	#hero-image-senalamientos >div{
		padding: 0
	}
}

#hero-image-acrilico {
	padding:10% 10% 0;  
}

#hero-image-acrilico h2{
	color: #054b95
}

@media(max-width: 768px){
	#hero-image-acrilico h2{
		font-size: 2rem;
		margin-top: 50px
	}

	#hero-image-acrilico {
		padding:10% 5% 0;  
	}

	#hero-image-acrilico >div{
		padding: 0
	}

}

#transparente h2{
	opacity: 0.1; 
	font-size: 70px
}

#transparente h3{
	position: absolute;
    top: 30px;
    right: 0;
    left: 0;
}

@media(max-width: 768px){
	#transparente h2{
		font-size: 50px
	}

	#transparente h3{
		font-size: 25px;
		top: 15px;
	}


}


#transparente-2 h2{
	opacity: 0.1; 
	font-size: 80px;
	color: #000!important;

}
#transparente-2 a{
	text-decoration: none;
}

#transparente-2 h3{
	position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    color: #000!important;

}

@media(max-width: 768px){

#transparente-2 h2{
	opacity: 0.1; 
	font-size: 50px;
	color: #000!important;

}
#transparente-2 a{
	text-decoration: none;
}

#transparente-2 h3{
	position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    color: #000!important;

}
/*	#transparente-2{
		display: none;
	}*/
}

#carousel-index{
	padding: 7% 15%
}

@media(max-width: 768px){
	#carousel-index{
		padding: 7% 5%
	}
	#carousel-index>div:last-child{
		margin-top: 0!important

	}

}

/*programa-enriquicimiento*/
#programa-enriquicimiento{
	padding: 10% 10% 0%;
}

@media(max-width: 768px){
	#programa-enriquicimiento{
		padding:10% 5% 0;  
	}

}

#programa-enriquicimiento h5{
	color: #bdbdbd;
}

#programa-enriquicimiento ul {
  list-style: none; /* Remove default bullets */
}
#programa-enriquicimiento li{
	display: inline-flex;
}

#programa-enriquicimiento ul li::before {
  	content: "•";
    color: #3d6c43;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1.5em;
    font-size: 25px;
    margin-top: -8px;
}


/*nuestra-historia*/
#nuestra-historia h2, #nuestra-historia p{
	color: #fff
}

@media(max-width: 768px){
	#nuestra-historia{
		padding: 35% 5%!important
	}

}
/*nuestros-cliente*/

#nuestros-cliente h2{
	color: #2f3576;
}

@media(max-width: 768px){

	#nuestros-cliente {
		padding: 10% 5%!important
	}

}
/*hero-preguntas*/

#hero-preguntas h2, #hero-preguntas h6{
	color: #2f3576;
}
@media(max-width: 768px){

	#hero-preguntas h2{
		font-size: 2rem
	}
}

/*preguntas-descripcion*/

#preguntas-descripcion{
	background-size: 100% 100%
}

#preguntas-descripcion h3, #preguntas-descripcion p{
	color: #fff
}

#preguntas-descripcion ul {
  list-style: none; /* Remove default bullets */
}
#preguntas-descripcion li{
	display: inline-flex;
}

#preguntas-descripcion ul li::before {
  	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  	color: #fff; /* Change the color */
  	font-weight: bold; /* If you want it to be bold */
  	display: inline-block; /* Needed to add space between the bullet and the text */ 
  	width: 1em; /* Also needed for space (tweak if needed) */
  	margin-left: -1.5em; /* Also needed for space (tweak if needed) */
}

@media(max-width: 768px){

	#preguntas-descripcion{
		background-size: 200% 100%;
		padding-bottom: 150px;
	}
	#preguntas-descripcion .col-padding-v-xl{
		padding: 0px
	}

	#espacio{
		display: block!important;
	}
}




/*aviso-legal*/

#aviso-legal{
	padding: 3% 10%;
}
#aviso-legal h3{
	color:#2f3576 
}

#aviso-legal p{
	color:#2f3576 
}

#aviso-legal h6{
	color:#c4c4c4
}
#aviso-legal p{
	color:#656565

}

#aviso-legal a{
	color:#979797;
	font-weight:700;
}

#aviso-legal a:hover{
	color:#000
}


/*tipo-enriquecedores*/


#tipo-enriquecedores .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    color: #fff;
    font-size: 25px;
}

#tipo-enriquecedores .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #fff0;
    border-color: #ffffff00 #ffffff #dfaa37 #fff;
    font-weight: bold;
}

#tipo-enriquecedores .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-first.active {
    color: #fff;
    background-color: #fff0;
    border-color: #ffffff00 #ffffff #dfaa37 #dfaa37;
    font-weight: bold;
}


@media(max-width: 768px){

	.title-h5{
		display: block!important;
	}
	#tipo-enriquecedores{
		padding: 0 5%!important

	}
	#tipo-enriquecedores.carrousel-galeria-foto{
		margin-top: -40%!important;
		padding-bottom: 75px!important
	}

	.carrousel-galeria-foto > div.col-padding-lg{
		padding: 10% 5%
	}
	#galeria-carrousel-prod > div.col-padding-v-lg{
		padding: 10% 0%
	}

	#galeria-carrousel-prod {
		padding-bottom: 125px!important
	}

	#tipo-enriquecedores-ori{
		padding: 0!important;
		margin-top: -50%!important;
		background-size: 130% 100%!important;
	}
	#tipo-enriquecedores-ori>div{
		padding: 200px 0px 140px!important;
	}

	#tipo-enriquecedores .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    	font-size: 16px;
    	padding: 10px;
	}
	#tab-descripcion {
		padding: 10% 5%!important
	}

	#galeria-carrousel-enri .col-padding-v-lg{
		padding: 0
	}

	.paddingLeft{
		padding-left:	0px!important 
	}
	#tabs-escritorio{
		display:none!important; 
	}
	#tabs-mobile{
		display: block!important;	
	}
	.tabla-escritorio{
		display: none!important;
	}
	.ver-cuadro{
		display: block!important;
	}

	#cuadro-status{
		display: none;
	}

	#container-owl-2{
		display: none;
	}
}

#tab-descripcion  #tipos  .nav-tabs-2{
	display: inline-flex;
}

#tab-descripcion  #tipos  .nav-tabs-2 .nav-item.show .nav-link, .nav-tabs-2 .nav-link {
    color: #bdbdbd;
    font-size: 17px;
    font-weight: bold;
}

#tab-descripcion  #tipos  .nav-tabs-2 .nav-item.show .nav-link, .nav-tabs-2 .nav-link.active {
    color: #dfaa37;
    background-color: #fff0;
    border-color: #ffffff00 #ffffff #dfaa37 #fff;
    font-weight: bold;
}

#tab-descripcion  #tipos  .nav-tabs-2 .nav-item.show .nav-link, .nav-tabs-2 .nav-first.active {
    color: #fff;
    background-color: #fff0;
    border-color: #ffffff00 #ffffff #dfaa37 #dfaa37;
    font-weight: bold;
}




	/*concepto*/
	#concepto h5{
		color: #bdbdbd;
	}

	/*estrategia*/
	#estrategia h5{
		color: #bdbdbd;
	}

	/*efectos*/
	#efectos h5{
		color: #bdbdbd;
	}
	/*enriquecimientos*/
	#enriquecimientos-container-2:before{
		width: 100%;
	    content: '';
    	display: block;
    	margin: 40px 15% 70px;
    	border-top: 2px solid #000;
	}
	#enriquecimientos-container .imagen-container p{
		color: #dfaa37
	}

	.titulo-enriquecimiento{
		color: #bdbdbd;
	}

	.titulo-imagen{
		color: #dfaa37
	}

	#enriquecimientos-container-2 h5{
		color: #bdbdbd;
	}

#fondoCambiable{
	padding-top: 17%;
	padding-bottom: 100px ;
 	background-size: 100% 100%; 
 	margin-top: -25%;
}
@media(max-width: 768px){
	#fondoCambiable{
 		margin-top: -60%;
 		padding-top: 45%;
	}

	#fondoCambiable h2{
		font-size: 2rem
	}
}
/*clientes*/

#clientes{
	padding: 5% 10%;
	background-color: #f8f8f8
}

@media(max-width: 768px){
/*	#clientes{
		display: none;
	}*/

}
/*contactanos*/
#contactanos{
	margin:5% 10%
}
@media(max-width: 768px){
	#contactanos{
		padding-top: 50px
	}
	#contactanos>div:first-child{
		margin-top: 30px
	}
}
#contactanos p{
	color: #9ea4a9
}

#contactanos a{
	color: #000
}

#contactanos i{
	position: absolute;
	color: #333b8c
}	

#descripcion-contacto-movil{
	display: none;
}

@media(max-width: 767px){
	#contactanos{
		margin:3%;
	}

	#contactanos > div > div:last-child{
		display: none;
	}

	#descripcion-contacto-movil{
		display: block!important;
	}

	#contactanos h2{
		font-size: 2rem
	}

}

/*preguntas-frecuentes*/
@media(max-width: 768px){
	#preguntas-frecuentes{
		padding: 10% 5%!important;
	}
}
#preguntas-frecuentes h3{
	color: #054b95;

}

#preguntas-frecuentes p{
	color: #a2a2a2;

}

#preguntas-frecuentes span{
	color: #000!important;

}



/*Formulario*/

.form-custom {
    border: 0px;
    border-bottom: 2px solid #000;
    border-radius: 0px;
    background-color: #fff;
    padding-left: 0px;
    height: 40px!important;
}

.form-custom-area {
    border: 0px;
    border-bottom: 2px solid #000;
    border-radius: 0px;
    background-color: #fff;
    padding-left: 0px;
}

.form-custom-azul {
    border: 0px;
    border-bottom: 2px solid #2f3576;
    border-radius: 0px;
    background-color: #fff;
    padding-left: 0px;
    height: 40px!important;
}

.form-custom-area-azul {
    border: 0px;
    border-bottom: 2px solid #2f3576;
    border-radius: 0px;
    background-color: #fff;
    padding-left: 0px;
}

/*Header*/

#header{
	border-bottom: 2px solid gray;
	padding: 1rem 10% 1rem;

}
#header-custom{
	z-index: 150;
   	width: 100%;
   	position: fixed; 
    background-color: #fff;
    border: 0px solid white;
    transition: all 1s; 
}

#menu-mobile{
	color: #fff
}

.azul-header{
	transition: all 1s; 
	background-color: #32478c!important
}

.white-header{
	transition: all 1s; 
	background-color: transparent!important;
}




@media(min-width: 991px){
	#header-custom:hover{
		opacity: 1!important;
		transition: all 1s; 
	}
}

@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav .nav-link {
	    padding-right: 2.5rem!important;
	    padding-left: .5rem;
}
}

#logo{
	width: 75%;
}
@media(max-width: 768px){
	#logo{
		width: 200px
	}
}

#header a{
	color: #dadada
}

#header a:hover{
	color: #054b95
}

#header  .custom-navbar{
	position: absolute; 
	right: 10%;
}
@media(max-width: 991px){

	#header  .custom-navbar{
		top: 91px;
	    left: 0px;
	    right: 0px;
	    z-index: 100;
	    padding: 5%;
	    background-color: #fff
	}
}

/*Footer*/
#footer{
	background-color: #272727;
	padding: 0 10%;
}

#footer h5{
	color: #cdcdcd;
	font-weight: 400
}

#footer p{
	color: #6c6c6c
}

#footer img#color-logo{
	margin-top: -50px
}

#footer .title:after{
	content: '';
    display: block;
    margin-top: 25px;
    border-bottom: 3px solid #2f3576;
    width: 40%;
}

#footer img{
	width: auto;
}

#logos-footer{
	padding: 0 20%
}

@media(max-width: 768px){
	#logos-footer{
		padding: 0%
	}

	#footer h5{
		font-size: 1rem
	}

	#footer p{
		font-size: 0.8rem
	}

}


.btn-enviar{
	border: 2px solid #333b8c;
    border-radius: 100px;
    color: #333b8c
}

 /* placeholder */
::-webkit-input-placeholder { 
	color:#c5c5c5;
	padding-left: 15px
}
::-moz-placeholder { 
	color:#c5c5c5;
	padding-left: 15px
	} /* firefox 19+ */
:-ms-input-placeholder { 
	color:#c5c5c5;
	padding-left: 15px
} /* ie */
input:-moz-placeholder { 
	color:#c5c5c5;
	padding-left: 15px
}

/*galeria-carrousel*/

#galeria-carrousel h2{
	color: #e7b750
}
#galeria-carrousel-sena{
	color: #7d298c
}

@media(max-width: 768px){
	#ficha-tecnica{
		padding: 0 5%!important;
		background-size:cover!important;
	}
}

@media(max-width: 768px){
	#galeria-carrousel-sena > div.col-padding-v-lg{
		padding: 0;
		margin-bottom:100px;
	}

}

#galeria-carrousel-prod{
	color: #054b95;
	padding:5% 10% 10%;
}



#galeria-fotos .owl-prev{
    position: absolute;
    left: -5%;
    top: 35%;
    height: 75px;
    width: 75px;
    background-color: white;
    border-radius: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#galeria-fotos .owl-next{
    position: absolute;
    right: -5%;
    top: 35%;
    height: 75px;
    width: 75px;
    background-color: white;
    border-radius: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media(max-width: 768px){
  #galeria-fotos .owl-prev{
    top: 40%;
    left: 0%;
    height: 30px;
    width: 30px;
  }

  #galeria-fotos .owl-next{
    top: 40%;
    right: 0%;
    height: 30px;
    width: 30px;
  }

  #galeria-fotos .fa-2x{
    font-size: 1.5em;
  } 
}

@media(max-width: 767px){

	#clientes-carousel{
		display: none;
	}
}

@media(min-width: 768px){

	#clientes-mobile{
		display: none;
	}
}