/* 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; }
@font-face{font-family:'open_sansregular';src:url('../fonts/OpenSans/OpenSans-Regular-webfont.eot');src:url('../fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'opensansbold';src:url('../fonts/OpenSans/opensans-bold-webfont.eot');src:url('../fonts/OpenSans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/opensans-bold-webfont.woff') format('woff'),url('../fonts/OpenSans/opensans-bold-webfont.ttf') format('truetype'),url('../fonts/OpenSans/opensans-bold-webfont.svg#open_sanslight') format('svg');font-weight:bold;font-style:normal; }
@font-face{font-family:'opensanslight';src:url('../fonts/OpenSans/OpenSans-Light-webfont.eot');src:url('../fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-Light-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');font-weight:300;font-style:normal; }
@font-face{font-family:'opensanssemibold';src:url('../fonts/OpenSans/OpenSans-Semibold-webfont.eot');src:url('../fonts/OpenSans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-Semibold-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-Semibold-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');font-weight:600;font-style:normal; }
@font-face{font-family:'opensansextrabold';src:url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.eot');src:url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');font-weight:800;font-style:normal; }
@font-face{font-family:'Heebo Regular';font-style:normal;font-weight:normal;src:local('Heebo Regular'),url('../fonts/Heebo/Heebo-Regular.woff') format('woff');}
@font-face{font-family:'Heebo Light';font-style:normal;font-weight:normal;src:local('Heebo Light'),url('../fonts/Heebo/Heebo-Light.woff') format('woff');}
@font-face{font-family:'Heebo Bold';font-style:normal;font-weight:normal;src:local('Heebo Bold'),url('../fonts/Heebo/Heebo-Bold.woff') format('woff');}
@font-face{font-family:'Heebo ExtraBold';font-style:normal;font-weight:normal;src:local('Heebo ExtraBold'),url('../fonts/Heebo/Heebo-ExtraBold.woff') format('woff');}
@font-face{font-family:'Heebo Black';font-style:normal;font-weight:normal;src:local('Heebo Black'),url('../fonts/Heebo/Heebo-Black.woff') format('woff');}
/*Fuentes*/
.arial{font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal;}
.osans{font-family:'open_sansregular' !important;}
.osansb{font-family:'opensansbold' !important;}
.osansl{font-family:'opensanslight' !important;}
.osanssb{font-family:'opensanssemibold' !important;}
.osanseb{font-family:'opensansextrabold' !important;}
.heebo{font-family:'Heebo Regular' !important;}
.heebob{font-family:'Heebo Bold' !important;}
.heebol{font-family:'Heebo Light' !important;}
.heeboeb{font-family:'Heebo ExtraBold' !important;}
.heebobl{font-family:'Heebo Black' !important;}
.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:#3A4552 !important;}
.color2{color:#02903C !important;}
.color3{color:#333 !important;}
.color4{color:#414A49 !important;}
.color-blanco{color:white !important;}
.fondo-blanco{background-color:white !important;}
.texto{color:#3A4552 !important;}
.boton{font-size:15px;line-height:15px;color:#FFF;display:block;transition:all 0.5s ease;max-width:210px;background:#76B228;border:1px solid #76B228;text-align:center;padding:13px;border-radius:8px;transition: all 0.5s ease;max-width:210px;width:100%}
.boton:hover,.boton:focus{color:#FFF;background-color:#4A5868;}
h1{font-size:46px;line-height:51px;margin:0;}
h2{font-size:35px;line-height:40px;margin:0;}
h3{font-size:38px;line-height:43px;margin:0;}
h4{font-size:30px;line-height:35px;margin:0;}
h5{font-size:25px;line-height:30px;margin:0;}
p{font-size:16px;line-height:25px;margin:0;}
blockquote{padding:0;margin:0;border:0;}
figure{margin:0;}

.iconos{display:inline-block;background-color:transparent;background-image:url(../img/iconos/menu.png);background-repeat:no-repeat;vertical-align:middle;}
.menu-adaptable{width:37px;height:24px;margin-top:-3px;}
.menu_bar{display:none;}
.en-linea>*{display:inline-block;vertical-align:middle;}
.oculw{display:none;position:fixed;width:60px;height:60px;top:50%;z-index:999;right:0px;}
.pagination a:hover,
.pagination .current{background:#E5E5E5 !important;color:#333; }

body{font-family:'open_sansregular', sans-serif;;color:#000;background:white;}

.pagination li.current{background: transparent !important;padding: 0;}
.pagination li a{-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;padding: 15px 20px;margin-right: 5px;margin-bottom: 5px;color: #999999;display: inline-block;border: 1px solid #e6e6e6;background: #ffffff;transition: all 0.5s ease;}
.pagination li:hover a,.pagination li a:hover,.pagination li.current a{background:#FD4D40 !important;border-color:#FD4D40;color:#FFF;}

header{position:fixed;transition:all 0.8s ease;width:100%;z-index:99;top:0;}
header.flota{margin-top:-72px;border-bottom:1px solid #999;}
header .float-left{max-width:185px;width:100%;}
header .cuadro-info{display:table;height:72px;padding:10px 0;float:right;}
header .cuadro-info > *{display:table-cell;vertical-align:middle;color:#575756}
header .cuadro-info > p > img{position:absolute;left:0;top:0;bottom:0;margin:auto;}
header .cuadro-info > p span{font-size:15px;display:block;padding-left:30px;line-height:20px;}
header .cuadro-info > p span a{color:#575756;}
header .cuadro-info > p span a:hover{color:#74B527;}
header .cuadro-info > p small{font-size:11px;padding-left:30px;display:block;line-height:11px;}
header .cuadro-info > p a.conta{font-size:14px;line-height:13px;display:block;background:#4A5868;color:white;padding:14px 32px;border-radius:10px;transition: all 0.5s ease;}
header .cuadro-info > p a.conta:hover{background:#F94A00;color:white;}
header .cuadro-info > p a.red{margin:0 2.5px;}
header .cuadro-info > p a.red:hover img{opacity:0.8;}
header .logo{margin:5px 10px;display:block;transition:all 0.5s ease;position:relative;}
header .logo img{z-index: 9;transition:all 0.5s ease;left:0;top:0;position:absolute;}
header .logo img:first-child{opacity:1;}
header .logo img:last-child{opacity:0;transition:all 0.5s ease;margin-top:0;}
header.flota .logo{height:0;margin-top:78px;}
header.flota .logo img:first-child{opacity:0;}
header.flota .logo img:last-child{opacity:1;}

/*Menu*/
nav{padding:0;transition: all 0.5s ease;position:relative;z-index:99;display:inline-block;float:right;margin-bottom:2px;}
header.flota nav{margin:5px 0;}
nav > ul{line-height:15px;margin:0;}
nav > ul > li{position:relative;display:inline-block;vertical-align:middle;line-height:15px;}
nav > ul > li + li{margin-left:-4px;}
nav > ul > li > a{display:inline-block;font-size:15px;color:#FFF;background:#F94A00;position:relative;padding:18px 15px;text-align:center;transition:all 0.5s ease;line-height:15px;}
nav > ul > li:first-child > a{border-radius:10px 0 0 10px;}
nav > ul > li.ulti > a{border-radius:0 10px 10px 0;}
nav > ul > li:last-child{display:none;}
nav > ul > li:hover > a,nav > ul > li > a:focus,nav > ul > li.active > a{color:#FFF;background:#4A5868;}

/*btn flotante debe ir afuera de footer*/
#back-top {position:fixed;bottom: 30px;left: 30px;z-index:2;}
#back-top a {width: 32px;display: block;text-align: center;font: 11px/100% Arial,Helvetica,sans-serif;text-transform: uppercase;text-decoration: none;color: #666666;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top span {width: 32px;height: 32px;display: block;margin-bottom: 0;background-color:#D5EDA3;background-image: url(../img/up-arrow.png);background-repeat:no-repeat;background-position:center;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;-webkit-transition: 1s;-moz-transit8ion: 1s;transition: 1s;}
#back-top a:hover span {background-color:#f26B35;}

.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-port{height:513px;}
.banner-port2{background-image:url(../img/banners/portada.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada.jpg',sizingMethod='scale')";}
.banner-port3{height:608px;background-image:url(../img/banners/portada2.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada2.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada2.jpg',sizingMethod='scale')";}
.banner-cont{height:367px;background-image:url(../img/banners/contacto.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/contacto.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/contacto.jpg',sizingMethod='scale')";}
.banner-noso{height:367px;background-image:url(../img/banners/nosotros.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/nosotros.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/nosotros.jpg',sizingMethod='scale')";}
.banner-cont2{height:367px;background-image:url(../img/banners/trabaja.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/trabaja.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/trabaja.jpg',sizingMethod='scale')";}
.banner-soste{height:367px;background-image:url(../img/banners/sostenibilidad.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/sostenibilidad.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/sostenibilidad.jpg',sizingMethod='scale')";}
.banner-prod{height:367px;background-image:url(../img/banners/producto.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/producto.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/producto.jpg',sizingMethod='scale')";}

.lSAction > a{width:27px;height:48px;z-index:2;opacity:.9;top:45%;margin:0;}
.lSAction > .lSPrev{background:url(../img/iconos/left.png) no-repeat;left:0;}
.lSAction > .lSNext{background:url(../img/iconos/right.png) no-repeat;right:0;}

/*Formulario*/
form{width:100%;margin:0 auto;max-width:733px;}
form .rela{max-width:341px;width:100%;}
form .rela2{max-width:100%;width:100%;}
form [type='text'],form [type='password'],form [type='date'],form [type='datetime'],form [type='datetime-local'],form [type='file'],
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,
form [type='text']:focus,form [type='password']:focus,form [type='date']:focus,form [type='datetime']:focus,form [type='datetime-local']:focus,form [type='file']: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{font-size:15px;line-height:18px;background-color:#F0F0F0;border:0;z-index:9;box-shadow: none !important;height:36px;position:relative;color:#666;outline:0;border-radius:0;margin:0 0 14px;padding:10px 15px;background-position:right center;}
form textarea,form textarea:focus{height:150px;margin-bottom:14px;width:100%;}
form label{font-size:15px;line-height:15px;padding-bottom:5px;color:#FFF}
form label.error{font-size:10px;line-height:10px;position:absolute;color:white;background:#ff4949;bottom:0;width:100%;padding:2px 5px;z-index:1;border-radius:0 0 5px 5px}
form label.error.valid{display:none !important;}
form ::placeholder{color:#666;opacity:1;}

.callout.primary,.callout.alert,.callout.success{padding:10px;color:#333;margin-bottom:10px;}

main{margin-top:126px;}

/*Pagina Principal*/
#portada .banners .lSAction{max-width:1230px;width:100%;margin:0 auto;position:relative;}
#portada .banners .lSAction > a{top:-260px;}
#portada .banners .fondo-oscuro{width:100%;height:513px;background:rgba(0, 0, 0,.47);}
#portada .banners .tableta{display:table;height:513px;width:100%;padding-left:80px;}
#portada .banners .tableta > *{display:table-cell;vertical-align:middle;}
#portada .banners blockquote{font-size:55px;line-height:60px;letter-spacing:-1px;}
#portada .banners blockquote small{display:block;font-size:22px;line-height:27px;}
/*Pagina Principal*/
#portada .callout-1{padding:100px 0 130px;}
#portada .callout-1 .cuadro-dere{max-width:720px;width:100%;float:right;}
#portada .callout-1 h1{padding-bottom:20px;}
#portada .callout-1 h1 small{display:block;font-size:22px;line-height:27px;}
#portada .callout-1 h2{padding-bottom:10px;}
#portada .callout-1 h5{padding-bottom:15px;}
#portada .callout-1 figure{margin-bottom:30px;}
#portada .callout-1 figure a{position:absolute;left:0;top:50px;width:100%;height:100%;background-image:url(../img/iconos/video.png);background-repeat:no-repeat;background-position:center;}
#portada .callout-1 p{font-size:17px;line-height:22px;padding-bottom:30px;}
#portada .callout-1 .clearfix{padding-bottom:80px;}
#portada .callout-2{background-color:#74B527;}
#portada .callout-2 .banner-port2{padding:50px 0 0;}
#portada .callout-2 h3{padding-bottom:40px;}
.producto{max-width:380px;width:100%;margin-bottom:80px;position:relative;z-index:1;}
.producto figure{background:white;height:255px;border-radius:15px 15px 0 0;}
.producto figure img{transition:all 0.5s ease;}
.producto figure:hover img{opacity:.6;}
.producto figure a{width:100%;height:100%;}
.producto .descri{border-top:6px solid #74B527;display:table;width:100%;height:71px;box-shadow: 0px 5px 5px -3px #666;border-radius:0 0 15px 15px;margin-bottom:5px;}
.producto .descri a{background:#4A5868;color:white;display:table-cell;text-align:center;vertical-align:middle;font-size:22px;line-height:27px;border-radius:0 0 15px 15px;transition:all 0.5s ease;}
.producto .descri a:hover{background:#74B527;}
#portada .callout-3{padding:180px 0 60px;}
#portada .callout-3 .imagen{background-color:#FFF;padding:15px 9px;border-radius:10px;margin:-205px auto 70px;max-width:590px;width:100%;}
#portada .callout-3 .imagen img{border-radius:10px;}
#portada .callout-3 h4{padding-bottom:50px;}
#portada .callout-3 h4 small{font-size:20px;line-height:25px;display:block;}
.blog{max-width:380px;width:100%;margin:0 auto 40px;}
.blog figure{overflow:hidden;}
.blog figure img{-webkit-transform: scale(1);transform: scale(1);-webkit-transition:.3s ease-in-out;transition: .3s ease-in-out;border-radius:5px 5px 0 0;}
.blog figure:hover img{-webkit-transform:scale(1.10);transform:scale(1.10);}
.blog .cuerpo{padding:15px 25px 20px;background:white;border-radius:0 0 10px 10px;border-radius:0 0 7px 7px;box-shadow:0 4px 4px #CDCDCD;}
.blog .cuerpo span{display:block !important;font-size:15px !important;line-height:20px !important;padding-bottom:10px;padding-top: 0 !important;}
.blog .cuerpo h3{font-size:24px;line-height:29px;padding-bottom:10px;}
.blog .cuerpo h3 a{color:#3A4552;transition: all 0.5s ease;}
.blog .cuerpo h3 a:hover{color:#76b228;}
.blog .cuerpo a.btn{color:#FFF;background:#FF5C16;display:block;max-width:133px;width:100%;text-align:center;font-size:16px;line-height:16px;padding:10px;border-radius:5px;transition: all 0.5s ease;}
.blog .cuerpo a.btn:hover{color:#FFF;background:#02903C;}
#portada .callout-3 span{font-size:38px;line-height:43px;display:block;padding-top:20px;}
.blog .cuerpo .fecha{background:white;width:80px;height:80px;float:right;margin-top:-55px;position:relative;border-radius:50%;padding:5px;}
.blog .cuerpo .fecha span{display:block;background:#76b228;height:70px;border-radius:50%;font-size:20px !important;line-height:20px !important;text-align:center;padding:10px !important;}
.blog .cuerpo .fecha span small{display:block;font-size:14px;line-height:14px;}
#portada .aql{width:200px;height:200px;border-radius:50%;background:white;position:relative;margin:240px auto 30px;}

/*Producto*/
#producto .callout-1{padding:50px 0 80px;}
#producto .callout-1 h3{padding-bottom:40px;}
#producto .callout-1 p.texta{max-width:970px;width:100%;margin:0 auto 50px;text-align:left;}
#producto .callout-1 .producto-largo{background:#F3F2ED;border-radius:10px;padding:40px 0;margin-bottom:50px;}
#producto .callout-1 .producto-largo .ima{margin-top:-0;}
#producto .callout-1 .producto-largo .centra{max-width:335px;width:100%;margin:0 auto 20px;}
#producto .callout-1 .producto-largo h2{padding-bottom:20px;}
#producto .callout-1 .producto-largo h2 small{display:block;font-size:20px;line-height:25px;}
#producto .callout-1 .producto-largo p{padding-bottom:15px;}
#producto .callout-1 .producto-largo p.titu{font-size:20px;line-height:25px;padding-bottom:20px;}
#producto .callout-1 .producto-largo .bota:hover img{opacity:.7;}

/*Blog*/
#blog .callout-1{padding:70px 0;background-color:#F6F5F2;}
#blog .callout-1 h4{padding-bottom:40px;}
#blog .callout-2{padding:45px 0 100px;background-color:#F6F5F2;}
#blog .callout-2 blockquote{display:inline-block;font-size:18px;line-height:23px;padding-bottom:15px;border-bottom:1px dashed #4A5764;color:#4A5764;margin-bottom:10px;}
#blog .callout-2 h2{font-size:28px;line-height:33px;padding-bottom:15px;color:#4A5764;}
#blog .callout-2 .fecha{font-size:14px;line-height:14px;padding-bottom:10px;color:#4A5764;}
#blog .callout-2 .fecha img{padding-right:5px;margin-top:-5px;}
#blog .callout-2 .compa{display:inline-block;font-size:15px;line-height:15px;padding-top:10px;border-top:1px dashed #4A5764;margin-top:20px;padding-bottom:10px;}
#blog .callout-2 .btn2{color:#74B527;font-size:15px;line-height:15px;display:inline-block;margin-bottom:10px;}
#blog .callout-2 .detalle > * {font-size:15px;line-height:22px;padding-bottom:15px;color:#43505A;}
#blog .callout-2 .detalle .texto-grande{font-size:20px;line-height:25px;}
#blog .callout-2 .img{margin-bottom:20px;padding-bottom:0;}

/*Nosotros*/
#nosotros .callout-1{padding:100px 0;}
#nosotros .callout-1 span.em{font-size:28px;line-height:33px;display:block;padding-bottom:10px;}
#nosotros .callout-1 h1{padding-bottom:20px;}
#nosotros .callout-1 h1 em{font-size:28px;line-height:33px;display:block;padding-top:5px;}
#nosotros .callout-1 .clearfix{padding-bottom:80px;}
#nosotros .callout-1 .cuadro{padding:80px 10px;background:#F18E1E;border-radius:20px;margin:60px 0;}
#nosotros .callout-1 .cuadro p{font-size:17px;line-height:24px;max-width:450px ;margin-left:60px;}
#nosotros .callout-1 .cuadro p b{font-size:34px;line-height:39px;display:block;}
#nosotros .callout-1 .cuadro img{border-radius:20px;margin:-140px 0;}
#nosotros .callout-1 h2{padding-bottom:30px;}
#nosotros .callout-1 h4{padding-bottom:10px;}
#nosotros .callout-1 p.por{font-size:15px;line-height:23px;padding-bottom:10px;}

/*Contacto*/
#contacto .callout-1{padding:45px 0 50px;}
#contacto .callout-1 h3{padding-bottom:70px;}
#contacto .callout-1 .cuadro-cont{display:table;width:100%;height:397px;margin-bottom:65px;}
#contacto .callout-1 .cuadro-cont.conta2{height:68px;}
#contacto .callout-1 .cuadro-cont > *{display:table-cell;vertical-align:middle;}
#contacto .callout-1 .cuadro-cont .parte1{background:#74B527;width:285px;text-align:center;}
#contacto .callout-1 .cuadro-cont .parte1 span{font-size:38px;line-height:43px;display:block;padding-bottom:25px;}
#contacto .callout-1 .cuadro-cont.conta2 .parte1 span{font-size:25px;line-height:30px;padding-bottom:0;}
#contacto .callout-1 .cuadro-cont .parte2{background:#EFF3F4;padding-left:85px;padding-right:85px;}
#contacto .callout-1 .cuadro-cont .parte2 h4{font-size:32px;line-height:37px;padding-bottom:15px;}
#contacto .callout-1 .cuadro-cont .parte2 span{font-size:25px;line-height:30px;display:block;padding:15px 0}
#contacto .callout-1 .cuadro-cont .parte2 ul{width:240px;display:inline-block;margin:10px 0 0;vertical-align:top;}
#contacto .callout-1 .cuadro-cont .parte2 ul li{font-size:16px;line-height:21px;background:url(../img/iconos/check2.png) no-repeat;padding-left:25px;padding-bottom:5px;}
#contacto .callout-1 .cuadro-cont .parte2 .bota{margin-top:10px;display:inline-block;}
#contacto .callout-1 .cuadro-cont .parte2 .bota:hover img{opacity:.7;}
#contacto .callout-2{padding:40px 0 100px;}
#contacto .callout-2 h3{padding-bottom:20px;}
#contacto .callout-2 p{padding-bottom:60px;}
#contacto .callout-2 h4{padding-bottom:25px;}
#contacto .callout-2 .rela.float-right label{bottom:0;}
#contacto .callout-2 .rel{margin-bottom:10px;}

/*Sostenibilidad*/
#soste .callout-1{padding:50px 0 80px;}
#soste .callout-1 h3{padding-bottom:40px;}
#soste .callout-1 .centra{max-width:935px;text-align:left;width:100%;margin:0 auto 55px;}
#soste .callout-1 .img{margin-bottom:-235px;position:relative;}
#soste .callout-1 .cuadro{max-width:1100px;width:100%;margin:0 auto;height:396px;background:#F6F5F2;border-radius:10px;}
#soste .callout-1 .img2{margin-top:-100px;position:relative;}
#soste .callout-1 .centra2{max-width:512px;width:100%;margin:0 auto;}
#soste .callout-1 .cuadroNew{background:#F6F5F2;border-radius:15px;padding:0 15px 60px;margin:30px 0 80px;}
#soste .callout-1 .cuadroNew .meda{margin:-24px 0 20px;}
#soste .callout-1 .cuadroNew h4{max-width:600px;margin:0 auto 50px;}
#soste .callout-1 .cuadroNew h4.h4{margin:0 auto 20px;}
#soste .callout-1 .cuadroNew .flex-docu{display:flex;gap:10px;justify-content:center;}
#soste .callout-1 .cuadroNew .flex-pdf{display:flex;gap:60px;justify-content:center;flex-wrap:wrap;}
#soste .callout-1 .cuadroNew .flex-pdf .pdf-item{display:flex;gap:15px;flex-wrap:wrap;}
#soste .callout-1 .cuadroNew .flex-word{display:flex;gap:15px;justify-content:center;margin:40px 0;}
#soste .callout-1 .cuadroNew .flex-pdf p,
#soste .callout-1 .cuadroNew .flex-word p{font-size:20px;line-height:20px;padding-bottom:5px;}
#soste .callout-1 .cuadroNew .btn{color:#F44C4D;font-size:16px;line-height:16px;}
#soste .callout-1 .cuadroNew .btn:hover{color:#333;}
#soste .callout-1 .cuadroNew .pdf-img:hover{opacity:.7;}
#soste .callout-1 .cuadroNew hr{border-top:1px dashed #333;max-width:560px;}
#soste .callout-1 .cuadroNew .h5{font-size:22px;line-height:27px;padding-bottom:20px;}
#soste .callout-1 .cuadroNew .btn2{background-color:#4A5868;color:white;font-size:14px;line-height:35px;max-width:150px;display:block;width:100%;}
#soste .callout-1 .cuadroNew p.btn2{width:120px;}
#soste .callout-1 .cuadroNew .reli:hover .btn2,
#soste .callout-1 .cuadroNew .btn2:hover{background-color:#F44C4D;cursor:pointer;}
#soste .callout-1 .cuadroNew .input{position:absolute;left:0;top:0;height:35px;margin:0;opacity:0;width:120px;}
#soste .callout-1 .cuadroNew #rpta{background:white;width:272px;height:35px;display:block;padding:10px;line-height:15px;font-size:15px;text-align:left;overflow:hidden;}
#soste .callout-1 .cuadroNew #rpta span{height:15px;display:block;overflow:hidden;}
#soste .callout-1 .cuadroNew .enviar{padding-top:15px;}
#soste .callout-1 .cuadroNew .control{width: 100%;height: 15px;line-height: 15px;font-size: 15px;}
#soste .callout-1 .cuadroNew .enviar button{margin:0 auto;}

#tidio-chat-iframe{bottom:0 !important;}

/*footer*/
footer{background:#76B228;padding:50px 0 15px;}
footer .logo{margin:30px auto;display:inline-block;}
footer p{font-size:15px;line-height:20px;padding-bottom:5px;color:#FFF;}
footer p.titulo{font-size:22px;line-height:27px;padding-bottom:2px;margin-bottom:25px;border-bottom:1px solid;}
footer p.rel{padding-left:25px;}
footer p.rel img{position:absolute;left:0;top:5px;}
footer ul{margin-bottom:40px;}
footer ul li{background:url(../img/iconos/peque.png) no-repeat;padding-left:20px;line-height:14px;margin-bottom:10px;background-position:left center;}
footer ul li a{font-size:14px;line-height:14px;color:#fff;}
footer ul li a:hover{color:#fff;}
footer p a{color:#fff;}
footer p a:hover{color:#fff;}
footer p.ulti{color:#fff;padding-top:40px}
footer .social a:hover img{opacity:0.7}

@media screen and (max-width: 70.625em){
	header .logo{margin:9px 0;}
    header .menu_bar{display:inline-block;float:right;margin:15px 0;transition: all 0.5s ease;}
    .menu_bar a{display:inline-block;}
    header.flota nav{margin:54px 0 0;}
    /*Menu*/
    nav{display:none;position:absolute;z-index:99;width:100%;left:0;padding:0;margin-top:54px;float:initial;}
    nav ul{display:block;border-bottom:1px solid #FFF;}
    nav ul li{display:block;border-top:1px solid #FFF;padding:0;}
    nav ul li + li{padding-left:0;}
    nav > ul > li > a{display:block;font-size:15px;line-height:15px;color:white;padding:8px 0;border-radius:0;background:#4A5868;border:0;text-align:center}
    nav > ul > li:first-child > a{border-radius:0;}
    nav > ul > li.ulti > a{border-radius:0;}
    nav > ul > li:hover> a, nav > ul > li:focus> a, nav > ul > li.active> a{color:white;background:#F94A00;}
}

@media screen and (max-width:63.999em){
    #portada .callout-2 h3{padding-bottom:40px;}
    #portada .callout-2 .mtp2{margin-bottom:20px;}
    #producto .callout-1 .producto-largo .ima{margin-bottom:40px;}
    #contacto .callout-2 form > .nothing{padding:0 15px;}
    #contacto .callout-1 .cuadro-cont .parte2{padding-left:20px;padding-right:20px;}
}

@media screen and (max-width: 53.75em){
    nav > ul > li:last-child{display:block;}
    header .cuadro-info .cat{display:none;}
}


@media only screen and (max-width:39.99em){
    header .cuadro-info .cat2{display:none;}
    #portada .banners .tableta{height:430px;padding:0 15px;}
    #portada .banners blockquote{font-size:40px;line-height:45px;}
    .banner-port{height:430px;}
    #portada .callout-1{padding:100px 0 80px;}
    #portada .aql{margin:120px auto 30px;}
    #tidio-chat-iframe{display:none !important;}
    #portada .callout-3{padding:120px 0 60px;}
    #portada .callout-3 h4{padding-bottom:20px;}
    #contacto .callout-2 form .rel.float-right{float: initial !important;}
    #contacto .callout-2 .hola{margin-top:50px;}
    #contacto .callout-2 .large-4.nothing.animatedParent{padding:0 15px;}
    #contacto .callout-1 .cuadro-cont{display:block;height:auto;}
    #contacto .callout-1 .cuadro-cont > *{display:block;}
    #contacto .callout-1 .cuadro-cont .parte1{width:100%;padding:20px 10px;}
    #contacto .callout-1 .cuadro-cont .parte2{padding: 20px 20px;}
    #contacto .callout-1 .cuadro-cont .parte2 span{word-wrap:break-word;}
    #nosotros .callout-1 .cuadro{padding:30px 10px;margin:0;}
    #nosotros .callout-1 .cuadro p{margin-left:0;}
    #nosotros .callout-1 .cuadro img{margin:20px 0 0;}
    #nosotros .callout-1 .jol{margin-bottom:20px;}
    #nosotros .callout-1 .clearfix{padding-bottom:45px;}
    #soste .callout-1 .cuadroNew #rpta {width: 175px;}

}


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

/* min widt*/
@media only screen and (min-width: 61em){

}

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

}

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

}