@charset "UTF-8";
/*********************** FUENTES GOOGLE MAPS ***********************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap');

/*font-family: 'Poppins', sans-serif;*/

/*********************** GENERAL ***********************/
body { padding: 0;margin: 0; font-family: 'Poppins', sans-serif; }
li{list-style: none;}
ul { padding: 0;margin: 0;list-style: none; }
img { display: block;width: 100%;border: none; }
a { text-decoration: none;color: inherit;display: block;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.contenedor { width: 1200px;margin: 0px auto;position: relative; }
.bg { width: 100%;background-position: center;background-size: cover;position: relative;background-repeat: no-repeat; }
p { margin: 0px 0px 10px;font-size: 18px;font-weight: 400;color: #2b3344 ;line-height: 25px; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease; }
* { box-sizing: border-box; }
*:focus { outline: none; }
.pc { display: block; }
.movil-menu { display: none; }
.preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 100; }
.status { width: 200px; height: 200px;position: absolute; left: 50%; top: 50%; background-image: url('https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif'); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; }
section { position: relative; }
::selection { background: #19a1e0;color: #fff; }
::-moz-selection { background: #19a1e0;color: #fff; }

/*********************** CONTENEDORES ***********************/
.conteRight { width: 50%;float: right; }
.conteLeft { width: 50%;float: left; }

/*
ANIMACIONES HTML5

-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;

-webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15);

-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);

-webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
*/

/*********************** CLEAR ***********************/
.clear { clear: both;height: 0px; }
.clear5 { clear: both;height: 5px; }
.clear10 { clear: both;height: 10px; }
.clear15 { clear: both;height: 15px; }
.clear20 { clear: both;height: 20px; }
.clear30 { clear: both;height: 30px; }
.clear40 { clear: both;height: 40px; }
.clear50 { clear: both;height: 50px; }

/*********************** TEXTOS ***********************/
.textCenter { text-align: center; }
.textRight { text-align: right; }
.textLeft { text-align: left; }

/*********************** FORMULARIOS ERROR ***********************/
label.error { display:none !important; }
input.error { border:1px solid #F00!important; }
select.error { border:1px solid #F00!important; }
textarea.error { border:1px solid #F00!important; }
input[type="checkbox"].error { outline: 1px solid #f00!important; }
/*********************** H1 - H6 ***********************/
h1, h2, h3, h4, h5 { padding: 0;margin: 0;position: relative; }

/*********************** COLUMNAS ***********************/
.col2 li { float: left;width: 50%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative;}
.col3 li { float: left;width: 33.33%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
.col4 li { float: left;width: 25%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
.col5 li { float: left;width: 20%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
.col6 li { float: left;width: 16.66%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
.col7 li { float: left;width: 14.28%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
.col8 li { float: left;width: 12.5%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
.col9 li { float: left;width: 11%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }

/*********************** HEADER ***********************/    
.logo { width: 130px; float: left; }
header{ width: 100%; background-color:#fff;  top: 0; left:0; z-index: 9999;}
.menu { width: 250px; float: right; }
.menu li a { color: #fff; text-transform: uppercase; font-size: 17px; font-weight: 300; text-align: center; line-height: 30px; padding: 26px 0; }
.menu li a:hover { color:#28367d; -moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.menu li .conteSociales { width: 100px; float: right; }
.menu li .conteSociales a { color:#28367d; font-size: 22px; }
.menu li .conteSociales a:hover {color:#045fb2; -moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.conteSociales a {float: left; width: 50%; text-align: center; }
.headerAnima { padding:3px;  }
.logoAnima { width: 100px; margin-top: 5px; }
#telefono { font-size:17px; color: #28367d; font-weight:700; -moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
#telefono:hover { color: #045fb2; }
.burger{ cursor:pointer; width: 45px; text-align: center; float: right; margin: 3px 10px;}
.burger i{font-size: 20px; height: 40px; color: #28367d; padding: 10px;}
.pc { display: block; }
.movil {display: none; }
/*********************** HOME ***********************/
.home .seccion1 { height: 600px;}
.home .seccion1::after{ background-color: #045fb2; border-bottom-left-radius: 200px; content: '';  position: absolute; z-index: -1; height: 320px; width: 90%; top: 0px; right: 0px; }
.home .seccion1 .contenido { padding: 20px 0px; text-align: center; }
.home .seccion1 .contenido .respiradores { margin-top: -170px; }
.home .seccion1 .contenido .respiradores .izquierda { position: absolute; left: -30px; width: 300px; z-index:999; }
.home .seccion1 .contenido .respiradores .derecha { position: absolute; right: 40px; width: 233px; z-index: 999; top: -5px; }
.home .seccion1 .contenido .rectangulo { background-color: #28367d; width: 990px; margin: 20px auto; padding: 5px; }
.home .seccion1 .contenido .rectangulo h2 { color: #fff; font-size: 50px; font-weight: 800; }
.home .seccion1 .contenido .conte { padding-top: 20px; font-size: 22px; display: grid; color: #fff; font-weight: 400; }
.home .seccion2 { background-color: #edeff1; margin-top: -400px; z-index: -2; padding-top: 170px; padding-bottom: 50px; }
.home .seccion2 .triangulo { position: absolute; top: 11%; right: -30px; }
.home .seccion2 .cruz { position: absolute;  width: 130px; left: -80px; top: 65%; }
.home .seccion2 .contenido {  margin: auto;  text-align: center; width: 800px; }
.home .seccion2 .contenido2 {  margin: auto;  text-align: center; }
.home .seccion2 .contenido p, .home .seccion2 .contenido2 p { color: #28367d;  font-size: 22px; padding: 10px 148px; }
.home .seccion2 .contenido .vineta::before, .home .seccion2 .contenido2 .vineta::before { margin-right: 5px;  display:inline-block; content:''; width: 15px; height: 15px; background-color: #63af36; border-radius: 99px; }
.home .seccion3 .contenido { background: #28367d; padding: 60px; border-bottom-right-radius: 60px; }
.home .seccion3 .contenido p { color: #fff; font-size: 20px; display: grid; }
.home .seccion3 .contenido .puntos { position: absolute; left: -185px; bottom: -70px; }
.home .seccion4 { margin: 30px auto;  }
.home .seccion4 .col2 li:nth-child(2) { width: 60%; }
.home .seccion4 .col2 li:nth-child(3) { width: 40%; }
.home .seccion4 .fondo .col2 li { width: 50%; }
.home .seccion4 .fondo { background-color: #42a2c8; padding: 60px 40px; border-bottom-left-radius: 60px; border-top-right-radius: 60px; }
.home .seccion4 .conte { margin-left: 40px; color: #28367d; color: #28367d;}
.home .seccion4 .conte h2 { font-weight: 400; }
.home .seccion4 .conte h1 { font-size: 35px; font-weight: 900; display: grid; }
.home .seccion4 .conte .formas { display: flex; }
.home .seccion4 .conte .formas img{ width: 140px; }
.home .seccion4 .conte .formas .linea { width: 200px; height: 11px; background-color: #65ae3e; margin-left: 20px; }
.home .seccion4 .round { padding: 10px 0px; }
.home .seccion4 .round label { background-color: transparent; border: 1px solid #fff;  cursor: pointer; height: 18px; left: 0; position: absolute; top: 15px; width: 18px; }
.home .seccion4 .round #checkbox { width:auto !important ; height: auto !important; }
.home .seccion4 .round .texto { font-size: 14px; color: #fff; } 
.home .seccion4 .round .texto a { display:inline; text-decoration: underline; }
.home .seccion4 #formContacto input { width:47.5%; height:50px; background-color: #ffffff; border: 1px solid #ededed; margin:5px; font-family:'Poppins', sans-serif; padding: 5px; -moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.home .seccion4 #formContacto input::placeholder {font-family:'Poppins', sans-serif; color:#818181; padding-left: 10px;}
.home .seccion4 #formContacto input:focus {border:1.5px solid #27347f; border-radius: 20px; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.home .seccion4 #formContacto .btn{background-color: #27347f; border: 1px solid #27347f; text-transform: uppercase; letter-spacing: 3px; color:#fff; width: 94.5%;  display: block; text-align: center;}
.home .seccion4 #formContacto .btn:hover{ cursor:pointer; opacity: .7; border-radius: 20px; }
/*********************** FOOTER NO HAY NO EXISTE ***********************/



/*********************** MEDIAS QUERIES ***********************/
@media screen and (min-width: 320px) and (max-width: 1023px) { 
    /*********************** GENERAL ***********************/
    .contenedor { width: 90%; }
    .movil-menu{ display: block; }
    .cruz {display: none;}
    .pc {display: none;}
    .movil {display: block;}
    /*********************** CONTENEDORES ***********************/
	.conteRight, .conteLeft { width: 100%; }
	/*********************** CLEAR ***********************/
	.clear { clear: both; height: 0px; }
	.clear5 { clear: both; height: 5px; }
	.clear10 { clear: both; height: 10px; }
	.clear15 { clear: both; height: 15px; }
	.clear20 { clear: both; height: 20px; }
	.clear30 { clear: both; height: 30px; }
    .clear40 { clear: both; height: 40px; }
    .clear50{clear: both; height: 5px;}
    /*********************** TEXTOS *************************/
    .textLeft, .home .seccion2 .conte h2, p, .home .seccion5 .contenido{text-align: center;}
	/*********************** COLUMNAS ***********************/
    .col2 li { width: 100%; }
    .col3 li{ width: 100%;}
    header{padding:5px 0px;}
    .menu{width:100%;}
    .menu li:nth-child(1){ width: 60%; height: 60px; padding: 0px !important; }
    .menu li:nth-child(2) { width: 40%; }
    .menu li a { padding: 15px 0; }
    .menu li .conteSociales { margin: auto; text-align: center; float: none; display: inline-flex;}
    .conteSociales a {width: 100%;}
    .logo{width: 100px; float: none; margin: auto; }
    .logoAnima{width: 60px; margin-top: 2px;}
    .headerAnima { padding:1px;  }
    /************************ HOME *************************/
    .home .seccion1{height: 350px;}
    .home .seccion1::after { height: 260px; border-bottom-left-radius: 80px; }
    .home .seccion1 .contenido .rectangulo { width: 300px; margin: 10px auto;}
    .home .seccion1 .contenido .rectangulo h2 { font-size: 14px; }
    .home .seccion1 .contenido .conte { font-size: 13px;  padding-top: 5px;  margin: auto;  width: 210px; display: block; }
    .home .seccion1 .contenido .respiradores { margin-top: -10px; }
    .home .seccion1 .contenido .respiradores .izquierda, .home .seccion1 .contenido .respiradores .derecha { width: 90px; }
    .home .seccion1 .contenido .respiradores .derecha { top:-3px; right: -17px; }
    .home .seccion1 .contenido .respiradores .izquierda { left: -18px; top:50px; }
    .home .seccion2 { margin-top: -250px; padding-bottom: 15px; }
    .home .seccion2 .contenido { width: auto; }
    .home .seccion2 .contenido p, .home .seccion2 .contenido2 p { padding: 0px; font-size: 13px; }
    .home .seccion2 .contenido .vineta::before, .home .seccion2 .contenido2 .vineta::before { width: 10px; height: 10px; }
    .home .seccion2 .contenido2 { padding:0px 20px; width: auto;  }
    .home .seccion3 .contenido { padding:10px; border-bottom-right-radius:35px; }
    .home .seccion3 .contenido p { font-size: 13px; }
    .home .seccion4 .fondo { padding:30px 20px; }
    .home .seccion4 #formContacto input { width: 95%;  height: 25px;}
    .home .seccion4 .round .texto { font-size: 13px; }
    .home .seccion4 #formContacto .btn { width: auto; margin: auto; height: auto; }
    .home .seccion4 .conte { margin-left: 0px; }
    .home .seccion4 .conte h2 { text-align: center; font-size: 18px; }
    .home .seccion4 .conte h1 { text-align: center; font-size: 25px; }
    .home .seccion4 .conte .formas img, .home .seccion2 .triangulo { display: none; }
    .home .seccion4 .col2 li:nth-child(2), .home .seccion4 .col2 li:nth-child(3), .home .seccion4 .fondo .col2 li { width: 100%; }
    .home .seccion4 .conte .formas .linea { margin: 0px auto 10px; }
    
}

@media screen and (min-width: 480px) and (max-width: 599px) { 
    /*********************** GENERAL ***********************/ 
    .contenedor { width:90%; }
    .home .seccion1 .contenido .rectangulo { width: 378px; }
    .home .seccion1 .contenido .respiradores .derecha { right: -4px;}
    .home .seccion1 .contenido .respiradores .izquierda { left: -10px; }
    

}

@media screen and (min-width: 600px) and (max-width: 1023px) { 
    /*********************** GENERAL ***********************/ 
    .contenedor{width:90%; }
    .logo { float: left; }
    .menu { width: 300px; }
    .home .seccion1 .contenido .respiradores { margin-top: -100px; }
    .home .seccion1 .contenido .respiradores .derecha, .home .seccion1 .contenido .respiradores .izquierda { right: 0px; }
    .home .seccion1 .contenido .rectangulo { width: 485px; }
    .home .seccion1 .contenido .conte { width: 350px; }
    .home .seccion1::after { height: 200px; }
    .home .seccion2 { margin-top:-300px; padding-bottom:5px; }
    .home .seccion2 .contenido { width: 400px; }
    .home .seccion3 .contenido .col2 li {width: 50%;}
    .home .seccion3 .contenido { padding:25px; }
    .home .seccion4 .fondo { width: 450px; margin: auto; }
    
}

@media screen and (min-width: 1024px) and (max-width: 1439px) { 
    /*********************** GENERAL ***********************/
    .contenedor { width: 960px;}
    /********************** HEADER ***********************/
    .logo{width: 100px; margin-top:10px}
    .menu{width: 200px;}
    #telefono { font-size:14px; }
    .menu li .conteSociales{width: 60px;}
    .menu li .conteSociales a {font-size: 18px; }
    .logoAnima{width: 80px; margin-top: 10px;}
    .headerAnima { padding:1px;  }
    /*********************** HOME ***********************/
    .home .seccion1 {height:700px;}
    .home .seccion1::after { height: 270px; }
    .home .seccion1 .contenido .rectangulo { width: 750px; }
    .home .seccion1 .contenido .rectangulo h2 { font-size: 35px; } 
    .home .seccion1 .contenido .respiradores .izquierda { left:0px; width: 230px; top:65px; }
    .home .seccion1 .contenido .respiradores .derecha {right: 50px; }
    .home .seccion1 .contenido .conte { font-size: 17px; margin-top: 35px; }
    .home .seccion1 .contenido .respiradores .derecha { width: 200px;}
    .home .seccion2 { margin-top: -580px; padding-top: 190px; }
    .home .seccion2 .contenido p, .home .seccion2 .contenido2 p { font-size: 18px; padding: 5px 168px; }
    .home .seccion2 .triangulo { top: 19.5%; right: 12px; width: 200px; }
    .home .seccion2 .cruz { width: 110px; left: -40px; top: 55%; }
    .home .seccion3 .contenido { padding: 40px; }
    .home .seccion3 .contenido p { font-size: 16px; }
    .home .seccion3 .contenido .puntos { left: -150px; width: 110px; }
    .home .seccion4 #formContacto input { width: 46.5%; height: 35px; }
    .home .seccion4 #formContacto .btn { width: 91.5%; }
    .home .seccion4 .round .texto { font-size: 10px; }
    .home .seccion4 .conte h2 { font-size: 20px; }
    .home .seccion4 .conte h1 { font-size: 30px; }
    .home .seccion4 .conte .formas img { width: 110px; }
    .home .seccion4 .conte .formas .linea { width: 175px; height: 8px; }
}

@media (min-width: 1440px) {
	
}