/* 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;}
.sansl{font-family:'Open Sans', sans-serif !important;font-weight:300;}
.sansr{font-family:'Open Sans', sans-serif !important;font-weight:400;}
.sansm{font-family:'Open Sans', sans-serif !important;font-weight:500;}
.sanss{font-family:'Open Sans', sans-serif !important;font-weight:600;}
.sansb{font-family:'Open Sans', 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;}
.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:#FCC005;}
.color2{color:#1C2834;}
.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:#333;background-color:#FABB14;border:0;border-radius:20px;max-width:179px;width:100%;transition:all 0.5s ease;padding:0;font-size:16px;line-height:40px;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:28px;line-height:33px;margin:0;}
h4{font-size:34px;line-height:39px;margin:0;}
h5{font-size:20px;line-height:25px;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:127px;}
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:#1C1C1A;}
header.flota{top:0;}
header .logo{display:inline-block;transition:all 1s ease;z-index:99;margin:25px 0 20px;position:relative;max-width:278px;}
header .frase{display:inline-block;transition:all 1s ease;font-size:20px;line-height:25px;margin:45px 0 20px 65px;}
header.flota .frase{margin:10px 0 10px 65px;}
header.flota .logo{margin:9px 0;max-width:180px;}
header .busca-llamada{display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;height:70px;transition:all 1s ease;}
header.flota .busca-llamada{margin-top:-70px;}
header .busca-llamada span{font-size:24px;line-height:29px;margin-left:30px;}
header .busca-llamada span img{margin-right:10px;margin-top:-5px;}
header .busca-llamada form{max-width:308px;width:100%;}
header .busca-llamada input,header .busca-llamada input:focus{background-color:#FFF;font-size:14px;height:38px;border-radius:20px;margin:0;max-width:308px;border:0;padding:5px 15px;}
header .busca-llamada button{position:absolute;height:38px;outline:0;width:38px;top:0;right:0;border-radius:0 20px 20px 0;}

/*Menu*/
nav{margin:0;padding:0;text-align:center;transition:all 0.5s ease;padding:20px 0;}
header.flota nav{padding:26px 0;}
nav > ul{line-height:15px;margin-bottom:0;}
nav > ul > li{position:relative;display:inline-block;vertical-align:middle;line-height:15px;padding: 0 10px;}
nav > ul > li > a{font-size:15px;color:#FFF;display:block;padding:0;text-align:center;transition:all 0.5s ease;line-height:14px;}
nav > ul > li > a img{padding-right:10px;}
nav > ul > li:hover > a, nav > ul > li:focus > a, nav > ul > li.active > a, nav > ul > li > a:focus{color:#FCC005;}
/*SubMenu*/
nav > ul > li > ul{position:absolute;width:150px;text-align:left;padding-top:20px;}
nav > ul > li > ul > li{line-height:14px;position:relative;}
nav > ul > li > ul > li > a{display:block;background-color:#FCC005;font-size:15px;line-height:14px;color:#333;transition:all 0.5s ease;padding:10px;position: relative;}
nav > ul > li > ul > li > a > i{position:absolute;top:0;right:10px;bottom:0;margin:auto;height:14px;}
nav > ul > li > ul > li:hover > a,
nav > ul > li > ul > li > a:focus{background-color:#545454;color:#FFF;}
/*SubSubMenu*/
nav > ul > li > ul > li > ul{position:absolute;width:200px;text-align:left;left:100%;top:0;}
nav > ul > li > ul > li > ul > li{line-height:14px;}
nav > ul > li > ul > li > ul > li + li{border-top:1px solid #333;}
nav > ul > li > ul > li > ul > li > a{display:block;background-color:#C9C9C9;font-size:15px;line-height:14px;color:#333;transition:all 0.5s ease;padding:10px;}
nav > ul > li > ul > li > ul > li:hover > a,
nav > ul > li > ul > li > ul > li > a:focus{background-color:#f7c940;color:#333;}

.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-port3{height:520px;background-image:url(../img/banners/portada3.jpg);}
.banner-noso{height:520px;background-image:url(../img/banners/nosotros.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:#fcc005;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-0{padding:40px 0;background-color:#FABB14;}
#portada .callout-0 .categoria{max-width:130px;width:100%;margin:0 auto;}
#portada .callout-0 figure{margin-bottom:10px;}
#portada .callout-0 figure:hover img{opacity:.8;}
#portada .callout-0 figure a{width:100%;height:100%;}
#portada .callout-0 p{line-height:20px;}
#portada .callout-0 .slick-nav{top:55px;width:44px;height:44px;z-index: 1;}
#portada .callout-0 .slick-nav:before,#portada .callout-0  .slick-nav:after{background-color:transparent;}
.slick-nav.next-arrow2{right:0;}
#portada .callout-1{padding:90px 0 180px;}
#portada .callout-1 h1{padding:30px 0 40px;letter-spacing:-1px;}
#portada .callout-1 p{padding-bottom:40px;max-width:700px;}
#portada .callout-1 .envios-enco{max-width:700px;width:100%;display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center;}
#portada .callout-2{padding:0 0 80px;background-color:#F0F0F0;}
#portada .callout-2 .title2{display:flex;flex-flow:row wrap;align-items:center;margin:-51px 0 40px}
#portada .callout-2 .title2 span{display:inline-block;font-size:32px;line-height:52px;background-color:#FABB14;padding:0 25px;border-radius: 0 10px 10px 0;margin-left:-5px;}
.producto{max-width:268px;width:100%;background-color:#FFF;text-align:center;border-radius:5px;margin:0 auto 50px;padding:10px 10px 15px;}
.producto figure{height:220px;margin:0 auto 10px;overflow:hidden;max-width:215px;}
.producto figure img{-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 .title-product{height:45px;margin-bottom:10px;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;}
.producto p{line-height:20px;font-size:15px;padding:0 10px;}
#portada .callout-3{background-color:#1C1C1A;}
.comunicate{display: flex;flex-flow:row wrap;justify-content:center;align-items:center;height:346px;}
.comunicate blockquote{font-size:40px;line-height:45px;padding-bottom:30px;}
.comunicate .boton{font-size:25px;line-height:64px;max-width:286px;border:1px solid transparent}
.comunicate .boton:hover{border-color:#FABB14}
#portada .callout-4{padding:100px 0 80px;}
#portada .callout-4 h5{padding-bottom:20px;}
.blog{max-width:389px;width:100%;margin:0 auto 40px;}
.blog figure{margin-bottom:20px;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.10);transform: scale(1.10);}
.blog figure a{width:100%;height:100%;}
.blog .fecha-link{display: flex;flex-flow:row wrap;align-items:center;justify-content:space-between;}
.blog .fecha{font-size:16px;line-height:21px;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;}
#portada .callout-4 .clearfix{padding-bottom:50px;}
.slider-marcas figure{height:100px;max-width:180px;margin:0 auto;}

/*Producto*/
#producto .callout-0{background-color:#F0F0F0;padding:30px 0 15px;}
#producto .callout-0 h3 small{display:block;font-size:14px;line-height:19px;}
#producto .callout-0 h3 a{color:#333;font-size:14px;line-height:19px;position: absolute;right:0;bottom:5px;}
#producto .callout-1{padding:20px 0 80px;}
#producto .callout-1 .subca{font-size:17px;line-height:22px;padding-bottom:40px;}
#producto .callout-2{background-color:#F0F0F0;}
#producto .callout-3{padding:80px 0;}
#producto .callout-4{padding:70px 0 50px;}
#producto .callout-4 h1{padding:0 10px 10px 0;font-size:38px;line-height:43px;}
#producto .callout-4 h3{padding-bottom:15px;border-bottom:1px solid #DBDDE0;margin-bottom:30px;}
#producto .callout-4 .marca{font-size:15px;line-height:26px;padding-bottom:10px;}
#producto .callout-4 .marca span{background-color:#1C2834;display: inline-block;padding:0 10px;border-radius:5px;margin-right:6px;}
#producto .callout-4 .detalle{padding:10px 0 25px;}
#producto .callout-4 .detalle *{font-size:15px;line-height:22px;}
#producto .callout-4 .contactar{max-width:240px;float: right;}
#producto .callout-4 .wsp-cont{display: block;margin-bottom:20px;}
#producto .callout-4 .asesoria{font-size:23px;line-height:28px;margin:15px 0 20px;padding-left:30px;}
#producto .callout-4 .asesoria span{font-size:15px;line-height:20px;}
#producto .callout-4 .clearfix{padding-bottom:70px;}
#producto .callout-4 .clear2:after{content: '';height:1px;width:100%;background-color:#DBDDE0;}
#producto .callout-4 .archi{display:inline-block;margin-bottom:20px;}
#producto .callout-4 .mpopup-01 a{width:100%;height:100%;transition:all .5s ease;background-color:rgba(0,0,0,.3);opacity:0;}
#producto .callout-4 .mpopup-01 a i{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:50px;height:50px;font-size:50px;color:white;}
#producto .callout-4 .mpopup-01 a:hover{opacity:1;}
#producto .callout-4 .slick-nav{top:40%;width:44px;height:44px;z-index: 1;}
#producto .callout-4 .slick-nav:before,#portada .callout-0  .slick-nav:after{background-color:transparent;}

/*Blog*/
#blog .callout-1{padding:70px 0;}
#blog .callout-1 h3{padding-bottom:30px;}
#blog .callout-1 .h3{padding-bottom:10px;}
#blog .callout-1 .clearfix{padding-bottom:40px;}
#blog .callout-1 .clientes-flex{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
#blog .callout-1 .clientes-flex > div{width:20%;height:150px;padding:10px 15px;}
#blog .callout-1 .clientes-flex figure {width:100%;height:150px;}
#blog .callout-1 .catalogo{max-width:370px;margin:0 auto 40px;}
#blog .callout-1 .catalogo figure{height:370px;margin:0 auto 15px;}
#blog .callout-1 .catalogo .descargar{display: flex;flex-direction:row;justify-content:space-between;align-items:center;}
#blog .callout-1 .catalogo .descargar > div:first-child{width:70px;}
#blog .callout-1 .catalogo .descargar > div:last-child{width:calc(100% - 70px);}
#blog .callout-1 .catalogo .descargar small{font-size:16px;line-height:21px;display: block;}
#blog .callout-1 .catalogo .descargar .tit{font-size:20px;line-height:25px;display:inline-block;color:#333;transition: all .5s ease-in-out;}
#blog .callout-1 .catalogo .descargar .tit:hover{color:#FCC005}
#blog .callout-2{padding:70px 0;}
#blog .callout-2 h2{padding-bottom:20px;}
#blog .callout-2 .bloga{font-size:20px;line-height:25px;margin-bottom:30px;}
#blog .callout-2 .bloga a{font-size:14px;line-height:20px;color:#333}
#blog .callout-2 .detalle{padding-bottom:30px;}
#blog .callout-2 .detalle h3{font-size:22px;line-height:27px;}
#blog .callout-2 .detalle * {padding-bottom:15px;}
#blog .callout-2 .fecha{font-size:14px;line-height:14px;margin:20px 0 40px;}
#blog .callout-2 .fecha img{margin-top:-2px;}

/*Nosotros*/
#noso .callout-1{padding:70px 0 120px;}
#noso .callout-1 h1{padding-bottom:30px;}
#noso .callout-1 h1 small{font-size:30px;line-height:35px;display: block;}
#noso .callout-1 .detalle > *{padding-bottom: 20px;}
#noso .callout-2{background-color:#F0F0F0;padding:50px 0;}
#noso .callout-2 h3{font-size:40px;line-height:45px;padding:10px 0;}
#noso .callout-2 p{padding-bottom:15px;}
#noso .callout-3{padding:90px 0 40px;}
#noso .callout-3 span{font-size:45px;line-height:50px;padding-bottom:100px;}
#noso .callout-3 .comunicate{margin-top:50px;}
#noso .callout-3 .general{max-width:569px;}
#noso .callout-3 .segunda-img{text-align:right;padding-top:50px;}
#noso .callout-3 .tercero-img{padding-top:100px;}

/*Contacto*/
#contacto .callout-1{background-color:#E8E9E4;padding:60px 0;}
#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);word-break: break-all;}
#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:#1C1C1A;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 span{display:inline-block;}
footer p.pt{padding-bottom:10px;}
footer .lr{border-right:1px solid #FFF;}
footer hr{max-width:91px;margin:0 0 20px}
footer .titu{font-size:16px;line-height:21px;padding-bottom:10px}
footer .face{padding-left:20px;background:url(../img/iconos/facef.png) no-repeat;background-position-y:7px;display:inline-block;}
footer .face:hover{color:#FCC005;}
footer img.ico{margin:10px 0}
footer .medium-6{padding-bottom:30px;}
footer .p{font-size:14px;padding-bottom:0;margin:60px 0 0;}


/* Tablet y Movil */
@media screen and (max-width: 75em){
    header .frase{margin:0;display:none;}
}
@media screen and (max-width: 64em){
    header .busca-llamada span{display:none;margin:0;}
    .menu_bar{display:block;margin:12px 0;text-align:right;}
    header.flota .menu_bar{margin:23px 0;}
    .menu_bar a{display:inline-block;line-height:18px;padding:0;}
    .menu_bar span{display:inline-block;font-size:18px;line-height:18px;padding-right:10px;}
    /*Menu*/
    nav{display:none;padding:0;}
    nav {position:absolute;z-index:99;width:100%;left:0;}
    nav ul{display:block;border-bottom:1px solid #FFF;}
    nav ul li{display:block !important;border-top:1px solid #FFF !important;margin:0;padding: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;background:#1c1c1a;}
    nav > ul > li:hover > a,nav > ul > li> a:focus,nav > ul > li.active > a{color:white;background:#edac00;border:0;}
    /*SubMenu*/
    nav > ul > li > ul{position:relative;width:100%;text-align:center;padding-top:0;}
    nav > ul > li > ul > li{line-height:14px;position:relative;}
    nav > ul > li > ul > li > a{display:block;background-color:#FCC005;font-size:15px;line-height:14px;color:#333;transition:all 0.5s ease;padding:10px;position: relative;}
    nav > ul > li > ul > li > a > i{position:absolute;top:0;right:10px;bottom:0;margin:auto;height:14px;}
    nav > ul > li > ul > li:hover > a,
    nav > ul > li > ul > li > a:focus{background-color:#545454;color:#FFF;}
    /*SubSubMenu*/
    nav > ul > li > ul > li > ul{position:relative;width:100%;text-align:center;left:0;top:0;}
    nav > ul > li > ul > li > ul > li{line-height:14px;border-top:1px solid #FFF;margin-top:-1px;}
    nav > ul > li > ul > li > ul > li + li{border-top:0;margin-top:-1px;}
    nav > ul > li > ul > li > ul > li > a{display:block;background-color:#C9C9C9;font-size:15px;line-height:15px;color:#333;transition:all 0.5s ease;padding:10px;}
    nav > ul > li > ul > li > ul > li:hover > a,
    nav > ul > li > ul > li > ul > li > a:focus{background-color:#f7c940;color:#333;}
    #blog .callout-1 .clientes-flex > div{width:30%;height:140px;}
}

@media only screen and (max-width:39.999em){
    header .busca-llamada{display:none;}
    header .large-12 > div:first-child{width:50%;}
    header .logo{margin:15px 0;}
    .menu_bar{margin:29px 0;}
    main{margin-top:84px;}
    .banner-noso{height:250px;}
    .imagen-princi{display:none;}
    #portada .callout-1{padding:90px 0 120px;}
    #portada .callout-1 h1{padding:0 0 20px;}
    #portada .callout-1 .envios-enco > img + img{margin-top:20px;}
    #portada .callout-2 .title2 span{font-size:18px;padding:0 15px;}
    .comunicate{height:270px;}
    .comunicate blockquote{font-size:25px;line-height:40px;padding-bottom:20px;}
    .comunicate .boton{font-size:20px;line-height:51px;max-width:250px;}
    footer hr{display:none;margin:0}
    footer .lr{border-right:0;}
    footer .face{padding-left:0;background:transparent}
    footer .p{margin:0;}
    #noso .callout-1 img{display:none;}
    #noso .callout-3 span{font-size:30px;line-height:35px;padding-bottom:70px;}
    #noso .callout-3 .tercero-img{padding-top:50px;}
    #blog .callout-1{padding:50px 0;}
    #blog .callout-1 .clientes-flex > div{width:47%;height:140px;}
    #contacto .callout-2{padding:50px 0 80px;}
    #contacto .callout-2 .contac{display:none;}
    #blog .callout-2 .detalle{text-align:justify;}
    #producto .callout-0 h3 a{bottom:0;top:-20px;}
    #producto .callout-4 .contactar{float:initial;margin:0 auto;}
}


@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){

}