/*SUPPORT*/
.desktop-only {display: initial;}

/*HEADER*/
header .menu {width: 34%; position: absolute; left: 43%; top: 22px;}
header .menu .item {height: 44px;}
header .menu .item label {height: 44px; line-height: 44px; font-size: 1em;}
header .menu .item .menu-bar a {height: 36px; line-height: 36px;}
@media (min-width: 70em) {
header .menu {width: 420px; left: 50%; transform: translateX(-30%);}
header .menu .item label {font-size: 1.05em;}
}

/*HOME*/
.home {height: calc(100% - 88px); min-height: 500px;}
.home .productos {height: 100%; border-bottom: 1px solid #fff;}
.home .productos a:before {height: 200%; filter: grayscale(80%); -webkit-filter: grayscale(80%); transition: filter 0.3s ease-in-out; -webkit-transition: filter 0.3s ease-in-out; -moz-transition: filter 0.3s ease-in-out; -o-transition: filter 0.3s ease-in-out;}
.home .productos .motos:before {background-position: 80% center; top: -66%;}
.home .productos .pesados:before {background-position: 60% center; top: -43%;}
.home .productos .livianos:before {background-position: 60% center; top: -20%;}
.home .productos a {width: 33.33%; height: 100% !important; top: 0 !important; float: left;}
.home .productos a:nth-child(2) {width: calc(33.34% - 2px); border-left: 1px solid #fff; border-right: 1px solid #fff;}
.home .productos .producto label {font-size: 1em;}

/*ECOEVOL C*/
section.ecoevol-c {margin-top: -50px; padding-top: 1px;}
section.ecoevol-c .mensaje {margin: 20% 0 0 340px;}
section.ecoevol-c .producto {width: 830px; margin: 13% auto 0 auto;}
section.ecoevol-c .producto .ecoevol-c-img, .ecoevol-c .producto .atributos {float: left;}
section.ecoevol-c .producto .ecoevol-c-img {margin-right: -35px;}
section.ecoevol-c .producto .atributos  {margin-top: 25px;}
@media (min-width: 70em) {
section.ecoevol-c {margin-top: -120px;}
section.ecoevol-c .producto {margin-top: 15%;}
}
@media (min-width: 90em) {
section.ecoevol-c {margin-top: -180px;}
section.ecoevol-c .producto {margin-top: 17%;}
}

/*ECOEVOL NANO*/
section.ecoevol-nano {margin-top: -50px; padding-top: 1px;}
section.ecoevol-nano .mensaje {margin: 28% 0 0 -550px;}
section.ecoevol-nano .producto {width: 830px; margin: 5% auto 0 auto;}
section.ecoevol-nano .producto .ecoevol-nano-img, .ecoevol-nano .producto .atributos {float: left; transform: none !important;}
section.ecoevol-nano .producto .ecoevol-nano-img {margin-right: -155px;}
section.ecoevol-nano .producto .atributos  {margin-top: 25px;}
@media (min-width: 70em) {
section.ecoevol-nano {margin-top: -120px;}
section.ecoevol-nano .mensaje {margin: 24% 0 0 -750px;}
section.ecoevol-nano .producto {width: 1050px;}
}
@media (min-width: 90em) {
section.ecoevol-nano {margin-top: -180px;}
section.ecoevol-nano .mensaje {margin: 24% 0 0 -850px;}
section.ecoevol-nano .producto {width: 1150px;}
}

/*ECOEVOL C+*/
section.ecoevol-c-mas {margin-top: -90px; padding-top: 1px; padding-bottom: 70px; background: url('../img/ecoevol-c-mas/background.jpg') top no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
section.ecoevol-c-mas .mensaje {margin: 65% 520px 0 0; padding: 0;}
section.ecoevol-c-mas .producto {width: 830px; margin: 0 auto;}
section.ecoevol-c-mas .producto .ecoevol-c-mas-img, .ecoevol-c-mas .producto .atributos {float: right;}
section.ecoevol-c-mas .producto .ecoevol-c-mas-img {margin-left: -35px;}
section.ecoevol-c-mas .producto .atributos  {margin-top: 25px;}
@media (min-width: 70em) {
section.ecoevol-c-mas .mensaje {margin-top: 50%;}
section.ecoevol-c-mas {margin-top: -120px;}
}
@media (min-width: 90em) {
section.ecoevol-c-mas .mensaje {margin-top: 47%;}
section.ecoevol-c-mas {margin-top: -180px;}
}

/*ECOEVOL H*/
section.ecoevol-h {padding-top: 230px; background: url('../img/ecoevol-h/background.jpg') 45% center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
section.ecoevol-h {margin-top: -70px; padding-top: 1px;}
section.ecoevol-h .mensaje {margin: 25% 0 0 250px;}
section.ecoevol-h .producto {margin: 0 auto; padding-left: 30px;}
section.ecoevol-h .producto .ecoevol-h-img, .ecoevol-h .producto .atributos {float: left; transform: none !important;}
section.ecoevol-h .producto .ecoevol-h-img {margin-right: -30px;}
section.ecoevol-h .producto .atributos  {margin-top: 280px;}
@media (min-width: 70em) {
section.ecoevol-h .mensaje {margin: 16% 0 0 400px;}
section.ecoevol-h .producto {margin-top: -60px; width: 1050px;}
}
@media (min-width: 90em) {
section.ecoevol-h {margin-top: -100px;}
section.ecoevol-h .mensaje {margin: 18% 0 0 450px;}
section.ecoevol-h .producto {width: 1150px;}
}

/*DESCRIPCION*/
section.descripcion {padding: 50px 0;}
section.descripcion .content {max-width: 800px; height: 300px; margin: 0 auto; position: relative;}
section.descripcion .content .texto, section.descripcion .content .imagen {position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);}
section.descripcion .content.left-right .texto {left: 0;}
section.descripcion .content.left-right .imagen {right: 0;}
section.descripcion .content.right-left .texto {right: 0;}
section.descripcion .content.right-left .imagen {left: 0;}
section.descripcion .texto {width: 39%; margin: 0;}
section.descripcion .imagen {width: 54%; margin: 0;}
.compatible {padding: 25px 0 !important;}
.compatible .content {width: 490px; margin: 0 auto;}
.compatible .content.wide {width: 790px;}
.compatible .content.strecht {width: 380px;}
.compatible h3 {height: 40px; line-height: 40px; margin-bottom: 0; margin-right: 30px; float: left;}
.compatible ul {float: left;}
.compatible li {width: 100px; margin: 0;}
.compatible li label {font-size: 0.8em;}
.compatible .content {height: auto !important;}

/*CERTIFICADOS*/
section.certificados {min-height: 75%; padding-top: 170px; margin-top: -100px; padding-bottom: 50px;}
section.certificados .content {margin: 0 110px;}
section.certificados h2 {font-size: 2.3em; margin-top: 100px;}
section.certificados a {height: 300px; float: left; margin: 0 15px;}

/*DISTRIBUIDORES*/
section.distribuidores {padding-top: 120px;}
section.distribuidores h2 {font-size: 1.7em; margin-bottom: 30px;}
section.distribuidores .box .pais label {font-size: 1.4em;}
section.distribuidores .box {padding: 30px 50px;}

/*FOOTER*/
footer .greentech .premios {float: left; margin-left: 50px; padding-top: 7px;}
footer .greentech .contacto {margin: 18px 60px 0 0; float: right;}
footer .greentech .contacto h5, footer .greentech .contacto a {margin: 0; text-align: right; display: block;}
footer .kaefe {height: 28px;}
footer .kaefe .info-greentech {height: 28px; line-height: 28px; margin-left: 60px; padding-top: 0; float: left; font-size: 0.8em;}
footer .kaefe .info-kaefe {height: 28px; line-height: 28px; margin: 0 60px 0 0; padding-top: 0px; float: right; font-size: 0.8em;}
@media (min-width: 60em) {
footer .greentech .premios li img {max-width: 500px;}
}