/* Font */
@font-face{font-family:'akzentconddb';src:url('../fonts/AkzentCond/akzentcond-regular_db-webfont.eot');src:url('../fonts/AkzentCond/akzentcond-regular_db-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.woff2') format('woff2'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.woff') format('woff'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.ttf') format('truetype'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.svg#akzentcond_dbregular') format('svg');font-weight:normal;font-style:normal; }

/*Fuentes*/
.arial{ font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal; }
.popil{font-family:'Poppins', sans-serif !important;font-weight:300;}
.popir{font-family:'Poppins', sans-serif !important;font-weight:400;}
.popim{font-family:'Poppins', sans-serif !important;font-weight:500;}
.popis{font-family:'Poppins', sans-serif !important;font-weight:600;}
.popib{font-family:'Poppins', sans-serif !important;font-weight:700;}
.popie{font-family:'Poppins', sans-serif !important;font-weight:800;}
.aconddb{font-family:'akzentconddb' !important;}

/*CONFIGURACION*/
.row{max-width:76.875em;}
.columns{padding-left:15px;padding-right:15px;}
.callout{padding:0;margin:0;border:0;}
.rel{position:relative !important;}
.abs{position:absolute;top:0;left:0;}
.nothing{padding:0;}
.verticalalignmiddle{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
.fullwidth{ width:100%;}
.em{font-style:italic;}
.bold{font-weight:bold;}
.color1{color:#2C2D2D;}
.color2{color:#3199B5;}
.color3{color:#333;}
.color-blanco{color:white;}
.color-negro{color:black;}
.fondo-blanco{background-color:white;}
.fondo-negro{background-color:black;}
.texto{color:#2D3E50;}
.boton{color:#FFF;background-color:#3199B5;border:0;border-radius:10px;max-width:219px;width:100%;transition:all 0.5s ease;padding:0;font-size:18px;line-height:48px;display:block;text-align:center;margin:0 auto;}
.boton:hover,.boton:focus{color:#FFF;background-color:#5ECCD1;}
h1{font-size:44px;line-height:49px;margin:0;}
h2{font-size:30px;line-height:35px;margin:0;}
h3{font-size:28px;line-height:33px;margin:0;}
h4{font-size:36px;line-height:41px;margin:0;}
h5{font-size:45px;line-height:50px;margin:0;}
p{font-size:16px;line-height:25px;margin:0;}
span{display:block;}
blockquote{padding:0;margin:0;border:0;}
figure{margin:0;}
::placeholder{color: #333;}
form ::-webkit-input-placeholder{color:#333;}
form :-moz-placeholder{color:#333;}
form ::-moz-placeholder{color:#333;}
form :-ms-input-placeholder{color:#333;}
.iconos{display:inline-block;background-color:transparent;background-image:url(../img/iconos/menu.png);background-repeat:no-repeat;vertical-align:middle;}
.menu-adaptable{width:23px;height:17px;}
.menu_bar,.men{display:none;}
.men a{display:flex;gap:10px;align-items:center;justify-content:flex-end;font-size:14px;line-height:1.2;color:#D20000;}
.men a i{font-size:20px;}
.en-linea > *{ display:inline-block;vertical-align:middle; }
.pagination a:hover, .pagination .current{background:#E5E5E5 !important;color:#333;}

/*Formulario*/
form{margin:0;max-width:730px;width:100%;}
form [type='text']:focus,form [type='password']:focus,form [type='date']:focus,form [type='datetime']:focus,form [type='datetime-local']:focus,
form [type='month']:focus,form [type='week']:focus,form [type='email']:focus,form [type='number']:focus,form [type='search']:focus,form [type='tel']:focus,
form [type='time']:focus,form [type='url']:focus,form [type='color']:focus,form textarea:focus,form select:focus,
form [type='text'],form [type='password'],form [type='date'],form [type='datetime'],form [type='datetime-local'],
form [type='month'],form [type='week'],form [type='email'],form [type='number'],form [type='search'],form [type='tel'],
form [type='time'],form [type='url'],form [type='color'],form textarea,form select{font-size:15px;line-height:20px;background-color:#FFF;border:0;border-bottom:1px solid #BDC0C4;box-shadow: none !important;height:45px;color:#666;outline:0;border-radius:0;margin:0 0 15px;padding:5px 0;}
form textarea,form textarea:focus{height:150px;}
form label{font-size:16px;line-height:21px;padding-bottom:5px;}
form label.error{font-size: 10px;line-height: 10px;position: absolute;color: white;bottom: 1px;background: #ff0000;width: 100%;padding: 2px;}
form label.error.valid{display: none !important;}

body{font-family:'Poppins', sans-serif !important;font-weight:400;color:#000;background:white;}
main{margin-top:105px;}
h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif;font-weight:400;}

/* Header */
header{position:fixed;z-index:11;width:100%;top:0;transition:all 1s ease;}
header.flota{top:-105px;background-color:#3199B5;}
header .logo{display:inline-block;transition:all 1s ease;z-index:99;margin:23px 0;position:relative;max-width:254px;}
header .llama{font-size:14px;line-height:19px;color:#868686;text-align:right;padding:13px 0;}
header .llama br{display: none;}
header .red:hover img{opacity:.7;}
header .datos-flex{display: flex;flex-flow:row wrap;gap:10px;justify-content:flex-end;align-items:center;height: 52px;text-align:center;margin:0;}
header .datos-flex > li a{font-size:14px;line-height:19px;background-color:#3199B5;color:#FFF;padding: 7px 25px;border-radius:10px;transition:all 1s ease;display:block;}
header .datos-flex > li a:hover{background:#2C2D2D;}

/*Menu*/
nav{transition:all 0.5s ease;background-color:#3199B5;padding:0 25px;border-radius:0 0 10px 10px;}
nav > ul{margin-bottom:0;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;}
nav > ul > li{position:relative;display:inline-block;vertical-align:middle;line-height:15px;}
nav > ul > li.desc{display:none;}
nav > ul > li > a{font-size:16px;color:#FFF;display:block;padding:0 20px;text-align:center;transition:all 0.5s ease;line-height:62px;}
header.flota nav > ul > li > a{line-height:45px;}
nav > ul > li:hover > a, nav > ul > li:focus > a, nav > ul > li.active > a, nav > ul > li > a:focus{color:#FFF;background-color:#5ECCD1;}
/*SubMenu*/
nav > ul > li > ul{position:absolute;width:100%;}
nav > ul > li > ul > li{line-height:14px;position:relative;}
nav > ul > li > ul > li > a{display:block;background-color:#5ECCD1;text-align:center;font-size:16px;line-height:16px;color:#FFF;transition:all 0.5s ease;padding:23px 15px;position: relative;}
header.flota nav > ul > li > ul > li > a{padding:15px;}
nav > ul > li > ul > li.active > a,
nav > ul > li > ul > li:hover > a,
nav > ul > li > ul > li > a:focus{background-color:#3199B5;color:#FFF;}

.banners.solo-portada, .banners.solo-portada .fondo{height:100%;}

/*Banners*/
.banners .fondo{background-repeat:no-repeat;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;}
.banner-parallax{background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center;}
.banner-parallax .row{position: relative;height:100%;}
.banner-parallax:before{content:'';background-color:rgba(0, 0, 0, .3);position:absolute;width:100%;height:100%;top:0;left:0;}
.banner-port{height:520px;background-image:url(../img/banners/portada.jpg);}
.banner-port2{height:520px;background-image:url(../img/banners/portada2.jpg);}
.banner-come{height:432px;background-image:url(../img/banners/comentario.jpg);}
.banner-noso{height:432px;background-image:url(../img/banners/nosotros.jpg);}
.banner-cont{height:432px;background-image:url(../img/banners/contacto.jpg);}
.banner-serv{height:432px;background-image:url(../img/banners/servicio.jpg);}
.banner-busc{height:202px;background-image:url(../img/banners/analisis.jpg);}

.slick-slide img{display:inline-block;}
.slick-nav{width:50px;height:50px;position:absolute;cursor:pointer;top:45%;}
.slick-nav.prev-arrow{left:15px;transform:scaleX(-1);z-index:1;}
.slick-nav.next-arrow{left:auto;right:15px;}
.slick-nav i{display:block;position:absolute;margin:-10px 0 0 -10px;width:14px;height:16px;left:50%;top:50%;}
.slick-nav i:before, .slick-nav i:after{content:'';width:17px;height:5px;border-radius:1px;position:absolute;left:50%;top:50%;background:#FFF;margin:-1px 0 0 -5px;display:block;transform-origin:15px 50%;}
.slick-nav i:before{transform:rotate(-40deg);}
.slick-nav i:after{transform:rotate(40deg);}
.slick-nav:before, .slick-nav:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:0;background-color: rgba(49,152,181,.6);border-radius:50%;}
.slick-nav:after{background-color:transparent;}
.slick-nav svg{width:50px;height:50px;display:block;position:relative;z-index:1;color:#333;stroke-width:2px;stroke-dashoffset:126;stroke-dasharray:126 126 0;transform:rotate(0deg);}
.slick-nav.animate svg{animation:stroke 1s ease forwards .1s;}
.slick-nav.animate i{animation:arrow 1s ease forwards;}
.slick-nav.animate i:before{animation:arrowUp 1s ease forwards;}
.slick-nav.animate i:after{animation:arrowDown 1s ease forwards;}
@keyframes stroke{
    52%{transform:rotate(-180deg);stroke-dashoffset:0;}
    52.1%{transform:rotate(-360deg);stroke-dashoffset:0;}
    100%{transform:rotate(-180deg);stroke-dashoffset:126;}
}

@keyframes arrow{
    0%,100%{transform:translateX(0);opacity: 1;}
    23%{transform:translateX(17px);opacity:1;}
    24%,80%{transform:translateX(-22px);opacity:0;}
    81%{opacity:1;transform:translateX(-22px);}
}

@keyframes arrowUp{
    0%,100%{transform:rotate(-40deg) scaleX(1);}
    20%,80%{transform:rotate(0deg) scaleX(.1);}
}

@keyframes arrowDown{
    0%,100%{transform:rotate(40deg) scaleX(1);}
    20%,80%{transform:rotate(0deg) scaleX(.1);}
}
.arrow-prev,.arrow-next{cursor:pointer;}
.slick-dots{position:absolute;bottom:100px;left:0;right:0;display:block;max-width:1200px;width:100%;padding:0;margin:0 auto;line-height:4px;list-style:none;padding-left:90px;}
.slick-dots li{position:relative;display:inline-block;width:14px;height:14px;margin:0 5px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:14px;height:14px;padding:0;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
.slick-dots li button:before{position:absolute;top:0;left:0;width:14px;height:14px;content:'';text-align:center;opacity:1;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:50%;background-color:#FFF;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity:.7;}
.slick-dots li.slick-active button:before{opacity:1;background:#FF9C12;}

.callout.primary, .callout.alert, .callout.success{padding:15px 20px;border-radius:20px;margin:10px 0 0;color:#333;}

/*Pagina Principal*/
#portada .callout-1{padding:60px 0 80px;}
#portada .callout-1 span{font-size:20px;line-height:25px;padding-bottom:15px;}
#portada .callout-1 h1{padding-bottom:20px;}
#portada .callout-1 p{padding-bottom:25px;}
#portada .callout-1 blockquote{background:#717284;border-radius:5px;max-width:470px;margin:20px auto 0;font-size:15px;line-height:20px;padding:18px 10px;}
#portada .callout-1 blockquote b{font-size:20px;line-height:25px;display:block;}
#portada .callout-2{padding:80px 0;background-color:#EFF3F4;}
#portada .callout-2 h5{padding-bottom:40px;}
.categ{max-width:388px;margin:0 auto;}
.categ figure{overflow:hidden;}
.categ figure img{-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.categ figure:hover img{-webkit-transform: scale(1.15);transform: scale(1.15);}
.categ figure a{width:100%;height:100%;}
.categ .btn{display:flex;justify-content:center;align-items:center;font-size:20px;line-height:25px;padding:5px 31px;height:75px;background-color:#3199B5;color:#FFF;border-radius:0 0 10px 10px;transition:all .5s ease-in-out;}
.categ .btn:hover{color:#FFF;background-color:#5ECCD1;}
#portada .callout-3{padding:70px 0;}
#portada .callout-3 h4{padding-bottom:35px;}
.testimonio{background-color:#F7F7F7;max-width:380px;margin:0 auto 30px;height:125px;width:100%;padding:15px 30px 15px 20px;display: flex;justify-content:flex-start;align-items:flex-start;}
.testimonio::after{content:'';background:url(../img/iconos/flecha-cuadro.png) no-repeat;position: absolute;left:0;bottom:-30px;width:100%;height:43px;}
.testimonio p{padding-left:30px;}
.testimonio p > img:first-child{position:absolute;left:0;top:5px;}
#portada .callout-3 .boton{max-width:279px;margin:30px auto 40px;}

/*General*/
#gene .callout-0{padding:100px 0 40px;background-color:#F8F8F7;}
#gene .callout-0 h1{font-size:35px;line-height:40px;position:relative;padding-right:110px;}
#gene .callout-0 h1 a{position:absolute;right:0;top:0;font-size:14px;line-height:14px;}
#gene .callout-1{padding:70px 0;}
#gene .callout-1 h4{padding-bottom:35px;}
#gene .callout-1 .testimonio{margin:0 auto 70px;}
#gene .callout-1 #form-buscar{max-width:450px;margin:0 auto 30px;}
#gene .callout-1 #form-buscar input{background:#F7F9FB;border:1px solid #E6ECF2;border-radius:5px;height:46px;padding: 5px 130px 5px 15px;}
#gene .callout-1 #form-buscar input::placeholder{color:#444;}
#gene .callout-1 #form-buscar .btn{position:absolute;right:1px;top:1px;background:#3199B5;height:44px;width:130px;color:white;border-radius:0 5px 5px 0;transition:all 0.5s ease;display: flex;justify-content: center;align-items: center;gap:5px;}
#gene .callout-1 #form-buscar .btn:hover{background:#2C2D2D;}
#gene .callout-1 .h3{padding-bottom:20px;}
#gene .callout-1 .imgsin{padding-top:30px;}
#gene .callout-1 #rpta,
#gene .callout-1 #cargando,
#gene .callout-1 #agregado_exito{width:100% !important;}
#gene .callout-1 .titulo-listado{width:74px;}
#gene .callout-1 .titulo-listado2{width:90px;}
#gene .callout-1 .titulo-listado3{max-width:818px;width: 100%;}
#gene .callout-1 .total{color:#FFF;background:#38af38;margin: 20px auto 0;display: block;padding:10px 20px;max-width: 220px;text-align: center;border-radius: 10px;}
#gene .callout-1 .volver{color:#3199B5;margin: 20px auto 0;display: block;max-width: 180px;text-align: center;text-decoration: underline;}
#gene .callout-1 .volver:hover{color:#2C2D2D;}
#gene .callout-1 .finalizar{background:#3199B5;margin: 20px auto 0;display: block;max-width: 250px;color: white;text-align: center;padding: 10px;border-radius: 10px;}
#gene .callout-1 .ver-cesta{color:#3199B5;}
#gene .callout-1 .ver-cesta:hover{color:#2C2D2D;}
#gene .callout-1 .finalizar i{font-size:25px;margin-right:5px;}
#gene .callout-1 .finalizar:hover{background:#2C2D2D;}
#gene .callout-1 .agreado-exito{display:flex;flex-flow:column;justify-content:center;align-items:center;text-align:center;}
#gene .callout-1 .agreado-exito i{color:#38af38;font-size:100px;}
#gene .callout-1 .agreado-exito p{color:#38af38;}
#gene .callout-1 .columna-flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;width:100%;gap:10px}
#gene .callout-1 .columna-flex.part2{min-height:46px;}
#gene .callout-1 .centro-resultado{max-width:900px;margin:0 auto;}
#gene .callout-1 .columna-flex.part2 .cuadro{border:1px solid #E6ECF2;background:#F7F9FB;border-radius:5px;max-width:818px;width:100%;min-height:46px;padding:9px 20px;}
#gene .callout-1 .columna-flex.part2 .cuadro.cuadro2{width:60px;}
#gene .callout-1 .columna-flex.part2 .cuadro.cuadro3{width:95px;padding:9px 5px;}
#gene .callout-1 .columna-flex.part2 .btn-ojo{background:#3199B5;width:74px;height:46px;display:block;color:white;position:relative;border-radius:5px;transition:all 0.5s ease;}
#gene .callout-1 .columna-flex.part2 .btn-ojo.remove{background:#f10000;}
#gene .callout-1 .columna-flex.part2 .btn-ojo:hover{background:#2C2D2D;}
#gene .callout-1 .columna-flex.part2 .btn-ojo img,#gene .callout-1 .columna-flex.part2 .btn-ojo i{position:absolute;right:0;top:0;left:0;bottom:0;margin:auto;}
#gene .callout-1 .columna-flex.part2 .btn-ojo i{width:38px;height: 34px;text-align: center;font-size:30px;}
#gene .callout-2{padding:120px 0;}
#gene .callout-2 h1{font-size:60px;line-height:65px;padding-bottom:35px;}
#gene .callout-2 h1 small{display:block;font-size:30px;line-height:35px;}
#gene .callout-2 .detalle p{padding-bottom:25px;}
#gene .callout-2 .clearfix{padding-bottom:70px;}
#gene .callout .mivi{background-color:#3199B5;display:flex;padding:30px;justify-content:space-between;align-items:flex-start;height:295px;border-radius:10px;}
#gene .callout .mivi .burbu{width:45px;padding-top:5px;}
#gene .callout .mivi .texta{width:calc(100% - 45px);}
#gene .callout .mivi h4{padding-bottom:15px;}
#gene .callout .mivi p{line-height:30px;}
#gene .callout .mivi.valor{background-color:transparent;padding:15px 0;height:190px;border-radius:0;}
#gene .callout-3{padding:60px 0 90px;}
#gene .callout-3 h4{padding-bottom:15px;}
#gene .callout-3 .h4{padding-bottom:35px;}
#gene .callout-3 .clearfix{padding-bottom:100px;}
#gene .callout-3 .staf{background-color:#F7F7F7;border:1px solid #DADADA;margin-bottom:40px;border-radius:10px;height:272px;padding:35px 40px 35px 50px;display: flex;flex-flow:row wrap;justify-content: space-between;align-items:flex-start;}
#gene .callout-3 .staf .foto{width:165px;}
#gene .callout-3 .staf .deta{width:calc(100% - 190px);}
#gene .callout-3 .staf h5{font-size:25px;line-height:30px;padding-bottom:5px;}
#gene .callout-3 .staf span{font-size:16px;line-height:21px;padding-bottom:8px;}
#gene .categ{margin:0 auto 70px;}
#gene .categ .btn{background-color:#F7F7F7;color:#333;text-align:center;}
#gene .categ .btn:hover{color:#333;background-color:#5ECCD1;}
#gene .callout-3 .comunica2{padding-top:30px;}
#gene .callout-3 .comunica span{font-size:46px;line-height:51px;padding-bottom:15px;}
#gene .callout-3 .comunica p{padding-bottom:20px;}
#gene .callout-3 .border-bajo{background-color:#3199B5;padding-bottom:15px;border-radius:0 0 15px 15px;max-width:388px;margin:0 auto 30px;}
#gene .callout-3 .clearfix2{padding-bottom:0;}
#gene .callout-3 .instalacion{max-width:564px;margin:0 auto;}
#gene .callout-3 .instalacion .foto{margin-bottom:10px;}
#gene .callout-4{padding:50px 0 120px;}
#gene .callout-4 .detalle > *{padding-bottom:20px;color:#333;}
#gene .callout-4 .detalle > h1,
#gene .callout-4 .detalle > h2,
#gene .callout-4 .detalle > h3,
#gene .callout-4 .detalle > h4{color:#68B1C3;}
#gene .callout-4 .slider-detalle-producto{max-width:555px;margin:0 auto;}
#gene .callout-4 .slider-detalle-producto figure a{width:100%;height:100%;}
#gene .callout-4 .plomo{max-width:555px;margin:0 auto;background-color:rgba(232, 233, 228, .3);padding:50px 30px;text-align:center;}
#gene .callout-4 .plomo span{font-size:36px;line-height:41px;padding-bottom:15px;}
#gene .callout-4 .plomo p{padding-bottom:15px;}

/*Contacto*/
#contacto .callout-1{background-color:#E8E9E4;padding:40px 0;}
#contacto .callout-1 h4{padding-bottom:30px;}
#contacto .callout-1 .ubica{display: flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;margin-bottom:15px;}
#contacto .callout-1 .ubica.cart{align-items:center;}
#contacto .callout-1 .ubica > div{width:45px;text-align:center;padding-top:5px;}
#contacto .callout-1 .ubica.cart > div{padding-top:0;}
#contacto .callout-1 .ubica > p{width:calc(100% - 50px);font-size:15px;line-height:22px;}
#contacto .callout-1 .ubica > p.fon{font-size:20px;line-height:25px;}
#contacto .callout-1 .ubica.ubica2{align-items:center;}
#contacto .callout-1 .ubica.ubica2 > div{padding-top:0;}
#contacto .callout-2{padding:50px 0 150px;}
#contacto .callout-2 h3{padding-bottom:15px;}
#contacto .callout-2 p{padding-bottom:50px;}
#contacto .callout-2 h3 img{padding-left:40px;}
#contacto .callout-2 .group-flex{display: flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
#contacto .callout-2 .group-flex > div{max-width:330px;width:100%;}
#contacto .callout-2 .boton{max-width:264px;margin:30px 0 10px;font-size:18px;line-height:50px;border-radius:30px;}
#contacto .callout-2 .boton img{padding-right:10px;}

.reveal-modal{max-width:450px;padding:30px 25px;outline:none;border-radius:10px;position:absolute;right:0;left:0;top:0 !important;bottom:0;height:430px;margin:auto;min-height:auto;}
.reveal-modal p{font-size:15px;padding-bottom:15px;}
.reveal-modal .title-rpta{font-size:18px;line-height:23px;padding-bottom:20px;}
.reveal-modal #cargando-rpta img{width:100px;}
.reveal-modal .cuerpo{height:300px;overflow-x:hidden;}
.reveal-modal .cuerpo::-webkit-scrollbar{width:10px;}
.reveal-modal .cuerpo::-webkit-scrollbar-track{background:transparent;}
.reveal-modal .cuerpo::-webkit-scrollbar-thumb{background-color:#3199B5;border-radius:10px;}
.reveal-modal .close-button{outline:0;font-size:15px;line-height:15px;margin-top:10px;}

/*Pie de página*/
footer{background:#717284;padding:60px 0 10px;}
footer .logo{font-size:24px;line-height:29px;}
footer p{font-size:15px;line-height:20px;padding:0 0 25px}
footer p b{display:block;}
footer p.cero{padding-bottom:0;}
footer p a:hover img{opacity:.7;}
footer ul li{font-size:15px;line-height:20px;color:#FFF;padding-bottom:3px;}
footer ul li a{color:#FFF;}
footer ul li a:hover{color:#5eccd1}
footer .horario{padding-left:60px;background:url(../img/iconos/reloj.png) no-repeat;background-position-y:5px;}
footer .p{font-size:14px;padding-bottom:0;margin:60px 0 0;}


/* Tablet y Movil */
@media screen and (max-width: 64em){
    .menu_bar{display:block;margin:0;text-align:right;background-color:#3199B5;border-radius:0 0 15px 15px;}
    .menu_bar a{display:inline-block;line-height:18px;padding:13px 25px;}
    .menu_bar span{display:inline-block;font-size:18px;line-height:18px;padding-right:10px;}
    /*Menu*/
    nav {position:absolute;z-index:99;width:100%;left:0;display:none;padding:0;transition:none;}
    nav ul{display:block;border-bottom:1px solid #D6D6C7;}
    nav ul li{display:block !important;border-top:1px solid #D6D6C7 !important;margin:0;}
    nav > ul > li + li{padding-left:0;border-left: 0;margin-top:-3px;}
    nav > ul > li > a{display:block;padding:10px 0px;margin:0;border:0;font-size:16px;color:#FFF;line-height:16px !important;background:#3199b5;}
    nav > ul > li:hover > a,nav > ul > li:focus> a,nav > ul > li.active > a{color:white;background:#5eccd1;border:0;}
    /*Sub Menu*/
    nav li ul{position:relative;width:100%;left:0;border-bottom:0;border-top:0 !important;}
    nav > ul > li > ul{padding-top:0;position: relative;}
    nav li:hover > ul{display:none;background:transparent;}
    nav > ul > li > ul > li:first-child,nav > ul > li > ul > li:last-child{padding:0;background:transparent;}
    nav > ul > li > ul > li{display:block;background-color:#5eccd1;margin:0;text-align:center;}
    nav > ul > li > ul > li > a{display:block;font-size:15px;line-height:15px !important;color:#FFF;padding:8px 0 !important;background:#5eccd1}
    nav > ul > li > ul > li:hover > a{color:#FFF;background:#5eea7e;}
}
@media screen and (max-width:58.75em){
    .men{display:block;}
    .nav2{display:none;position:absolute;width:100%;left:0;}
    header .datos-flex{height:auto;flex-flow:column;gap:0;align-items:normal;}
    header .datos-flex > li + li{border-top:1px solid #FFF;}
    header .datos-flex > li a{border-radius: 0;}
    header .datos-flex li a br{display:none;}
    nav > ul > li.desc{display:block;}
    header .llama{padding:10px 0;}
    header .llama br{display: block;}
}
@media only screen and (max-width:39.999em){
    header .llama{display:none;}
    .men{margin-top:35px;}
    .banner-port,.banner-port2{height:290px}
    .banner-noso,.banner-come,.banner-cont,.banner-serv{height:230px;}
    h1{font-size:38px;line-height:43px;}
    #portada .callout-3 h4{text-align:center;}
    #gene .callout-3 .comunica span{font-size:35px;line-height:40px;}
    #contacto .callout-2 .group-flex > div{max-width:100%;}
    footer ul{list-style:none;margin-left:0;}
    footer .horario{padding:0;background:transparent;}
    #contacto .img-contac{display: none;}
    #gene .callout-2{padding:60px 0 100px;}
    #gene .callout-2 h1{font-size:50px;line-height:60px;}
    #gene .callout .mivi{height:auto !important;margin-bottom:30px;}
    #gene .callout .separar{margin-bottom:30px;}
    #gene .callout-3 .staf{height:auto;padding:30px;flex-flow:column;}
    #gene .callout-3 .staf .foto{margin-bottom:20px;}
    #gene .callout-3 .staf .deta{width:100%}
    header .logo{max-width: 200px;}
}


@media screen and (max-width: 28em){
    .reveal{max-width:calc(100% - 30px);padding: 30px 15px 30px 20px;}
    .menu_bar2{margin-top:40px;}
    #gene .callout-1 .titulo-listado{width:60px;}
    #gene .callout-1 .titulo-listado p{font-size:13px;}
    #gene .callout-1 .titulo-listado2{width:70px;}
    #gene .callout-1 .titulo-listado3{width:100%;}
    #gene .callout-1 .columna-flex.part2 .btn-ojo{width:60px;height:35px;}
    #gene .callout-1 .columna-flex.part2 .btn-ojo img, #gene .callout-1 .columna-flex.part2 .btn-ojo i{width:35px;height:28px;text-align:center;font-size:24px;}
    #gene .callout-1 .columna-flex.part2 .cuadro{min-height:35px;padding:5px;}
    #gene .callout-1 .columna-flex.part2 .cuadro p{font-size:14px;}
    #gene .callout-1 .columna-flex.part2 .cuadro.cuadro3{width:70px;padding:5px;}

}

/* min widt*/

@media only screen and (min-width:64em){
}

@media only screen and (min-width: 66.259em) {
}

@media only screen and (min-width: 76em){

}