/* 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:#044DA2;}
.color2{color:#62CDF1;}
.color3{color:#333;}
.color4{color:#036760;}
.color-blanco{color:white;}
.color-negro{color:black;}
.fondo-blanco{background-color:white;}
.fondo-negro{background-color:black;}
.texto{color:#404040;}
.boton{color:#FFF;background-color:#ED1C24;border:0;border-radius:5px;max-width:195px;width:100%;transition:all 0.5s ease;padding:0;font-size:18px;line-height:44px;display:block;text-align:center;margin:0 auto;}
.boton:hover,.boton:focus{color:#FFF !important;background-color:#333 !important;}
h1{font-size:40px;line-height:45px;margin:0;}
h2{font-size:30px;line-height:35px;margin:0;}
h3{font-size:24px;line-height:29px;margin:0;}
h4{font-size:36px;line-height:39px;margin:0;}
h5{font-size:28px;line-height:33px;margin:0;}
p{font-size:16px;line-height:25px;margin:0;}
span{display:block;}
blockquote{padding:0;margin:0;border:0;}
figure{margin:0;}
form ::-webkit-input-placeholder{color:#666;}
form :-moz-placeholder{color:#666;}
form ::-moz-placeholder{color:#666;}
form :-ms-input-placeholder{color:#666;}
.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{display:none;}
.en-linea > *{ display:inline-block;vertical-align:middle; }
.pagination a:hover, .pagination .current{background:#E5E5E5 !important;color:#333;}

/*Formulario*/
form{margin:0 auto;max-width:664px;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:1px solid #BDC0C4;box-shadow: none !important;height:50px;color:#666;outline:0;border-radius:0;margin:0 0 25px;padding:5px;}
form textarea,form textarea:focus{height:200px;resize: none;}
form label{font-size:16px;line-height:21px;padding:0 5px 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;background-color:#FFF;}
header.flota{top:0;}
header .logo{display:inline-block;transition:all 1s ease;z-index:99;position:relative;max-width:252px;margin: 20px 0;}
header.flota .logo{max-width:180px;margin:8px 0;}
header .datos-header{display: flex;justify-content: flex-end;align-items: center;height: 60px;transition:all 1s ease;}
header.flota .datos-header{margin-top:-60px;}
header .datos-header > div:first-child{width:360px;text-align:center;box-shadow:0 0 5px #CCC;display: flex;justify-content: space-around;align-items: center;height:33px;}
header .datos-header > div:first-child span{font-size:13px;line-height:13px;color:#7E7EA5;}
header .datos-header > div:first-child b{font-size:20px;line-height:20px;}
header .datos-header .blogcont a{font-size:14px;line-height:14px;color:#7E7EA5;display:inline-block;margin-left:20px;}
header .datos-header .blogcont a:hover{opacity:.7;}

/*Menu*/
nav{margin:0;padding:0;text-align:center;transition:all 0.5s ease;padding:12px 0;}
header.flota nav{padding:22px 0;}
nav > ul{line-height:15px;margin-bottom:0;display: flex;gap:30px;}
nav > ul > li{position:relative;display:inline-block;vertical-align:middle;line-height:15px;}
nav > ul > li.ocultar{display: none;}
nav > ul > li > a{font-size:18px;color:#044DA2;display:block;padding:0;text-align:center;transition:all 0.5s ease;line-height:18px;}
nav > ul > li:hover > a, nav > ul > li:focus > a, nav > ul > li.active > a, nav > ul > li > a:focus{color:#ED1C24;}

.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:622px;background-image:url(../img/banners/portada.jpg);}
.banner-port2{height:622px;background-image:url(../img/banners/portada2.jpg);}
.banner-port3{height:622px;background-image:url(../img/banners/banner2023.jpg);}
.banner-noso{height:420px;background-image:url(../img/banners/nosotros2023.jpg);}
.banner-serv{height:420px;background-image:url(../img/banners/servicios2023.jpg);}
.banner-cont{height:420px;background-image:url(../img/banners/contacto-nuevo.jpg);}
.banner-semi{height:420px;background-image:url(../img/banners/semillas2023.jpg);}
.banner-prod{height:420px;background-image:url(../img/banners/productos2023.jpg);}
.banner-medio{background-image:url(../img/banners/medio2.jpg);}
.banner-medio2{background-image:url(../img/banners/medio2023.jpg);padding:60px 0;}
.banner-medio3{background-image:url(../img/banners/medio3.jpg);}
.banner-medio4{background-image:url(../img/banners/medio4.jpg);}
.banner-medio5{background-image:url(../img/banners/medio5.jpg);padding:40px 0 70px;}

.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:#ed1c24;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(0, 0, 0, .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*/
.banners .row2{height:622px;}
.banners .row3{height:360px;}
.banners .cuadro-info{position:absolute;top:0;bottom:0;right:60px;margin:auto;background-color:rgba(40, 38, 120, .4);width:410px;height:410px;border-radius:50%;display: flex;justify-content:center;align-items:center;}
.banners .row3 .cuadro-info{bottom:-76%;z-index:1;}
.banners .cuadro-info > div{background-color:#044DA2;width:360px;height:360px;border-radius:50%;display: flex;justify-content:center;align-items:center;}
.banners .cuadro-info span{font-size:46px;line-height:53px;}
.banners .cuadro-info span small{font-size:15px;line-height:20px;display: block;margin-top:10px;}
#portada .callout-1{padding:90px 0 30px;}
#portada .callout-1 h1{padding-bottom:15px;}
#portada .callout-1 h1 small{display: block;font-size:26px;line-height:31px;padding-top:5px;}
#portada .callout-1 p{padding-bottom:20px;}
#portada .callout-1 p.lema{font-size:20px;}
#portada .callout-2 .banner-medio{padding:100px 0;}
.servicio{max-width:555px;width:100%;background-color:#FFF;text-align:center;padding:30px 5px 15px;margin: 0 auto;border-radius:10px;}
.servicio figure{margin:0 auto;overflow:hidden;}
.servicio figure img{-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.servicio figure:hover img{-webkit-transform: scale(1.15);transform: scale(1.15);}
.servicio .btn{display: flex;justify-content:flex-end;}
.servicio .boton{margin: -22px 30px 0 0;position: relative;}
.servicio .titu{height:40px;margin-bottom:10px;display:flex;align-items:center;padding:0 10px;}
.servicio p{font-size:24px;line-height:29px;padding:0 10px;}
#portada .callout-3{padding:90px 0 100px;background-color:#F3F5F5;}
#portada .callout-3 h4{padding-bottom:30px;}
#portada .callout-3 p{padding-bottom:30px;}
.producto{max-width:350px;width:100%;height:440px;background-color:#FFF;padding:5px;margin:20px auto 40px;border-radius:10px;box-shadow:0 0 25px rgba(0,0,0,.25)}
.producto figure{height:385px;overflow: hidden;}
.producto figure img{height:350px;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.producto figure.rel:hover img{-webkit-transform: scale(1.10);transform: scale(1.10);}
.producto figure a{width:100%;height:100%;}
.producto .title-prod{background-color:#ED1C24;max-width:250px;margin:0 auto;padding:6px;border-radius:10px;color:white;}
.producto .boton{font-size:16px;line-height:40px;max-width:260px;}
#portada .banner-medio2 p{font-size:35px;line-height:40px;padding:40px 0 0;}
#portada .callout-4{padding:80px 0;}
#portada .callout-4 h4{padding-bottom: 20px;}
.blog{background-color: #F3F5F5;padding: 25px 5px 15px;max-width:386px;margin:0 auto 20px;border-radius:10px;}
.blog figure{margin:0 auto;overflow:hidden;}
.blog figure img{-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.blog figure:hover img{-webkit-transform: scale(1.15);transform: scale(1.15);}
.blog figure a{width: 100%;height: 100%;}
.blog .titulo{padding:5px 10px;height:70px;display: flex;align-items:center;}
.blog .titulo a{color:#333}
.blog .fecha{font-size:14px;line-height:19px;color: #262477;padding:0 10px;}
.blog .fecha img{margin:-2px 5px 0 0}
#portada .callout-4 .alerta{max-width:250px;margin:0 auto 20px}
#portada .callout-4 .spa{font-size:26px;line-height:26px;padding:10px;}
#portada .callout-4 .boton{margin-bottom:10px;}

/*General*/
#gene .callout-0{padding:60px 0;background-color:#044DA2;}
#gene .callout-0 span{font-size:32px;line-height:32px;}
#gene .callout-1{padding:60px 0 30px;}
#gene .callout-1 .images-flex{display: flex;gap:5px;flex-flow: row wrap;}
#gene .callout-1 .images-flex > div{width: 33%;height:350px;}
#gene .callout-1 .images-flex figure{margin-bottom:10px;}
#gene .callout-1 .images-flex figure a{width:100%;height:100%;}
#gene .callout-1 .images-flex p{font-size:18px;}
#gene .callout-1 .bloga a{font-size:14px;line-height:20px;color:#333;display:inline-block;margin-bottom:20px;}
#gene .callout-1 h2{padding-bottom:20px;}
#gene .callout-1 .detalle{padding-bottom:30px;}
#gene .callout-1 .detalle h3{font-size:22px;line-height:27px;}
#gene .callout-1 .detalle * {padding-bottom:15px;}
#gene .callout-1 .fecha{font-size:14px;line-height:14px;margin:20px 0;}
#gene .callout-1 .fecha img{margin-top:-2px;}
#gene .callout h1{padding-bottom:15px;}
#gene .callout h1 small{display: block;font-size:20px;line-height:30px;padding-top:5px;}
#gene .callout h4{padding-bottom:25px;}
#gene .callout p{font-size:17px;}
#gene .banner-medio3 .row{padding:90px 0 70px;}
#gene .banner-medio3 p{padding-bottom:15px;}
#gene .callout-2{background-color:#044DA2;padding:100px 0;}
#gene .callout-3{padding:60px 0 90px;}
#gene .callout-3 .valor{padding:0 0 5px;}
#gene .callout-3 .valor figure{height:130px;}
#gene .callout-3 .valor span{font-size:24px;line-height:24px;}
#gene .callout-3 .slider-valores{margin-bottom:60px;}
#gene .callout-3 .separ{padding-bottom:90px;}
#gene .callout-3 .servicio{padding:12px;display: flex;justify-content: space-between;align-items:center;background:url(../img/iconos/linea.jpg) no-repeat;background-color:#F0F0F0;max-width:1200px;width:100%;height:330px;background-size:50% 12px;background-position:top right;margin-bottom:40px;}
#gene .callout-3 .servicio > div{width:50%;}
#gene .callout-3 .servicio > div:last-child{padding:0 30px;text-align:left;}
#gene .callout-3 .servicio h5{padding-bottom:20px;}
#gene .callout-3 .servicio p{font-size:16px;line-height:24px;}
#gene .callout-3 .llamada{display: flex;justify-content:space-between;align-items: center;max-width:610px;margin:0 auto;}
#gene .callout-3 .llamada > div:first-child{width:215px;}
#gene .callout-3 .llamada > div:last-child{width:calc(100% - 215px);}
#gene .callout-3 .llamada span{font-size:40px;line-height:45px;letter-spacing:-1px;padding-bottom: 10px;}
#gene .callout-3 .llamada .boton{margin-bottom: 10px;}
#gene .banner-medio4 .row{padding:40px 0 80px;}
#gene .banner-medio4 h1{padding-bottom:15px;}
#gene .banner-medio4 p{font-size:16px;line-height:21px;}
#gene .banner-medio4 .fina{font-size:15px;padding-bottom:50px;}
#gene .banner-medio4 h3{padding: 20px 5px 30px;}
#gene .banner-medio4 .flex-cont{display: flex;justify-content: space-between;align-items:center;}
#gene .banner-medio4 .flex-cont > div{padding:0 5px;}
#gene .banner-medio4 .flex-cont > div input{width:214px;}
#gene .banner-medio4 .mensaje{padding: 0 5px;}
#gene .banner-medio4 .boton{margin: 0 0 10px}
#gene .callout-4{padding:60px 0 100px;}
#gene .callout-4 span{font-size:26px;line-height:31px;padding-bottom:20px;}
#gene .callout-4 p{font-size:16px;padding-bottom:20px;}
#gene .callout-4 ul li{font-size:16px;padding-bottom:5px;}
#gene .callout-4 ul li::marker{background-color: #262477;}
#gene .callout-4 .agronor{padding:20px 0;}
#gene .callout-4 .llamada{padding:50px 0 0;}
#gene .callout-4 .llamada span{font-size:40px;line-height:45px;letter-spacing:-1px;padding-bottom: 10px;}
#gene .callout-4 .llamada .boton{margin-bottom: 10px;}
#gene .callout-5{padding:60px 0 20px;}
#gene .banner-medio .row{padding:80px 0;}
#gene .banner-medio .producto{max-width:359px;border-radius:20px;padding:20px;margin:0 auto;text-align:center;height:390px;}
#gene .banner-medio .producto figure{height:279px;margin-bottom:20px;}
#gene .banner-medio .producto figure img{height:279px;}
#gene .banner-medio .producto .tit{font-size:26px;line-height:31px;color: #262477;margin-bottom:30px;display: inline-block;}
#gene .banner-medio .producto .tit:hover{color: #ED1C24;}
#gene .banner-medio .producto p{font-size:15px;}
#portada .banner-medio .slick-nav.prev-arrow,
#gene .banner-medio .slick-nav.prev-arrow{left:0;}
#portada .banner-medio .slick-nav.next-arrow,
#gene .banner-medio .slick-nav.next-arrow{right:0}
#gene .banner-medio5{height:816px;}
#gene .banner-medio5 .tipo{background-color: #262477;color: #FFF;font-size: 15px;line-height:20px;display: inline-block;padding:5px 15px;min-width:163px;}
#gene .banner-medio5 figure{margin-top:40px;}
#gene .banner-medio5 h1{position:relative;font-size:26px;line-height:31px;margin:20px 0;padding:0 100px 10px 0;border-bottom:1px dashed #CCC;}
#gene .banner-medio5 h1 a{font-size:16px;line-height:16px;color:#333;position:absolute;right:0;top:5px;}
#gene .banner-medio5 h1 a:hover{color:#ED1C24;}
#gene .banner-medio5 .centro{padding-left:40px;}
#gene .banner-medio5 h5{font-size:24px;line-height:30px;padding-bottom:15px;}
#gene .banner-medio5 .detalle{padding-bottom:20px;}
#gene .banner-medio5 .detalle p{font-size:15px;line-height:25px;}
#gene .banner-medio5 .detalle p span{display: inline-block;}
#gene .banner-medio5 .detalle p span:first-child{width:270px;display: inline-block;}
#gene .banner-medio5 .detalle p span:last-child{width:calc(100% - 270px);}

/*Contacto*/
#contacto .callout-1{background-color:#E8E9E4;padding:60px;}
#contacto .callout-1 h3{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 > div{width:50px;text-align:center;padding-top:10px;}
#contacto .callout-1 .ubica > p{width:calc(100% - 55px);}
#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;border:1px solid #333;font-size:18px;line-height:50px;border-radius:30px;background-color:#333;color:#FFF}
#contacto .callout-2 .boton img{padding-right:10px;}
#contacto .callout-2 .boton:hover{background-color:#FABB14 !important;color:#FFF}

/*Pie de página*/
footer{background:#044DA2;padding:50px 0 10px;}
footer .logo{display: inline-block;margin-bottom:25px;}
footer .titu{font-size:16px;line-height:21px;padding-bottom:10px}
footer p{font-size:15px;line-height:20px;padding:0 0 20px}
footer p.te{padding-left:45px;}
footer .flex-foot{display:flex;align-items:center;margin-bottom:10px;}
footer .flex-foot > *{padding:0 5px;}
footer .flex-foot > div{width: 40px;}
footer .redes{display: flex;justify-content:flex-end;align-items:center;}
footer .redes > a + a{margin-left:10px;}
footer .p{font-size:14px;padding-bottom:0;margin:60px 0 0;}


/* Tablet y Movil */
@media screen and (max-width: 64em){
    .blogcont{width:0;}
    .menu_bar{display:block;text-align:right;}
    .menu_bar a{display:inline-block;line-height:18px;padding:13px 0;}
    header.flota .menu_bar a{margin: 10px 0;}
    .menu_bar span{display:inline-block;font-size:18px;line-height:18px;padding-right:10px;}
    /*Menu*/
    nav {display:none;padding:0;position:absolute;z-index:99;width:100%;left:0;transition:none;}
    header.flota nav{padding:0;}
    nav ul{flex-flow:column;gap:0;border-bottom:1px solid #FFF;}
    nav ul li{display:block !important;border-top:1px solid #FFF !important;margin:0;}
    nav > ul > li.ocultar{display:block}
    nav > ul > li > a{display:block;padding:10px 0px;margin:0;border:0;font-size:16px;color:#FFF;line-height:16px;background:#262477;}
    nav > ul > li:hover > a,nav > ul > li:focus> a,nav > ul > li.active > a{color:white;background:#ed1c24;border:0;}
    .banner-medio5{padding:40px 0 70px;background:#F5F5F5;}
    #gene .callout-3 .servicio{padding: 30px;flex-flow:column;gap: 20px;height: auto;}
    #gene .callout-3 .servicio > div {width:100%;}
    #gene .callout-1 .images-flex {gap:30px}
    #gene .callout-1 .images-flex > div {width:47%;height:auto;}
    .banner-medio4{background:#FFF;}
    #gene #form-contacto{background:#262477;margin-top:30px;padding:0 10px 15px;}
    #gene .banner-medio4 .flex-cont > div input{width:180px;}
}

@media only screen and (max-width:43em){
    header .datos-header > div:first-child{width:140px;}
    header .datos-header > div:first-child b{font-size: 16px;line-height: 16px;}
    header .datos-header > div:first-child span{display:none;}
    header .logo{max-width: 180px;}

}

@media only screen and (max-width:39.999em){
    .banners .cuadro-info{display:none;right: 0;width: 350px;height: 350px;left: 0;}
    .banners .cuadro-info > div{width: 310px;height: 310px;}
    .banners .cuadro-info span{font-size: 40px;line-height: 45px;}
    .banner-port,.banner-port2,.banner-port3,.banners .row2,.banner-noso,.banners .row3,.banner-semi,.banner-cont,.banner-serv{height:200px;}
    footer .flex-foot{justify-content: center;}
    footer p.te{padding-left:0;}
    footer .redes{justify-content: center;}
    .banners .row3 .cuadro-info{display: none;}
    #gene .banner-medio3 .row{background-color:#FBFBFB;}
    #gene .callout-3{padding:60px 0 40px;}
    #gene .callout-3 .llamada{flex-flow: column;}
    #gene .callout-3 .llamada > div:last-child{width: 320px;}
    #gene .callout-3 .llamada span{font-size: 30px;line-height: 35px;}
    #gene .banner-medio5{height:auto}
    #gene .banner-medio5 .centro{padding-left:0;}
    #gene .banner-medio5 .detalle p span:first-child{width:200px;}
    #gene .banner-medio5 .detalle p span:last-child{width:calc(100% - 200px);}
    #gene .banner-medio5 .detalle p.color3{display: flex;}
    #gene .callout-3 .servicio > div:last-child{padding:0;}
    #gene .callout-1{padding:50px 0;}
    #gene .callout-1 .images-flex > div,#gene .banner-medio4 .flex-cont > div,#gene .banner-medio4 .flex-cont > div input{width:100%;}
    #gene .banner-medio4 .flex-cont{flex-flow: column;}
    #portada .banner-medio2 p{font-size:28px;line-height:33px;}
    
}
@media screen and (max-width: 25em){

}

/* min widt*/

@media only screen and (min-width:64em){
    nav{display:block !important;}
}

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

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

}