@charset "utf-8";
/* CSS Document */


*{
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

::selection{
    background: #67803b;
    color: #fff;
}


.desktop{
    display: block !important;
}

.mobile{
    display: hidden !important;
    display: none !important;

}


body{
    
    font-family: "DM Sans", serif;
  font-optical-sizing: auto;
  font-style: normal;
    overflow-x: hidden !important;
    scroll-behavior: smooth;
    color: #262d1e;

}

div{
    overflow-x: hidden;
}



/*Inicio Nav*/

nav{
background: rgba(171, 191, 72, 0.95) !important;
box-shadow: 0 0px 15px rgba(0, 0, 0, 0.05);
backdrop-filter: blur(7.6px);
-webkit-backdrop-filter: blur(7.6px);
position: fixed !important;
z-index: 1000000;
width: 100%;
}

nav a{
	transition: all 200ms ease;
    color: #fff;
    font-weight: 300 !important;
    letter-spacing: 1px;
}

nav a:hover{
    color: #c56038 !important;
}



nav a.nav-link{
    margin-top: 15px;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat;
	background-image:url("../img/h_w.png");
}


nav #logo_main{

	width: 25%;
    height: auto;
	margin-right: 15%;

	
}




nav #navbarNav{

	width: 70%;
}



nav #navbarNav ul li a{

	display: block;
	width: 100%;
	text-align: center;
	margin-left: 30px;
	font-weight: 500;

}



/*Fin Nav*/

#logo_main img{
    width: 200px;
}


#video{
    width: 100%;
    height: 100%;
    padding-top: 70px;
}

#video video{
    width: 100%;
    height: auto;
}



#h1{
    padding: 70px 0;
    background: #fff;
}
    
#h1 h1{
    text-align: center !important;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 1px;
}

#h1 h1 span{
    color: #abbf48;
}

h2{
    text-align: center;
    padding: 50px 0;
    color: #c56038;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 30px;
}


#nosotros{
    background: #80983f;
    color: #fff;
    overflow-x:hidden; 
    overflow-y: hidden;
}



#nosotros_A{
    background-color: #eeeeee;
    background-image: url("../img/spad_nosotros.jpg");
    background-position: 40% center;
    min-height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
}


#nosotros_B{
    padding: 60px 0;
    overflow-y: hidden;
}

#nosotros_t{
    overflow-y: hidden;
}

#nosotros_t .row, #nosotros_t .row div{
    overflow-y: hidden;
}

#nosotros_t p {
    display: block;
    padding: 0 20px;
}


.ver_mas{
    display: block;
    width: 80%;
    max-width: 250px;
    padding: 15px;
    border: 2px solid #d7964e;
    border-radius: 40px;
    text-align: center;
    margin: 0 auto;
    background-color: #fff;
    font-size: 17px;
    color: #c56038;
    transition: all ease 200ms;
    font-weight: 800;
    text-decoration: none;
}


.ver_mas:hover{
    background-color:#c56038;
    color: #fff;
    text-decoration: none;
}


/*Carrusel Inicio*/

.carousel-control-prev-icon{
    background-image:url("../img/slider/izq.svg");
    width: 40px;
    height: 40px;
}


.carousel-control-next-icon{
    background-image:url("../img/slider/der.svg");
    width: 40px;
    height: 40px;
}



/*Carrusel Fin*/

#h_servicios{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: auto;
}

#hhserv{
    background: #e2b45b;
    margin: 0 auto;
    width: 300px;
    border-radius: 0 0 30px 30px;
}

#hhserv h2{
   color: #fff;
    padding: 10px;
    width: 300px;
    height: 130px;
    line-height: 110px;
}

#servicios{
    padding: 0;
}

#certificacion{
    background-image: url("../img/certificacionn/fondo_cert.gif");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 40%;
    overflow-y: hidden;
}

#certifiacion_B{
    overflow-y: hidden;
}

#servicios_A{
    min-height: 200px;
    background-image:url("../img/servicios/header_servicios.jpg");
    background-size:100%;
    background-position: center center;
    background-attachment: fixed;
}

#servicios_B{
    padding: 0;
    position: relative;
}

.txt_slider{
    overflow-y: hidden;
}

.txt_slider p, .txt_slider h3{
    padding: 10px;
}

/*----------Slider_servicios_inicio-----------*/

#slider_inspeccion{
    background-color: #d7964e;
    color: #ffffff;
}

#slider_inspeccion_A, #slider_desmetalizado_A, #slider_tamizado_A, #slider_mezclado_A, #slider_molienda_A{
    min-height: 600px;
}

#slider_inspeccion_B{
    background-image: url("../img/slider_servicios/inspeccion.jpg");
    background-position: 40% center;
    min-height: 550px;
    background-repeat: no-repeat;
    background-size: cover; 
}


#slider_desmetalizado{
    background-color: #94B04C;
    color: #ffffff;
}


#slider_desmetalizado_B{
    background-image: url("../img/slider_servicios/desmetalizado.jpg");
    background-position: 40% center;
    min-height: 500px;
    background-repeat: no-repeat;
    background-size: cover; 
}



#slider_tamizado{
    background-color: #C56038;
    color: #ffffff;
}


#slider_tamizado_B{
    background-image: url("../img/slider_servicios/tamizado.jpg");
    background-position: 40% center;
    min-height: 500px;
    background-repeat: no-repeat;
    background-size: cover; 
}


#slider_mezclado{
    background-color: #80983f;
    color: #ffffff;
}


#slider_mezclado_B{
    background-image: url("../img/slider_servicios/mezclado.jpg");
    background-position: 40% center;
    min-height: 500px;
    background-repeat: no-repeat;
    background-size: cover; 
}


#slider_molienda{
    background-color: #262d1e;
    color: #ffffff;
}


#slider_molienda_B{
    background-image: url("../img/slider_servicios/molienda.jpg");
    background-position: 40% center;
    min-height: 500px;
    background-repeat: no-repeat;
    background-size: cover; 
}



.carousel-control-prev-icon.white{
    background-image:url("../img/slider_servicios/izq.svg");
    width: 40px;
    height: 40px;
}


.carousel-control-next-icon.white{
    background-image:url("../img/slider_servicios/der.svg");
    width: 40px;
    height: 40px;
}




.icon_productos{
    margin: 0 auto;
}

/*----------Slider_servicios_fin-----------*/


#t_certificacion{
    padding: 25% 11%;
}


#t_certificacion h2{
    color: #d7964e;
    text-align: left;
}

#numeralia{
    padding: 100px 10%;
}

#numeralia p, #numeralia span{
    font-size: 14px;
    padding: 0 12%;
    text-align: center;
}

#numeralia span{
    font-size: 50px;
    font-weight: 800;
    display: inline;
}

#numeralia #num1 span{
    color: #d7964e;
}

#numeralia #num2 span{
    color: #c56038;
}

#numeralia #num3 span{
    color: #80983f;
}

#numeralia #num4 span{
    color: #94b04c;
}



#main_footer{
    background: #262d1e;
    color: #fff;
    padding-top: 20px;
}


#main_footer #map{
    width: 90%;
    min-height: 400px;
    padding: 5% 5% 0;
}

#w_map p{
    text-align: center;
    padding: 20px 0;
}

#main_footer #datos{
    padding-top: 40px;
}

#main_footer #datos p{
    margin-bottom: 4px;
}

#main_footer #datos p a{
    color: #fff;
    text-decoration: none;
    transition: all ease 200ms;
}

#main_footer #datos p a:hover{
    color: #e2b45b;
}

#main_footer #datos p a span{
    color: #abbf48;
    font-weight: 600;
}


#main_footer #datos #qr{
    margin-bottom: 40px;
}



#t_footer{
    border-top: 3px solid #abbf48;
    padding: 10px 5%;
    font-size: 12px;
}


#t_footer p{
    padding-top: 10px;
    text-align: center;
}



#contacto_A{
    background-color: #eeeeee;
    background-image: url("../img/contacto/spad_nosotros.jpg");
    background-position: 40% center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 1200px;
}





/*----------Contacto_inicio-----------*/

#iframe_c{
    display: block;
    width: 100%;
    height: 1150px;
}

#form p{
    color: #67803b;
    text-transform: uppercase;
    font-weight: 500;
}

#formo{
    display: block;
}

#form input, #form textarea{
    display: block;
    width: 100%;
    border:2px solid #d7964e;
    color: #262d2e;
    border-radius: 20px;
    padding: 5px;
}

#form textarea{
    min-height: 200px;
    max-height: 200px;
}


#form #enviar{
    display: block;
    width: 100%;
    max-width: 300px;
    padding: 15px;
    border: 2px solid #d7964e;
    border-radius: 40px;
    text-align: center;
    margin: 0 auto;
    background-color: #fff;
    font-size: 17px;
    color: #c56038;
    transition: all ease 200ms;
    font-weight: 800;
    text-decoration: none;
}




#form #enviar:hover{
    background-color:#c56038;
    color: #fff;
    text-decoration: none;
}


/*----------Contacto_fin-----------*/


#h_blog{
    color: #67803b;
    padding-bottom: 25px;
}

#h5_blog{
    text-align: center;
}


#h_contactanos{
    color: #fff;
    padding-bottom: 25px;
}

#h5_contactanos{
    color: #fff;
    text-align: center;
}




/*----------Blog_inicio-----------*/

#blog{
    background-image: url("../img/blog/fondo_blog.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
}

.w_blog{
    height: 500px;
    position: relative;
}

.texto_blog{
    background: #abbf48;
    color: #fff;
    padding: 25px;
    width: 300px;
    position: absolute;
    top: 150px;
    right: 20%;
}

.texto_blog p{
    padding: 10px;
}

#blog_0{
    background-image: url("../img/blog/blog/01/SP-C-61.jpg");
    background-repeat: no-repeat;
    background-position: 30% 0;
}


.carousel-control-prev-icon.green{
    background-image:url("../img/blog/izq.svg");
    width: 40px;
    height: 40px;
}


.carousel-control-next-icon.green{
    background-image:url("../img/blog/der.svg");
    width: 40px;
    height: 40px;
}



/*----------Blog_fin-----------*/



/*Inicio WA*/


#waf{
	position: fixed;
	z-index: 100;
	width: 140px;
	height: 140px;
	right: 30px;
	bottom: 30px;
}

#waf_movil{
		display:none;
	}


#waf a{
	display: block;
	width: 100%;
	height: 100%
}



#waf_halo{
	background: url("../img/wa/wa_halo.png") no-repeat center;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all ease 200ms;
	-moz-transition: all ease 200ms;
	transition: all ease 200ms;
}



#waf_logo_v{
	background: url("../img/wa/wa.png") no-repeat center;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50px;
	left: 30px;
	z-index: 7;
	opacity: 1;
	-webkit-transition: all ease 200ms;
	-moz-transition: all ease 200ms;
	transition: all ease 200ms;
}


#waf_logo{
	background: url("../img/wa/wa_hover.png") no-repeat center;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50px;
	left: 30px;
	z-index: 8;
	opacity: 0;
	-webkit-transition: all ease 200ms;
	-moz-transition: all ease 200ms;
	transition: all ease 200ms;
}


#waf_con{
	background: url("../img/wa/wa_contactanos.png") no-repeat center;
	width: 140px;
	height: 20px;
	position: absolute;
	bottom: 0;
	z-index: 9;
	opacity: 0;
	-webkit-transition: all ease 400ms;
	-moz-transition: all ease 400ms;
	transition: all ease 400ms;
}


#waf a:hover #waf_logo{
	opacity: 1;
	top: 30px;
}


#waf a:hover #waf_logo_v{
	opacity: 0;
	top: 30px;
}

#waf a:hover #waf_halo{
	opacity: 0.5;
}


#waf a:hover #waf_con{
	opacity: 1;
}

/*Fin WA*/


@media only screen and (min-width: 1px) and (max-width: 768px) {

    

.mobile{
    display: block !important;
}

.desktop{
    display: hidden !important;
    display: none !important;

} 
    
    #contacto_A{
        height: 500px;
    }
    
    
#iframe_c{

    height: 1250px;
  
}    
    
/*Inicio Nav*/

nav{
background: rgba(171, 191, 72, 0.95) !important;
}

nav a{
	transition: all 200ms ease;
    color: #fff;
    font-weight: 300 !important;
    letter-spacing: 1px;
}

nav a:hover{
    color: #c56038 !important;
}



nav a.nav-link{
    margin-top: 15px;
}








nav #navbarNav ul li a{

	display: block;
	width: 100%;
	text-align: left;
	margin-left:0px;
	font-weight: 500;
    border-bottom: 1px solid #b8c965;

}

    
  nav  #logo_main{
        margin: 0 !important;
        width: 30%;
    }
    
#logo_main img{
    width: 210px;
    height: 70px;
    margin: 0;
}

/*Fin Nav*/



    
#video{
    padding-top: 75px;
}

    .nos_img{
        margin: 0 auto;
        width: 90%;
        padding-left: 10%;
    }
    
    
.w_blog{
    height: 600px;
    position: relative;
}    
    
    
.texto_blog{
    background: #abbf48;
    color: #fff;
    padding: 20px;
    width: 100%;
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
}
    
  
    #datos{
        text-align: center;
    }
    
    
    
    
/*Inicio wa*/
	

	
		
	#waf{
	display: none;
}
    
	
#waf_movil{
      display:block;
      width: 95px;
      height: 70px;
    position: fixed;
        z-index: 1000000;
    top: 100px;
    right: 0px;

	}
	
	



	#waf_movil a{
		color: #fff;
		font-size: 1.2em;
	}
		
	
/*FIN WA*/    
    

}






#preloader{
    background: #fff url("../img/loading.gif") no-repeat center center;
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 100;
}