/* 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;}
.yantr{font-family:'Yantramanav', sans-serif !important;font-weight:400;}
.yantb{font-family:'Yantramanav', sans-serif !important;font-weight:700;}
.yante{font-family:'Yantramanav', sans-serif !important;font-weight:900;}
.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:#424A53;}
.color2{color:#FF6501;}
.color3{color:#333;}
.color-blanco{color:white;}
.color-negro{color:black;}
.fondo-blanco{background-color:white !important;}
.fondo-negro{background-color:black;}
.texto{color:#2D3E50;}
.boton{color:#FFF;background-color:#FF6501;border:0;border-radius:0;max-width:314px;width:100%;transition:all 0.5s ease;padding:0;font-size:20px;line-height:60px;display:block;text-align:center;margin:0;}
.boton:hover,.boton:focus{color:#FFF !important;background-color:#333 !important;}
.boton2{background-color:#333;}
.boton2:hover,.boton2:focus{background-color:#FF6501 !important;}
h1{font-size:44px;line-height:49px;margin:0;}
h2{font-size:35px;line-height:40px;margin:0;}
h3{font-size:28px;line-height:33px;margin:0;}
h4{font-size:32px;line-height:37px;margin:0;}
h5{font-size:50px;line-height:55px;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;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:150px;}
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:#424A53;}
header.flota{top:-120px}
header .logo{display:block;transition:all 1s ease;z-index:99;position:relative;max-width:256px;}
header .header_flex_first{display:flex;justify-content:space-between;align-items:center;height:120px;transition:all 1s ease;}
header .header_flex_first .red > img + img{margin-left:5px;}
header .datos_generales{display:flex;align-items:center;}
header .datos_generales .datos{display:flex;}
header .datos_generales .datos p{font-size:12px;line-height:18px;padding:0 15px;}
header .datos_generales .datos > p + p{border-left:1px solid #FFF;}
header .datos_generales .datos p b{display: block;font-size:20px;}
header .datos_generales .tienda{padding-left:50px;}
header .datos_generales .tienda a > img:last-child{display:none;}
header .datos_generales .tienda a:hover > img:first-child{display:none;}
header .datos_generales .tienda a:hover > img:last-child{display:inline-block;}
header .header_flex_last{display:flex;justify-content:flex-end;align-items:center;height:72px;transition:all 1s ease;margin-bottom:-42px;}
header.flota .header_flex_last{height:56px;margin-bottom:-26px;}
header .header_flex_last img{height:100%;transition:all 0.5s ease;}
header.flota .header_flex_last img{height:56px;}

/*Menu*/
nav{margin:0;padding:0;text-align:center;transition:all 0.5s ease;background-color: #FF6501;border-radius: 0 0 8px 0;}
nav > ul{display: flex;height:72px;align-items: center;padding:0 10px;margin: 0;transition:all 0.5s ease;}
header.flota nav > ul{height:56px;}
nav > ul > li{position:relative;display:inline-block;vertical-align:middle;line-height:15px;}
nav > ul > li > a{font-size:16px;color:#FFF;display:block;padding:0 15px;text-align:center;transition:all 0.5s ease;line-height:66px;}
header.flota nav > ul > li > a{line-height:50px;}
nav > ul > li:hover > a, nav > ul > li:focus > a, nav > ul > li.active > a, nav > ul > li > a:focus{background-color:#424A53;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:700px;background-image:url(../img/banners/portada.jpg);}
.banner-port2{height:700px;background-image:url(../img/banners/portada2.jpg);}
.banner-port3{height:700px;background-image:url(../img/banners/portada3.jpg);}
.banner-medio{height:690px;background-image:url(../img/banners/medio.jpg);}
.banner-serv{height:510px;background-image:url(../img/banners/servicios.jpg);}
.banner-noso{height:510px;background-image:url(../img/banners/nosotros.jpg);}
.banner-noso2{background-image:url(../img/banners/nosomedio.jpg);}
.banner-clie{background-image:url(../img/banners/clientes.jpg);}

.slick-slide img{display:inline-block;}
.slick-nav{width:50px;height:50px;position:absolute;cursor:pointer;top:38%;}
.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:#FF6501;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*/
#portada .callout-1{padding:130px 0;}
#portada .callout-1 .dentro{padding: 50px 0 0 50px;background: url(../img/iconos/puntos.png) no-repeat;background-position:left top;}
#portada .callout-1 .detalle{padding: 50px 0 0 50px;background: #FFF;float: right;margin-top: -50%;position: relative;width: 620px;}
#portada .callout-1 h1{padding-bottom:15px;}
#portada .callout-1 p{padding-bottom:50px;}
#portada .callout-1 .anios{max-width:220px;background-color: #FFF;position: relative;margin:-60px 0 0 -40px;}
#portada .callout-1 .anios span{font-size:20px;line-height:25px;padding:20px 40px;box-shadow:0 0 10px #CCC;}
#portada .callout-1 .anios span b{font-size:80px;line-height:80px;display: block;}
#portada .callout-2{padding:90px 0 120px;background-color:#F3F3F3;}
#portada .callout-2 h5{padding-bottom: 60px;}
.servicio{max-width:377px;width:100%;background-color:#FFF;margin:0 auto;}
.servicio figure{height:307px;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 figure a{width:100%;height:100%;}
.servicio .detalle{padding:20px;height: 270px;border-bottom:4px solid #FF6501;position: relative;}
.servicio .detalle p{font-size: 15px;line-height:20px;}
.servicio .detalle img{position: absolute;right:20px;top:-40px;}
.servicio .detalle .h4{margin-bottom:10px;font-size:20px;line-height:25px;display: block;padding:0 !important;}
.servicio .detalle .h4 small{font-size:16px;line-height:21px;padding-bottom:10px;display: block;}
.servicio .detalle .h4:hover{color:#FF6501 !important}
#portada .callout-3{background-color:#424A53;padding:100px 0 70px;}
#portada .callout-3 h5{padding-bottom:90px;}
#portada .callout-3 h5 small{display: block;font-size:16px;line-height:21px;}
#portada .callout-3 .slick-nav{top:-75px;}
#portada .callout-3 .slick-nav.prev-arrow{left:45%;}
#portada .callout-3 .slick-nav.next-arrow{right:45%;}
#portada .callout-3 .boton{margin:0 auto;border-radius:0;}
.producto{max-width:283px;background-color:#FFF;margin:0 auto 40px;padding: 20px;}
.producto.producto-b{border:1px solid #BDC0C4;}
.producto figure{height:240px;margin:0 auto 10px;overflow:hidden;}
.producto figure img{max-height:240px;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.producto figure:hover img{-webkit-transform: scale(1.15);transform: scale(1.15);}
.producto figure a{width:100%;height:100%;}
.producto .detalle{border-top:1px solid #BDC0C4;padding:10px 0 0 !important;display: flex;flex-flow:column;height:84px;}
.producto .detalle p{font-size:15px;line-height:20px;padding-bottom:10px !important;}
.producto .detalle p.popib{font-size:14px;}
.producto .detalle p.yante{font-size:19px;line-height:25px;}
.producto .boton{max-width:171px !important;font-size:16px;line-height:48px;border-radius:0;margin:0 auto !important;}
#portada .callout-4{padding:100px 0;}
#portada .callout-4 h5{padding-bottom:10px;}
#portada .callout-4 p{max-width:510px;}
#portada .callout-4 .clientes-flex{display: flex;justify-content: space-between;align-items:center;flex-flow: row wrap;gap:20px;text-align:center;margin:60px 0}
#portada .callout-4 .clientes-flex > div{width:31%;padding:10px 0;}
#portada .callout-4 span{font-size:28px;line-height:33px;padding-bottom:20px;}
#portada .banner-medio{display: flex;align-items: center;justify-content:center;text-align: center;}
#portada .banner-medio > div{max-width:980px;padding:0 15px;}
#portada .banner-medio blockquote{font-size:65px;line-height:70px;padding-bottom:30px;}
#portada .banner-medio blockquote small{font-size:32px;line-height:37px;padding-bottom:5px;display: block;}
#portada .banner-medio .boton{margin:0 auto 40px}


/*Contacto*/
#gene .callout-1{background-color:#F8F8F8;padding:100px 0 80px;}
#gene .callout-1 h5{padding-bottom:50px;}
#gene .callout-1 h2{padding-bottom:25px;}
#gene .callout-1 .h5{padding-bottom:10px;}
#gene .callout-1 p{font-size:15px;line-height:20px;padding:0 0 20px}
#gene .callout-1 .p{font-size:16px;line-height:25px;padding-bottom:50px;}
#gene .callout-1 p.popis{font-size:17px;}
#gene .callout-1 p.rel{padding-left:20px;}
#gene .callout-1 p.rel img{position: absolute;left: 0;top: 3px;}
#gene .callout-1 .redes{display: flex;flex-direction: column;gap:15px}
#gene .callout-1 .redes > a{display: flex;align-items: center;gap:10px}
#gene .callout-1 .redes > a:hover{opacity:.7;}
#gene .callout-1 .redes p{padding:0;}
#gene .callout-1 .clientes-flex{display: flex;flex-flow:row wrap;gap:15px;justify-content:space-between;align-items:center;}
#gene .callout-1 .clientes-flex > div{width:285px;height:200px;background-color:#FFF;display: flex;justify-content:center;align-items:center;}
#gene .callout-1 p.bloga{font-size:30px;line-height:25px;margin-bottom:30px;}
#gene .callout-1 .bloga a{font-size:14px;line-height:20px;color:#333}
#gene .callout-1 .bloga a:hover{color:#ff6501;}
#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-top:20px;}
#gene .callout-1 .fecha img{margin-top:-2px;}
#gene .callout-2{padding:60px 0 100px;}
#gene .callout-2 h4{padding-bottom:45px;}
#gene .callout-2 h5{padding-bottom:15px;}
#gene .callout-2 p{padding-bottom:50px;}
#gene .callout-2 h3 img{padding-left:40px;}
#gene .callout-2 .group-flex{display: flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
#gene .callout-2 .group-flex > div{max-width:330px;width:100%;}
#gene .callout-2 .boton{border-radius: 0;margin-top:30px;max-width:250px;}
#gene .callout-2 .boton img{padding-right:10px;}
#gene .callout-2 .slick-nav.prev-arrow{left:5px;}
#gene .callout-2 .slick-nav.next-arrow{right:5px;}
#gene .callout-3{padding:120px 0;}
#gene .callout-3 h1{padding-bottom:30px;}
#gene .callout-3 h1 b{display: block;}
#gene .callout-3 p{padding-bottom:30px;}
#gene .callout-3 .anios{max-width:220px;background-color: #FFF;position: relative;margin:0 0 30px;}
#gene .callout-3 .anios span{font-size:20px;line-height:25px;padding:20px 40px;box-shadow:0 0 10px #CCC;}
#gene .callout-3 .anios span b{font-size:80px;line-height:80px;display: block;}
#gene .banner-noso2 .row{height:670px;display: flex;justify-content: space-between;align-items: center;flex-flow:row wrap;}
#gene .banner-noso2 .mivi{background-color: #FFF;max-width:520px;height: 270px;display: flex;position: relative;align-items:center;padding: 25px;}
#gene .banner-noso2 .mivi h5{padding-bottom:15px;}
#gene .banner-noso2 .mivi .mi{position: absolute;right:25px;top:-38px;}
#gene .banner-noso2 .mivi .li{position: absolute;left:0;bottom:0;}
#gene .callout-4{padding:120px 0 80px;background-color: #F3F3F3;}
#gene .callout-4 h5{padding-bottom: 50px;}
#gene .callout-4 img{padding-bottom: 50px;}
.blog{max-width:366px;width:100%;margin:0 auto 40px;padding:15px;background-color:#FFF;border-radius:10px;box-shadow:0 0 15px #CCC;}
.blog figure{max-width:337px;margin:0 auto 20px;overflow:hidden;height:225px;text-align: center;}
.blog figure img{-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;height:225px;}
.blog figure:hover img{-webkit-transform: scale(1.10);transform: scale(1.10);}
.blog figure a{width:100%;height:100%;}
.blog .fecha-link{display: flex;flex-flow:row wrap;align-items:center;height:75px;gap:10px;}
.blog .fecha{font-size:16px !important;line-height:21px !important;margin:0 !important;text-align: center;width:50px;border-right:1px solid #BDC0C4}
.blog .fecha b{font-size:30px;line-height:30px;display:block;}
.blog .linka{max-width:calc(100% - 65px);}
.blog .linka a{font-size:16px;line-height:21px;color:#333}
.blog .linka a:hover{color:#806000;}
#gene .callout-5{padding:80px 0 100px;background-color: #F3F3F3;}
#gene .callout-5.oh{padding:80px 0 60px;}
#gene .callout-5 h1{padding-bottom: 15px;}
#gene .callout-5 h5{padding-bottom: 50px;}
#gene .callout-5 .h5{padding-bottom: 20px;}
#gene .callout-5 .p{padding-bottom: 30px;}
#gene .callout-5 p a{color:#FF6501;}
#gene .callout-5 p a:hover{color:#333;}
#gene .callout-5 figure{margin-bottom:20px;}
#gene .callout-5 .servicio{margin-bottom: 40px;}
#gene .callout-5 blockquote{font-size:65px;line-height: 70px;padding:30px 0 15px;}
#gene .callout-5 blockquote small{font-size:32px;line-height: 37px;display: block;}
#gene .callout-5 .boton{margin:0 auto;}
#gene .callout-5 .comunica-flex{display: flex;flex-direction: column;justify-content:center;align-items: center;gap:10px;margin-bottom: 70px;}
#gene .callout-5 .spo{font-size: 40px;line-height:45px;}
#gene .callout-5 .span{font-size: 22px;line-height: 27px;position: relative;margin-bottom:20px;}
#gene .callout-5 .span a{font-size: 18px;line-height: 18px;position: absolute;top:0;right:0;bottom:0;margin: auto;color:#333}
#gene .callout-5 .span a:hover{color:#ff6501;}
#gene .callout-5 .parte-ini{max-width:377px;background-color:#FFF;padding: 0 0 25px;border-bottom:4px solid #FF6501;}
#gene .callout-5 .parte-ini .deta{padding:20px 15px 0;}
#gene .callout-5 .deta2{padding:0 0 20px;}
#gene .callout-5 .detalle{padding-bottom:20px;}
#gene .callout-5 .detalle > * {padding-bottom:20px;color: #333;}
#gene .callout-5 .botones-flex{display: flex;align-items:center;gap:20px;margin-bottom:30px;}
#gene .callout-5 .botones-flex .boton{width:250px;}
#gene .extra_prod{padding:80px 0;background-color:#F3F3F3;}
#gene .extra_prod h4{padding-bottom:50px;}
#gene .extra_prod .boton{margin:0 auto;}
#gene .extra_prod blockquote{font-size:65px;line-height: 70px;padding:30px 0 15px;}
#gene .extra_prod blockquote small{font-size:32px;line-height: 37px;display: block;}
#gene .callout-menu{padding:65px 0 10px;background-color:#F3F3F3;}
#gene .callout-menu .flex_menu{display: flex;justify-content: space-between;align-items: center;}
#gene .callout-menu .flex_menu .menu2{font-size: 26px;line-height: 32px;color: #424A53;}
#gene .callout-menu .flex_menu .menu2 img{margin-top: -3px;}
#gene .callout-menu .flex_menu ol{display: none;position: absolute;margin: 0;background: #ff6501;max-width: 330px;padding: 10px 0;z-index: 2;}
#gene .callout-menu .flex_menu ol > li + li {border-top:1px solid #FFF;}
#gene .callout-menu .flex_menu ol > li > a{display: block;color: #FFF;font-size:15px;line-height:20px;padding: 5px 15px;transition: all .5s ease-in-out;}
#gene .callout-menu .flex_menu ol > li:hover > a,
#gene .callout-menu .flex_menu ol > li > a:focus,
#gene .callout-menu .flex_menu ol > li.active > a{background-color: #424A53;color: #FFF;}
#gene .callout-menu .flex_menu form input{width: 298px;height: 44px;padding: 10px 30px 10px 15px;border: 1px solid #CCC;border-radius: 5px;font-size:13px;line-height:45px;margin: 0;}
#gene .callout-menu .flex_menu form button{position: absolute;top:0;bottom: 0;right: 10px;margin:auto;}
#gene .callout-6{padding:70px 0;background-color: #424A53;}
#gene .callout-6 h4{padding-bottom:50px;}
#gene .callout-6 .boton{margin:0 auto}
#gene .callout-6 .slider-marcas figure{height: 100px;}
#gene .callout-6 .slider-marcas figure img{max-width: calc(100% - 20px);}
#gene .callout-6 .bancos-flex{display:flex;justify-content:start;gap:60px;flex-wrap:wrap;}
#gene .callout-6 .bancos-flex > div{width:26%;}
#gene .callout-6 .bancos-flex figure{display:flex;align-items:center;height:70px;margin-bottom:40px;}
#gene .callout-6 .bancos-flex p{font-size:17px;}
#gene .callout-6 .bancos-flex p .bl{display:block;}
#gene .callout-6 .confirmacion-flex{display:flex;justify-content:space-between;gap:5px;align-items:center;}
#gene .callout-6 .confirmacion-flex > div.text-center{width:300px;}
#gene .callout-6 .confirmacion-flex > div:last-child{width:calc(100% - 320px);}
#gene .callout-6 .confirmacion-flex h4{font-size:30px;line-height:35px;padding-bottom:10px;}
#gene .callout-6 .confirmacion-flex p{font-size:17px;padding-bottom:10px;}
#gene .callout-6 .confirmacion-flex .red{display:flex;align-items:center;gap:10px}
#gene .callout-7{padding:15px 0 100px;}
#gene .callout-7 .retor{color:#333;display: inline-block;margin-bottom:30px;}
#gene .callout-7 .retor:hover{color:#ff6501;}
#gene .callout-7 h1{font-size:36px;line-height:41px;padding-bottom:20px;}
#gene .callout-7 figure{max-width:560px;height:500px;margin:0 auto 20px;border:1px solid #CCC}
#gene .callout-7 figure img{max-height:480px;}
#gene .callout-7 .codmar{display: flex;align-items: center;margin-bottom:10px;gap:10px;}
#gene .callout-7 .codmar span{font-size:16px;line-height:35px;}
#gene .callout-7 .codmar span:first-child{width: 100px;height:35px;background-color:#424A53;text-align: center;}
#gene .callout-7 .presentacion{padding: 20px 0;}
#gene .callout-7 .presentacion > *{padding-bottom:15px;color: #333;}
#gene .callout-7 .presentacion p{font-size:16px;line-height:23px;}
#gene .callout-7 .presentacion ul{margin-bottom:0;}
#gene .callout-7 .presentacion ul li{font-size:16px;line-height:23px;}
#gene .callout-7 .detalle{padding:30px 0 5px;border-bottom:1px dashed #CCC;margin-bottom:15px;}
#gene .callout-7 table thead{background-color:#FFF;}
#gene .callout-7 table thead th{font-size:15px;line-height:20px;color:#FF6600;font-weight:400;}
#gene .callout-7 table tbody td{font-size:15px;line-height:20px;}
#gene .callout-7 .btn_pdf{display: inline-block;margin-top:40px;}
#gene .callout-7 .btn_pdf:hover{opacity:.7;}
#gene .compartir-flex{display:flex;align-items:center;gap:10px}
#gene .compartir-flex.deta{justify-content:flex-end;}
#gene .compartir-flex p{padding:0;}

/*Pie de página*/
footer{background: #1C1C1A;padding:60px 0 10px;}
footer .logo{display: block;margin-bottom: 45px;}
footer p{font-size:15px;line-height:20px;padding:0 0 20px}
footer p.popis{font-size:17px;}
footer p.rel{padding-left:20px;}
footer p.rel img{position: absolute;left: 0;top: 3px;}
footer .redes{display: flex;flex-direction: column;gap:15px}
footer .redes > a{display: flex;align-items: center;gap:10px}
footer .redes > a:hover{opacity:.7;}
footer .redes p{padding:0;}
footer .btn{display: flex;justify-content:center;gap:10px;align-items:center;border:2px solid #FF6501;max-width:266px;border-radius:10px;height:63px;font-size:20px;line-height:20px;color:#FFF;margin:30px auto}
footer .btn:hover span{color:#FF6501;}
footer .fin{height:123px;text-align: center;display:flex;justify-content:center;align-items:center;}
footer .fin img{border-radius:12px;}
footer .p{font-size:14px;padding-bottom:0;margin:10px 0 0;}


/* Tablet y Movil */
@media screen and (max-width: 70em){
    header .header_flex_first{height:90px;}
    header .header_flex_last,header.flota .header_flex_last{height:50px;margin:0;}
    header.flota .header_flex_last img{height:50px;}
    main{margin-top:140px;}
    header.flota{top:-90px;}
    .menu_bar{display:block;text-align:right;background:#ff6501;}
    .menu_bar a{display:inline-block;line-height:50px;padding:0 15px;}
    .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;top:100%;transition:none;}
    nav ul{display:block;border-bottom:1px solid #FFF;padding:0;height:auto;}
    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;line-height:16px;background:#ff6501;}
    header.flota nav > ul > li > a{line-height:initial;}
    nav > ul > li:hover > a,nav > ul > li:focus> a,nav > ul > li.active > a{color:white;background:#424a53;border:0;}
    #gene .callout-menu{padding:20px 0 10px;}
}

@media screen and (max-width: 65em){
    header .datos_generales .red,header .datos_generales .datos{display:none;}
    #gene .callout-6 .bancos-flex{flex-wrap:wrap;}
    #gene .callout-6 .bancos-flex > div{width:48%;}
    #gene .callout-6 .confirmacion-flex{flex-wrap:wrap;gap:20px}
    #gene .callout-6 .confirmacion-flex > div.text-center,
    #gene .callout-6 .confirmacion-flex > div:last-child{width: 100%;}
    
}
@media screen and (max-width: 50em){
    #portada .callout-1 .dentro{padding:0;background:transparent;}
    #portada .callout-1 .detalle{padding: 20px 0;float: inherit;margin-top: 0px;width: auto;}
    #portada .callout-1 .anios{margin:0;}
    #portada .callout-3 .slick-nav{top:45%;}
    #portada .callout-3 .slick-nav.prev-arrow{left:0;}
    #portada .callout-3 .slick-nav.next-arrow{right:0;}
    
}
@media only screen and (max-width:39.999em){
    .banner-port,.banner-port2,.banner-port3{height:400px;}
    #portada .callout-4 .clientes-flex{justify-content:center;}
    #portada .callout-4 .clientes-flex > div{width:210px;}
    #portada .banner-medio blockquote,#gene .callout-5 blockquote,#gene .extra_prod blockquote{font-size:45px;line-height:50px;padding-bottom:20px;}
    #portada .banner-medio blockquote small{font-size: 25px;line-height: 30px;}
    #portada .banner-medio p{display:none;}
    #portada .banner-medio .boton{margin:0 auto;}
    .banner-medio{height:380px;}
    .banner-serv{height:250px;}
    .banner-noso{display:none;}
    h1{font-size:35px;line-height:40px;}
    h5{font-size:40px;line-height:45px;}
    footer p.rel{padding-left:0;}
    footer p.rel img{display:none;}
    footer .redes{align-items: center;margin-bottom:20px;}
    footer .btn{margin: 10px auto;}
    #gene .callout-5 .parte-ini{margin-bottom:20px;}
    #gene .callout-5 .spo{font-size:20px;line-height:25px;}
    #gene .callout-1 .clientes-flex{justify-content: center;}
    #gene .banner-noso2 .mivi .mi{display:none;}
    #gene .callout-3 h1,#gene .callout-7 h1{padding-top:20px;}
    #gene .callout-1{padding:60px 0 80px;}
    #gene .callout-2 .contacto{display:none;}
    #gene .callout-menu .flex_menu{align-items: flex-start;flex-direction:column;gap:15px;}
    #portada .callout-4 span{font-size:25px;}
    #gene .callout-5 .botones-flex{flex-flow:column}
    #gene .callout-1 .sede{padding-bottom:30px;}
    #gene .callout-6 .bancos-flex{justify-content:center;}
    #gene .callout-6 .bancos-flex > div{width:74%;}
}


@media screen and (max-width: 25em){

}

/* min widt*/


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

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

}