/* CSS Document */
/* mobile first */
/* al final se hacen los ajustes para resoluciones cada vez mas altas */

div, section, header, footer {
	box-sizing: border-box;
}

/*general*/
body{
	font-family: 'Montserrat', sans-serif;
	background-color: white;
    color: rgb(150,150,150);
    overflow-x:hidden;
}

h1{
	font-size: 22px;
	display: inline-block;
	color: rgb(71,105,18);
}

h2 {
	font-size: 18px;
	text-transform: uppercase;
	color: rgb(12 117 186);
}

p{
	font-size: 20px;
}

a.nodecoration {
	text-decoration: none;
}
a.btn-link {
	color: rgb(71,100,20);
	padding:8px 10px;
	font-size: 12px;
	display: inline-block;
	text-transform: uppercase;
	border-radius: 3px;
}
.removeunderline:hover {
	text-decoration: none;
}
.dohidelink:hover a.btn-link {
	display: none;
}

p.disclaimer {
	color: rgb(200,200,200);
	text-align: center;
	text-transform: uppercase;
	padding: 20px 10%;
	font-size: 10px;
}

/*header*/
section.header {
	width: 100%;
	padding: 3% 15% 1% 15%;
	margin-bottom: 20px;
}
section.header.home {
	background: url("../img/headerbg.jpg") no-repeat center center; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}
section.header.pages {
	border-bottom: 1px solid rgb(92,170,68);
	min-height: 70px;
	position: relative;
}

header .header-row {
	position: relative;
}

.logo {
    width: 60%;
    max-width: 191px;
    display: inline-block;
}


.menu-bar {
	position: absolute;
	top: 20px;
	right: 0;
	padding-right: 60px;
	width: 100px;
	z-index: 10;
}
#lnk-menu-action {
	text-decoration: none;
}

.txt-menu-container {
	display: none;
}
.menu-bar #txt-menu {
	font-size: 18px;
	font-weight: bold;
	color: rgb(92,170,68);
	text-transform: uppercase;
}
.menu-bar #menu-btn {
	width: 30px;
	height: 5px;
	position: absolute;
	right: 0;
	top: -3px;
	
	border-top: 15px double rgb(92,170,68);
	border-bottom: 5px solid rgb(92,170,68);
}
.menu-bar #menu-btn-close {
	display: none;
	width: 30px;
	height: 25px;
	position: absolute;
	right: 0;
	top: -3px;
	background: url("../img/closemenu.png") no-repeat center center; 
}


nav.navmenu {
	display: none;
	position: absolute;
	top: 0;
	right: -15px;
	left: -15px;
	padding: 15px;
	background-color: white;
	
	border: 1px solid rgb(92,170,68);
	z-index: 5;
}
nav.navmenu ul {
	margin-top: 45px;
}
nav.navmenu ul li {
	display: block;
	width: 100%;
}
nav.navmenu ul li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: rgb(120,120,120);
	font-weight: bold;
	font-size: 14px;
	padding: 7px;
	margin: 3px;
	width: 100%;
	box-sizing: border-box;
}

nav.navmenu ul li a:hover {
	color: rgb(80,80,80);
	background-color: rgb(230,240,230);
	border-radius: 4px;
}

nav.navmenu ul li a.active {
	color: rgb(92,170,68);
}

div.headerimages {
	display: block;
}
div.headerimages img {
	display: inline-block;
	width: 80%;
	min-width: 130px;
	height: auto;
	margin: 10%;
	vertical-align: middle;
}
div.headerimages img.secondary {
	display: none;
}

/* content */
section.centersection {
	margin: 0 5%;
	text-align: center;
}

/* home */
.flexslider-2 {
	width: 100%;
	position: relative;
}
.flexslider-2 .flex-control-nav {
	bottom: 40px;
}
.flex-control-paging li a {
	background-color: rgb(73,105,20);
}
.flex-control-paging li a.flex-active {
	background-color: rgb(182,187,33);
}
.carouselslide {
	height: 100%;
	text-align: center;
	padding: 20px 5% 100px 5%;
	
		-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}
.carouselslide.slide1 {
	background: url("../img/home_carouselbg1.jpg") no-repeat center center; 
}
.carouselslide.slide2 {
	background: url("../img/home_carouselbg2.jpg") no-repeat center center; 
}
.carouselslide.slide3 {
	background: url("../img/home_carouselbg3.jpg") no-repeat center center; 
}

.carouselslide h1, 
.carouselslide h2, 
.carouselslide .btn-container {
	display: block;
	margin-bottom: 15px;
}

.carouselslide img {
	max-width: 35%;
	min-width: 100px;
}


.home-box-container {
	padding-top: 20px;
	margin-left: 15%;
	margin-right: 15%;
}

.home-box {
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	
	border: 1px solid white;
	width: 100%;
	text-align: center;
	vertical-align: top;
	position: relative;
	-webkit-box-shadow: 0px 0px 11px 0px rgba(233, 233, 233, 1);
	-moz-box-shadow:    0px 0px 11px 0px rgba(233, 233, 233, 1);
	box-shadow:         0px 0px 11px 0px rgba(233, 233, 233, 1);
}

.home-box .home-boxbg {
	width: 100%;
	height: auto;
}
.home-box .home-box-cont {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.home-box .home-box-cont h2 {
	position: absolute;
	top: 7%;
	left: 5%;
	right: 5%;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
    line-height: 12px;
}
.home-box .home-box-cont h1 {
	position: absolute;
	top: 20%;
	left: 5%;
	right: 5%;
	text-align: center;
	text-transform: uppercase;
	font-size: 22px;
    line-height: 22px;
}
.home-box.left .home-box-cont .img-container {
	position: absolute;
	top: 48%;
	left: 10%;
	right: 10%;
}
.home-box.right .home-box-cont .img-container {
	position: absolute;
	top: 47%;
	left: 28%;
	right: 28%;
}

.home-box.center .home-box-cont .img-container {
	position: absolute;
	top: 48%;
	left: 28%;
	right: 28%;
	text-align: center;
}

.home-box .home-box-cont .img-container img {
	width: 90%;
	height: auto;
}
.home-box .home-box-cont .btn-container {
	position: absolute;
	bottom: 3%;
	left: 10%;
	right: 10%;
}

/* producto */

section.centersection {
	padding-top: 50px;
}

.prod-title {
	margin-bottom: 50px;
}
section.prodpage h2 {
	font-size: 20px;
	color: rgb(12 117 186);
	text-transform: uppercase;
}
section.prodpage h1 {
	font-size: 44px;
	color: rgb(73, 105, 20);
	text-transform: uppercase;
}
section.prodpage h3 {
	font-size: 28px;
	color: rgb(183, 191, 20);
	text-transform: uppercase;
}
section.prodpage p {
	font-size: 18px;
	color: rgb(172, 172, 172);
	margin: 40px auto;
}
section.prodpage img {
	width: 30%;
}
section.prodpage img.bidon {
	max-width: 202px;
}
section.prodpage img.malezas {
	max-width: 435px;
}
section.prodpage img.absorcion {
	max-width: 310px;
}

.prod-boxdetalle {
	background: url("../img/prod_cuadrobg.png") no-repeat center center; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  
	color: white;
	margin-top: 70px;
	padding: 20px 0;
	text-align: left;
}
.prod-boxdetalle h4 {
	margin-top: 15px;
	text-transform: uppercase;
}
.prod-boxdetalle ul {
	list-style-type: none;
}
.prod-boxdetalle ul li {
	padding: 5px;
	font-size: 14px;
}
.prod-boxdetalle .listtick {
	color: rgb(180,187,29);
	margin-right: 15px;
	font-weight: bold;
	font-size: 15px;
	width: 10px;
	display: inline-block;
	vertical-align: top;
}
.prod-boxdetalle .txt {
	display: inline-block;
	width: calc(100% - 25px);
}

.prod-boxdetalle .sectiondetalle {
	display: block;
	padding-left: 20px;
	vertical-align: middle;
}
.prod-boxdetalle .bidon {
	display: none;
}


/* beneficios */
section.beneficiospage h2 {
	font-size: 18px;
	color: rgb(12 117 186);
	text-transform: uppercase;
}
section.beneficiospage h1 {
	font-size: 43px;
	color: rgb(73, 105, 20);
	text-transform: uppercase;
}
section.beneficiospage h3 {
	font-size: 40px;
	color: rgb(183, 191, 20);
	text-transform: uppercase;
}
section.beneficiospage img.cuadro {
	width: 55%;
	padding-right: 10%;
}
section.beneficiospage .beneficioscontainer {
	margin: 30px auto;
	max-width: 800px;
	width: 100%;
}

.infobeneficios {
	display: block;
	position: relative;
	text-align: center;
}
.infobeneficios .label {
	position: absolute;
	font-size: 12px;
	color: rgb(73, 105, 20);
	padding-bottom: 10px;
}
.infobeneficios .label.label0 {
	top: 15%;
    left: 0%;
	min-width: 180px;
}
.infobeneficios .label.label1 {
	top: -15%;
    left: 0;
	min-width: 130px;
}
.infobeneficios .label.label2 {
	top: -10%;
    left: 55%;
	min-width: 130px;
}
.infobeneficios .label.label3 {
	bottom: 30%;
    left: 70%;
    min-width: 100px;
}
.infobeneficios .label.label4 {
	bottom: -15%;
    left: 55%;
	min-width: 130px;
}

.infobeneficios .label img {
	width: 120%;
	height: auto;
	position: absolute;
	display: none;
}
.infobeneficios .label.label1 img {
	left: 0;
	top: 100%;
}
.infobeneficios .label.label2 img {
	right: 0;
	top: 100%;
}
.infobeneficios .label.label3 img,
.infobeneficios .label.label4 img  {
	right: 0;
	bottom: -13%;
}

.infobeneficios  p {
	font-size: 14px;
	color: rgb(87, 173, 66);
	text-transform: uppercase;
	font-weight: bold;
	
	text-align: left;
	position: absolute;
	bottom: 10%;
	left: 10%;
}

/* resultados */
section.resultadospage h2 {
	font-size: 16px;
	color: rgb(12 117 186);
	text-transform: uppercase;
}
section.resultadospage h1 {
	font-size: 40px;
	color: rgb(87, 173, 66);
	text-transform: uppercase;
}
section.resultadospage h3 {
	font-size: 60px;
	color: rgb(183, 189, 29);
	text-transform: uppercase;
}

section.resultadospage .imgtitle {
	width: auto;
	margin: 0 0 5px 0;
}
section.resultadospage .imgtitle.left {
	height: 35px;
}
section.resultadospage .imgtitle.right {
	height: 27px;
}
section.resultadospage img {
	width: 100%;
	margin-bottom: 50px;
}

section.resultadospage p {
	color: rgb(40, 76, 30);
	margin: 10px auto;
	font-size: 18px;
}

section.resultadospage p.highlight {
	color: rgb(174, 179, 24);
	font-weight: bold;
}
section.resultadospage p.download {
	color: rgb(125, 125, 125);
	font-size: 16px;
}
section.resultadospage a.btn-download {
	padding: 20px 75px 20px 20px;
	color: rgb(87, 173, 66);
	border: 2px solid rgb(87, 173, 66);
	background-image: url(../img/download.png);
	background-repeat: no-repeat;
	background-position: right 22px center;
	margin: 50px auto;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
}
/* recomendaciones */
section.recomendacionespage h2 {
	font-size: 26px;
	color: rgb(12 117 186);
	text-transform: uppercase;
}
section.recomendacionespage h1 {
	font-size: 52px;
	line-height: 50px;
	color: rgb(87, 173, 66);
	text-transform: uppercase;
}
section.recomendacionespage h3.a {
	font-size: 16px;
	color: rgb(183, 191, 20);
	text-transform: uppercase;
}
section.recomendacionespage h3.b {
	font-size: 26px;
	color: rgb(73, 105, 20);
	text-transform: uppercase;
}
section.recomendacionespage h3.c {
	font-size: 22px;
	color: rgb(73, 105, 20);
	text-transform: uppercase;
}
section.recomendacionespage img.titulo {
	width: 65%;
	max-width: 466px;
}
section.recomendacionespage .recomendaciones {
	margin-top: 50px;
	margin-bottom: 50px;
}

section.recomendacionespage .recomendaciones h5 {
	font-size: 22px;
	color: rgb(40,80,30);
	margin-top: 40px;
}
section.recomendacionespage .recomendaciones img {
	width: 100%;
	margin: 10px auto;
	max-width: 1071px;
}
section.recomendacionespage .recomendaciones article {
	border: 2px solid rgb(91,169,68);
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
}
section.recomendacionespage .recomendaciones article h1 {
	font-size: 20px;
	line-height: 24px;
	color: rgb(91,169,68);
	margin: 15px 15px 0 15px;
}


section.recomendacionespage .recomendaciones p {
	font-size: 13px;
	color: rgb(40,80,30);
	margin: 15px;
}

section.recomendacionespage .recomendaciones ul {
    margin: 0 20px 20px 20px;
}

section.recomendacionespage ul {
	text-align: left;
	list-style: none;
	color: rgb(40,80,30);
}
section.recomendacionespage ul li {
	margin-top: 8px;
}
section.recomendacionespage ul li .listtick {
	margin-right: 15px;
	width: 10px;
	display: inline-block;
	vertical-align: top;
}
section.recomendacionespage ul li .txt {
	display: inline-block;
	width: calc(100% - 25px);
}

section.recomendacionespage .caja-instrucciones {
	padding: 10px 20px;
	font-size: 14px;
	background-color: rgb(183, 191, 20);
	color: rgb(40,80,30);
	text-align: left;
}
section.recomendacionespage .caja-instrucciones h1 {
	font-size: 16px;
	color: rgb(40,80,30);
}
section.recomendacionespage .caja-instrucciones p {
	font-size: 16px;
}


/* Malezas que controla */
.prod-title img.malezas {
	width: 20%;
	margin: 20px;
}

section.malezaspage h2 {
	font-size: 28px;
	line-height: 30px;
	color: #0c75ba;
	text-transform: uppercase;
}
section.malezaspage h1 {
	font-size: 52px;
	line-height: 50px;
	color: rgb(87, 173, 66);
	text-transform: uppercase;
}
section.malezaspage h3.a {
	margin-top:10px;
	font-size: 16px;
	color: rgb(183, 191, 20);
	text-transform: uppercase;
}
section.malezaspage h3.b {
	font-size: 21px;
	color: rgb(73, 105, 20);
	text-transform: uppercase;
}
section.malezaspage h3.c {
	font-size: 36px;
	color: rgb(73, 105, 20);
	text-transform: uppercase;
}

section.malezaspage p {
	font-size: 18px;
	color: rgb(172, 172, 172);
	margin: 40px auto;
}
section.malezaspage img {
	width: 80%;
}

section.malezas-tablas {
	text-align: center;
	margin-top: 60px;
	color: rgb(32,71,14);
}
section.malezas-tablas h5 {
	font-size: 22px;
	font-weight: bold;
}

section.malezas-tablas .malezas-table {
	margin: 50px auto;
	text-align: left;
	width: 95%;
}
.malezas-table-line-container {
	display: block;
	position: relative;
}
.malezas-table-line-container .line {
	position: absolute;
	width: 2px;
	border-left: 2px solid rgb(32,71,14);
}
.malezas-table-line-container .line.linemain {
	top: 70px;
	left: 70%;
	bottom: 20px;
}
.malezas-table-line-container .line.lineA {
	top: 70px;
	left: 70%;
	bottom: 40px;
}
.malezas-table-line-container .line.lineB {
	left: 70%;
	top: 96%;
	bottom: 7px;
}

section.malezas-tablas .malezas-table thead {
	background-color: rgb(225,226,168);
	
}
section.malezas-tablas .malezas-table thead tr th {
	padding: 20px 20px 20px 35px;
	width: 70%;
}

section.malezas-tablas .malezas-table tbody {
	background-color: rgb(236,237,197);
}
section.malezas-tablas .malezas-table tbody tr td {
	padding: 5px 20px 5px 35px;
	font-size: 13px;
}


/* contacto */
section.contactopage h1 {
	font-size: 32px;
	line-height: 34px;
	color: rgb(87, 173, 66);
	text-transform: uppercase;
	font-weight: bold;
}
section.contactopage h2 {
	font-size: 30px;
	line-height: 32px;
	color: rgb(183, 191, 20);
	text-transform: uppercase;
	font-weight: 200;
}
section.contactopage .contacto-data {
	width: 100%;
	margin: 0px auto;
	text-align: center;
	border-top: 4px solid rgb(12 117 186);
	padding-top: 20px;
}

section.contactopage .contacto-data a {
	font-size: 20px;
	text-decoration: none;
	display: block;
	color: rgb(12 117 186);
	
}
section.contactopage .contacto-data a:first-child {
	font-weight: bold;
}

section.contactopage .contact-form {
	margin: 80px auto 80px auto;
	width: 100%;
}

section.contactopage .contact-form .fieldset {
	width: 100%;
}
section.contactopage .contact-form .fieldset input,
section.contactopage .contact-form .fieldset textarea { 
	width: 100%;
	display: block;
	margin-bottom: 20px;
	box-sizing: border-box;
	padding: 10px;
	border: 2px solid rgb(73, 105, 20);
	color: rgb(73, 105, 20);
	font-family: sans-serif;
}
section.contactopage .contact-form textarea {
	resize: vertical;
	height: 120px;
}

section.contactopage .contact-form .legal {
	color: rgb(150,150,150);
	font-size: 12px;
	width: 100%;
	text-align: left;
	position: relative;
}
section.contactopage .contact-form .legal p {
	font-size: 12px;
}
section.contactopage  .contact-form input.btn-enviar {
	display: block;
	width: 150px;
	margin: 20px auto;
	background-color: rgb(73,105,20);
	color: white;
	padding: 10px;
	text-transform: uppercase;
	border: 2px solid rgb(73, 105, 20);
	box-sizing: border-box;
	cursor: pointer;
}

section.contactopage .tyc {
	text-align: left;
}
section.contactopage .tyc h3,
section.contactopage .tyc p {
	font-size: 12px;
	line-height: 14px;
}


/* gracias */

a.btn-volver {
	display: block;
	width: 250px;
	margin: 20px auto;
	background-color: rgb(73,105,20);
	color: white;
	padding: 10px;
	text-transform: uppercase;
	border: 2px solid rgb(73, 105, 20);
	box-sizing: border-box;
	cursor: pointer;
	text-decoration: none;
}

/* Footer */
footer.main {
	margin-top: 40px;
	width: 100%;
	display: block;
	border-top: 1px solid rgb(220,220,220);
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,ffffff+100 */
	background: rgb(244,244,244); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(244,244,244) 0%, rgb(255,255,255) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgb(244,244,244) 0%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgb(244,244,244) 0%,rgb(255,255,255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

footer.main .container {
	margin-left: 15%;
	margin-right: 15%;
	padding-top: 2px;
	text-align: center;
}
footer.main .container .section {
	margin: 30px 0;
}
footer.main .container .section.line {
	border-top: 2px solid rgb(230,230,230);
	padding-top: 30px;
}
footer.main .container .section img,
footer.main .container .section a img {
	max-width: 50%;
}
.footer-logos a {
	padding: 2vw;
	text-decoration: none;
}
.footer-logos a img {
	vertical-align: middle;
	width: 12vw;
}

.footer-navmenu {
	
}

.footer-navmenu ul li {
	display: block;
}
.footer-navmenu ul li a {
	text-decoration: none;
	text-transform: uppercase;
	color: rgb(180,180,180);
	font-weight: bold;
	font-size: 12px;
	padding: 0 10px;
}
.footer-navmenu ul li a:hover {
	color: rgb(150,150,150);
}
.footer-navmenu ul li a.active {
	color: rgb(150,150,150);
}


/*COLUMN WIDTH ON DISPLAYS +640px */
@media screen and ( min-width : 480px ) {
	
	.txt-menu-container {
		display: block;
	}
	
	section.centersection {
		margin: 0 15%;
	}

	a.btn-link {
		font-size: 15px;
	}
	
	.home-box .home-box-cont h2 {
		font-size: 14px;
		line-height: 14px;
	}
	.home-box .home-box-cont h1 {
		font-size: 30px;
		line-height: 30px;
	}
	
	/*header*/
	.menu-bar .txt-menu {
		display: block;
	}
	
	/* beneficios */
	section.beneficiospage img.cuadro {
		padding-right: 0;
	}
	
	.infobeneficios .label.label1 {
		top: -10%;
		right: 68%;
	}
	.infobeneficios .label.label2 {
		left: 62%;
	}
	.infobeneficios .label.label3 {
		bottom: 40%;
		left: 78%;
	}
	.infobeneficios .label.label4 {
		bottom: 4%;
		left: 69%;
	}
	
	.infobeneficios .label img {
		display: block;
	}
	
	.infobeneficios  p {
		font-size: 18px;
	}
}

@media screen and ( min-width : 640px ) {

	div.headerimages img {
		width: 29%;
	}
	div.headerimages img.secondary {
		display: inline-block;
	}
	
	/*header*/
	nav.navmenu {
		left: initial;
		width: 300px;
	}
	
	/*home*/

	.carouselslide h2 {
		font-size: 25px;
		line-height: 25px;
		margin-bottom: 20px;
	}
	.carouselslide h1 {
		font-size: 35px;
    line-height: 35px;
    margin-bottom: 20px;
	}
	
	.home-box-container {
		margin-left: 30%;
		margin-right: 30%;
	}

	.home-box-container  .clear {
		clear: both;
	}
	.home-box {
		display: block;
		width: 42vw;
		-webkit-box-shadow: 0px 0px 11px 0px rgba(233, 233, 233, 1);
		-moz-box-shadow:    0px 0px 11px 0px rgba(233, 233, 233, 1);
		box-shadow:         0px 0px 11px 0px rgba(233, 233, 233, 1);
	}
	.home-box.left {
		float: left;
	}
	.home-box.right {
		float: right;
	}
	.home-box.center {
		float: center;
	}

	.home-box .home-box-cont h2 {
		font-size: 18px;
		line-height: 18px;
	}
	.home-box .home-box-cont h1 {
		font-size: 36px;
		line-height: 36px;
	}
	
	/* producto */
	section.prodpage h2 {
		font-size: 42px;
		line-height: 42px;
	}
	section.prodpage h1 {
		font-size: 85px;
		line-height: 85px;
	}
	section.prodpage h3 {
		font-size: 45px;
	}
	section.prodpage p {
		font-size: 22px;
		width: 75%;
	}

	/* beneficios */
	section.beneficiospage h2 {
		font-size: 36px;
	}
	section.beneficiospage h1 {
		font-size: 65px;
	}
	section.beneficiospage h3 {
		font-size: 70px;
	}
	
	
	.infobeneficios .label {
		font-size: 16px;
	}
	.infobeneficios  p {
		font-size: 24px;
	}
	
	/* resultados */
	section.resultadospage h2 {
		font-size: 36px;
	}
	section.resultadospage h1 {
		font-size: 68px;
	}
	section.resultadospage h3 {
		font-size: 100px;
	}
	section.resultadospage .imgtitle.left {
		height: 60px;
	}
	section.resultadospage .imgtitle.right {
		height: 50px;
	}

	section.resultadospage p {
		width: 60%;
		font-size: 22px;
	}
	section.resultadospage img {
		width: 80%;
		max-width: 734px;
	}
	
	/* recomendaciones */
	section.recomendacionespage h2 {
		font-size: 45px;
		padding: 10px 0;
	}
	section.recomendacionespage h1 {
		font-size: 90px;
		padding: 10px 0;
	}
	section.recomendacionespage h3.a {
		font-size: 28px;
	}
	section.recomendacionespage h3.b {
		font-size: 65px;
	}
	section.recomendacionespage h3.c {
		font-size: 38px;
	}
	section.recomendacionespage img.titulo {
		width: 40%;
	}
	
	section.recomendacionespage .recomendaciones img {
		width: 100%;
	}
	
	section.recomendacionespage .recomendaciones article h1 {
		font-size: 24px;
	}
	section.recomendacionespage .recomendaciones p {
		font-size: 16px;
		padding-left: 25px;
		padding-right: 25px;
	}
	
	section.recomendacionespage .caja-instrucciones {
		padding: 30px 50px;
	}
	section.recomendacionespage .caja-instrucciones h1 {
		font-size: 18px;
	}
	section.recomendacionespage .caja-instrucciones p {
		font-size: 18px;
	}
	section.recomendacionespage .caja-instrucciones ul {
		font-size: 16px;
	}

	/* malezas */
	section.malezaspage h2 {
		font-size: 45px;
		padding: 10px 0;
	}
	section.malezaspage h1 {
		font-size: 85px;
		padding: 10px 0;
	}
	section.malezaspage h3.a {
		font-size: 22px;
	}
	section.malezaspage h3.b {
		font-size: 38px;
	}
	section.malezaspage h3.c {
		font-size: 65px;
	}
	
	section.malezas-tablas {
		margin: 60px 15% 0 15%;
	}
	section.malezas-tablas .malezas-table tbody tr td {
		font-size: 15px;
	}
	/*contacto */
	section.contactopage h1 {
		font-size: 60px;
		line-height: 60px;
	}
	section.contactopage h2 {
		font-size: 52px;
		line-height: 52px;
	}
	
	section.contactopage .contacto-data {
		width: 90%;
	}

	section.contactopage .contacto-data a {
		font-size: 36px;
	}

	section.contactopage .contact-form {
		width: 70%;
	}
	
	section.contactopage .tyc h3,
	section.contactopage .tyc p {
		font-size: 13px;
		line-height: 15px;
	}

	/* footer */
	.footer-navmenu ul li {
		display: inline-block;
	}
	.footer-navmenu ul li:not(:last-child)::after {
		content: "|";
	}
	p.disclaimer {
		font-size: 11px;
	}
}

@media screen and ( min-width : 980px ) {

	/*home*/
	.home-box-container {
		margin-left: 35%;
		margin-right: 35%;
	}
	
	.home-box-container  .clear {
		clear: both;
	}
	.home-box {
		width: 30vw;
		-webkit-box-shadow: 0px 0px 11px 0px rgba(233, 233, 233, 1);
		-moz-box-shadow:    0px 0px 11px 0px rgba(233, 233, 233, 1);
		box-shadow:         0px 0px 11px 0px rgba(233, 233, 233, 1);
	}
	.home-box.left {
		float: left;
	}
	.home-box.right {
		float: right;
	}
	
	.home-box .home-box-cont h2 {
		font-size: 18px;
	}
	.home-box .home-box-cont h1 {
		font-size: 36px;
	}
	
	/* producto */
	.prod-boxdetalle .sectiondetalle {
		display: inline-block;
		width: 40%;
	}
	.prod-boxdetalle .sectiondetalle.first {
		border-right: 1px solid white;
	}
	.prod-boxdetalle .bidon {
		display: inline-block;
		width: 13%;
		max-width: 127px;
		vertical-align: middle;
	}
	
	/* beneficios */
	.infobeneficios .label {
		font-size: 22px;
	}
	.infobeneficios  p {
		font-size: 29px;
	}
	
	/* recomendaciones */
	section.recomendacionespage .recomendaciones article {
		display: table-cell;
		width: 45%;
		height: 100%;
		box-sizing: border-box;
	}
	section.recomendacionespage .recomendaciones article.right ul {
		margin-top: 10%;
	}
	section.recomendacionespage .recomendaciones .box-container {
		display: table;
		border-collapse: separate;
		border-spacing: 30px;
	}
	/*.recomendaciones  .clear {
		clear: both;
	}*/
	
	/* contacto */
	section.contactopage .contacto-data {
		width: 70%;
	}
	
	section.contactopage .contact-form {
		margin: 80px auto 80px auto;
		width: 70%;
	}
	section.contactopage .contact-form .fieldset {
		width: 100%;
	}
	section.contactopage .contact-form .fieldset input:first-child {
		float: left;
		width: 45%;
	}
	section.contactopage .contact-form .fieldset input:nth-child(2) {
		float: right;
		width: 45%;
	}
	section.contactopage  .contact-form input.btn-enviar {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
	}
}

@media screen and ( min-width : 1200px ) {
	a.btn-link {
		font-size: 18px;
	}
	/* home */
	.carouselslide h2 {
		margin-bottom: 30px;
	}
	.carouselslide h1 {
		font-size: 46px;
    line-height: 50px;
    margin-bottom: 30px;
	}


	.home-box .home-box-cont h2 {
		font-size: 22px;
	}
	.home-box .home-box-cont h1 {
		font-size: 50px;
		line-height: 50px;
	}
	
	/* producto */
	section.prodpage h2 {
		font-size: 52px;
	}
	section.prodpage h1 {
		font-size: 105px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	section.prodpage h3 {
		font-size: 55px;
	}
	section.prodpage p {
		font-size: 25px;
	}

	
	.prod-boxdetalle h4 {
		margin-top: 20px;
	}
	.prod-boxdetalle ul li {
		font-size: 18px;
	}

	/* beneficios */
	section.beneficiospage h2 {
		font-size: 50px;
	}
	section.beneficiospage h1 {
		font-size: 110px;
		line-height: 95px;
	}
	section.beneficiospage h3 {
		font-size: 115px;
		line-height: 100px;
	}
	
	/* resultados */
	section.resultadospage h2 {
		font-size: 40px;
	}
	section.resultadospage h1 {
		font-size: 105px;
		line-height: 90px;
	}
	section.resultadospage h3 {
		font-size: 140px;
		line-height: 110px;
	}
	section.resultadospage p {
		width: 70%;
		font-size: 26px;
	}
	section.resultadospage img {
		width: 80%;
		max-width: 734px;
	}

	section.resultadospage .imgtitle.left {
		height: 85px;
	}
	section.resultadospage .imgtitle.right {
		height: 80px;
	}
	
	/* recomendaciones */
	section.recomendacionespage h2 {
		font-size: 45px;
		padding: 10px 0;
	}
	section.recomendacionespage h1 {
		font-size: 100px;
		padding: 10px 0;
	}
	section.recomendacionespage h3.a {
		font-size: 38px;
	}
	section.recomendacionespage h3.b {
		font-size: 80px;
	}
	section.recomendacionespage h3.c {
		font-size: 48px;
	}

	section.recomendacionespage .recomendaciones h5 {
		font-size: 26px;
	}

	section.recomendacionespage .recomendaciones article h1 {
		font-size: 25px;
	}
	section.recomendacionespage .recomendaciones p {
		font-size: 18px;
	}
	
	section.recomendacionespage .caja-instrucciones h1 {
		font-size: 18px;
	}
	section.recomendacionespage .caja-instrucciones p {
		font-size: 18px;
	}
	section.recomendacionespage .caja-instrucciones ul {
		font-size: 18px;
	}

	/* malezas */
	section.malezaspage h2 {
		font-size: 55px;
		padding: 20px 0;
	}
	section.malezaspage h1 {
		font-size: 130px;
		padding: 20px 0;
	}
	section.malezaspage h3.a {
		font-size: 32px;
	}
	section.malezaspage h3.b {
		font-size: 58px;
	}
	section.malezaspage h3.c {
		font-size: 100px;
	}
	
	/*contacto */
	section.contactopage h1 {
		font-size: 90px;
		line-height: 90px;
	}
	section.contactopage h2 {
		font-size: 78px;
		line-height: 80px;
	}
	section.contactopage .contacto-data a {
		font-size: 42px;
	}
}
/* animaciones */

.softtransition,
.softtransition a,
.softtransition li a {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.makegrow:hover {
	-webkit-transform: scale(1.05);
	    -ms-transform: scale(1.05);
		    transform: scale(1.05);
}
.makedarker:hover {
	filter: brightness(80%);
}