@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;}

/*********************** HOME ***********************/
.home .seccion1 { background-color: #eff1f3; height: 600px;}
.home .seccion1 .contenido { padding: 20px 0px; text-align: center; }
.home .seccion1 .contenido .respiradores { margin-top: -200px; }
.home .seccion1 .contenido .respiradores .izquierda { position: absolute; left: 0px; width: 300px; z-index:999; }
.home .seccion1 .contenido .respiradores .derecha {position: absolute; right: 0px; width: 300px; z-index:999; }
.home .seccion1 .contenido .rectangulo { background-color: #28367d; width: 500px; margin: auto; padding: 10px; border-bottom-left-radius: 30px; border-top-right-radius: 30px;}
.home .seccion1 .contenido .rectangulo h2 { color: #fff; font-size: 50px; font-weight: 800; }
.home .seccion1 .contenido .subtitulo { padding-top: 20px; color: #28367d; font-size: 20px; }
.home .seccion1 .contenido hr { width: 450px; background-color: #6bb340; height: 5px; }
.home .seccion1 .contenido .conte { padding-top: 20px; font-size: 22px; display: grid; color: #28367d; font-weight: 500; }
.home .seccion2 .puntos { position: absolute; top: 65%;  right: 0px; }
.home .seccion2 .contenido2 { position:relative; z-index:99; border-bottom-left-radius: 120px; border-top-right-radius: 170px; margin: -300px auto 30px; background-color: #045fb2;  padding: 20px 80px; width: 950px; text-align: center; color: #fff; }
.home .seccion2 .contenido2 h1 { font-size: 50px; padding: 30px 0px; }
.home .seccion2 .conte2 p { color: #fff; font-size: 20px; padding: 10px 148px; }
.home .seccion2 .contenido2 .imagen { width: 200px; position: relative; z-index: 99;}
.home .seccion2 .contenido2 .imagen::before { background-color: #28367d; margin: auto; border-bottom-left-radius: 30px; border-top-right-radius: 30px; content: ''; position: absolute;  z-index: -1;left: -110%; height: 120px; width: 450px;  top: 170px; }
.home .seccion2 .contenido2 .imagen2 { width: 350px;  position: relative; right: -47px; z-index: 99;}
.home .seccion2 .contenido2 .imagen2::before { background-color: #28367d; margin: auto; border-bottom-left-radius: 30px; border-top-right-radius: 30px; content: '';  position: absolute; z-index: -1; height: 120px; width: 450px; top: 80px; left: -30px }
.home .seccion2 .contenido2 .conte3 { margin-top: 60px; }
.home .seccion2 .contenido2 .conte3 p { color: #fff; font-size: 20px; padding: 10px 40px; text-align: center; margin-top: 20px; }
.home .seccion2 .contenido2 .conte4 p { color: #fff; font-size: 20px; padding: 10px 148px; }
.home .seccion2 .contenido2 .conte4 p span { font-size: 12px; vertical-align: super; font-weight: 600;}
.home .seccion2 .contenido2 .info { background-color: #63af36; width: 500px; margin: 20px auto; padding: 15px 0px; height: 60px; position: relative; text-align: center; bottom: -70px; margin-top: -40px; }
.home .seccion2 .contenido2 .info p { color: #fff; font-weight: 900; font-size: 30px; }
.home .seccion3 .conteContacto .fondo { width: 650px; margin: 30px auto; background-color: #28367d; padding: 40px; border-bottom-left-radius: 60px; border-top-right-radius: 60px; }
.home .seccion3::before { content: ''; position:absolute; top: -180px; height: 600px; width: 1200px; background-color: #eff1f3; left: 240px; }
.home .seccion3 .conteContacto .conte5 { text-align: center; color: #28367d; font-size: 22px; font-weight: 700; }
.home .seccion3 .conteContacto .fondo::after { content: ''; background-image: url(../img/figura.png); background-repeat: no-repeat; padding: 150px; position: relative; bottom: -20px; top: -90px; right: -420px }
.home .seccion3 .round { padding: 10px 0px; }
.home .seccion3 .round label { background-color: transparent; border: 1px solid #fff;  cursor: pointer; height: 18px; left: 0; position: absolute; top: 15px; width: 18px; }
.home .seccion3 .round label:after { border: 2px solid #fff; border-top: none; border-right: none; content: ""; height: 3px; left: 2px; opacity: 0; position: absolute; top: 5px; transform: rotate(-45deg); width: 10px; }
.home .seccion3 .round input[type="checkbox"] { width: 30px; height: 30px; }
.home .seccion3 .round #checkbox { width:auto  !important ; height: auto !important; }
.home .seccion3 .round input[type="checkbox"]:checked { background-color: #1e3c9c; border-color: #1e3c9c; }
.home .seccion3 .round input[type="checkbox"]:checked:after { opacity: 1; }
.home .seccion3 .round .texto { font-size: 12px; color: #fff; } 
.home .seccion3 .round .texto a { display:inline; text-decoration: underline; }
.home .seccion3 .conteContacto .cruz {position: absolute; width: 150px; left: -80px; }
.home .seccion3 .contacto {transform: rotate(-90deg); position: absolute; bottom: 120px; left: 120px; font-weight: 800; color: #045fb2; font-size: 35px; }
.home .seccion3 .contacto span{display:block; font-size:25px; text-transform:lowercase; font-family:'Poppins', sans-serif; font-weight: 400; margin-bottom: 20px;}
.home .seccion3 #formContacto input, textarea{ width:45%; 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 .seccion3 #formContacto input::placeholder, textarea::placeholder{font-family:'Poppins', sans-serif; color:#818181; padding-left: 10px;}
.home .seccion3 #formContacto input:focus, textarea:focus{border:1.5px solid #045fb2; border-radius: 20px; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.home .seccion3 #formContacto .input100 input, textarea{width:93%;}
.home .seccion3 #formContacto .input100 textarea{width:93%; height:90px; background-color: #ffffff; border: 1px solid #ededed; margin:5px; resize: none;}
.home .seccion3 #formContacto .btn{background-color: #045fb2; border: 1px solid #045fb2; text-transform: uppercase; letter-spacing: 3px; color:#fff; width: 85%;  display: block; text-align: center;}
.home .seccion3 #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;}
    /*********************** 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{width: 50%; height: 60px; padding: 0px !important;}
    .menu li a{padding: 15px 0;}
    .menu li .conteSociales {margin: auto; text-align: center; float: none;}
    .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 .contenido .rectangulo { width: 200px; }
    .home .seccion1 .contenido .rectangulo h2 { font-size: 25px; }
    .home .seccion1 .contenido hr { width: 150px; border: 1px solid #6bb340; }
    .home .seccion1 .contenido .conte { font-size: 17px; padding-top: 10px; }
    .home .seccion1 .contenido .respiradores { margin-top: -10px; }
    .home .seccion1 .contenido .respiradores .izquierda, .home .seccion1 .contenido .respiradores .derecha { width: 150px; }
    .home .seccion2 .puntos { display: none; }
    .home .seccion2 .contenido2 { padding:20px; width: auto; border-bottom-left-radius: 20px; border-top-right-radius: 70px; margin: 99px auto 50px; }
    .home .seccion2 .contenido2 h1 { font-size: 30px; padding: 30px 0px; text-align: center; }
    .home .seccion2 .conte2 p, .home .seccion2 .contenido2 .conte3 p, .home .seccion2 .contenido2 .conte4 p { padding: 0px; font-size: 15px; }
    .home .seccion2 .contenido2 .imagen { width: 100px; margin: auto; }
    .home .seccion2 .contenido2 .imagen::before { height: 80px; width: 320px; top: 70px; }
    .home .seccion2 .contenido2 .conte3 { margin-top: 10px; }
    .home .seccion2 .contenido2 .imagen2 { width: 170px; }
    .home .seccion2 .contenido2 .imagen2::before { left: -60px; height: 80px; width: 320px; top:40px; }
    .home .seccion2 .contenido2 .info { width: auto; position: inherit; height: 50px; }
    .home .seccion2 .contenido2 .info p { font-size: 20px; }
    .home .seccion3::before { width: 100%; left: 0px; height: 800px; }
    .home .seccion3 .conteContacto .conte5 { font-size: 18px; }
    .home .seccion3 .conteContacto .fondo { width: auto; }
    .home .seccion3 #formContacto input { width: 100%; height: 40px;}
    .home .seccion3 .contacto { transform: rotate(360deg); text-align: center; font-size: 25px; position: inherit; }
    .home .seccion3 .conteContacto .fondo::after { display: none; }
}

@media screen and (min-width: 480px) and (max-width: 599px) { 
    /*********************** GENERAL ***********************/ 
    .contenedor { width:90%; }
    .home .seccion2 .contenido2 .imagen2 { margin: auto; }
    .home .seccion2 .contenido2 .imagen2::before { left: -110px; }
    .home .seccion1 .contenido .respiradores { margin-top: -20px; }
    .home .seccion3 #formContacto .btn { width: 100%; }

}

@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 { padding: 100px 0px; }
    .home .seccion2 .contenido2 { margin: -20px auto 50px; }
    .home .seccion2 .contenido2 { width: 600px; padding: 10px; }
    .home .seccion2 .contenido2 .imagen2 { margin: auto; }
    .home .seccion2 .contenido2 .imagen2::before { left: -120px; }
    .home .seccion2 .contenido2 .info { width: 300px; bottom:-50px; }
    .home .seccion3 .conteContacto .fondo { width: 550px; padding: 40px 60px; }
    .home .seccion3::before { height: 700px; }
    .home .seccion3 #formContacto .btn { 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:450px;}
    .home .seccion1 .contenido .rectangulo { width: 480px; }
    .home .seccion1 .contenido .rectangulo h2 { font-size: 35px; } 
    .home .seccion1 .contenido .subtitulo { padding-top: 10px; font-size: 18px; }
    .home .seccion1 .contenido hr { width: 400px; }
    .home .seccion1 .contenido .conte { padding-top:10px; font-size: 20px; }
    .home .seccion1 .contenido .respiradores {  margin-top: -100px; }
    .home .seccion1 .contenido .respiradores .izquierda,.home .seccion1 .contenido .respiradores .derecha { width: 200px;}
    .home .seccion2 .contenido2 { margin: -66px auto 30px; width: 800px; padding: 10px 60px; }
    .home .seccion2 .contenido2 h1 { font-size: 40px; padding: 20px 0px; }
    .home .seccion2 .conte2 p { font-size: 16px; padding: 5px 120px; }
    .home .seccion2 .contenido2 .conte3 { margin-top: 40px; }
    .home .seccion2 .contenido2 .conte3 p { font-size: 16px; padding: 5px 20px; }
    .home .seccion2 .contenido2 .imagen { width: 150px; }
    .home .seccion2 .contenido2 .imagen2 { width: 250px; right: -27px; }
    .home .seccion2 .contenido2 .imagen::before { left: -120%; height: 100px; width: 400px; top: 120px; }
    .home .seccion2 .contenido2 .imagen2::before { height: 100px; width: 400px; top: 60px; }
    .home .seccion2 .contenido2 .conte4 p { font-size: 16px; padding: 5px 120px; }
    .home .seccion2 .puntos { width: 200px; }
    .home .seccion3 .conteContacto .cruz { position: absolute;  width: 100px; left: -20px; }
    .home .seccion2 .contenido2 .info { bottom: -50px; width: 400px; }
    .home .seccion2 .contenido2 .info p { font-size: 20px; }
    .home .seccion3 .conteContacto .conte5 { font-size: 18px; }
    .home .seccion3 .conteContacto .fondo { width: 550px; margin: 20px auto; padding: 30px; }
    .home .seccion3 .round .texto { font-size: 12px; }
    .home .seccion3 #formContacto input { height: 40px; }
    .home .seccion3 #formContacto .btn { width: 94%; }
    .home .seccion3 .contacto {font-size: 25px; left: 92px; }
    .home .seccion3 { padding-bottom: 20px;  }
    .home .seccion3::before { top: -180px; height: 550px; width: 900px; left: 220px; }
    .home .seccion3 .conteContacto .fondo::after { top: -80px; right: -340px; padding: 130px; }
    .home .seccion3 .contacto span {font-size: 20px;}
    .home .seccion3 #formContacto input, textarea {width: 47%;}
    .home .seccion3 #formContacto .input100 input{width: 97%;}
    .home .seccion3 #formContacto .input100 textarea{width: 97%;}
    /*********************** FOOTER ***********************/
    footer .seccion0 {padding: 15px 0px;}
    .fooWhats, .fooMail{font-size: 14px;}
    .logoFooter {width: 135px;}
    .derechos, .aviso{font-size: 12px;}
    .social {font-size: 22px;}
}

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