html, body, header, section, footer, div, span, table, thead, tbody, tr, td, th, img, label, input, select, textarea, p, h1, h2, h3, h4, h5, h6, form, ul, ol, li, a {margin: 0; padding: 0;}
html, body {width: 100%; height: 100%; min-width: 100%; min-height: 100%;}
body, label, p, h1, h2, h3, h4, h5, h6, input, select, textarea, a, th {font-size: 1em; font-family: 'HelveticaNeueLTPro Light Condensed'; color: #323232; text-decoration: none;}
body {background: #000;}
a {cursor: pointer;}
a label {cursor: pointer;}
li {list-style: none;}

/*FONTS*/
@font-face {
  font-family: 'Geogrotesque SemiBold Italic';
  src: url('../fonts/Geogrotesque-SemiBoldItalic.eot');
  src: url('../fonts/Geogrotesque-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Geogrotesque-SemiBoldItalic.woff') format('woff'),
       url('../fonts/Geogrotesque-SemiBoldItalic.ttf') format('truetype'),
       url('../fonts/Geogrotesque-SemiBoldItalic.svg#Geogrotesque-SemiBoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Geogrotesque Light';
  src: url('../fonts/Geogrotesque-Light.eot');
  src: url('../fonts/Geogrotesque-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Geogrotesque-Light.woff') format('woff'),
       url('../fonts/Geogrotesque-Light.ttf') format('truetype'),
       url('../fonts/Geogrotesque-Light.svg#Geogrotesque-SemiBoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Geogrotesque Medium Italic';
  src: url('../fonts/Geogrotesque-MediumItalic.eot');
  src: url('../fonts/Geogrotesque-MediumItalic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Geogrotesque-MediumItalic.woff') format('woff'),
       url('../fonts/Geogrotesque-MediumItalic.ttf') format('truetype'),
       url('../fonts/Geogrotesque-MediumItalic.svg#Geogrotesque-MediumItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueLTPro Light Condensed';
  src: url('../fonts/HelveticaNeueLTPro-LightCondensed.eot');
  src: url('../fonts/HelveticaNeueLTPro-LightCondensed.eot?#iefix') format('embedded-opentype'),
       url('../fonts/HelveticaNeueLTPro-LightCondensed.woff') format('woff'),
       url('../fonts/HelveticaNeueLTPro-LightCondensed.ttf') format('truetype'),
       url('../fonts/HelveticaNeueLTPro-LightCondensed.svg#HelveticaNeueLTPro-LightCondensed') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadPro Light';
  src: url('../fonts/MyriadPro-Light.eot');
  src: url('../fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/MyriadPro-Light.woff') format('woff'),
       url('../fonts/MyriadPro-Light.ttf') format('truetype'),
       url('../fonts/MyriadPro-Light.svg#MyriadPro-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*SUPPORT*/
.clear {clear: both;}
.relative {height: 100%; position: relative;}
.desktop-only {display: none;}

/*HEADER*/
header {width: 100%; position: absolute; top: 0; left: 0; z-index: 100;}
header .logo {width: 70%; max-width: 372px; float: left; margin-top: 15px;}
header .logo img {width: 100%;}
header .items {width: 25%; max-width: 150px; float: right; margin: 50px 5% 0 0; position: relative;}
header .items a {float: left;}
header .items a img {width: 100%;}
header .items .language {position: absolute; top: -25px; right: 0; color: #fff; text-align: right; font-size: 0.8em;}
header .items .powered {width: 73%; max-width: 104px;}
header .items .facebook {width: 20%; max-width: 28px; margin-left: 7%;}
header .menu {margin: 2px auto 0 auto; background: rgba(0,0,0,0.8); z-index: 100;}
header .menu .item {height: 32px; width: 33.33%; float: left; text-align: center;}
header .menu .item label {height: 32px; line-height: 32px; color: #fff; font-size: 0.9em; font-family: 'Geogrotesque Light'; transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out;}
header .menu .item .menu-bar {opacity: 0; background: rgba(0,0,0,0.5); pointer-events: none; transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out;}
header .menu .item .menu-bar a {height: 30px; line-height: 30px; color: #fff; font-size: 0.85em; display: block;}
header .menu .item .menu-bar a:hover {color: #31b200;}
header .menu .item:hover label {color: #31b200;}
header .menu .item:hover .menu-bar {opacity: 1; pointer-events: all;}
@media (min-width: 28em) {
header .menu {margin-top: 7px;}
header .menu .item {height: 40px;}
header .menu .item label {height: 40px; line-height: 40px; font-size: 1em;}
header .menu .item .menu-bar a {height: 36px; line-height: 36px; font-size: 0.9em;}
}
@media (min-width: 37em) {
header .logo {margin-top: 20px;}
header .items {width: 142px; max-width: 142px; margin-top: 65px}
header .items a {display: inline-block; float: left;}
header .items .facebook {margin-left: 10px;}
header .menu {margin-top: 25px;}
header .menu .item {height: 50px;}
header .menu .item label {height: 50px; line-height: 50px; font-size: 1.05em;}
header .menu .item .menu-bar a {height: 40px; line-height: 40px; font-size: 1em;}
}

/*HOME*/
.home .productos:after {content: ''; display: block; clear: both;}
.home .productos .background {width: 100%; display: block;}
.home .productos .background.desktop {display: none;}
.home .productos a {width: 100%; height: 260px; display: block; position: relative; overflow: hidden;}
.home .productos a:before {content: ''; display: block; position: absolute; top: -90px; left: 0; width: 100%; height: calc(100% + 140px);}
.home .productos a:hover:before {filter: none; -webkit-filter: none;}
.home .productos .motos:before {background: url('../img/home/ecoevol-nano-bg.jpg') right center no-repeat; background-size: cover;}
.home .productos .pesados:before {background: url('../img/home/ecoevol-c-mas-bg.jpg') 80% center no-repeat; background-size: cover;}
.home .productos .livianos:before {background: url('../img/home/ecoevol-c-bg.jpg') center 10% no-repeat; background-size: cover;}
.home .productos a:first-child {height: 400px}
.home .productos .producto {width: 100%; position: absolute; left: 0; bottom: 0; margin-bottom: 20px; pointer-events: none;}
.home .productos .producto label {height: 0; line-height: 0; text-align: center; font-family: 'Geogrotesque Medium Italic'; font-size: 0.8em; color: #fff; display: block; text-shadow: 0 1px 4px #000;}
.home .productos .producto img {height: 50px; margin: 0 auto; display: block;}
@media (min-width: 24em) {
.home .productos .producto label {font-size: 0.9em;}
.home .productos .livianos:before {background-position: center 25%;}
.home .productos .producto img {height: 60px;}
}
@media (min-width: 28em) {
.home .productos a {height: 360px;}
.home .productos a:first-child {height: 500px}
.home .productos .producto label {font-size: 1.1em;}
.home .productos .producto img {height: 65px;}
}
.home-industriales {padding: 20px 0 35px 0; background: #000; text-align: center;}
.home-industriales label { font-family: 'Geogrotesque Medium Italic'; margin-right: 10px; color: #fff; font-size: 1.2em;}
.home-industriales img {margin-bottom: -15px;}

/*ECOEVOL C*/
section.ecoevol-c {margin-bottom: -80px; padding-top: 140px; padding-bottom: 120px; background: url('../img/ecoevol-c/background_mobile.jpg') top no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
section.ecoevol-c .mensaje h4, section.ecoevol-c .mensaje h3 {text-align: center; color: #fff; text-shadow: 0 1px 3px #000;}
section.ecoevol-c .mensaje h4 {font-size: 1.2em; font-family: 'Geogrotesque Light'; text-indent: -105px;}
section.ecoevol-c .mensaje h3 {font-size: 1.9em; font-family: 'Geogrotesque SemiBold Italic'; text-indent: 105px;}
section.ecoevol-c .producto {margin-top: 35%;}
section.ecoevol-c .producto .ecoevol-c-img {width: 80%; max-width: 428px; margin: 0 auto; display: block; z-index: 2; position: relative;}
section.ecoevol-c .producto .atributos {width: 90%; max-width: 434px; margin: -30px auto 0 auto; position: relative; z-index: 1;}
section.ecoevol-c .producto .atributos .content {width: 100%; position: absolute; top: 0; left: 0;}
section.ecoevol-c .producto .atributos  img {width: 100%;}
section.ecoevol-c .producto .atributos h5 {padding-top: 15px; text-align: center; font-family: 'Geogrotesque SemiBold Italic'; font-size: 1em; color: #31b200;}
section.ecoevol-c .producto .atributos .descripcion {text-align: center; font-family: 'Geogrotesque SemiBold Italic'; font-size: 0.8em; display: block;}
section.ecoevol-c .producto .atributos ul {width: 75%; margin: 10px 10% 50px 15%; display: block;}
section.ecoevol-c .producto .atributos ul li {line-height: 15px; font-size: 0.8em; list-style-image: url('../img/ecoevol-c/bullet.png');}
section.ecoevol-c .producto .atributos .nota {position: absolute; bottom: -20px; right: 0; color: #fff; font-size: 0.75em;}
@media (min-width: 24em) {
section.ecoevol-c {margin-bottom: -90px; padding-top: 160px; padding-bottom: 130px;}
section.ecoevol-c .mensaje h4 {font-size: 1.4em;}
section.ecoevol-c .mensaje h3 {font-size: 2.2em;}
section.ecoevol-c .producto {margin-top: 40%;}
section.ecoevol-c .producto .atributos h5 {padding-top: 20px; font-size: 1.15em;}
section.ecoevol-c .producto .atributos .descripcion {font-size: 0.9em;}
section.ecoevol-c .producto .atributos ul {margin-top: 15px;}
section.ecoevol-c .producto .atributos ul li {line-height: 17px; font-size: 0.95em;}
}
@media (min-width: 28em) {
section.ecoevol-c {margin-bottom: -60px; padding-top: 200px; padding-bottom: 100px;}
section.ecoevol-c .producto .atributos h5 {padding-top: 25px; font-size: 1.25em;}
section.ecoevol-c .producto .atributos .descripcion {font-size: 1.05em;}
section.ecoevol-c .producto .atributos ul {margin-top: 18px;}
section.ecoevol-c .producto .atributos ul li {line-height: 20px; font-size: 1em;}
}
@media (min-width: 37em) {
section.ecoevol-c {padding-top: 230px; background: url('../img/ecoevol-c/background.jpg') top no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
section.ecoevol-c .producto .atributos h5 {padding-top: 30px;}
section.ecoevol-c .producto .atributos ul {margin-top: 20px;}
section.ecoevol-c .producto .atributos ul li {font-size: 1.05em;}
}

/*ECOEVOL NANO*/
section.ecoevol-nano {margin-bottom: -80px; padding-top: 140px; padding-bottom: 120px; background: url('../img/ecoevol-nano/background_mobile.jpg') 75% top no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
section.ecoevol-nano .mensaje h4, section.ecoevol-nano .mensaje h3 {text-align: center; color: #fff; text-shadow: 0 1px 3px #000;}
section.ecoevol-nano .mensaje h4 {font-size: 1.2em; font-family: 'Geogrotesque Light'; text-indent: -40px;}
section.ecoevol-nano .mensaje h3 {font-size: 1.9em; font-family: 'Geogrotesque SemiBold Italic'; text-indent: 40px;}
section.ecoevol-nano .producto {margin-top: 35%;}
section.ecoevol-nano .producto .ecoevol-nano-img {width: 50%; padding-left: 10px; max-width: 260px; display: block; z-index: 2; position: relative;}
section.ecoevol-nano .producto .atributos {width: 90%; max-width: 400px; margin: -20px auto 0 auto; position: relative; z-index: 1;}
section.ecoevol-nano .producto .atributos .content {width: 100%; position: absolute; top: 0; left: 0;}
section.ecoevol-nano .producto .atributos  img {width: 100%;}
section.ecoevol-nano .producto .atributos h5 {padding-top: 15px; text-align: center; font-family: 'Geogrotesque SemiBold Italic'; font-size: 1em; color: #31b200;}
section.ecoevol-nano .producto .atributos .descripcion {text-align: center; font-family: 'Geogrotesque SemiBold Italic'; font-size: 0.8em; display: block;}
section.ecoevol-nano .producto .atributos ul {width: 75%; margin: 10px 10% 50px 15%; display: block;}
section.ecoevol-nano .producto .atributos ul li {line-height: 15px; font-size: 0.8em; list-style-image: url('../img/ecoevol-nano/bullet.png');}
section.ecoevol-nano .producto .atributos .nota {position: absolute; bottom: -20px; right: 0; color: #fff; font-size: 0.75em;}
@media (min-width: 24em) {
section.ecoevol-nano {margin-bottom: -90px; padding-top: 160px; padding-bottom: 130px;}
section.ecoevol-nano .mensaje h4 {font-size: 1.4em;}
section.ecoevol-nano .mensaje h3 {font-size: 2.2em;}
section.ecoevol-nano .producto {margin-top: 40%;}
section.ecoevol-nano .producto .atributos h5 {padding-top: 20px; font-size: 1.15em;}
section.ecoevol-nano .producto .atributos .descripcion {font-size: 0.9em;}
section.ecoevol-nano .producto .atributos ul {margin-top: 15px;}
section.ecoevol-nano .producto .atributos ul li {line-height: 17px; font-size: 0.95em;}
}
@media (min-width: 28em) {
section.ecoevol-nano {margin-bottom: -60px; padding-top: 200px; padding-bottom: 100px;}
section.ecoevol-nano .producto .atributos h5 {padding-top: 25px; font-size: 1.25em;}
section.ecoevol-nano .producto .atributos .descripcion {font-size: 1.05em;}
section.ecoevol-nano .producto .atributos ul {margin-top: 18px;}
section.ecoevol-nano .producto .atributos ul li {line-height: 20px; font-size: 1em;}
}
@media (min-width: 37em) {
section.ecoevol-nano {padding-top: 230px; background: url('../img/ecoevol-nano/background.jpg') 75% 40% no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
section.ecoevol-nano .producto .ecoevol-nano-img {margin: 0 auto; transform: translateX(-130px);}
section.ecoevol-nano .producto .atributos {margin-top: -255px; transform: translateX(50px);}
section.ecoevol-nano .producto .atributos h5 {padding-top: 30px;}
section.ecoevol-nano .producto .atributos ul {margin-top: 20px;}
section.ecoevol-nano .producto .atributos ul li {font-size: 1.05em;}
}

/*ECOEVOL C+*/
section.ecoevol-c-mas {padding-bottom: 40px; background: url('../img/ecoevol-c-mas/background_mobile.jpg') 60% 0 no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
section.ecoevol-c-mas .mensaje {padding-top: 125%;}
section.ecoevol-c-mas .mensaje h4, section.ecoevol-c-mas .mensaje h3 {text-align: center; color: #fff; text-shadow: 0 1px 3px #000;}
section.ecoevol-c-mas .mensaje h4 {margin-bottom: -7px; font-size: 1.1em; font-family: 'Geogrotesque Light'; text-indent: -120px;}
section.ecoevol-c-mas .mensaje h3 {font-size: 1.9em; font-family: 'Geogrotesque SemiBold Italic'; text-indent: 30px;}
section.ecoevol-c-mas .producto {margin-top: 5%;}
section.ecoevol-c-mas .producto .ecoevol-c-mas-img {width: 80%; max-width: 428px; margin: 0 auto; display: block; z-index: 2; position: relative;}
section.ecoevol-c-mas .producto .atributos {width: 90%; max-width: 434px; margin: -20px auto 0 auto; position: relative; z-index: 1;}
section.ecoevol-c-mas .producto .atributos .content {width: 100%; position: absolute; top: 0; left: 0;}
section.ecoevol-c-mas .producto .atributos  img {width: 100%;}
section.ecoevol-c-mas .producto .atributos h5 {padding-top: 15px; text-align: center; font-family: 'Geogrotesque SemiBold Italic'; font-size: 1em; color: #31b200;}
section.ecoevol-c-mas .producto .atributos .descripcion {text-align: center; font-family: 'Geogrotesque SemiBold Italic'; font-size: 0.8em; display: block;}
section.ecoevol-c-mas .producto .atributos ul {width: 80%; margin: 10px 10% 50px 13%; display: block;}
section.ecoevol-c-mas .producto .atributos ul li {line-height: 15px; font-size: 0.7em; list-style-image: url('../img/ecoevol-c-mas/bullet.png');}
section.ecoevol-c-mas .producto .atributos .nota {position: absolute; bottom: -20px; right: 0; color: #fff; font-size: 0.75em;}
@media (min-width: 24em) {
section.ecoevol-c-mas .mensaje h4 {font-size: 1.2em;}
section.ecoevol-c-mas .mensaje h3 {font-size: 2.2em;}
section.ecoevol-c-mas .producto .atributos h5 {padding-top: 20px; font-size: 1.15em;}
section.ecoevol-c-mas .producto .atributos .descripcion {font-size: 0.9em;}
section.ecoevol-c-mas .producto .atributos ul {margin-top: 15px;}
section.ecoevol-c-mas .producto .atributos ul li {line-height: 17px; font-size: 0.75em;}
}
@media (min-width: 28em) {
section.ecoevol-c-mas .mensaje {margin: 0 20% 0 0; padding-top: 110%;}
section.ecoevol-c-mas .producto .atributos h5 {padding-top: 25px; font-size: 1.25em;}
section.ecoevol-c-mas .producto .atributos .descripcion {font-size: 1.05em;}
section.ecoevol-c-mas .producto .atributos ul {margin-top: 18px;}
section.ecoevol-c-mas .producto .atributos ul li {line-height: 20px; font-size: 0.9em;}
}
@media (min-width: 37em) {
section.ecoevol-c-mas .mensaje {padding-top: 95%;}
section.ecoevol-c-mas .producto .atributos h5 {padding-top: 30px;}
section.ecoevol-c-mas .producto .atributos ul {margin-top: 20px;}
section.ecoevol-c-mas .producto .atributos ul li {font-size: 0.95em;}
}
@media (min-width: 40em) {
section.ecoevol-c-mas .mensaje {padding-top: 90%;}
}
@media (min-width: 44em) {
section.ecoevol-c-mas .mensaje {padding-top: 80%;}
}
@media (min-width: 48em) {
section.ecoevol-c-mas .mensaje {padding-top: 75%;}
}

/*ECOEVOL H*/
section.ecoevol-h {margin-bottom: -80px; padding-top: 140px; padding-bottom: 120px; background: url('../img/ecoevol-h/background_mobile.jpg') 40% top no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
section.ecoevol-h .mensaje h4, section.ecoevol-h .mensaje h3 {text-align: center; color: #fff; text-shadow: 0 1px 3px #000;}
section.ecoevol-h .mensaje h4 {font-size: 1.2em; font-family: 'Geogrotesque Light'; text-indent: -150px;}
section.ecoevol-h .mensaje h3 {font-size: 1.9em; font-family: 'Geogrotesque SemiBold Italic'; text-indent: 30px;}
section.ecoevol-h .producto {margin-top: -2%;}
section.ecoevol-h .producto .ecoevol-h-img {width: 18%; padding-left: 37%; max-width: 122px; display: block; z-index: 1; position: relative;}
section.ecoevol-h .producto .atributos {width: 90%; max-width: 400px; margin: 10px auto 0 auto; position: relative; }
section.ecoevol-h .producto .atributos .content {width: 100%; position: absolute; top: 0; left: 0;}
section.ecoevol-h .producto .atributos  img {width: 100%;}
section.ecoevol-h .producto .atributos h5 {padding-top: 15px; text-align: center; font-family: 'Geogrotesque SemiBold Italic'; font-size: 1em; color: #31b200;}
section.ecoevol-h .producto .atributos .descripcion {text-align: center; font-family: 'Geogrotesque SemiBold Italic'; font-size: 0.8em; display: block;}
section.ecoevol-h .producto .atributos ul {width: 80%; margin: 10px 10% 50px 12%; display: block;}
section.ecoevol-h .producto .atributos ul li {line-height: 15px; font-size: 0.75em; list-style-image: url('../img/ecoevol-h/bullet.png');}
section.ecoevol-h .producto .atributos .nota {position: absolute; bottom: -20px; right: 0; color: #fff; font-size: 0.75em;}
@media (min-width: 24em) {
section.ecoevol-h {margin-bottom: -90px; padding-top: 160px; padding-bottom: 130px;}
section.ecoevol-h .mensaje h4 {font-size: 1.4em;}
section.ecoevol-h .mensaje h3 {font-size: 2.2em;}
section.ecoevol-h .producto .atributos h5 {padding-top: 20px; font-size: 1.15em;}
section.ecoevol-h .producto .atributos .descripcion {font-size: 0.9em;}
section.ecoevol-h .producto .atributos ul {margin-top: 15px;}
section.ecoevol-h .producto .atributos ul li {line-height: 17px; font-size: 0.8em;}
}
@media (min-width: 28em) {
section.ecoevol-h {margin-bottom: -60px; padding-top: 200px; padding-bottom: 100px;}
section.ecoevol-h .producto .ecoevol-h-img {width: 15%; padding-left: 40%;}
section.ecoevol-h .producto .atributos h5 {padding-top: 25px; font-size: 1.25em;}
section.ecoevol-h .producto .atributos .descripcion {font-size: 1.05em;}
section.ecoevol-h .producto .atributos ul {margin-top: 18px;}
section.ecoevol-h .producto .atributos ul li {line-height: 20px; font-size: 0.85em;}
}

/*DESCRIPCION*/
section.descripcion {padding: 40px 30px;}
section.descripcion .content {max-width: 420px; margin: 0 auto; text-align: justify;}
section.descripcion .texto {margin: 0 auto; text-align: justify;}
section.descripcion .texto h2 {margin-bottom: 20px; font-family: 'Geogrotesque SemiBold Italic'; font-size: 1.6em; text-align: center;}
section.descripcion .texto label {margin-bottom: 20px; font-size: 0.95em; display: block;}
section.descripcion .imagen {width: 100%; margin: 0 auto; display: block;}
section.descripcion .lista {margin-left: 18px;}
section.descripcion .lista li { list-style-image: url('../img/ecoevol-nano/bullet.png');}
.compatible {height: auto; padding: 20px 0 10px 0 !important; background: #fff; }
.compatible h3 {margin-bottom: 15px; font-size: 1.2em; font-family: 'Geogrotesque SemiBold Italic'; text-align: center; display: block;}
.compatible li {width: 23%; margin-bottom: 10px; display: inline-block;}
.compatible li img, .compatible li label {margin: 0 auto; text-align: center; display: block;}
.compatible li label {margin-top: 5px; font-size: 0.7em;}
.como-funciona {border-top: 1px solid #fff; background: linear-gradient(#eaeaea, #dcdcdc); background: -webkit-linear-gradient(#eaeaea, #dcdcdc); background: -moz-linear-gradient(#eaeaea, #dcdcdc); background: -o-linear-gradient(#eaeaea, #dcdcdc);}
.donde-instala {background: linear-gradient(#fff, #eaeaea); background: -webkit-linear-gradient(#fff, #eaeaea); background: -moz-linear-gradient(#fff, #eaeaea); background: -o-linear-gradient(#fff, #eaeaea);}
.tercera-descripcion {background: linear-gradient(#dcdcdc, #eaeaea); background: -webkit-linear-gradient(#dcdcdc, #eaeaea); background: -moz-linear-gradient(#dcdcdc, #eaeaea); background: -o-linear-gradient(#dcdcdc, #eaeaea);}

/*CERTIFICADOS*/
section.certificados {padding: 35% 0 30px; background: url('../img/certificados/background_mobile.jpg') top no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
section.certificados h2  {margin-top: 25px; margin-bottom: 25px; text-align: center; font-size: 1.5em; font-family: 'Geogrotesque SemiBold Italic'; color: #fff;}
section.certificados h1  {margin-top: 25px; margin-bottom: 25px; font-size: 1.3em; font-family: 'Geogrotesque SemiBold Italic'; color: #fff; margin-left: 15px;}
section.certificados a {width: 152px; margin: 0 auto 30px auto; display: block;}
section.certificados a img {margin-bottom: 10px;}
section.certificados a label {margin: 0 10px; text-align: center; font-size: 1.1em; color: #fff; display: block;}
section.certificados a label:nth-child(2) {font-size: 1.05em;}
@media (min-width: 37em) {
section.certificados {padding-top: 230px; background: url('../img/certificados/background.jpg') top no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
section.certificados .content {margin: 0 60px;}
section.certificados h2 {margin-left: 15px; margin-top: 0; font-size: 2em; text-align: left;}
section.certificados a {height: 300px; float: left; margin: 0 15px;}
}

/*DISTRIBUIDORES*/
section.distribuidores {padding: 35% 0 30px 0; background: url('../img/certificados/background_mobile.jpg') top center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
section.distribuidores h2  {margin-top: 25px; margin-bottom: 25px; text-align: center; font-size: 1.5em; font-family: 'Geogrotesque SemiBold Italic'; color: #fff;}
section.distribuidores .content {margin: 0 20px;}
section.distribuidores .box {max-width: 390px; position: relative; margin: 0 auto 25px auto; padding: 25px; border: 1px solid #fff; border-top: none; background: rgba(0, 0, 0, 0.3); text-align: center;}
section.distribuidores .box .pais {width: 100%; position: absolute; top: 0; left: 0; text-align: center; font-family: 'Geogrotesque SemiBold Italic'; color: #fff;}
section.distribuidores .box .pais label {padding: 0 10px; line-height: 0; height: 0; font-size: 1.2em; font-family: 'Geogrotesque SemiBold Italic'; color: #fff; display: table-cell;}
section.distribuidores .box .pais:before, section.distribuidores .box .pais:after {width: 50%; border-top: 1px solid #fff; content: ''; table-layout: fixed; display: table-cell;}
section.distribuidores .box .logo {height: 40px; margin-top: 15px; margin-bottom: 10px;}
section.distribuidores .distribuidor {margin-top: 15px; margin-bottom: 15px; text-align: left;}
section.distribuidores .distribuidor > * {display: block; color: #fff; font-size: 0.95em; text-shadow: 0 1px 3px #000;}
section.distribuidores .distribuidor a, section.distribuidores .distribuidor p {color: #fff;}
section.distribuidores .distribuidor > *.color {color: #31b200;}
section.distribuidores .distribuidor.col-2:after {content: ''; display: block; clear: both;}
section.distribuidores .distribuidor.col-2 > *:nth-child(2n) {margin-bottom: 7px;}
@media (min-width: 27em){
section.distribuidores .distribuidor.col-2 > * {width: 50%; float: left;}
section.distribuidores .distribuidor.col-2 > *:nth-child(2n) {margin-bottom: 0;}
}
@media (min-width: 37em) {
section.distribuidores {padding-top: 200px;}
}

/*FOOTER*/
footer {width: 100%;}
footer .greentech {padding-bottom: 15px; background: #fff;}
footer .greentech .premios {padding-top: 10px;}
footer .greentech .premios ul {text-align: center;}
footer .greentech .premios li {margin: 0 8px; display: inline-block;}
footer .greentech .premios li img {max-width: 60px;}
footer .greentech .premios .startup {padding: 12px 0;}
footer .greentech .contacto {margin-top: 5px; text-align: center;}
footer .greentech .contacto h5, footer .greentech .contacto a {display: inline;}
footer .greentech .contacto h5 {margin-right: 15px; font-family: 'Geogrotesque SemiBold Italic'; font-size: 1.2em; color: #31b200;}
footer .kaefe {height: 80px; background: #000;}
footer .kaefe label {display: block; text-align: center;}
footer .kaefe .info-greentech {padding-top: 15px; font-size: 0.8em; font-family: 'MyriadPro Light'; color: #fff;}
footer .kaefe .info-kaefe {margin-top: 10px; font-size: 0.8em; font-family: 'MyriadPro Light'; color: #fff;}
footer .kaefe .info-kaefe img {margin-bottom: -5px;}
@media (min-width: 24em) {
footer .greentech .premios li img {max-width: 70px;}
footer .greentech .contacto h5 {font-size: 1.3em;}
footer .kaefe .info-greentech {font-size: 0.9em; }
footer .kaefe .info-kaefe {font-size: 0.9em;}
}