/* 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;}
.ralel{font-family:'Raleway', sans-serif !important;font-weight:300;}
.raler{font-family:'Raleway', sans-serif !important;font-weight:400;}
.rales{font-family:'Raleway', sans-serif !important;font-weight:600;}
.raleb{font-family:'Raleway', sans-serif !important;font-weight:700;}
.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 !important;}
.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:#2C3038;}
.color2{color:#F8992B;}
.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:#D30C20;border:0;border-radius:4px;max-width:183px;width:100%;transition:all 0.5s ease;padding:0;font-size:20px;line-height:53px;display:block;text-align:center;margin:0 auto;}
.boton:hover,.boton:focus{color:#FFF;background-color:#000;}
h1{font-size:42px;line-height:47px;margin:0;}
h2{font-size:30px;line-height:35px;margin:0;}
h3{font-size:35px;line-height:40px;margin:0;}
h4{font-size:38px;line-height:43px;margin:0;}
h5{font-size:42px;line-height:47px;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:#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{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:#333;outline:0;border-radius:0;margin:0 0 15px;padding:5px 0;}
form select,form select:focus{background-image:url(../img/iconos/baja.jpg);background-size:20px 9px;padding-right:16px;}
form label > [type='checkbox'], form label > [type='radio']{margin-right:0;}
form textarea,
form textarea:focus{height:150px;}
form label{font-size:16px;line-height:21px;padding-bottom:5px;color:#333;}
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:142px;}
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:-92px;border-bottom:1px solid #2C3038;}
header .float-left{background-color:#FFF;}
header .float-right{width:931px;}
header .float-right::before{content:'';position:absolute;width: 0;height: 0;border-right:46px solid transparent;border-top:46px solid transparent;border-left:46px solid #FFF;border-bottom:46px solid #FFF;}

header .logo{display:inline-block;transition:all 1s ease;z-index:99;margin:10px 15px -30px 0;position:relative;max-width:211px;}
header.flota .logo{margin-top:-30px;}
 header .datos-flex{transform:translateY(26px);}
header .datos-flex > span{font-size:17px;line-height:21px;color:#FFF;padding:0 15px 0 60px;position: relative;}
header .datos-flex > span i{width:45px;height:25px;background-repeat:no-repeat;background-position:center;position:absolute;bottom:0;margin:auto;left:10px;}
header .datos-flex > span i.ico-llama{background-image:url(../img/iconos/fono.png);}
header .datos-flex > span i.ico-carta{background-image:url(../img/iconos/carta.png);}
header .datos-flex > span small{font-size:12px;display: block;}
header .datos-flex > span.botones{padding-left:15px;}
header .datos-flex > span.botones .btn{font-size:16px;line-height:30px;color:white;border:1px solid #D30C20;width:54px;display:inline-block;text-align:center;border-radius:5px;background:#D30C20;}
header .datos-flex > span.botones .btn.active{background:transparent;}
header .datos-flex > span.redes{padding-left:15px;}
header .datos-flex > span.redes > a{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 100%;background: #0866FF;}
/*header .datos-flex > span.redes > a{display:inline-block;margin:0 2.5px}*/
header .first-fondo{background-image: none;}
.menu_bar a{transform: translateY(-8px);}
.row-custom-flex{display: flex;flex-direction: column;}
.row-customx > div:nth-child(1){order: 1;}
.row-customx > div:nth-child(2){order: 0;margin-bottom:50px;}
.row-customx > div:nth-child(3){order: 2;}

.row-custom2 > div:nth-child(1){order: 1;    transform: translateY(-55px);}
.row-custom2 > div:nth-child(2){order: 0;margin-bottom:0;}
.row-custom2 > div:nth-child(4), .row-custom2 > div:nth-child(6), .row-custom2 > div:nth-child(8){order: 2;}

.row-servicios > div:nth-child(1){order: 1;}
.row-servicios > div:nth-child(2){order: 0;margin-bottom:50px;}
.row-servicios > div:nth-child(3){order: 2;}
.row-servicios > div:nth-child(4){order: 2;}
#gene .callout-1{padding:50px 0}
#portada .callout-1{padding:30px 0 60px;}
@media (min-width: 1024px) {
    header .datos-flex > span.redes > a{display: inline-block;width: auto;height: auto;border-radius: 0;background: transparent;}
    header .first-fondo{background-image: url(../img/iconos/fondo-header2023.jpg);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;}
    header .datos-flex{display: flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;height:92px;transform:translateY(0);}
    .menu_bar a{transform: translateY(0);}
    .row-custom-flex{display: block;}
    .row-custom2 > div:nth-child(1){transform: translateY(0);}
    .row-customx > div:nth-child(2){margin-bottom:0;}
    .row-servicios > div:nth-child(2){margin-bottom:0}
    #gene .callout-1{padding:90px 0}
    #portada .callout-1{padding:100px 0 60px;}
}

/*Menu*/
nav{transition:all 0.5s ease;background-color:transparent;}
nav > ul{margin-bottom:0;display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;}
nav > ul > li{position:relative;display:inline-block;vertical-align:middle;line-height:15px;}
nav > ul > li + li{padding-left:30px;}
nav > ul > li > a{font-size:15px;color:#1C2834;display:block;text-align:center;transition:all 0.5s ease;line-height:50px;}
nav > ul > li:hover > a, nav > ul > li:focus > a, nav > ul > li.active > a, nav > ul > li > a:focus{color:#D30C20;}
/*Sub Menu*/
nav li ul{display:none;position:absolute;width:231px;left:0;}
nav li:hover > ul,
nav li:hover > ul a{display:block;z-index:99;}
nav > ul > li > ul > li:first-child{border-top:1px solid #2B4C3F}
nav > ul > li > ul > li{display:block;margin:0;}
nav > ul > li > ul > li > a{display:block;font-size:14px;line-height:18px;color:#FFF;background:#818286;position:relative;padding:10px 20px;}
nav > ul > li > ul > li:hover > a,
nav > ul > li > ul > li > a:focus,
nav > ul > li > ul > li.active > a{color:white;background:#D30C20;}

.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;}
.banners .capa{background:rgba(15, 28, 47, .5);position: absolute;left:0;top:0;width:100%;height:100%;}
.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:560px;background-image:url(../img/banners/portada.jpg);}
.banner-port2{height:560px;background-image:url(../img/banners/portada2023.jpg);}
.banner-cont{height:320px;background-image:url(../img/banners/contacto.jpg);}
.banner-coti{height:320px;background-image:url(../img/banners/cotizar.jpg);}
.banner-clie{height:320px;background-image:url(../img/banners/cliente.jpg);}
.banner-serv{height:320px;background-image:url(../img/banners/servicios.jpg);}

.slick-slide img{display:inline-block;}
.slick-nav{width:50px;height:50px;position:absolute;cursor:pointer;top:40%;}
.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(212,13,36,.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:50px;left:0;right:0;display:block;max-width:1200px;width:100%;padding:0;margin:0 auto;line-height:4px;list-style:none;padding-left:80px;}
.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 .banners .conten-flex{display: flex;flex-flow:row wrap;justify-content: flex-start;align-items:flex-end;height:560px;padding-left:90px;}
#portada .banners .conten-flex > div{height:320px;width:420px;}
#portada .banners .conten-flex blockquote{font-size:55px;line-height:60px;padding-bottom:15px;background: url(../img/iconos/border2023.png) no-repeat;background-position:left bottom;}

#portada .callout-1 h1{padding-bottom:10px;}
#portada .callout-1 small{font-size:18px;display: block;line-height:23px;}
#portada .callout-1 h4{padding:40px 0 10px;}
#portada .callout-1 p.subt{font-size:18px;}
#portada .callout-1 p{padding-bottom:20px;}
#portada .callout-1 .boton{margin:0;}
#portada .callout-1 .transporte-flex{display:flex;justify-content:center;align-items:center;margin-top:90px;}
#portada .callout-1 .transporte-flex > div{padding:0 25px;}
#portada .callout-2{padding:100px 0;background-color:#F8F8F8;}
#portada .callout-2 h5{padding-bottom:20px;}
#portada .callout-2 p{font-size:18px;line-height:23px;padding-bottom:50px;max-width:532px;margin:0 auto}
#portada .callout-2 .servicio{max-width:360px;margin:0 auto;}
#portada .callout-2 .servicio figure{margin:0 auto 15px;overflow:hidden;border-radius:10px;}
#portada .callout-2 .servicio figure img{-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;border-radius:10px;}
#portada .callout-2 .servicio figure:hover img{-webkit-transform: scale(1.10);transform: scale(1.10);}
#portada .callout-2 .servicio figure a{width:100%;height:100%;}
#portada .callout-2 .servicio .btn{color:#2D3E50;font-size:25px;line-height:30px;padding:0 10px;}
#portada .callout-3{padding:100px 0;}
#portada .callout-3 h5{padding-bottom:15px;}
#portada .callout-3 h4{padding-bottom:10px;}
#portada .callout-3 p{padding-bottom:50px;max-width:532px;margin:0 auto;}
.slider-cliente figure{height:100px;max-width:200px;margin:0 auto}
#portada .callout-3 .boton{max-width:600px;font-size:42px;line-height:122px;margin:0 auto -80px;position: relative;}
#portada .callout-3 .cotiza-img{margin:0 auto 80px;}

/*General*/

#gene .callout-1 h4{padding:80px 0 10px;}
#gene .callout-1 h5{padding-bottom:30px;}
#gene .callout-1 p{max-width:570px;margin:0 auto 20px;}
#gene .callout-1 .clientes-flex{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
#gene .callout-1 .clientes-flex > div{width:20%;height:150px;padding:10px 15px;}
#gene .callout-1 .clientes-flex figure{width:100%;height:150px;}
#gene .callout-1 .img-empre{margin-top:40px;}
#gene .callout-1 .empre-h5{padding-left:40px;padding-right:40px;}
#gene .callout-1 p.p{max-width:100%;padding-left:40px;font-size:17px;}
#gene .callout-1 .p > p{max-width:100%;padding-left:40px;font-size:17px;}
#gene .callout-1 p.p.p-titu{font-size:18px;}
#gene .callout-1 .fonda{background:url(../img/iconos/fonda.png) no-repeat;background-position:center;background-size:100%;}
#gene .callout-1 .fonda.fonda2{background-image:url(../img/iconos/fonda2.png);}
#gene .callout-1 .clear2{margin-bottom:70px;}
#gene .callout-1 .mivi{max-width:507px;margin:110px 0 20px 15px;}
#gene .callout-1 .mivi blockquote{font-size:34px;line-height:39px;padding-bottom:15px;}
#gene .callout-1 .valores-flex{display: flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
#gene .callout-1 .valores-flex > div{width:16.66%;padding:5px;}
#gene .callout-1 .valores-flex figure{height:100px;margin-bottom:10px;}
#gene .callout-1 .valores-flex span{font-size:20px;line-height:25px;}
#gene .callout-2{background-color:#F8F8F8;padding:90px 0;}
#gene .callout-2 img{border-radius: 10px;}
#gene .callout-2 h3{padding-bottom:20px;}
#gene .callout-2 p{padding-bottom:20px;}
#gene .callout-3{padding:90px 0;}
#gene .callout-3 blockquote{font-size:30px;line-height:35px;padding-bottom:40px;}
#gene .callout-3 span{font-size:38px;line-height:43px;max-width:970px;margin:0 auto;background-color:#F8F8F8;max-width:970px;margin:0 auto;padding:25px;}

/*Contacto*/
#contacto .callout-1{background-color:#F8F8F8;padding:60px 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 p.considera{padding-bottom:10px;padding-top:50px;}
#contacto .callout-2 label.titu{padding-bottom:20px;}
#contacto .callout-2 label.titu2{padding:30px 0 10px;}
#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.radios{justify-content:flex-start;}
#contacto .callout-2 .group-flex > div{max-width:330px;width:100%;}
#contacto .callout-2 .group-flex.radios > div{max-width:160px;}
#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;}

/*Contacto*/
#servicio .callout-1{padding:100px 0;}
#servicio .callout-1 h4{padding-bottom:30px;}
#servicio .callout-1 h4 span{display:block;font-size:24px;line-height:1.3;}
#servicio .callout-1 p{padding-bottom:30px;}
#servicio .callout-1 span.lema{display:block;font-size:24px;line-height:1.3;padding-bottom:15px;}
#servicio .callout-1 .boton{margin:0;font-size:18px;}
#servicio .callout-1 h5{font-size:24px;line-height:1.3;padding-bottom:5px;padding-left:20px;}
#servicio .callout-1 .servicio{max-width:360px;margin:0 auto;}
#servicio .callout-1 .servicio figure{margin:0 auto 15px;overflow:hidden;border-radius:10px;}
#servicio .callout-1 .servicio figure img{-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;border-radius:10px;}
#servicio .callout-1 .servicio figure:hover img{-webkit-transform: scale(1.10);transform: scale(1.10);}
#servicio .callout-1 .servicio figure a{width:100%;height:100%;}
#servicio .callout-1 .servicio .btn{color:#2D3E50;font-size:25px;line-height:30px;padding:0 10px;}
#servicio .callout-1 .separar{padding:75px 0;}
#servicio .callout-2{padding:80px 0;}
#servicio .callout-2 .contenedor{border-top:1px solid #CCCCCC;padding:25px 0 50px;}
#servicio .callout-2 h4{padding-bottom:10px;}
#servicio .callout-2 h4 span{display:block;font-size:24px;line-height:1.3;}
#servicio .callout-2 p{padding-bottom:30px;}
#servicio .callout-2 img{padding-bottom:20px;}
#servicio .callout-2 .descripcion{padding-bottom:30px;}
#servicio .callout-2 .descripcion h2{padding-bottom:20px;}
#servicio .callout-2 .descripcion h2 strong{color:#D30C20;}

/*Pie de página*/
footer{padding:90px 0 10px;background-color:#1C2834;}
footer .logo{max-width:200px;}
footer .medium-6{padding-bottom:30px;}
footer p{font-size:15px;line-height:20px;}
footer p.titu{font-size:19px;line-height:25px;padding:0 0 15px;margin-bottom:20px;}
footer p.titu::after{content:'';position: absolute;height:3px;width:50px;background-color: #D30C20;left:0;bottom:0;}
footer p.ubi{padding:0 0 10px 25px;position:relative}
footer p.ubi img{position:absolute;left:2px;top:7px;}
footer p.redes{margin-bottom:50px;}
footer p.redes > a{display: inline-block;margin:0 10px 0 0;}
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:#D30C20}
footer .p{font-size:14px;padding-bottom:0;padding-top:30px;}


/* Tablet y Movil */
@media screen and (max-width: 75em) {
    header .float-right{width:auto}
    header .float-right::before{display: none;}
}
@media screen and (max-width: 64em){
    .menu_bar{display:block;margin:0;text-align:right;}
    .menu_bar a{display:inline-block;line-height:18px;padding:15px 0;}
    .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:15px 0px;margin:0;border:0;font-size:16px;color:#FFF;line-height:16px !important;background:#1c2834;}
    nav > ul > li:hover > a,nav > ul > li:focus> a,nav > ul > li.active > a{color:white;background:#D30C20;border:0;}
    #gene .callout-1 .clientes-flex > div {width:30%;}
}

@media only screen and (max-width:53.75em){
    header .datos-flex > span:first-child{display: none;}
}

@media only screen and (max-width:39.999em){
    .banner-port,.banner-port2{height:320px;}
    .banner-coti,.banner-cont,.banner-clie{height:160px;}
    #portada .banners .conten-flex{height:320px;padding-left:70px;align-items:center;}
    #portada .banners .conten-flex > div{height:120px;width:100%;background:transparent;padding:0;}
    #portada .banners .conten-flex blockquote{font-size:30px;line-height:35px;}
    header .first-fondo{background-image: url(../img/iconos/fondo-heder2.jpg);}
    #portada .callout-1 .transporte-flex{flex-direction:column;}
    #portada .callout-1 .transporte-flex > div{padding:10px;}
    #portada .callout-3 .boton{max-width:320px;font-size:20px;line-height: 60px;margin:0;}
    footer p.ubi{padding:0 0 10px;}
    footer p.ubi img{display: none;}
    footer p.titu::after{right:0;margin:auto;}
    footer ul{margin-left:0;list-style:none;}
    #gene .callout-1 .img-empre{margin-bottom:30px;margin-top:0;}
    #gene .callout-1 .empre-h5{padding-left:0;padding-right:0;}
    #gene .callout-1 p.p{padding-left:0;}
    #gene .callout-1 .p > p{padding-left:0;}
    #gene .callout-1 .ocult{display: none;}
    #gene .callout-1 .fonda{background:transparent}
    #gene .callout-1 .mivi{background:#f8f8f8;margin:0;padding:20px;border-radius:10px;}
    #gene .callout-1 .valores-flex > div{width:100%;padding:10px;}
    #gene .callout-1 .clientes-flex > div {width:50%;}
    #contacto .callout-2 .img-contac{display:none;}
}


@media screen and (max-width: 28em){
    header .datos-flex > span{display: none;}
    header .datos-flex > span:last-child{display: block;}
}

/* min widt*/

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

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

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

}