body{font-family:'Raleway',sans-serif!important;position:relative}
a{text-decoration:none}
a:hover{text-decoration:none}
p{margin-bottom:0;line-height:18px}
#banner{padding:0;overflow:hidden}
.logo{padding:5px 0;display:flex;align-items:flex-end;justify-content:center;flex-direction:row;transition:all .5s ease}
.logo img{width:50px;display:block;transition:all .5s ease}
.logo p{font-size:35px;margin-bottom:8px;margin-left:5px;color:#479a8c;transition:all .5s ease}
#banner{max-width:1400px;margin:0 auto;display:block}
#banner .slidehuincha{display:flex!important;align-items:flex-start;justify-content:center;width:100%;position:relative}
#banner .slidehuincha .side-texto{width:500px;background:rgba(71,164,140,0.8);text-align:center;padding:10px;margin-left:20px;color:#fff;position:absolute;left:0;top:35%;z-index:2}
#banner .slidehuincha.huincha2 .side-texto{right:0;left:inherit}
#banner .slidehuincha.huincha3 .side-texto{width:500px;background:rgba(71,164,140,0.8);text-align:center;padding:10px;margin:0 auto;color:#fff;position:absolute;left:0;right:0;bottom:100px;z-index:2;top:inherit}
#banner .slidehuincha img{width:100%}
#banner .slidehuincha .side-texto p.titulo-carrusel{font-size:28px;text-transform:uppercase;line-height:30px}
#banner .slidehuincha .side-texto .texto p{font-size:18px;line-height:20px}
header{display:block;width:100%;background:#fff;height:auto}
header .container{display:flex;align-items:center;justify-content:space-between;flex-direction:row}
header nav ul{display:flex;align-items:center;justify-content:flex-end;margin:0 auto}
header nav ul li{list-style:none}
header nav ul li a{margin:0 10px;padding:18px 10px;color:#000;text-transform:uppercase;letter-spacing:1px;display:block}
header nav ul li a:hover{text-decoration:none;background:#9fe1d7;color:#222}
header nav ul li a.contacto-bt{background:#9fe1d7;color:#222}
header nav ul li a.active{text-decoration:none;background:#9fe1d7;color:#000}
#menu-landing.fix{position:fixed}
header.sticky{position:fixed;width:100%;left:0;top:0;z-index:100;border-top:0;border-bottom:1px solid #479a8c}
header.sticky nav ul li a{padding:10px;transition:all .5s ease}
header.sticky .logo img{width:30px;transition:all .5s ease}
header.sticky .logo p{font-size:22px;margin-bottom:2px;transition:all .5s ease}
section{padding:20px 0;display:block}
section .titulo{text-align:center;margin-bottom:40px}
section .titulo h3{font-size:30px;margin-bottom:10px;color:#479a8c;text-transform:uppercase;margin-top:20px}
section .titulo p,section .titulo h1{font-size:16px;color:#4c4c4c;text-align:center;width:90%;margin:0 auto;display:block}
section .titulo img{width:100%;margin:20px auto}
.iconos-info{flex-direction:row;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:self-start}
.iconos-info div{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:20px;width:auto;text-align:center}
.iconos-info div img{width:100%;max-height:300px}
.iconos-info div i{font-size:60px;margin-bottom:20px;color:#33bfb0}
.iconos-info div p{font-size:14px;line-height:20px;margin:5px auto}
.iconos-info div p:nth-of-type(1){font-size:18px;font-weight:700;text-transform:uppercase;margin-top:10px;background:#479a8c;color:#fff;padding:2px 15px}
.iconos-info div p:nth-of-type(2){font-size:14px;line-height:16px;max-width:400px}
.imagen img{-webkit-border-top-left-radius:80px;-webkit-border-bottom-right-radius:80px;-moz-border-radius-topleft:80px;-moz-border-radius-bottom-right:80px;border-top-left-radius:80px;border-bottom-right-radius:80px}
#conoce-mas{position:relative;height:30px;display:block}
#conoce-mas a{padding-top:20px}
#conoce-mas a span{position:absolute;top:0;left:50%;width:24px;height:24px;margin-left:-12px;border-left:1px solid #222;border-bottom:1px solid #222;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg);-webkit-animation:sdb06 1.5s infinite;animation:sdb06 1.5s infinite;box-sizing:border-box}
@-webkit-keyframes sdb06 {
0%{-webkit-transform:rotateY(0) rotateZ(-45deg) translate(0,0);opacity:0}
50%{opacity:1}
100%{-webkit-transform:rotateY(720deg) rotateZ(-45deg) translate(-20px,20px);opacity:0}
}
@keyframes sdb06 {
0%{transform:rotateY(0) rotateZ(-45deg) translate(0,0);opacity:0}
50%{opacity:1}
100%{transform:rotateY(720deg) rotateZ(-45deg) translate(-20px,20px);opacity:0}
}
#quienessomos ul{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-self:center;padding:0}
#quienessomos ul li{width:auto;list-style:none;margin:0 20px;display:flex;justify-content:center;align-self:center;flex-direction:column;text-align:center;font-size:20px;letter-spacing:1px}
#quienessomos ul li i{color:#548890;font-size:60px;margin-bottom:10px}
#conoce-mas a{position:relative;display:block;z-index:2;display:inline-block;color:#222;font:normal 400 20px/1 'Josefin Sans',sans-serif;letter-spacing:.1em;text-decoration:none;transition:opacity .3s;padding-top:0;display:flex;align-items:center;justify-content:center;flex-direction:row}
#conoce-mas a:hover{opacity:.5}
.contenido-contacto{display:flex;align-items:center;justify-content:space-evenly;flex-direction:row}
.contenido-contacto p{text-align:center;margin-bottom:5px}
.contenido-contacto #form-contact{width:50%;flex-direction:column;display:flex}
.contenido-contacto #form-contact button{background:#9fe1d7;margin:0 auto;display:block;padding:5px 20px;transition:all .3s ease-in-out}
.contenido-contacto #form-contact button:hover{background:#8bc7be;transition:all .3s ease-in-out}
.contenido-contacto .imgcovertura{width:100%;max-height:400px}
#servicios .titulo p:nth-of-type(1){font-size:22px}
#servicios .titulo p{line-height:25px}
.slick-dots li button:before{display:none}
.slick-dots li{border:1px solid #fff;border-radius:20px;width:15px!important;height:15px!important;background:#fff}
.slick-dots li.slick-active{background:#479a8c;border:1px solid #479a8c}
.mobile-nav-wrap{width:100%}
.slick-dots{bottom:5px!important}
form span.formulario_error{color:red}
#respuesta{text-align:center}
#respuesta p{color:#fff;background:#479a8c;margin-top:20px;padding:5px;color:#fff;display:block;width:100%;font-size:14px}
#respuesta img{margin:0 auto;display:block}
.slick-dotted.slick-slider{margin-bottom:0!important}
#boton-flotante{font-family:lato,sans-serif;width:100%;height:auto;display:block;max-width:160px;margin:0 auto;position:fixed;bottom:80px;right:0;z-index:1;background:#9fe1d7;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;border-top-left-radius:10px;border-bottom-left-radius:10px}
#boton-flotante a{width:100%;height:auto;padding:20px 10px;display:block;color:#275850;text-align:center;text-transform:uppercase}
#boton-flotante p:nth-of-type(1){font-weight:700;margin-bottom:5px}
footer{background:#479a8c;color:#fff;display:flex;align-items:center;justify-content:space-between;flex-direction:row;padding:5px 10px;width:100%}
footer a{font-size:12px;color:#fff;margin:0 20px}
footer a:nth-of-type(1){font-size:13px}
footer a span{color:#000}
footer i{margin-right:3px}
footer a:hover{color:#fff}

.correo-ele{background:#479a8c;color:#fff;text-align:center;padding:5px 10px;font-weight:700;font-size:17px;max-width:1400px;margin:0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center}
.correo-ele a{color:#fff;margin-left:30px}
.correo-ele p{margin-right:30px}
#promocion{padding:20px 0}
#promocion img{margin:0 auto;display:block;width:100%}
#promocion img.widthauto{width: auto}
#covid19{background:#479a8c;padding:40px 0;margin:20px 0;color:#fff}
#covid19 h3{font-size:30px;text-transform:uppercase;text-align:center;margin-bottom:30px}
#covid19 ul{padding:0 10px}
#covid19 ul li{margin:0 0 20px}
.list-covid ul{display:flex;flex-direction:row;justify-content:center;align-content:center;align-items:flex-start}
.list-covid ul li{display:flex;flex-direction:column;width:20%;padding:0 5px;text-align:center;font-size:12px}
.list-covid ul img{width:300px;margin:0 auto;padding:0 10px}
.list-covid ul li img{width:100%}
#ambulancias img{width:100%}
#ambulancias ul{padding:0}
#ambulancias ul li{margin:10px 0;font-size:15px}

.contenido-contacto form .form-control {border: 2px solid #ced4da;border-color: #9fe1d7}
#contacto .title-contact{font-size: 16px;font-weight: 700;margin: 10px auto; color: #000;}
#contacto ul{list-style: none;display: flex;flex-wrap: wrap;justify-content: center;margin: 10px 0 0 0;padding: 0;}
#contacto ul li{margin: 0 5px}
#contacto ul li::after{content: "/";padding-left: 10px;}
#contacto ul li:last-child:after{content: "";}
a.btn-pers{ height: auto;padding: 5px 15px;display: inline-block;background: #9fe1d7;color: #275850;text-align: center;text-transform: uppercase;font-weight: 700;font-size: 14px;border-radius: 6px;max-width: 80%;}

@media (max-width: 767px) {
#quienessomos ul li i{font-size:40px}
#quienessomos ul li{width:50%;margin:20px 0;font-size:18px}
#ambulancias ul{padding-left: 15px;}
#ambulancias ul li{text-align:left;}
.iconos-info div:nth-of-type(1){width:100%;width:100%;flex-direction:column}
#covid19 h3{font-size:25px}
.list-covid ul{flex-direction:column}
.list-covid ul li{width:100%;flex-direction:row;align-items:center}
.list-covid ul li img{width:200px}
#banner .slidehuincha .side-texto{width:90%!important;margin:0 auto;padding:5px}
.iconos-info{flex-direction:column;align-items:flex-start}
section .titulo p{width:100%}
.iconos-info div:nth-of-type(2),.iconos-info div:nth-of-type(3){width:100%}
#banner h2,#banner h1{text-align:center}
.contenido-contacto .imgcovertura{max-height:inherit;width:90%;margin:0 auto;display:block}
.contenido-contacto{flex-direction:column}
.contenido-contacto #form-contact{width:90%}
#banner .slidehuincha .side-texto p.titulo-carrusel{font-size:20px;line-height:22px;margin-bottom:10px}
#servicios .titulo p:nth-of-type(1){font-size:20px;margin-bottom:30px}
.iconos-info div:nth-of-type(1) p:nth-of-type(2){font-size:14px;line-height:16px}
.mobile-header-nav{background-color:#7ccacf;display:none;list-style:none;margin:0;padding:0;position:absolute;top:60px;width:100%;z-index:2;left:0}
.mobile-header-nav li{border-bottom:1px solid rgba(255,255,255,0.7)}
.mobile-header-nav li a{color:#fff;display:block;padding:8px 0;text-align:center;text-decoration:none;transition:all .3s ease-in-out;font-size:12px;margin:0}
.mobile-header-nav li a:hover{background-color:#46b9c0}
.hamburger-menu{display:inline-block;padding:15px 10px;transition:all .3s ease-in-out}
.hamburger-menu:hover{cursor:pointer}
.hamburger-menu .menu-item{background:#000;display:block;height:3px;margin:0 0 5px;transition:all .3s ease-in-out;width:40px}
.hamburger-menu.open .menu-item{margin:0 0 5px}
.hamburger-menu.open .menu-item:first-child{transform:rotate(45deg);transform-origin:10px}
.hamburger-menu.open .menu-item:nth-child(2){opacity:0}
.hamburger-menu.open .menu-item:nth-child(3){transform:rotate(-45deg);transform-origin:8px}
#boton-flotante{bottom:40%}
header.sticky .logo img{width:50px}
.correo-ele{flex-direction:column}
.correo-ele a{margin-left:0;margin-top:2px}
#banner .slidehuincha .side-texto .texto p{font-size:14px}
.correo-ele p{margin-right:0}
#banner .slidehuincha.huincha2 .side-texto{right:0;left:0;top:20px}
#banner .slidehuincha.huincha3 .side-texto{bottom:40px}
footer {flex-direction: column;text-align: center;font-size: 12px;}
#contacto ul li{margin: 0px;width: 100%;}
#contacto ul li::after{content: " ";padding-left: 0px;}
a.btn-pers{max-width: 90%;}
#ambulancias img {
    margin-bottom: 10px;}
#promocion img.widthauto{width: 100%}
}