@font-face {
    font-family: 'Exo';
    src: url('Exo/static/Exo-Regular.ttf');
}
@font-face {
    font-family: 'Exo-Bold';
    src: url('Exo/static/Exo-Bold.ttf');
}

@font-face {
    font-family: 'Exo-SemiBold';
    src: url('Exo/static/Exo-SemiBold.ttf');
}

.img_hero{

	background-image: url('../imagenes/1_home/home-1_v2.jpg');
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: right;
    background-position-y: right;
    height: 460px;
    
}

.img_heroBeneficios{

	background-image: url('../imagenes/4_beneficios/beneficios_1.jpg');
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: center;
    background-position-y: left;
    height: 450px;
    
}

.img_heroContacto{

	background-image: url('../imagenes/5_contacto/contacto_1.jpg');
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: center;
    background-position-y: left;
    height: 460px;
    
}

.img_heroSomos{

	background-image: url('../imagenes/2_historia/historia-1.jpg');
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: center;
    background-position-y: rigth;
    height: 460px;
    
}

.img_heroProductos{

	background-image: url('../imagenes/3_productos/productos_1.jpg');
	background-repeat: no-repeat; 
    background-size: cover;
    background-position: left;
    background-position-y: left;
    height: 460px;
    
    
}

.img_tool{

	background-image: url('../imagenes/2_historia/historia-3V1.jpg');
    background-repeat: no-repeat; 
     background-position: center;
    background-position-y: center;
    
    
}

.img_beneficios{
	background-image: url('../imagenes/4_beneficios/beneficios-8.jpg');
	background-repeat: no-repeat;
	background-size: cover ;
	color: #FFFFFF;
	min-height: 56vh;
	margin-left: 0px;
}
.exo_Regular {
    font-family: 'Exo', sans-serif;
}

.exo_Bold {
    font-family: 'Exo-Bold', sans-serif;
}

.exo_RegularBoton {
    font-family: 'Exo-SemiBold', sans-serif;
    font-size: 14px;
}

.exo_titulo {
    font-family: 'Exo-Bold', sans-serif;
    font-size: 55px;
}

.exo_subtitulo {
    font-family: 'Exo', sans-serif;
    font-size: 45px;
}
.exo_subtituloBold {
    font-family: 'Exo-Bold', sans-serif;
    font-size: 45px;
}

.exo_Regular_parrafo {
    font-family: 'Exo', sans-serif;
     font-size: 20px;
     line-height:23px;
}

.a{

	text-decoration: none;
}

.maskW{

	width: 60%;
}

.hojita{

	width: 7%;
}

.whatss_up{

	width: 50%;	
}
.exo_RegularAcento {
    font-family: 'Exo', sans-serif;
    font-size: 45px;
}

.exo_Footer {
    font-family: 'Exo', sans-serif;
    font-size: 12px;
}

.exo_Rueditas {
    font-family: 'Exo', sans-serif;
    font-size: 14px;
    color: #FFFFFF;
}

.exo_Footer_green {
    font-family: 'Exo', sans-serif;
    font-size: 12px;
    color: #80BC00;
}

.exo_Regular_blanco {
    font-family: 'Exo-Bold', sans-serif;
    color: #FFFFFF;
}

.exo_Regular_blancoMenu {
    font-family: 'Exo-Bold', sans-serif;
    font-size: 14px;
    
}

.fondoMadera{ 
	background-image: url("../imagenes/1_home/home-4.jpg");
	color:#FFFFFF  !important;
	font-family: 'Exo', sans-serif;
 }

 .img_up{

 	width: 3%;
 	cursor: pointer;
 }
  .img_socilaliza{

 	width: 20%;
 }

 .imgWhatss{
 	width: 50%;
 }
.bannerVerde {color:#FFFFFF  !important; background-color:#80BC00 !important}

.espacioParafo_inicio{ 
		padding-left: 55px;
 }

.alineado{
		text-align: end;
}

.alineadoMd{
		text-align: end;
}
.alineadoContacto{
		text-align: center;
		padding-left: 30%;
}


.alineado_boton{
		text-align: end;
}

.imagen_contacto{

		width: 50%;
}

.alineado_botonStart{
		text-align:start;
}

.sombra {
    box-shadow: 5px 5px 5px 0 rgba(10, 10, 10, 0.3);
}
.letra_sombra {
	text-shadow: 3px 3px 3px black;
}

.rueditas{
	width:65%;
}
.rueditas_figure_green{
	color:#80BC00;
}

.contactocel{

	height: 350px;
}
.paddingContacto{

	 padding-right: 45%;
}
.w_fixed{
	position:fixed;
	bottom: 5%;
	right: 2%;"
}

/* `lg` se aplica a dispositivos small (teléfonos horizontales, menos de  992px)*/
@media (max-width: 991.98px) { 
	.exo_Footer {
	    font-family: 'Exo', sans-serif;
	    font-size: 11px;
	}

	
 	.exo_RegularAcento {
    	font-family: 'Exo', sans-serif;
    	font-size: 35px;
	}

	.espacioParafo_inicio{ 
		padding-left: 20px;
 	}


		.alineadoMd{
		text-align: end;
		}

	.alineado{
		text-align: start;
	}
	
 
 	

}


/*`md` se aplica a dispositivos small (teléfonos horizontales, menos de 768px)*/
@media (max-width: 767.98px) { 

		.alineadoMd{
				text-align: start;
	    }

		.hojita{

			width: 11%;
		}
		.img_up{
		 		width: 15%;
		 		cursor: pointer;
		 	}

		.espacioParafo_inicio{ 
				padding-left: 18px;
		 }

		 .bannerPrincipal{

		 	height: 450px;
		 }
		 .exo_titulo {
		    font-family: 'Exo-Bold', sans-serif;
		    font-size: 48px;
		}
		.exo_subtitulo {
    		font-family: 'Exo', sans-serif;
    		font-size: 38px;
		}	
		.exo_subtituloBold {
    		font-family: 'Exo-Bold', sans-serif;
    		font-size: 38px;
		}	
		
		
		.img_heroProductos{
			/*min-height: 30vh;*/

		}
		.img_beneficios{
	
			min-height: 45vh;
		}
		.paddingContacto{

			 padding-right: 0px;
		}
		.contactocel{

			height:auto;
		}
		.alineadoContacto{
			text-align: center;
			padding-left: 0%;
		}

		.w_fixed{
			position:fixed;
			bottom: 3%;
			right: 1%;"
		}
	  .whatss_up{

		width: 75%;	
	  }
	  .alineado_boton{
		text-align: center;
	}
	.alineado_botonStart{
		text-align:center;
	}

}

/* `xl` se aplica a dispositivos large (escritorios, menos de 1200px)*/
@media (max-width: 1199.98px) { 

	.exo_Regular_parrafo {
	    font-family: 'Exo', sans-serif;
	     font-size: 16px;
	     line-height:23px;
	}



	.maskW{
			width: 98%;
	}
	

}
@media (min-width: 1199.99px) and (max-width: 1399.98px) {
		.maskW{
			width: 70%;
	}
}

@media (min-width: 991.98px) and (max-width: 1199.99px){

	.w_fixed{
			position:fixed;
			bottom: 2%;
			right: 0;
		}

	.whatss_up{

		width: 73%;	
	}

}
@media (min-width: 767.99px) and (max-width: 991.98px){
.exo_Regular_parrafo {
	    font-family: 'Exo', sans-serif;
	     font-size: 16px;
	     line-height:23px;
	}
	.whatss_up{

		width: 70%;	
	}
	.w_fixed{
			position:fixed;
			bottom: 2%;
			right: .5%;"
		}



}
@media (min-width: 767.99px) and (max-width: 1199.98px) {

	.img_hero{

			background-image: url('../imagenes/1_home/home-1_v2.jpg');
		    background-repeat: no-repeat; 
		    height: 450px;
		    
		}

	.exo_Rueditas {
	    font-family: 'Exo', sans-serif;
	    font-size: 12px;
	    color: #FFFFFF;
	}
	    	
	.rueditas_figure_green{
			color:#80BC00;
			font-size: 13px;
	}
		.paddingContacto{

			 padding-right: 18%;
	}
	.contactocel{

		height: 350px;
	}
	.alineadoContacto{
		text-align: center;
		padding-left: 10%;
	}
	.imagen_contacto{

		width: 72%;
	}
	.img_up{
 		width: 5%;
 		cursor: pointer;
 	}
 	.img_beneficios{
	
			min-height: 38vh;
		}
  /* … */
}
	
@media (min-width: 767.99px) { 


		.padding_logo{

			padding-top: 55px;
		}

 }
	



/*--------clases para el menu -----------*/
.navbar {
	/*padding: 25px 0;*/
	background-color: #000000;
	position: -webkit-sticky;
	color: red !important;

	
}



.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
  background-color:rgba(105, 105, 105, 0.7);
  color:#FFFFFF !important;
}