@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

.montserrat-<uniquifier> {
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


@font-face {
    font-family: 'familiar_probold';
    src: url('fontss/familiar_pro-bold-webfont.woff2') format('woff2'),
         url('fontss/familiar_pro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'arialitalic';
    src: url('fontss/arial-italic-webfont.woff2') format('woff2'),
         url('fontss/arial-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'adlinnaka';
    src: url('fontss/adlinnaka.woff2') format('woff2'),
         url('fontss/adlinnaka.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'mangalregular';
    src: url('fontss/mangal-webfont.woff2') format('woff2'),
         url('fontss/mangal-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'newakedemo';
    src: url('fontss/newakefont-demo-webfont.woff2') format('woff2'),
         url('fontss/newakefont-demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'renogare';
    src: url('fontss/renogare-regular-webfont.woff2') format('woff2'),
         url('fontss/renogare-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



body{ margin: 0 }


/*pulseeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee*/

.resplandor-whatsapp{ position: absolute;
					  width: 71px;
		              height: 71px;
		              background: #26D929;
		              border-radius: 50%;
		              z-index: 1}

.resplandor-whatsapp img{ position: absolute;
		    top: 50%;
		    left: 50%;
		    transform: translateX(-50%)
		    translateY(-50%);
		    width: 100%;
		    max-width: 45px;
		    z-index:2}

.resplandor-whatsapp span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: inherit;
	border-radius: inherit;
	opacity: .8;
	animation: resplandoranimation 1s ease-out infinite;
	animation-delay: calc(1s * var(--i));
}

@keyframes resplandoranimation{

	100%{
		opacity: 0;
		transform: scale(1.4);
	}


}


/*bannerrrr anuncioooooooooooooooooooooooooooooooooooooooooo*/

.banner-anuncio{ width: 100%;
				 height: 100vh;
				 background: rgba(0,0,0,.8);
				 position: fixed;
				 z-index: 20
				  }

.banner-anuncio-img{ width: 510px;
					 padding: 5px;
					 background-color: #fff;
					 position: absolute;
					 top: 50%;
					 left: 50%;
					 transform: translateX(-50%)
					 translateY(-50%); }

/*imagennnn*/
.banner-anuncio-img img{ width: 100% }


/*botonnn cerrarrrrrr*/
.banner-anuncio-img-cerrar{ width: 50px;
							height: 50px;
							background: #ff0000;
							position: absolute;
							top: -60px;
							right: -60px;
							cursor: pointer;
							transition: 0.5s;
						    text-align: center;}

.banner-anuncio-img-cerrar span{ font-size: 20px;
								 color: #fff;
								 line-height: 50px}

.banner-anuncio-img-cerrar:hover{ background: #999 }


/*botonnn productooo*/
.banner-anuncio-img a{ text-decoration: none; }

.banner-anuncio-btn1{ position: absolute;
					  top: 67%;
					  left:25px;
					  transform: translateY(-67%);
					  background-color: #ff0000;
					  border-radius: 20px;
					  padding: 10px;
					  color:#fff;
					  cursor: pointer;}

.banner-anuncio-btn2{ position: absolute;
					  bottom:13%;
					  left: 50%;
					  transform:translateX(-50%)
					  translateY(-13%);
					  background-color: #420000;
					  border-radius: 20px;
					  padding: 10px;
					  color:#fff;
					  cursor: pointer;}

.banner-anuncio-btn1 span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	border-radius: inherit;
	opacity: .8;
	animation:pulseanimation  2s ease-out infinite;
	animation-delay: calc(1s * var(--i));}

.banner-anuncio-btn2 span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	border-radius: inherit;
	opacity: .8;
	animation:pulseanimation  2s ease-out infinite;
	animation-delay: calc(1s * var(--i));}

@keyframes pulseanimation{

	100%{
		opacity: 0;
		transform: scale(1.4)
	}


}



/*textoooo*/
.banner-anuncio-btn1 p{ font-family: ebrima;
						font-size: 12px;
						margin: 0;
						position: relative;
						z-index: 1}


.banner-anuncio-btn1:hover{ background-color: #fff;
							color: #ff0000 }



/*textoooo22*/
.banner-anuncio-btn2 p{ font-family: ebrima;
						font-size: 12px;
						margin: 0;
						position: relative;
						z-index: 1}


.banner-anuncio-btn2:hover{ background-color: #fff;
							color: #420000 }











/* especialesssssss */

*{ box-sizing: border-box; } 

.clear{ clear: both; }

.wrapp{ max-width: 1300px;
        margin: 0 auto }

/* colores */

.white{ color:#fff; }

.red{ color: #ff0000 }

.skyblue{ color: #aebac5 }


/*
*
* Preloader
*/
.cargador{ width: 100%;
		   height: 100%;
		   position: fixed;
		   top: 0;
		   left: 0;
		   background-color: #fff;
		   z-index: 999}


.cargador-preloader{ position: absolute;
					 top: 50%;
					 left: 50%;
					 transform: translateX(-50%)
					 translateY(-50%); }

.cargador-preloader p{ font-family: Montserrat;
					   font-size: 13px;
					   color: #222;
					   margin: 5px 0px 0px 0px }


.giro{
	width: 36px;
	height: 36px;
	margin: 0 auto;
	border: 3px solid #ff0000;
	border-radius: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	animation: cssload-spin .88s infinite linear;
}

@-webkit-keyframes cssload-spin {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes cssload-spin {
	100% {
		transform: rotate(360deg);
	}
}



/*buscadorrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr generallll*/
#search-general{ display: none; }
#search-general h1{ font-family: ebrima;
				    font-size: 15px;
				    color: #ff0000 }
#search-general p{ font-family: sans-serif;
				    font-size: 12px;
				    color: #333 }






/*botonn arribaaaaaaa*/

.arriba{ width: 50px;
         height: 50px;
         border-radius: 50%;
         background:#d30f0f;
         position: fixed;
         right: 30px;
         bottom:120px;
         cursor: pointer;
         z-index: 3
         
         }

.arriba h1{ margin: 0 }

.icon-chevron-up{ color: #fff;
                 position: absolute;
                 top: 50%;
                 left: 50%;
                 transform: translateX(-50%)
                 translateY(-50%);
                 font-size: 20px}
.arriba:hover{ background: #111;}





		


/* bienvenidaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */

#bienvenida-inicio{ width: 100%;
					position: relative;
				    margin:0px 0px 0px 0px;
					background: url(img/img-inicio/fondo-bienvenida.jpg);
					background-size: cover;
					background-position: center center;}


/* triangulooooooooooooooo  */
.bienvenida-inicio-triangulo{ width: 100%;
							  height: 40px;
							  position: relative; }

.bienvenida-inicio-triangulo-forma{  width: 0; 
								     height: 0; 
								     border-left: 50px solid transparent;
								     border-top: 40px solid #;
								     border-right: 50px solid transparent;
								     position: absolute;
								     left: 50%;
								     transform: translateX(-50%)}


/* contenedorrrrrrrrrrrr*/
.bienvenida-inicio-contenedor{ width: 100%;margin: 0px 0px 100px 0px }

.bienvenida-inicio-contenido{ width: 100%;
		                                      }

/* titulooooo */
.bienvenida-inicio-contenido-titulo{ width: 100%;
									 text-align: center;
									 padding: 50px 0px 0px 0px}

.bienvenida-inicio-contenido-titulo h1{ font-size: 70px;
										font-family: "Montserrat";
										color: #fff;
										letter-spacing: 0.5px;
										margin: 0;}

/*logooooooo*/
.bienvenida-inicio-contenido-logo{ width: 100%;
								   padding: 10px 0px 0px 0px;
								   text-align: center;}

.bienvenida-inicio-contenido-logo img{ width: 100%;
									   max-width: 150px; }


/* textoooooo*/
.bienvenida-inicio-contenido-secciones{ width: 100%;
									    padding: 10px 0px 0px 0px }

.bienvenida-inicio-contenido-secciones-seccion{ width: 40%;
												text-align: center;
											    margin: 0 auto }

.bienvenida-inicio-contenido-secciones-seccion p{ font-family: "Montserrat";
											      color: #fff;
											      font-size: 14px;
											      margin: 0;
											      text-align: justify;
											      line-height: 18px}

/* formaaaaaaaaaa trapeciooo en bienvenidaaaa */

.forma{ width: 100%}

.forma-contenido{ width: 50%;
				  float: left;
				  
				   }

.forma-contenido-trapecio{ width: 100%;
						   height: 0px;
						   border-right: 50px solid transparent;
						   border-left: 50px solid #fff;
						   border-bottom: 40px solid #fff; }

.forma-contenido-trapecio2{ width: 100%;
						   height: 0px;
						   border-right: 50px solid #fff;
						   border-left: 50px solid transparent;
						   border-bottom: 40px solid #fff; }









/* NUESTROSSSSSS PRODUCTOSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSssssssssssSSSSSSSSSSSSSSSSSSSSS */

#nuestros-productos-inicio{  width: 100%;
				             background-color: #fff;
							 padding: 60px 20px 50px 20px;}


/* seccionn 111111111111111111 */
.nuestros-productos-inicio-seccion1{ width: 40%;
									
									background-color: #ccf;
									float: left; }

/*tituloooo  */
.nuestros-productos-inicio-seccion-titulo{ width: 100%;
										   padding: 60px 0px 30px 20px;
										   background-color:#ff0000;
										   position: relative;box-sizing: border-box;  }

/* before circulooo*/
.nuestros-productos-inicio-seccion-titulo:before{ content: "";
												  width: 150px;
												  height: 150px;
												  border-radius: 50%;
												  background-color:#fff;
												  position: absolute;
												  top: -95px;
												  right:-75px;
												  z-index: 1 }

/* img fuegoo en circulo */

.nuestros-productos-inicio-seccion-titulo img{ position: absolute;
										       top: -170px;
										       right: -85px;
										       width: 100%;
										       max-width: 150px;
										       z-index: 2
										        }

.nuestros-productos-inicio-seccion-titulo h1{ font-family: "mangalregular";
											  font-size: 50px;
											  color: #fff;
											  margin:  0;
											  line-height: 20px }

.nuestros-productos-inicio-seccion-titulo h2{ font-family: "renogare";
											  font-size: 70px;
											  color: #fff;
											  margin:  0;
											  line-height: 90px; }




/* seccionn 2222222222222222222 */
.nuestros-productos-inicio-seccion2{ width: 60%;
									 padding: 70px 0px 0px 20px;
									 float: left; }

.nuestros-productos-inicio-seccion2 h1{ font-family: "mangalregular";
								        font-size: 17px;
								        color: #222;
								        line-height: 10px;
								        margin: 0 }

.nuestros-productos-inicio-seccion2 h2{ font-family: "renogare";
								        font-size: 25px;
								        color: #222;
								        margin: 0 }


.nuestros-productos-inicio-seccion2 p{ font-family: "Montserrat";
									   color: #222;
									   font-size: 13px;
									   text-align: justify;
									   line-height: 17px;
									   margin: 0
									    }

/* seccionn 33333333333333333 */
.nuestros-productos-inicio-seccion3{ width: 100%;
									 padding: 20px 0px 20px 0px;
									 float: left;
									  }

/* caja de botonn */

.nuestros-productos-inicio-seccion3-sub{ width: 25%;
									     float: left;
									     text-align: center; }

									     


/* boton */
.nuestros-productos-inicio-seccion3-sub-btn{ width: 150px;
									         height: 150px;
									         border-radius: 50%;
									         margin: 0px auto 6px auto;
									         overflow: hidden;
									         border:2px solid #ddd;
									         cursor: pointer;
									         transition: 0.5s;
									        }	

/* img de boton */
.nuestros-productos-inicio-seccion3-sub-btn img{ width: 100%;
												 max-width: 200px }

.nuestros-productos-inicio-seccion3-sub-btn:hover img{ filter: grayscale(1); }												 

.nuestros-productos-inicio-seccion3-sub-btn:hover {border:2px solid #eee;background-color: #eee }

/* texto1 de btn */
.nuestros-productos-inicio-seccion3-sub h1{ font-family:"Montserrat";
										    font-size:17px;
										    color: #222;
										    margin: 0;  }
/* texto2 de btn */
.nuestros-productos-inicio-seccion3-sub h2{ font-family: "Montserrat";
										    font-size:15px;
										    color: #222;
										    margin: 0;
										    line-height: 14px  }






/* puerta cortafuegooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */



#puerta-cortafuego-inicio{ width: 100%;
						   padding: 50px 20px 0px 20px;
						   background-color: #fff}


/*sector 111111111111111111111111111111111111111111*/

.puerta-cortafuego-inicio-sector1{ width: 50%;
								   float: left;
								   padding: 0px 40px 0px 0px }


/*seccion111111111111111111*/
.puerta-cortafuego-inicio-sector1-seccion1{ width: 100%;}

/* titulo 1  */
.puerta-cortafuego-inicio-sector1-seccion1 h1{ font-family: "mangalregular";
											   font-size: 40px;
											   color: #111;
											   margin: 0;
											   letter-spacing: -1px;
											   line-height: 30px}
/* titulo 2  */
.puerta-cortafuego-inicio-sector1-seccion1 h2{ font-family: "renogare";
											   font-size: 40px;
											   color: #111;
											   margin: 0px 0px 20px 0px;
											   letter-spacing: -1px;
											   position: relative;
											   width: 295px;z-index: 1;
											  
											    }
/* fuegoo en letra O  */
.puerta-cortafuego-inicio-sector1-seccion1 h2 img { position: absolute;
												    top: -40px;
												    right:-17px;
												    width: 100%;
												    max-width: 60px;
												    z-index: -1; }

/* subtitulo puertas que SON? */
.puerta-cortafuego-inicio-sector1-seccion1 h3{ font-family: "Montserrat";
											   font-size: 15px;
											   color: #222;
											   margin: 0;
											   letter-spacing: -1px;
											   margin: 5px 0px 5px 0px ;
											   }

/* parrafoo */
.puerta-cortafuego-inicio-sector1-seccion1 p{ font-family: "Montserrat";
											   font-size: 13px;
											   color: #222;
											   margin: 0;
											   text-align: justify; }




/*secccion222222222222222222222222222222*/
.puerta-cortafuego-inicio-sector1-seccion2{ width: 100%;
											padding: 20px 0px 10px 0px }


.puerta-cortafuego-inicio-sector1-seccion2 img{ width: 100%;
												 }





/* seccion3333333333333333333333333333333 */										

.puerta-cortafuego-inicio-sector1-seccion3{ width: 100%;}

/* contenedor de infoooooooo de los doss */
.puerta-cortafuego-inicio-sector1-seccion3-info{ width: 100%;
												 padding: 10px 0px 10px 0px }

.puerta-cortafuego-inicio-sector1-seccion3 h1{ font-family: "Montserrat";
											   font-size: 15px;
											   color: #222;
											   margin: 0;
											   letter-spacing: -1px;
											   margin: 5px 0px 5px 0px ;  }

.puerta-cortafuego-inicio-sector1-seccion3 h2{ font-family: "Montserrat";
											   font-size: 13px;
											   color: #ff0000;
											   margin: 0;
											  
											   margin: 5px 0px 5px 0px ;  }

.puerta-cortafuego-inicio-sector1-seccion3 p{ font-family:"Montserrat";
											   font-size: 13px;
											   color: #222;
											   margin: 0;
											   text-align: justify; }



/* info de por que estan impotrnate el mantenimiento..... */
/* contenedor */

.puerta-cortafuego-inicio-sector1-seccion3-info-texto{ width: 60%;
													   float: left;}

.puerta-cortafuego-inicio-sector1-seccion3-info-texto h1{ font-family: adlinnaka,
														  sans-serif;
														  font-size: 15px;
														  color: #222;
														   }

.puerta-cortafuego-inicio-sector1-seccion3-info-texto p{ font-family: "Montserrat";
														 font-size: 13px;
														 color: #222;
														 text-align: justify; }

.puerta-cortafuego-inicio-sector1-seccion3-info-img{ width: 40%;float:left;text-align: center; }

.puerta-cortafuego-inicio-sector1-seccion3-info-img img{ width: 100%; }









/*sector2222222222222222222222222222222222222222222222222  */

.puerta-cortafuego-inicio-sector2{ width: 50%;
								   float: left;
								   padding: 0px 0px 0px 40px }


/*seccion111111111111111111*/
.puerta-cortafuego-inicio-sector2-seccion1{ width: 100%;
											padding: 10px 0px 15px 0px;float: left;
											 }

.puerta-cortafuego-inicio-sector2-seccion1 h1{ font-family: "Montserrat";
											   color: #222;
											   font-size: 15px;
											   margin: 0px 0px 10px 0px;
											   letter-spacing: -1px
											    }
.puerta-cortafuego-inicio-sector2-seccion1 p{ font-family: "Montserrat";
											  color: #222;
											  font-size: 13px;
											  margin: 0;
											  text-align: justify;
											    }

/* seccion22222222222222222222 */

.puerta-cortafuego-inicio-sector2-seccion2{ width: 100%;float: left;margin: 20px 0px 20px 0px}

.puerta-cortafuego-inicio-sector2-seccion2-img{ width: 40%;
												float: left;
												padding: 10px 10px 0px 0px}

.puerta-cortafuego-inicio-sector2-seccion2-img img{ width: 100%;
													max-width: 250px }											

.puerta-cortafuego-inicio-sector2-seccion2-texto{ width: 60%;
												  float: left;
												  padding: 15px 0px 0px 10px
											}

.puerta-cortafuego-inicio-sector2-seccion2-texto h1{ font-family: "Montserrat";
													 color: #ff0000;
													 font-size: 14px;
													 margin: 0px 0px 0px 0px; }

.puerta-cortafuego-inicio-sector2-seccion2-texto h2{ font-family: "Montserrat";
													 color: #222;
													 font-size: 12px;
													 margin: 0px 0px 10px 10px;
													 border-bottom: 1px solid#999;
													 padding: 0px 0px 5px 0px }

.puerta-cortafuego-inicio-sector2-seccion2-texto ul li .icon-check{ color: #ff0000 }


.puerta-cortafuego-inicio-sector2-seccion2-texto ul{ margin: 0;
													 padding: 0 }													 

.puerta-cortafuego-inicio-sector2-seccion2-texto ul li{ font-family:"Montserrat";
													    color: #222;
													    font-size: 13px;
													    margin: 0;
													    list-style: none; }



/* certificacionessssssssssssssssssss  */

.puerta-cortafuego-inicio-sector2-certificaciones{  width: 100%;
													border:2px solid#ff0000;
													float: left;
													text-align: center;
													 }

.puerta-cortafuego-inicio-sector2-certificaciones h1{ font-family: "Montserrat";
													  color: #fff;
													  font-size: 15px;
													  margin: 0;
													  padding: 15px 0px 15px 0px;
													  background: #ff0000 }

.puerta-cortafuego-inicio-sector2-certificaciones img{  width: 100%;
														max-width: 300px;
														 }


/* seccion333333333333333333333333333333 */

.puerta-cortafuego-inicio-sector2-seccion3{ width: 100%;
	                                        float: left;
	                                       
	                                        margin: 30px 0px 0px 0px;
	                                        padding: 20px 20px 0px 0px
										}

/* texto */

.puerta-cortafuego-inicio-sector2-seccion3-texto{ width: 100% }

.puerta-cortafuego-inicio-sector2-seccion3-texto h1{ font-family: "Montserrat";
													font-size: 15px;
													color: #222;
													padding: 5px 0px 10px 0px;
													letter-spacing: -1px;
													
													margin: 0 }

.puerta-cortafuego-inicio-sector2-seccion3-texto p{ font-family: "Montserrat";
													font-size: 12px;
													color: #555;
													text-align: justify;
													margin: 0 }

.puerta-cortafuego-inicio-sector2-seccion3-texto-lista{ width: 100%;padding: 10px 0px 10px 0px;margin: 0; }

.puerta-cortafuego-inicio-sector2-seccion3-texto-lista h1{ font-family: "Montserrat";
														   font-size: 12px;
														   color: #222;
														   margin: 0;padding: 5px 0px 0px 0px
														   }

.puerta-cortafuego-inicio-sector2-seccion3-texto-lista li{ font-family: "Montserrat";
														   font-size: 12px;
														   color: #444;
														   margin: 0;
														   padding: 3px 0px 3px 0px }



.puerta-cortafuego-inicio-sector2-seccion3-texto-lista li .icon-check { color: #ff0000 }


/* img */										
.puerta-cortafuego-inicio-sector2-seccion3-img{ width: 100% ;
												margin: 0px 0px 15px 0px;
												text-align: center;}

.puerta-cortafuego-inicio-sector2-seccion3-img img{ width: 100% ;
	                                                max-width: 500px}







/*sectorr33333333333333333333333333333333333333333333333333333333333333  */


/* puertassss  sliderrrrrrrrrrrrrrrr */

.puerta-cortafuego-inicio-sector3-slider{ width: 100%;
										  float: left;
										  padding: 20px 0px 0px 0px
										  
										   }






/* botonnnnnnnnnnnn */
.puerta-inicio-boton{ width: 100%;
					  float: left;
					  position: relative;
					  height: 200px;
						   }

.puerta-inicio-boton-triangulo{  position: absolute;
								     width: 0; 
								     height: 0; 
								     border-left: 100px solid transparent;
								     border-top: 100px solid #ff0000;
								     border-right:100px solid transparent;
								     left: 50%;
								     top: 50%;
								     transform: translateX(-50%)
								     translateY(-50%);
								     transition: 0.5s

								     
								     

								     }

.puerta-inicio-boton-triangulo:before{ content: "Mas Info...";
										   width: 100px;
										   height: 100px;
										   position: absolute;
										   top: 100%;
										   left: 50%;
										   transform: translateX(-50%)translateY(-100%);
										   text-align: center;
										   line-height: 70px;
										   font-family: Arial, sans-serif;
										   color: #fff;
										   font-size: 15px;
										   font-weight: bold;
										    }

.puerta-inicio-boton-triangulo:hover{ border-top: 100px solid #420000; }





/* lineassssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */

#lineas-inicio{ width: 100%;
				height: 100px;
					 }

/*secccionnn11111 */
.lineas-inicio-seccion{ width: 100%;
					     height: 100px;
					     
					     position: relative;
					     z-index: -1
					      }


.lineas-inicio-seccion:before{ content: "";
								width: 100%;
								height: 2px;
								background-color: #d6d6d6;
								position: absolute;
								top: 0;
								left: 0 }




.cuadrado{ width: 100px;
		   height:100px;
		   border-bottom: 2px solid#d6d6d6;
		   border-right:2px solid#d6d6d6;
		   position: absolute;
		   top: -49px;
		   left: 50%;
		   transform: translateX(-50%) rotate(45deg);
		   background-color: #fff


		    }










/*accesoriossssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss  */

#accesorios-inicio{ width: 100%;
					background: #fff;
					padding: 0px 20px 0px 20px
					 }






/*sectorr111111111111111111111111111111111111111  */

.accesorios-inicio-sector1{ width: 100%;
							padding: 15px 0px 20px 0px;
							float: left;
							position: relative;
							margin: 0px 0px 10px 0px }

.accesorios-inicio-sector1:before{ content: "";
								   width: 100%;
								   height: 2px;
								   background: #ddd;
								   position: absolute;
								   bottom: 0  }


/*seccion1111*/
.accesorios-inicio-sector1-seccion1{ width: 35%;
									 float: left;
									 }

.accesorios-inicio-sector1-seccion1 h1{ font-family: "mangalregular", sans-serif;
										font-size: 32px;
										margin: 0;
										color: #222;
										line-height: 20px;

										 }
.accesorios-inicio-sector1-seccion1 h2{ font-family: "renogare", sans-serif;
										font-size: 40px;
										margin: 0;
										color: #222;
									    position: relative;
										z-index: 1;
										width: 305px;
										
										 }

.accesorios-inicio-sector1-seccion1 h2 img{ width: 100%;
											max-width: 60px;
											position: absolute;
											top: -35px;
											right: -20px;
											z-index: -1 ;}


/*seccion222222  */
.accesorios-inicio-sector1-seccion2{ width: 65%;
									 padding: 20px 0px 20px 20px;
									 float: left;
									

									  }
.accesorios-inicio-sector1-seccion2 h1{ font-family: "Montserrat";
									    font-size: 18px;
									    color: #333;
									    margin: 0;
									    line-height: 17px}

.accesorios-inicio-sector1-seccion2 h2{ font-family: "Montserrat";
									    font-size: 20px;
									    color: #222;
									    margin: 0px 0px 5px 0px;
									    
									    	 }


.accesorios-inicio-sector1-seccion2 p{ font-family: "Montserrat";
									   font-size: 13px;
									   color: #222;
									   margin: 0;
									   text-align: justify;	 }




/* sector 222222222222222222222222222222222222222222222222222222222222222222222 */

.accesorios-inicio-sector2{ width: 100%;
							
							
							float: left;
							margin: 10px 0px 50px 0px }

.accesorios-inicio-sector2-sub{ width: 25%;
								  float: left;
								  text-align: center;
								  margin: 10px 0px 20px 0px
								   }

.accesorios-inicio-sector2-sub-btn{ width: 150px;
									height: 150px;
									border:2px solid #cecece;
									border-radius: 50%;
									margin: 0 auto;
									
									text-align: center;
									cursor: pointer;transition: 0.5s;
									position: relative;
									}

#fuego-accesorios{ width: 100%;
				  max-width: 50px;
				  position: absolute;
				  top: -30px;
				  right: -8px;
				  z-index: 2;display: none; }


.accesorios-inicio-sector2-sub-btn img{ width: 100% }

.accesorios-inicio-sector2-sub-btn:hover #fuego-accesorios{ display: block;}
.accesorios-inicio-sector2-sub-btn:hover{border:2px solid #ff0000;  }


.accesorios-inicio-sector2-sub h1{ font-family: "Montserrat";
								   font-size: 14px;
								   color: #000;
								   margin: 10px 0px 0px 0px;
								   font-weight: 500;
								   line-height: 10px; }

.accesorios-inicio-sector2-sub h2{ font-family: "Montserrat";
								   font-size: 15px;
								   color: #222;
								   margin: 0;
								   }






/* sector 33333333333333333333333333333333333333333333333333 */

.accesorios-inicio-sector3{ width: 100%;
							float: left;
							margin: 0px 0px 30px 0px }

/* seccionn 1111111111111111111*/
.accesorios-inicio-sector3-seccion1{ width: 40%;
									 
									 
									 float: left; }

/* cajaaa de img accesorios */
.accesorios-inicio-sector3-seccion1-caja{ width: 100%;text-align: center;
										   }

.accesorios-inicio-sector3-seccion1-caja img{ width: 100%
										       }										  

/* certificacionesssss */
.accesorios-inicio-sector3-seccion1-certificaciones{ width: 90%;
													 padding: 15px 10px 15px 10px;
													 border: 2px solid#efefef;
													 margin: 0 auto}
.accesorios-inicio-sector3-seccion1-certificaciones-img{ width: 20%;
														  float: left; }

.accesorios-inicio-sector3-seccion1-certificaciones-img img{ width: 100%;
															 max-width: 100px}														  													 

.accesorios-inicio-sector3-seccion1-certificaciones-texto{ width: 80%;
														  float: left; }

.accesorios-inicio-sector3-seccion1-certificaciones-texto p{ font-family: "Montserrat";
															 font-size: 13px;
															 color: #222;
															 text-align: justify;
															 margin: 0 }



/* seccionn 2222222222222222222222222222222222 */
.accesorios-inicio-sector3-seccion2{ width: 60%;
									 float: left; }


/* titulooooooooooooo */
.accesorios-inicio-sector3-seccion2-titulo{ width: 100%; }

.accesorios-inicio-sector3-seccion2-titulo h1{ font-family: "mangalregular";
											   font-size: 14px;
											   color: #111;
											   margin: 0;
											   font-weight: 500;
											   line-height: 12px }
.accesorios-inicio-sector3-seccion2-titulo h2{ font-family: "renogare";
											   font-size: 15px;
											   color: #111;
											   margin: 0;
											   font-weight: 500;
											   width: 183px;
											   z-index: 2;
											   position: relative;
											   
											    }

.accesorios-inicio-sector3-seccion2-titulo h2 img{ position: absolute;
												   top:-20px;
												   right: -8px;
												   width: 100%;
												   max-width: 27px;
												   z-index: -1
												   
												    }

.accesorios-inicio-sector3-seccion2-titulo p{ font-family: "Montserrat";
											   font-size: 13px;
											   color: #222;
											   margin: 0;
											   text-align: justify; }

/* cuadroooooooooooooooooooo */

.accesorios-inicio-sector3-seccion2-cuadro{ width: 100%;
										   
										    
										    margin: 15px 0px 0px 0px }

/*barraaaa*/
.accesorios-inicio-sector3-seccion2-cuadro-barra{ width: 100%;
												  padding: 10px 0px 10px 0px;
												  background-color: #ff0000;
												  margin: 0px 0px 5px 0px }

.accesorios-inicio-sector3-seccion2-cuadro-barra-sub{ width: 20%;
													  float: left;
													  text-align: center;
													  padding: 0px 10px 0px 10px  }

.accesorios-inicio-sector3-seccion2-cuadro-barra-sub p{ font-family: "Montserrat";
														font-weight: 800;
														font-size: 13px;
														color: #fff;
														margin: 0; }


/*barraaaa222222*/
.accesorios-inicio-sector3-seccion2-cuadro-barra2{ width: 100%;
												  padding: 10px 0px 10px 0px;
												   }

.accesorios-inicio-sector3-seccion2-cuadro-barra2:nth-child(2n){ background-color: #efefef }


.accesorios-inicio-sector3-seccion2-cuadro-barra-sub2{ width: 20%;
													  float: left;
													  text-align: center;  }

.accesorios-inicio-sector3-seccion2-cuadro-barra-sub2 p{ font-family: "Montserrat";
														font-size: 12px;
														color: #111;
														margin: 0; }
/*+ accesorioss */

.accesorios-inicio-sector3-seccion2-cuadro a{ text-decoration: none; }
.accesorios-inicio-sector3-seccion2-cuadro-barra3{ width: 100%;
												   padding: 10px 0px 10px 0px;
												   border: 1px solid#999;
												   cursor: pointer; }

.accesorios-inicio-sector3-seccion2-cuadro-barra3 h3{ font-family: "Montserrat";
													  font-weight: 700;
													  font-size: 14px;
													  color: #111;
													  margin: 0;
													  text-align: center;}

.accesorios-inicio-sector3-seccion2-cuadro-barra3:hover{ border:1px solid#ff0000  }





/*botonnnnnnnnnnnnnnnnn sectorr3333333  */

.accesorios-inicio-boton{ width: 100%;
						  float: left;
						  position: relative;
						  height: 100px;
						  margin: 5px 0px 20px 0px
						   }

.accesorios-inicio-boton-triangulo{  position: absolute;
								     width: 0; 
								     height: 0; 
								     border-left: 100px solid transparent;
								     border-top: 100px solid #ff0000;
								     border-right:100px solid transparent;
								     left: 50%;
								     top: 50%;
								     transform: translateX(-50%)
								     translateY(-50%);
								     transition: 0.5s

								     
								     

								     }

.accesorios-inicio-boton-triangulo:before{ content: "Mas Info...";
										   width: 100px;
										   height: 100px;
										   position: absolute;
										   top: 100%;
										   left: 50%;
										   transform: translateX(-50%)translateY(-100%);
										   text-align: center;
										   line-height: 70px;
										   font-family: Arial, sans-serif;
										   color: #fff;
										   font-size: 15px;
										   font-weight: bold;
										    }

.accesorios-inicio-boton-triangulo:hover{ border-top: 100px solid #420000; }









/*sellossssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss  */

#sellos-inicio{ width: 100%;
					background: #fff;
					padding: 0px 20px 0px 20px
					 }






/*sectorr111111111111111111111111111111111111111  */

.sellos-inicio-sector1{ width: 100%;
							padding: 15px 0px 20px 0px;
							float: left;
							position: relative;
							margin: 0px 0px 10px 0px }

.sellos-inicio-sector1:before{ content: "";
								   width: 100%;
								   height: 2px;
								   background: #ddd;
								   position: absolute;
								   bottom: 0  }


/*seccion1111*/
.sellos-inicio-sector1-seccion1{ width: 35%;
									 float: left;
									 }

.sellos-inicio-sector1-seccion1 h1{ font-family: "mangalregular", sans-serif;
										font-size: 32px;
										margin: 0;
										color: #222;
										line-height: 20px;

										 }
.sellos-inicio-sector1-seccion1 h2{ font-family: "renogare", sans-serif;
										font-size: 40px;
										margin: 0;
										color: #222;
									    position: relative;
										z-index: 1;
										width: 305px;
										
										 }

.sellos-inicio-sector1-seccion1 h2 img{ width: 100%;
											max-width: 60px;
											position: absolute;
											top: -35px;
											right: -20px;
											z-index: -1 ;}


/*seccion222222  */
.sellos-inicio-sector1-seccion2{ width: 65%;
									 padding: 20px 0px 20px 20px;
									 float: left;
									

									  }
.sellos-inicio-sector1-seccion2 h1{ font-family: mangalregular;
									    font-size: 18px;
									    color: #333;
									    margin: 0;
									    font-weight:500;
									    line-height: 17px
									    	 }

.sellos-inicio-sector1-seccion2 h2{ font-family: renogare;
									    font-size: 20px;
									    color: #222;
									    margin: 0px 0px 5px 0px;
									    font-weight: 400
									    
									    	 }


.sellos-inicio-sector1-seccion2 p{ font-family:"Montserrat";
									   font-size: 13px;
									   color: #222;
									   margin: 0;
									   text-align: justify;	 }




/* sector 222222222222222222222222222222222222222222222222222222222222222222222 */

.sellos-inicio-sector2{ width: 100%;
					    float: left;
					    margin: 10px 0px 50px 0px;
					    position: relative; }

/* especiallllll circulo fondooo */
.sellos-inicio-sector2-especial{ position: absolute;
								 top: 0;
								 left: 0;
								 width: 100%;
								 height: 60px;
								 background-color:#eee;
								 padding: 15px 0px 0px 0px
								  }

.sellos-inicio-sector2-especial-cuadro{ width: 25%;
								        float: left;
								        text-align: center;
								         margin: 0px 0px 0px 0px
								   }
.sellos-inicio-sector2-especial-cuadro-circulo{ width: 170px;
												height: 170px;
												background-color:white;
												border-radius: 50%;
												margin: 0 auto;
												
												
												
												
									}






.sellos-inicio-sector2-sub{ width: 25%;
								  float: left;
								  text-align: center;
								  padding: 30px 0px 20px 0px
								   }

.sellos-inicio-sector2-sub-btn{ width: 150px;
									height: 150px;
									border:2px solid #111;
									border-radius: 50%;
									margin: 0 auto;
									
									text-align: center;
									cursor: pointer;transition: 0.5s;
									position: relative;
									}




#fuego-accesorios{ width: 100%;
				  max-width: 50px;
				  position: absolute;
				  top: -30px;
				  right: -8px;
				  z-index: 2;display: none; }


.sellos-inicio-sector2-sub-btn img{ width: 100% }

.sellos-inicio-sector2-sub-btn:hover #fuego-accesorios{ display: block;}
.sellos-inicio-sector2-sub-btn:hover{border:2px solid #ff0000;  }


.sellos-inicio-sector2-sub h1{ font-family: "Montserrat";
								font-size: 13px;
								color: #000;
								margin: 10px 0px 0px 0px;
								font-weight: 700;
								line-height: 10px; }

.sellos-inicio-sector2-sub h2{ font-family: "Montserrat";
								font-size: 14px;
								color: #222;
								margin: 0;
								   }






/* sector 33333333333333333333333333333333333333333333333333 */

.sellos-inicio-sector3{ width: 100%;
							float: left;
							margin: 0px 0px 30px 0px }

/* seccionn 1111111111111111111*/
.sellos-inicio-sector3-seccion1{ width: 40%;
									 
									 
									 float: left; }

/* cajaaa de img accesorios */
.sellos-inicio-sector3-seccion1-caja{ width: 100%;text-align: center;
										   }

.sellos-inicio-sector3-seccion1-caja img{ width: 100%
										       }										  

/* certificacionesssss */
.sellos-inicio-sector3-seccion1-certificaciones{ width: 90%;
													 padding: 15px 10px 15px 10px;
													 border: 2px solid#efefef;
													 margin: 0 auto}
.sellos-inicio-sector3-seccion1-certificaciones-img{ width: 20%;
														  float: left; }

.sellos-inicio-sector3-seccion1-certificaciones-img img{ width: 100%;
															 max-width: 100px}														  													 

.sellos-inicio-sector3-seccion1-certificaciones-texto{ width: 80%;
														  float: left; }

.sellos-inicio-sector3-seccion1-certificaciones-texto p{ font-family: "Montserrat";
															 font-size: 13px;
															 color: #222;
															 text-align: justify;
															 margin: 0 }



/* seccionn 2222222222222222222222222222222222 */
.sellos-inicio-sector3-seccion2{ width: 60%;
									 float: left; }


/* titulooooooooooooo */
.sellos-inicio-sector3-seccion2-titulo{ width: 100%; }

.sellos-inicio-sector3-seccion2-titulo h1{ font-family: "mangalregular";
											   font-size: 14px;
											   color: #111;
											   margin: 0;
											   font-weight: 500;
											   line-height: 12px }
.sellos-inicio-sector3-seccion2-titulo h2{ font-family: "renogare";
											   font-size: 15px;
											   color: #111;
											   margin: 0;
											   font-weight: 500;
											   width: 183px;
											   z-index: 2;
											   position: relative;
											   
											    }

.sellos-inicio-sector3-seccion2-titulo h2 img{ position: absolute;
												   top:-20px;
												   right: -8px;
												   width: 100%;
												   max-width: 27px;
												   z-index: -1
												   
												    }

.sellos-inicio-sector3-seccion2-titulo p{ font-family: "Montserrat";
											   font-size: 13px;
											   color: #222;
											   margin: 0;
											   text-align: justify; }

/* cuadroooooooooooooooooooo */

.sellos-inicio-sector3-seccion2-cuadro{ width: 100%;
										   
										    
										    margin: 15px 0px 0px 0px }

/*barraaaa*/
.sellos-inicio-sector3-seccion2-cuadro-barra{ width: 100%;
												  padding: 10px 0px 10px 0px;
												  background-color: #ff0000;
												  margin: 0px 0px 5px 0px }

.sellos-inicio-sector3-seccion2-cuadro-barra-sub{ width: 25%;
													  float: left;
													  text-align: center;
													  padding: 0px 10px 0px 10px  }

.sellos-inicio-sector3-seccion2-cuadro-barra-sub p{ font-family: "Montserrat";
													font-size: 14px;
													font-weight: 700;
												    color: #fff;
												    margin: 0; }


/*barraaaa222222*/
.sellos-inicio-sector3-seccion2-cuadro-barra2{ width: 100%;
												  padding: 10px 0px 10px 0px;
												   }

.sellos-inicio-sector3-seccion2-cuadro-barra2:nth-child(2n){ background-color: #efefef }


.sellos-inicio-sector3-seccion2-cuadro-barra-sub2{ width: 25%;
													  float: left;
													  text-align: center;  }

.sellos-inicio-sector3-seccion2-cuadro-barra-sub2 p{ font-family: "Montserrat";
														font-size: 13px;
														color: #222;
														margin: 0; }
/*+ accesorioss */

.sellos-inicio-sector3-seccion2-cuadro a{ text-decoration: none; }

.sellos-inicio-sector3-seccion2-cuadro-barra3{ width: 100%;
												   padding: 10px 0px 10px 0px;
												   border: 1px solid#999;
												   cursor: pointer; }

.sellos-inicio-sector3-seccion2-cuadro-barra3 h3{ font-family: "Montserrat";
														  font-size: 14px;
														  color: #111;
														  margin: 0;
														  text-align: center; }
.sellos-inicio-sector3-seccion2-cuadro-barra3:hover{ border:1px solid#ff0000  }





/*botonnnnnnnnnnnnnnnnn sectorr3333333  */

.sellos-inicio-boton{ width: 100%;
						  float: left;
						  position: relative;
						  height: 100px;
						  margin: 5px 0px 20px 0px
						   }

.sellos-inicio-boton-triangulo{  position: absolute;
								     width: 0; 
								     height: 0; 
								     border-left: 100px solid transparent;
								     border-top: 100px solid #ff0000;
								     border-right:100px solid transparent;
								     left: 50%;
								     top: 50%;
								     transform: translateX(-50%)
								     translateY(-50%);
								     transition: 0.5s

								     
								     

								     }

.sellos-inicio-boton-triangulo:before{ content: "Mas Info...";
										   width: 100px;
										   height: 100px;
										   position: absolute;
										   top: 100%;
										   left: 50%;
										   transform: translateX(-50%)translateY(-100%);
										   text-align: center;
										   line-height: 70px;
										   font-family: Arial, sans-serif;
										   color: #fff;
										   font-size: 15px;
										   font-weight: bold;
										    }

.sellos-inicio-boton-triangulo:hover{ border-top: 100px solid #420000; }
























/* retardantesssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */

#retardante-inicio{ width: 100%;
			    padding: 0px 20px 0px 20px;
			    margin: 20px 0px 0px 0px }




/* sector1111111  */
.retardante-inicio-sector1{ width: 50%;
						padding: 0px 50px 0px 0px;
						
						float: left; }

/*  seccion1*/

.retardante-inicio-sector1-seccion1{ width: 100%;
								 
								  }

.retardante-inicio-sector1-seccion1 h1{ font-family: "mangalregular";
									font-size: 45px;
									color: #111;
									margin: 0;
									letter-spacing: -2px;
									margin: 0;
									line-height: 25px;
									font-weight: 500 }

.retardante-inicio-sector1-seccion1 h2{ font-family: "renogare";
									font-size: 45px;
									color: #111;
									margin: 0;
									letter-spacing: -2px;
									width:325px;
									position: relative;
									z-index: 1;}

.retardante-inicio-sector1-seccion1 h2 img{ width: 100%;
										max-width: 60px;
										position: absolute;
										top: -35px;
										right: -15px;
										z-index: -1; }

.retardante-inicio-sector1-seccion1 h3{ font-family: "adlinnaka";
									    font-size: 20px;
									    color: #fff;
									    margin: 0;
									    background: #ff0000;
									    padding: 5px 0px 5px 0px;
									    width: 320px;
									    text-align: center; }

/*  seccion2*/

.retardante-inicio-sector1-seccion2{ width: 100%;
									 padding: 20px 0px 0px 0px}

/*img*/
.retardante-inicio-sector1-seccion2-img{ width:40%;
										 text-align: center;
										 float: left;}

.retardante-inicio-sector1-seccion2-img img{ width: 100%;
											 max-width: 100px }

/*textoo*/
.retardante-inicio-sector1-seccion2-texto{ width: 60%;
										 text-align: center;
										 float: left;
										 padding: 50px 0px 0px 0px}

.retardante-inicio-sector1-seccion2-texto h1{ font-family: "ebrima",sans-serif;
											  font-size: 17px;
											  color: #222;
											  margin: 0;
											  letter-spacing: -0.5px }

.retardante-inicio-sector1-seccion2-texto h2{ font-family: adlinnaka,sans-serif;
											  font-size: 45px;
											  color: #ff0000;
											  margin: 0;
											  line-height: 40px }

.retardante-inicio-sector1-seccion2-texto p{ font-family: "Montserrat";
											 font-size: 13px;
											 color: #222;
											 text-align: justify;
											 margin: 5px 0px 0px 0px;
											  }

.retardante-inicio-sector1-seccion2-texto h3{ font-family: "Montserrat";
											  font-size: 15px;
											  color: #222;
											  margin: 10px 0px 5px 0px;
											  text-align: justify;
											   }

.retardante-inicio-sector1-seccion2-texto ul{ margin: 0;padding: 0 }

.retardante-inicio-sector1-seccion2-texto ul li{ list-style: none;
												 font-family:"Montserrat";
												 text-align: justify;
												 font-size: 13px;
												 color: #222;
												 line-height: 18px }

.retardante-inicio-sector1-seccion2-texto ul li span{ color: #ff0000 }






/*sectorr2222222222222222  */
.retardante-inicio-sector2{ width: 50%;
						    padding: 0px 0px 0px 20px;
						    float: left; }


/* titulooooo */
.retardante-inicio-sector2-titulo{ width: 100%;
								   margin: 0px 0px 30px 0px;}

.retardante-inicio-sector2-titulo-centro{ width: 200px;
										  border: 2px solid #222;
										  margin: 0 auto;
										  text-align: center;
										  padding: 8px 0px 8px 0px }								   

.retardante-inicio-sector2-titulo-centro h1{ font-family: ebrima;
									         font-size: 20px;
								             color: #222;
											    }


/*SECCIONN 1111111  */
.retardante-inicio-sector2-seccion1{ width: 100%;
								     padding: 20px 0px 20px 0px;}


.retardante-inicio-sector2-seccion1-cuadro{ width: 45%;
										    background: #222;
										    float: left;
										    position: relative;
										    padding: 0px 0px 20px 0px }

.retardante-inicio-sector2-seccion1-cuadro:nth-child(1){ margin-right: 10%;background:#ff0000}


.retardante-inicio-sector2-seccion1-cuadro:before{ content: "";
											   width: 90px;
											   height: 90px;
											   border-radius: 50%;
											   background: #fff;
											   position: absolute;
											   top: -30px;
											   left:-30px }

/*fuego en cuaddroo  */
#fuego-sellos{ position: absolute;
			   width: 100%;
			   max-width: 90px;
			   top: -75px;
			   left: -30px }


.retardante-inicio-sector2-seccion1-cuadro-titulo{ width: 100%;
											   padding: 15px 15px 15px 0px;
											   text-align: right;
											    }

.retardante-inicio-sector2-seccion1-cuadro-titulo h1{ font-family: Arial,sans-serif;
												   font-size: 15px;
												   color: #fff;
												   margin: 0 }

.retardante-inicio-sector2-seccion1-cuadro-titulo h2{ font-family: Arial,sans-serif;
												   font-size: 15px;
												   color: #fff;
												   margin: 0 }


.retardante-inicio-sector2-seccion1-cuadro-img{ width: 100%;text-align: center; }

.retardante-inicio-sector2-seccion1-cuadro-img img{ width: 100%;
												    max-width: 40px }





/*SECCION22222222222222222222  */
.retardante-inicio-sector2-seccion2{ width: 100%;padding: 20px 0px 20px 0px;float: left;
									 text-align: center; }

.retardante-inicio-sector2-seccion2 h1{ font-family: adlinnaka;
										font-size: 15px;
										color: #ff0000;
										margin: 0;
										margin: 10px 0px 5px 0px;
										text-align: justify;
									 }
.retardante-inicio-sector2-seccion2 p{ font-family: "Montserrat";
										font-size: 13px;
										color: #222;
										margin: 5px 0px 5px 0px;
										text-align: justify;
									 }


.retardante-inicio-sector2-seccion2 h2{ font-family: 'arialitalic';
									    font-size: 20px;
									    color: #222;
									    margin: 0;
									    font-weight: 400}

.retardante-inicio-sector2-seccion2 h2 span{ font-weight: 800 }

/*botonnnnnnnnnnnnnnnnn sellossssssss  */

.retardante-inicio-boton{ width: 100%;
						  
						  
						  float: left;
						  position: relative;
						  height: 200px }

.retardante-inicio-boton-triangulo{  position: absolute;
								     width: 0; 
								     height: 0; 
								     border-left: 100px solid transparent;
								     border-top: 100px solid #ff0000;
								     border-right:100px solid transparent;
								     left: 50%;
								     top: 50%;
								     transform: translateX(-50%)
								     translateY(-50%);
								     transition: 0.5s

								     
								     

								     }

.retardante-inicio-boton-triangulo:before{ content: "Mas Info...";
										   width: 100px;
										   height: 100px;
										   position: absolute;
										   top: 100%;
										   left: 50%;
										   transform: translateX(-50%)translateY(-100%);
										   text-align: center;
										   line-height: 70px;
										   font-family: Arial, sans-serif;
										   color: #fff;
										   font-size: 15px;
										   font-weight: bold;
										    }

.retardante-inicio-boton-triangulo:hover{ border-top: 100px solid #420000; }


/* serviciossssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss  */





#servicios-inicio{ width: 100%;
				   
				   background: url(img/img-inicio/fondo-servicios.jpg);
				   background-size: cover;
				   background-position: center center;
				   position: relative;
				   
				    }



/*formaaaaa  */

.servicios-inicio-forma{ width: 100%;
						  
						  position: relative;
						  height: 50px;

						  

						  
						  
						  
						  
						  
						  }


.servicios-inicio-forma-triangulo { position: absolute;
								     width: 0; 
								     height: 0; 
								     border-left: 60px solid transparent;
								     border-top: 50px solid #fff;
								     border-right:60px solid transparent;
								     left: 50%;
								     transform: translateX(-50%);
								     top: -10px
								     
							    }




/*tituloooooooooooooooooooooooooooooooooooooooooooooooooo 100%  */
.servicios-inicio-titulo{ width: 100%;
						  padding: 50px 0px 50px 0px;
						  
						 
						 
						 
						  }


/* contenido medioooo */
.servicios-inicio-titulo-contenido{ width: 70%;
								    margin: 0 auto;
								    

							     }

/* seccion titulo textoo */							     
.servicios-inicio-titulo-contenido-texto{ 
										  padding: 0px 15px 0px 0px;
									      float: left;
									      position: relative;
									       }

.servicios-inicio-titulo-contenido-texto:before{ content: "";
												 width: 100%;
												 height: 4px;
												 background: #ff0000;
												 position: absolute;
												 bottom: -20px; }


.servicios-inicio-titulo-contenido-texto h1{ font-family: "Montserrat";
										 font-size: 50px;
										 color: #fff;
										 margin: 0; }

.servicios-inicio-titulo-contenido-texto h2{ font-family: Arial, sans-serif;
										 font-size: 20px;
										 color: #fff;
										 margin: 0;
										 line-height: 10px }


/* seccionn iconoo tituloo */
.servicios-inicio-titulo-contenido-icono{float: left;
									   }
.servicios-inicio-titulo-contenido-icono .icon-wrench1{ font-size: 70px;
													   color: #fff;
													    }


/* parrafo */
.servicios-inicio-titulo-parrafo{ width: 100%;float: left;
								  padding: 35px 0px 0px 0px }

.servicios-inicio-titulo-parrafo p{ font-size: 13px;
									font-family: "Montserrat";
									color: #fff;
									margin: 0 }



/* contenidoooooooooooooooooooo de botonessssssssssssssssssssssssssss */

.servicios-inicio-botones{ width: 100%;margin: 50px 0px 0px 0px
						   }

/* instalacionnnnnnnnnnn  */
.servicios-inicio-boton{ width: 25%;
						       float: left;
						       position: relative;
						       cursor: pointer;
						       text-align: center;
						    
						  }

.servicios-inicio-boton:before{ content: "";
									  width: 100%;
									  height: 30px;
									  background: #fff;
									  position: absolute;
									  bottom: 0;
									  left: 0 }

.servicios-inicio-boton img{ width: 100%;
								   max-width: 200px;
								   position: relative;
								   z-index: 1  }




/*titulo animadoo  */
.servicios-inicio-titulo-animacion{ width: 150px;
									  position: absolute;
									  top: 45%;
									  left: 50%;
									  transform: translateY(-50%)
									  translateX(-50%);
									  text-align: center;
									  padding: 20px 0px 20px 0px;
									  background: #ff0000;opacity: 0;
									  transition: 0.5s;
									  z-index: 5 }


.servicios-inicio-titulo-animacion h1{ font-family: Arial,sans-serif;
										 font-size: 15px;
										 color: #fff;  }


.servicios-inicio-boton:hover .servicios-inicio-titulo-animacion{opacity: 1;top: 50%}

/*--------------titulo animado finish---------------*/



/* banerrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr */

#banner{ width: 100%;
		  }

.banner-img{ width: 50%;
			 float: left;
			 cursor: pointer;
			 position: relative; }

.banner-img:before{ content: "";
					position: absolute;
					top: 0;
					left: 50%;
					transform: translateX(-50%);
				    border-top:25px solid #fff;
				    border-right:30px solid transparent;
				    border-left:30px solid transparent;
				    
				    z-index: 1 }			 

.banner-img img{ width: 100%;transition: 0.3s}

.banner-img:hover img{ filter: saturate(3); }









/* proyectosssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss  */



#proyectos-inicio-titulo{  width: 100%;
						   background: url(img/img-inicio/fondo-proyectos.jpg);
						   background-repeat: no-repeat;
						   background-size: cover;
						   background-position: center center;
						   padding:5px 0px 5px 0px;
						   margin: 30px 0px 0px 0px
						   
						   
						   }

.proyectos-inicio-titulo-texto{ width: 100%;
						        padding: 50px 0px 50px 0px;
						        text-align: center;
						       
						   }
.proyectos-inicio-titulo-texto h1{ font-family: adlinnaka;
								   color: #222;
								   font-size: 25px;
								   margin: 0  }
.proyectos-inicio-titulo-texto p{ font-family: "Montserrat";
								   color: #111;
								   font-size: 13px;
								   margin: 0;
								   text-align: justify;
								   width: 60%;
								   margin: 0 auto ;
								   line-height: 13px }



/* proyectosssssssssssssssssssssssssssssssssssss- contenidoooooooooooooooooooooooooooooooo  */

#proyectos-contenido{ width: 100%;
					  padding: 0px 20px 120px 20px;
					  
					  }



/* sector 22222222  */
.proyectos-contenido-sector2    { width: 100%;
								
								
								 padding: 20px 0px 0px 0px }

/*  cuadrooooo*/

.proyectos-contenido-sector2-cuadro{ width: 30%;
	                                  float: left;
	                                  position: relative;
	                                  background-color: ;
	                                  padding: 0px 20px 0px 20px;
	                                  margin: 0% 5% 5% 0%;
	                                  cursor: pointer;
									   }



.proyectos-contenido-sector2-cuadro:nth-child(3n){margin-right: 0%}




.proyectos-contenido-sector2-cuadro:after{  content: "\e991";
											position: absolute;
											top: 50%;
											left: 50%;
											transform: translateX(-50%)
											translateY(-50%);
											font-family: "icomoon";
											color: #fff;
											font-size: 0px;
											transition: 0.5s;
											opacity: 0 }

.proyectos-contenido-sector2-cuadro:hover:after{ font-size: 60px;opacity: 1 }


/*toituloooo  */
.proyectos-contenido-sector2-cuadro-titulo{ width: 100%;
											padding: 15px 0px 15px 0px;
											text-align: center;
											background-color: #ff0000;
											margin: 0px 0px 0px 0px;
											position: relative;
											
											 }

.proyectos-contenido-sector2-cuadro-titulo:before{ content: "";
												   border-left: 10px solid transparent;
												   border-right: 10px solid transparent;
												   border-top: 10px solid #ff0000;
												   position: absolute;
												   bottom: -10px;
												   left: 50%;
												   transform: translateX(-50%);
												    }



.proyectos-contenido-sector2-cuadro-titulo h1{ font-family: adlinnaka,
                                               sans-serif;
                                               font-size: 15px;
                                               color: #fff;
                                               margin: 0;
                                                }

/*imagennnnnn  */

.proyectos-contenido-sector2-cuadro-img{ width: 100%;
										  }
.proyectos-contenido-sector2-cuadro-img img{ width: 100% }


/* informacionnnn */
.proyectos-contenido-sector2-cuadro-informacion{ width: 100%;
												 padding: 15px 0px 15px 0px;
												  }

.proyectos-contenido-sector2-cuadro-informacion h1{ font-family: mangalregular,
                                                    sans-serif;
                                                    font-size: 12px;
                                                    color: #555;
                                                    margin: 0;
                                                    font-weight: 300;
                                                    line-height: 18px
                                                    }

.proyectos-contenido-sector2-cuadro-informacion p{ font-family: mangalregular,
                                                    sans-serif;
                                                    font-size: 12px;
                                                    color: #555;
                                                    margin: 0;
                                                    text-align: justify;
                                                     }                                                   

.proyectos-contenido-sector2-cuadro-informacion h1 span{ color: #ff0000; }

.proyectos-contenido-sector2-cuadro-informacion p span{ color: #222; }
.proyectos-contenido-sector2-cuadro-informacion p .icon-check{ color: #ff0000;margin-left: 5px;line-height: 25px }





/*  brochuresssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss  */

#brochures{ width: 100%;
		    
		    background: url(img/img-puerta-cortafuego/fondo-galeria.jpg);
		    padding: 0px 0px 0px 0px;
		    background-size: cover;
		    background-position: center center;
		     }

/*formaaaaa   */

.brochures-forma{ width: 100%;
						  
						  position: relative;
						  height: 40px;

						  
						  
						  
						  
						  }


.brochures-forma-triangulo { position: absolute;
								     width: 0; 
								     height: 0; 
								     border-left: 50px solid transparent;
								     border-top: 40px solid #fff;
								     border-right:50px solid transparent;
								     left: 50%;
								     transform: translateX(-50%);
								     bottom: 0px
								     
							    }

/*  sector 11111111111111  */

.brochures-sector1{ width: 100%;
					float: left;
					 }

/* seccion 111  */
.brochures-sector1-seccion1{ width: 100%;
							  }

.brochures-sector1-seccion1-titulo{ float: left; }

.brochures-sector1-seccion1-titulo h1{ font-family: Arial,sans-serif;
									   font-size: 70px;
									   color: #fff;
									   margin: 0;
									   letter-spacing: -1px
									    }

.brochures-sector1-seccion1-titulo h2{ font-family: Arial,sans-serif;
									   font-size: 23px;
									   color: #fff;
									   margin: 0;
									   line-height: 10px
									    }
/* iconoooo */

.brochures-sector1-seccion1-icono{ float: left;padding: 15px 0px 15px 0px;
										margin: 0px 0px 0px 15px }

.brochures-sector1-seccion1-icono .icon-file-pdf{ font-size: 70px;color: #fff }





/*  sector 222222  */

.brochures-sector2{ width: 100%	;
					padding:0px 0px 0px 0px ;
					float: left;
				    }	

.brochures-sector2 iframe{ width: 100%;
						   height: 800px }














/*clientessssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/

#clientes{ width: 100%; }




















/*  contactooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo  */


#contacto{ width: 100%;
	       padding: 0px 20px 50px 20px;
		   background: #d60000;}




/*trianguloooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
.contacto-forma{ width: 100%;
			     position: relative;
				 height: 40px;
				 margin-bottom: 80px;}

.contacto-forma-triangulo { position: absolute;
								     width: 0; 
								     height: 0; 
								     border-left: 50px solid transparent;
								     border-top: 40px solid #fff;
								     border-right:50px solid transparent;
								     left: 50%;
								     transform: translateX(-50%);
								     bottom: 0px}





/* sector111111111111111111111111111111111111111111111111111111111111111111 */
.contacto-sector1{ width: 33.3%;
				   float: left;
				   padding: 0px 20px 0px 20px}



/* LOGOOOOOOOOOOOOOOO*/
.contacto-sector1-logo{ width: 100%;
						text-align: center;}

.contacto-sector1-logo img{ width: 100%;
							max-width: 300px; }

/* ENLACESSSSSSSSSSSSS*/
.contacto-sector1-enlaces{ width: 100%;
						   margin: 10px 0px 0px 0px;}


/* triangulo */
/*.contacto-sector1-seccion1-enlaces:before{ content: "";
												  position: absolute;
												  width: 0; 
								     			  height: 0; 
											      border-left: 10px solid transparent;
											      border-bottom: 10px solid rgba(255,255,255,.1);
											      border-right:10px solid transparent;
											      top: -10px;
											      left: 50%;
											      transform: translateX(-50%);
												   }	*/							    

/* cuadrooo */
.contacto-sector1-enlaces-cuadro{ width: 100%;
								  display: grid;
								  grid-template-columns: repeat(3,1fr);
								  grid-gap: 5px}

/* enlacesss textoo */
.contacto-sector1-enlaces-cuadro li { list-style: none;}

.contacto-sector1-enlaces-cuadro li a {          display: block;
											     text-decoration: none;
												 padding: 10px 0px;
												 text-align: center;
												 font-family: Arial, sans-serif;
												 font-size: 12px;
												 color: #fff;
												 transition: 0.5s;
												 border: 1px solid rgba(255,255,255,.5);}

.contacto-sector1-enlaces-cuadro li a:hover{ background: rgba(255,255,255,.5);}











/* sector22222222222222222222222222222222222222222222222222222 */


.contacto-sector2{ width: 33.3%;
				   float: left;
				   padding: 0px 40px 0px 40px}

/*tituloooo horarioooooo*/
.contacto-sector2-titulo{ width: 100%;
						  text-align: center;
						  background-color: rgba(255,255,255,.1);
						  padding: 8px 0px 8px 0px;
						  margin: 0px 0px 10px 0px;
						  float: left;}

.contacto-sector2-titulo h1{ font-family: ebrima;
						  font-size: 15px;
						  color: #fff;
						  margin: 0 }

/*horariooooooooooooooo*/
.contacto-sector2-horario{ width: 100%;
						   float: left;
						   margin: 0px 0px 40px 0px;}

/* iconoooo */
.contacto-sector2-horario-icono{ width: 50px;
								 height: 50px;
								 background-color: #fff;
								 float: left;
								 border-radius: 9px;
								 text-align: center;}

.contacto-sector2-horario-icono span{ font-size: 25px;
									  color: #ff0000;
									  line-height: 50px }


/*textooooo*/
.contacto-sector2-horario-texto{float: left;height: 50px;
							    padding: 8px 0px 0px 10px}

.contacto-sector2-horario-texto p{ font-family: sans-serif;
							       font-size: 14px;
							       color: #fff;
							       margin: 0;}



/*contactooooooooooo*/
.contacto-sector2-contacto{ width: 100%;
						   float: left;
						   margin: 0px 0px 10px 0px;
						   border-bottom: 1px solid rgba(255,255,255,.5);
						   padding: 0px 0px 10px 0px;}
.sin-border-bottom{border-bottom: 0px solid rgba(255,255,255,.5);}
				   
/* iconoooo */
.contacto-sector2-contacto-icono{ width: 50px;
								 height: 50px;
								 background-color: #fff;
								 float: left;
								 border-radius: 9px;
								 text-align: center;}

.contacto-sector2-contacto-icono span{ font-size: 25px;
									  color: #ff0000;
									  line-height: 50px }


/*textooooo*/
.contacto-sector2-contacto-texto{float: left;height: 50px;
							    padding: 10px 0px 0px 10px}

.contacto-sector2-contacto-texto p{ font-family: ebrima;
							       font-size: 14px;
							       color: #fff;
							       margin: 0;}





/* sector333333333333333333333333333333333333333333333333333333333333333333 */
.contacto-sector3{ width:33.3%;
				   float: left;}

.contacto-sector3-texto{ width: 100%;
						 margin: 0px 0px 20px 0px}				   

.contacto-sector3-texto h1{ font-size: 15px; color: #fff;
							font-family: Arial,sans-serif;
							margin:0px 0px 0px 0px;}

.contacto-sector3-texto h1 span{ color:#fff }

.contacto-sector3-texto p{ font-size: 14px; color: #fff;
							font-family: ebrima;
							margin:0px 0px 0px 0px;}

/*redesssssssssssssssss*/

.contacto-sector3-redes{width: 100%}

.contacto-sector3-redes h1{width: 100%;
					       font-family: ebrima;
					       font-size: 15px;
					       color: #fff;
					       background-color: rgba(255,255,255,.1);
					       text-align: center;
					       padding: 10px 0px 10px 0px;
					       margin: 0px 0px 15px 0px}	

.contacto-sector3-redes-red{ width:80px;
							 text-align: center;
					          }	
.contacto-sector3-redes-red a{ text-decoration: none; }

.contacto-sector3-redes-red h2{ font-size: 30px;
								color: #fff;}

.contacto-sector3-redes-red p{ font-size: 12px;
							   font-family: ebrima;
							   margin: 0;
							   color: #fff;}





/* sector444444444444444444444444444444444444444444444444444444444444444444444444 */
.contacto-sector4{ width:50%;
				   float: left;
				   padding: 20px 0px 0px 0px;}

.contacto-sector4-texto{ width: 370px;}

/*logoo*/
.contacto-sector4-texto-logo{ width: 100px;
							  float: left;}

.contacto-sector4-texto-logo img{ width: 100% }



/*lineaaaa*/
.contacto-sector4-texto-linea{ width: 20px;
							   float: left;
							   padding: 10px 0px 0px 0px}

.contacto-sector4-texto-linea-linea{ width: 1px;
							   height: 20px;
							   background-color: #fff;
							   margin: 0 auto}


/*texto*/
.contacto-sector4-texto-texto{ width: 250px;
							   float: left;
							   padding: 10px 0px 0px 0px}

.contacto-sector4-texto-texto p{ font-family: ebrima;
								 font-size: 13px;
								 color: #fff;
								 margin: 0 }


.contacto-sector4-iconos{width: 100%;}

.contacto-sector4-iconos-caja{ width: 70px;
							   float: left;
							   background-color: #fff;
							   padding: 5px 0px 5px 0px
							   }

.contacto-sector4-iconos-caja img{ width: 100% }




/* sector555555555555555555555555555 */
.contacto-sector5{ width:50%;
				   float: left;
				   padding: 20px 0px 0px 0px}


.diseñador-titulo{ width: 86px;
			       float: left;
			       height: 40px;}

.diseñador-titulo p{ font-family: Montserrat;
					 font-size: 12px;
					 color: #fff;
					 margin: 0;
					 line-height: 40px}			      



.contacto-sector5 a{ text-decoration: none; }

.diseñador-img{ width: 80px;
				height: 40px;
			    float: left;}

.diseñador-img img{ width: 100%;
					border-radius: 10px;
					transition: 0.2s}


/* copyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy */

#copyrigth{ width: 100%;
			
			background: #d60000;
			border-top: 1px solid #fff;
			float: left;  }




.copyrigth-texto{ width: 100%;
				  padding: 15px 0px 15px 0px;
				  text-align: center;  }

.copyrigth-texto h1{ font-family: Arial,
					 sans-serif;
					 font-size: 12px;
					 color:#fff; }