/*
font-family: 'Mallanna', sans-serif;
font-family: 'Montserrat', sans-serif;
*/
html, body{padding:0;margin:0;width: 100%;min-height: 100%;font-family: 'Montserrat', sans-serif;}
a{color: inherit;text-decoration: none;}
*{box-sizing:border-box;outline: none;}
#burger{display: none;}
.wp{padding: 0 40px;position: relative;}
.plus,
.plusl{
	display: block;
	width: 54px;
	height: 54px;
	border-radius: 54px;
	border:2px solid #3c3c3c;
	position: relative;
	cursor: pointer;
	transition: all .9s cubic-bezier(.67,.4,.54,.94);
}
.plus:after,
.plusl:after{
	width: 35px;
	height: 4px;
	border-radius: 4px;
	background-color: #3c3c3c;
	position: absolute;
	top:50%;left: 50%;
	transform: translate(-50%,-50%);
	content: ''
}
.plus:before,
.plusl:before{
	height: 35px;
	width: 4px;
	border-radius: 4px;
	background-color: #3c3c3c;
	position: absolute;
	top:50%;left: 50%;
	transform: translate(-50%,-50%);
	content: '';
	transition: all .9s cubic-bezier(.67,.4,.54,.94);
}
.plus.close,
.plusl.close{
	transform: rotate(360deg);
}
.plus.close:before,
.plusl.close:before{opacity: 0;}
header{
	width: 100%;
	background: #084633;
	position: fixed;
	left: 0;top:0;
	z-index: 999
}
header .ini{
	height: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color:#ffffff;
}
header .ini h1 img{width: 170px}
header .wpInfo,
header #weather{
	display: flex;
	align-items: center;	
}
header #day,
header #weather{margin-left: 20px;}
header #day{font-size: 25px;text-transform: uppercase;}
header #day span{display: block;font-size: 13px;line-height: 1.2}
header #weather .icon{margin-left: 20px}
header #weather .icon img{width: 36px;}
header #weather .temp{width:120px;display: flex;flex-wrap: wrap;text-align:center;font-size: 46px;font-family: 'Mallanna', sans-serif;line-height: .8;}
header #weather .temp span{margin: auto;margin-bottom: 5px;}
header #weather .temp .min,
header #weather .temp .max{
	margin-top: 5px;
	font-size: 10px;
	font-weight: 700;
	color: #4bcea6;
	font-family: 'Montserrat', sans-serif;
	text-shadow: 0 0 5px rgba(0,0,0,0.3);
	text-align: left;
	white-space: nowrap;
}
header #weather .temp .cont{display: flex;justify-content: center;padding: 3px;width: 50%;flex-direction: column;}
header #weather .temp .cont a{
	font-size: 10px;
	font-weight: 700;
	color: #4bcea6;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}
header #weather .temp .cont a img{display: block;width: 12px;margin-bottom: 4px;height: 12px;margin-left: 2px}
header #rain{
	text-align: center;
	font-size: 10px;
	font-weight: 700;
	color: #4bcea6;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	padding-left: 20px;
	margin-left: 20px;
	border-left:1px solid #FFF;
}
header #rain a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 40px;

}
header #rain .plusa{display: block;width: 12px;margin-bottom: 4px;height: 12px;}
header #rain .gotas{width: 30px;display: block;margin-bottom: 10px;}
#users{
	display: flex;
	font-size: 13px;
	line-height: 1.3;
	align-items: center;
	margin-right: 20px
}
#users small{font-size: 10px}
#users img{width: 40px;margin-left: 10px;}
#users.mob{display: none;}
header .nav{
	width: 100%;
	background: #0e3328;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 50px;
}
header .nav > a img {
    width: 70px;
}
header .nav ul li,
header#interno ul li{
	display: inline-block;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 11px;
	margin-left: 15px;
}
header#interno nav{padding-top: 40px;}
header nav ul li.sb, header#interno nav ul li.sb{position: relative;cursor: pointer;}
header nav ul li.sb ul.sbm,
header#interno nav ul li.sb ul.sbm{
	position: absolute;
	z-index: 99;
	padding-top: 0px;
	transition: ease-out 0.3s;
	opacity: 0;
	pointer-events: none;
	box-shadow: 0 3px 5px rgba(0,0,0,0.1);
}
header nav ul li.sb ul.sbm li,
header#interno nav ul li.sb ul.sbm li{
	list-style: circle;
	color: #000;
	margin:0;
	font-size: 12px;
	text-transform: none; 
	white-space: nowrap;
	background-color: #FFF;
	padding:10px 15px;
	width: 100%;
	display: block;
}
header nav ul li.sb ul.sbm li:before,
header#interno nav ul li.sb ul.sbm li:before{
	content: '·';
	margin-right: 5px
}
@media (min-width: 900px) {
	
	header nav ul li.sb:hover ul.sbm,
	header#interno nav ul li.sb:hover ul.sbm{
		pointer-events: initial;
		padding-top:18px;
		opacity: 1
	}
	header#interno nav ul li.sb:hover ul.sbm{padding-top: 23px}

}
/*header interno*/
header.interno .wpInfo{display: none;}
header.interno .nav{background: transparent;margin-top: -51px;}
header.interno .nav > a{visibility: hidden;}
/*Mercados*/
#mercados{
	background-color: #f8f8ef;
	color:#4e4e4e;
	padding-top: 20px;
	padding-bottom: 20px;
	display: flex;
	justify-content: space-between;
}
#mercados i{height: 60px;min-width: 1px;background-color: #1d1d1c;margin: 0 10px}
#mercados .box{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	font-family: 'Mallanna', sans-serif;
	text-transform: uppercase;
}
#mercados .box > div.tit{width: 75px;font-size: 18px;position: relative;margin-right: 8px;}
#mercados .box > div.tit a{left:0;font-size: 10px;text-transform: capitalize;position: absolute;bottom: 0;background-color: #000;padding: 5px 8px;border-radius: 2px;color:#FFF;}
#mercados .box > div.num{text-align: center;font-size: 20px;margin:0 5px;white-space: nowrap;}
#mercados .box > div.num small{display: block;font-size: 9px;padding: 5px 0;}
#mercados .box > div.num img{position: relative;top: 4px}
#slider .flex-direction-nav,
#slider .flex-control-nav{display: none;}
#slider{
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 100%;
	z-index: -1;
}
#slider ul,
#slider li{display: block;height: 100%;width: 100%;overflow:hidden;}
#slider li .img{
	height: 100%;
	background-size: 100% auto;
	background-position: bottom center;
    transition: all 9s cubic-bezier(.67,.4,.54,.94);
    transition-delay: .3s; 
}
#slider li.flex-active-slide .img{
	transform: scale(1.3);
	transition-delay: .3s; 
}
h2.title{
	font-size: 54px;
	color: #fff;
	position: absolute;
	bottom: 50px;
	left: 40px;
	line-height: .85;
	letter-spacing: -.05em
}
#social{
	position: fixed;
	top:253px;
	right: 0;
	z-index: 9;
	color:#FFF;
}
#social a{
	display: block;
	width: 60px;
	height: 60px;
	position: relative;
	font-size: 30px;
}
#social a i{position: absolute;left: 50%;top:56%;transform: translate(-50%,-50%);}
#social a.fb{background-color: #0e3328}
#social a.ig{background-color: #4bcea6;font-size: 44px;}
#social a.ig i{top:50%;}
#social a.nw{background-color: #8dc63f;display: flex;align-items: center;justify-content: center;}
#social a.nw img{width: 34px;}
/*internas*/
section#home{min-height: 100vh;padding-top: 150px;}
section:not(#home){
	min-height: calc(100vh - 100px);
	position: relative;
	margin-bottom: 100px
}
/*ACOPIO*/
section#acopio{
	background-image:url(../img/bg-acopio.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
section#acopio .content{
	position: absolute;
	right: 0;
	top:50%;
	transform: translateY(-50%);
	background: #fff;
	padding: 64px 144px 64px 44px;
	max-width: 640px;
}
section#acopio .content h2{
	font-size: 58px;
	color: #d8d5ce;
	text-transform: uppercase;
	letter-spacing: -.04em;
	margin-bottom: 50px;
	font-weight: 900
}
section#acopio .content h3{
	font-weight: 100;
	color: #1e1e1e;
	line-height: 1.2;
	margin-bottom: 30px;
}
section#acopio .content p{font-size: 13px; line-height: 1.4;margin-bottom: 20px;}
section#acopio .content p i{color:#36cb9d;}
section#acopio .content .contentText{
	height: 185px;
	overflow: hidden;
	margin-bottom: 20px;
}
section#acopio .content .contentText .translate{
	transition: all .9s cubic-bezier(.67,.4,.54,.94);
}
section#acopio .content .contentText.close .translate{transform: translateY(-60%);}
/*HISTORIA*/
section#historia{
	background-image:url(../img/bg-historia.jpg);
	background-size: cover;
	background-position: center -120px;
	background-repeat: no-repeat;
	margin-bottom: 0;
}
section#historia .content{
	position: absolute;
	left: 50%;
	bottom:50px;
	transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
    padding: 0 40px;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    padding-right: 100px
}
section#historia .content h2{
	font-size: 40px;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: -.04em;
	font-weight: 900;
	max-width: 460px;
	margin-left: 60px;
}
section#historia .content p{font-size: 13px; line-height: 1.4;margin-bottom: 20px;}
section#historia .content .contentText{
	height: 90px;
	overflow: hidden;
	max-width: 650px;
	margin-right: 40px;
	margin-bottom: 20px;
}
section#historia .content .contentText .translate{
	transition: all .9s cubic-bezier(.67,.4,.54,.94);
}
section#historia .content .contentText.close .translate{transform: translateY(-50%);}
section#historia .plus{border-color: #ffffff}
section#historia .plus:after,section#historia .plus:before{background-color: #fff}
/*LOGISTICA*/
section#logistica .image{
	background-image:url(../img/bg-logistica.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: calc(100vw - 640px);
	height: calc(100% - 100px);
	position: absolute;
	top:50%;left: 0;
	transform: translateY(-50%);
}
section#logistica .content{
	position: absolute;
	right: 0;
	top:50%;
	transform: translateY(-50%);
	background: #fff;
	padding: 0px 104px 0px 0px;
	max-width: 600px;
}
section#logistica .content h2{
	font-size: 50px;
	color: #d8d5ce;
	text-transform: uppercase;
	letter-spacing: -.04em;
	margin-bottom: 40px;
	font-weight: 900
}
section#logistica .content h3{
	font-weight: 100;
	color: #1e1e1e;
	line-height: 1.2;
	margin-bottom: 20px;
}
section#logistica .content p{font-size: 13px; line-height: 1.4;margin-bottom: 20px;}
section#logistica .content p i{color:#36cb9d;}
section#logistica .plusl{width: 34px;height: 34px;}
section#logistica .plusl:before{height: 20px;width: 3px;}
section#logistica .plusl:after{height: 3px;width: 20px;}
section#logistica .content .contentText .translate{
	transition: all .9s cubic-bezier(.67,.4,.54,.94);
}
section#logistica .text-01 {margin-bottom: 30px}
section#logistica .text-01 .contentText{
	height: 68px;
	overflow: hidden;
	margin-bottom: 10px;
}
section#logistica .text-02 .contentText{
	height:80px;
	overflow: hidden;
	margin-bottom: 10px;
}
section#logistica .text-02 .contentText.close .translate{transform: translateY(-53px);}
/*INSUMOS*/
section#insumos{display: flex;padding-bottom: 20px}
section#insumos .boxInsumos{width: 56.2%;}
section#insumos .boxInsumos .logos{
	padding-top: 20.3vw;
	background-image: url(../img/img-insumos-1.jpg);
	background-size: cover;
	background-repeat: no-repeat;	
}
section#insumos .boxAlianz{width: 43.8%;}
section#insumos .boxAlianz .image{
	padding-top: 20.3vw;
	margin-right: 60px;
	background-image: url(../img/img-insumos-2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
section#insumos h3{
	font-weight: 100;
	color: #1e1e1e;
	line-height: 1.2;
	margin-bottom: 25px;
	margin-top: 40px;
	font-size: 22px;
}
section#insumos p{font-size: 13px; line-height: 1.4;margin-bottom: 20px;}
section#insumos .plus{width: 34px;height: 34px;}
section#insumos .plus:before{height: 20px;width: 3px;}
section#insumos .plus:after{height: 3px;width: 20px;}
section#insumos .boxAlianz > .contentText{
	margin-right: 80px;
	height: 148px;
    overflow: hidden;
    margin-bottom: 30px;
}
section#insumos .boxInsumos > .contentText{
	height: 148px;
    overflow: hidden;
    padding: 0 50px;
    margin-bottom: 30px
}
section#insumos .boxInsumos h3,
section#insumos .boxInsumos .plus{margin-left: 50px;}
section#insumos .contentText .translate{
	transition: all .9s cubic-bezier(.67,.4,.54,.94);
}
section#insumos .contentText.close .translate{transform: translateY(-54%);}
section#insumos .boxAlianz > .contentText.close .translate{transform: translateY(-50%);}
/*SOBRE NOSOTROS*/
section#nosotros .content{
	width: 100%;
	position: absolute;
	top:50%;left:100px;
	transform: translateY(-50%);
	max-width: 500px
}
section#nosotros .content h2{
	font-size: 50px;
	color: #d8d5ce;
	text-transform: uppercase;
	letter-spacing: -.04em;
	margin-bottom: 40px;
	font-weight: 900
}
section#nosotros .content h3{
	font-weight: 100;
	color: #1e1e1e;
	line-height: 1.2;
	margin-bottom: 20px;
}
section#nosotros .content p{font-size: 13px; line-height: 1.4;margin-bottom: 20px;}
section#nosotros .content i{color:#36cb9d;font-weight: 500}
section#nosotros .contentText{
	height:200px;
	overflow: hidden;
	margin-bottom: 40px;
}
section#nosotros .content .contentText .translate{
	transition: all .9s cubic-bezier(.67,.4,.54,.94);
}
section#nosotros .contentText.close .translate{transform: translateY(-51%);}
section#nosotros .image{
	position: absolute;
	height: 80%;
	width: 40%;
	right: 0;top:10%;
}
section#nosotros .image ul,
section#nosotros .image li{
	width: 100%;
	height: 100%;
	background-size: cover;
}
section#nosotros ol.flex-control-nav,
section#nosotros ul.flex-direction-nav{display: none;}
/*HISTORIA*/
section#history{
	background-position: center;
	background-size: cover;
	background-image: url(../img/img-historia.jpg);
}
section#history .content{
	width: 100%;
	position: absolute;
	top:50%;left:100px;
	transform: translateY(-50%);
	max-width: 500px
}
section#history .content h2{
	font-size: 50px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: -.04em;
	margin-bottom: 40px;
	font-weight: 900
}
section#history .content h3{
	font-weight: 100;
	color: #1e1e1e;
	line-height: 1.2;
	margin-bottom: 20px;color: #fff
}
section#history .content p{font-size: 13px; line-height: 1.4;margin-bottom: 20px;color: #fff}
section#history .content i{color:#36cb9d;font-weight: 500}
section#history .contentText{
	height:255px;
	overflow: hidden;
	margin-bottom: 40px;
}
section#history .content .contentText .translate{
	transition: all .9s cubic-bezier(.67,.4,.54,.94);
}
section#history .contentText.close .translate{transform: translateY(-50%);}
section#history .plus{border-color: #fff}
section#history .plus:before,
section#history .plus:after{background-color: #fff;}

/*COMPROMISO*/

section#compromiso{
	min-height: 400px;
}

section#compromiso .content{
	width: 100%;
	padding-top:70px;padding-left:100px;
	max-width: 500px;
	float: left;
}
section#compromiso .content h2{
	font-size: 50px;
	color: #d8d5ce;
	text-transform: uppercase;
	letter-spacing: -.04em;
	margin-bottom: 40px;
	font-weight: 900
}
section#compromiso .content h3{
	font-weight: 100;
	color: #1e1e1e;
	line-height: 1.2;
	margin-bottom: 20px;
}
section#compromiso .content i,
section#compromiso .col i{color:#36cb9d;font-weight: 500}
section#compromiso .image{
	height: 360px;
	width: 45%;
	background-position: center;
	background-size: cover;
	background-image: url(../img/img-compromiso.jpg);
	float: right;
	margin-top: 60px;
}
section#compromiso .wpCols{
	clear: both;
	display: flex;
	justify-content: space-between;
	padding: 30px 100px 0;
}
section#compromiso .col{
	font-size: 13px; 
	line-height: 1.4;
	margin-bottom: 20px;
	width: calc(20% - 30px);
	padding-top: 20px;
	border-top: 1px solid #d8d5ce;
}
/*SERVICIOS*/
section#servicios .images{
	display: flex;
	justify-content: space-between;
	height: 80%;width: 100%;
	top: 10%;
	position: absolute;
}
section#servicios .sliders{
	top: 50%;
	position: absolute;
    left: 0;
    width: 100%;
	transform: translateY(-50%);
}
section#servicios .sliders ul.slides:after{content: '';display: block;clear: both;height: 100%;}
section#servicios .sliders ul.slides li{
	width: 100vw !important;
	height: 70vh;
}
section#servicios .sliders ul.slides li .info{
	padding:50px 40px 0;
	width: 50%;
	float: left;
}
section#servicios .sliders ul.slides li .image{
	float: left;
	width: 50%;
	background-position: center;
	background-size: cover;
	height: 100%;
	transform: translateX(-90px);
	transition: ease-out 0.5s;
}
section#servicios .sliders ul.slides li.flex-active-slide .image{transform: translateX(0);}
section#servicios .sliders ul.slides li h2{
	font-size: 35px;
	font-weight: 100;
	color: #1e1e1e;
	margin-bottom: 30px;
}
section#servicios .sliders ul.slides li p{font-size: 13px; line-height: 1.4;margin-bottom: 20px;max-width: 450px}
section#servicios .sliders ul.flex-direction-nav{
	position: absolute;
	display: flex;
	right: 110px;
	bottom: 0;
	z-index: 1
}
section#servicios .sliders ul.flex-direction-nav li a{
	width: 54px;
	height: 54px;
	font-size: 0;
	display: block;
	border-radius: 100%;
	border: 2px solid #4bcea6;
	margin-left: 10px;
	position: relative;
	transition: ease-out 0.3s;
}
section#servicios .sliders ul.flex-direction-nav li a:after{
	content: url(../img/arrow-slider.png);
	position: absolute;
	top:50%;left: 50%;
	transform: translate(-50%,-50%);
}
section#servicios .sliders ul.flex-direction-nav li a.flex-next{
	transform: scaleX(-1);
}
section#servicios .sliders ul.flex-direction-nav li a.flex-disabled{pointer-events: none;opacity: 0.3}
section#servicios .contentText{
	overflow: hidden;
	margin-bottom: 40px;
}
section#servicios .contentText .translate{
	transition: all .9s cubic-bezier(.67,.4,.54,.94);
}
section#servicios .contentText.close .translate{transform: translateY(-53%);}
section#servicios .plus{position: absolute;bottom:0;}
section#servicios .contentText.srv01{height:220px;}
section#servicios ol.flex-control-nav{
	position: absolute;
	left: 0%;
	bottom:-40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	list-style: none;
	font-size: 0;
}
section#servicios ol.flex-control-nav li a{margin:0 6px 6px 0;display: block;}
section#servicios ol.flex-control-nav li a.flex-active:after{opacity: 1}
section#servicios ol.flex-control-nav li a:after{
	font-size: 12px;
	opacity: 0.5;
}
section#servicios ol.flex-control-nav li:first-child a:after{content: '· Explotación de campos';}
section#servicios ol.flex-control-nav li:nth-child(2) a:after{content: '· Asesoramiento';}
section#servicios ol.flex-control-nav li:nth-child(3) a:after{content: '· Capacitación';}
section#servicios ol.flex-control-nav li:nth-child(4) a:after{content: '· Muestreo y Análisis';}
section#servicios ol.flex-control-nav li:nth-child(5) a:after{content: '· Vuelos Agrícolas';}
section#servicios ol.flex-control-nav li:nth-child(6) a:after{content: '· Multiplicación de Semillas';}
section#servicios ol.flex-control-nav li:last-child a:after{content: '· Habilitaciones';}

section#servicios h2.bx02,
section#servicios .contentText.bx02{display: none;}
/*STAFF*/
section#staff #social{position: fixed;}
section#staff .head{
	height: 153px;
	display: flex;
	width: 100%;
	color: #FFF;
	font-size: 47px;
	justify-content: center;
	align-items: center;
	background-color: #4bcea6;
	text-transform: uppercase;
}
section#staff .wpStaff{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin:50px 0;
	flex-wrap: wrap;
	padding:0 120px 0 30px;
}
section#staff .wpStaff h2{
	font-size: 20px;
	color: #1e1e1e;
	margin-bottom: 30px;
	width: 100%;
	text-align: center;
}
section#staff .wpStaff.min{padding: 0;width: auto}
section#staff .wpStaff.min .staff{width: auto}
section#staff .wpStaff .staff{
	width: 25%;
	padding: 20px;
	font-weight: 700;
	color: #4bcea6;
	text-align: center;
	line-height: 1.2;
}
section#staff .wpStaff .staff small{
	font-weight: 500;
	font-size: 10px;
	display: block;
	margin-top: 8px;
}
section#staff .wpStaff .staff .img{
	width: 160px;
	height: 160px;
	margin: 0 auto 20px;
	background-size: cover;
	overflow: hidden;
	border-radius: 100%;
}
/*CONTACTO*/
section#contacto{
	background-image:url(../img/bg-contacto.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: calc(100vh - 158px);
	margin-bottom: 0;
}
section#contacto .content{
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
    padding: 0 100px;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
}
section#contacto .content h2{
	font-size: 40px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: -.04em;
	font-weight: 900;
	width: 100%;
	margin-bottom: 50px;
}
section#contacto .content .box{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: center;
	width: 50%;
}
section#contacto .content .box:first-child{justify-content: flex-start;}
section#contacto .content .box .data p{
	font-size: 11px;
	line-height: 1.6;
	font-weight: 100;
	margin:15px 0;
}
section#contacto .content .box .data p strong{font-weight: 700;font-size: 13px;margin-bottom: 10px;display: block;}
section#contacto form{
	max-width: 450px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
section#contacto input,
section#contacto textarea{
	-webkit-appearance:none;
	-moz-appearance:none;
	outline:none;
	resize: none;
	border:0;
	padding:0;
	margin:0;
	background: transparent;
	display: block;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #FFF;
	height: 30px;
}
section#contacto textarea{
	background-color: #FFF;
	margin: 10px 0;
	height: 80px;
	color: #000;
	padding:4px;
}
section#contacto input.error,
section#contacto textarea.error{border-color:red;}
section#contacto input{
	border-bottom: 2px solid #FFF;
	margin:10px 0;
}
section#contacto label{display: block;margin-top:15px;font-size: 15px;width: 100%;}
section#contacto input::placeholder {
  color: #fff;
}
section#contacto button{
	background-color: #4bcea6;
	-webkit-appearance:none;
	-moz-appearance:none;
	outline:none;
	resize: none;
	border:0;
	padding:0;
	margin:0;
	width: 85px;
	line-height: 33px;
	border-radius: 4px;
	text-align: center;
	font-size: 15px;
	color: #122534;
	font-weight: 800;
	font-family: 'Montserrat', sans-serif;
	cursor: pointer;
	margin-top: 10px;
}
footer .wp{
	display: flex;
	height: 60px;
	background-color: #ebebeb;
	justify-content: space-between;
	align-items: center;
}
footer .wp > div{display: flex;align-items: center;font-size: 11px;font-weight: 400;color: #16503f;}
footer .wp > div img{margin-right: 20px;width: 100px}
footer .wp > a img{width: 110px}

/*TABLES*/
#home.detail .wp{padding-right: 70px}
#home.detail h2{color: #d8d5ce;font-size: 60px;text-align: center;margin: 20px 0;font-weight: 600}
.table{padding: 0 50px}
.table .row{display: flex;}
.table .row .cel{width:25%;display:flex;align-items:center;justify-content:center;padding:0 10px;font-size: 22px;color: #FFF;height: 50px;}
.table .row.head .cel{color:#cecece;}
.table .row.head .cel{font-size: 15px;text-transform: uppercase;}
.table .row .cel.icon{max-width: 65px;padding-right: 5px;text-align: center;}
.table .row .cel i{
	display: block;
	width: 40px;height:40px;
	border:2px solid;
	border-radius: 40px;
	line-height: 37px;
	position: relative;
    margin-top: 5px;
}
.table .row .cel i.eqal{
	border-color: #467cc6;
}
.table .row .cel i.eqal:before{
	content: url(../img/arrowEqal.png);
	position: relative;
    top: 2px;
}
.table .row .cel i.fa-long-arrow-down{color: #dd5555;border-color:#dd5555;}
.table .row .cel i.fa-long-arrow-up{color: #4bcea6;border-color:#4bcea6;}
.table .row:not(.head) .cel.pto{background-color: #0e3328}
.table .row:not(.head):nth-child(odd) .cel.pto{background-color: #3b5950}
.table .row:not(.head) .cel.ent{background-color: #25b589}
.table .row:not(.head):nth-child(odd) .cel.ent{background-color: #4ec39f}
.table .row:not(.head) .cel.aju{background-color: #898989}
.table .row:not(.head):nth-child(odd) .cel.aju{background-color: #9f9f9f}
.table .row:not(.head) .cel.dif{background-color: #5b5852}
.table .row:not(.head):nth-child(odd) .cel.dif{background-color: #7a7773}

.table.comparativa{margin-bottom: 50px}
.table.comparativa .row:not(.head) .cel{
	font-size: 15px;
	color: #352f2f;
	height: 36px;
	margin-bottom: 3px;
}
.table.comparativa .row:not(.head) .cel:not(.icon){background-color: #e9e6de}
.table.comparativa .row:not(.head):nth-child(odd) .cel:not(.icon){background-color: #efefef}
.table.comparativa .row .cel i {
    width: 30px;
    height: 30px;
    line-height: 28px;
    margin-top: 5px;
}
.table.comparativa .row .cel i.eqal:before{
	content: url(../img/arrowEqal-min.png);
	position: relative;
    top: 1px;
}

#home.detail .btTable{
	display: flex;
	justify-content: flex-end;
	padding: 40px 20px;
	color: #8c8c8c;
}
#home.detail .btTable a{display: flex;align-items: center;font-size: 11px}
#home.detail .btTable a img{width: 30px;margin-left: 15px}
#home.detail .fooTable{padding-right: 20px;padding-bottom: 40px;}
#home.detail .fooTable a{
	font-size: 19px;
	color: #d8d5ce;
	font-weight: 800
}
#home.detail .fooTable span{
	font-size: 11px;
	float: right;
	color: #8c8c8c
}
/*NOVEDADES*/

section#home.news{padding-top: 100px}
section#home.news .wp h2 {
    margin:50px auto;
    font-weight: 900;
}
.wpNews{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 40px;
	padding-bottom: 50px;
}
.wpNews .new{
	width: 33.33%;
	padding:20px;
}
.wpNews .new .img{
	padding-top: 70%;
	background-size: cover;
	position: relative;
	background-position: center;
}
.wpNews .new .img span{
	position: absolute;
	width: 50px;height: 50px;
	text-align: center;
	line-height: 50px;
	color: #FFF;
	background-color: rgba(0,0,0,0.6);
	font-size: 30px;
	top:50%;left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 100%;
	z-index: 4;
}
.wpNews .new .img:after{
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.2);
	position: absolute;top:0;left: 0;
	transition: ease-out 0.4s;
}
.wpNews .new a:hover .img:after{opacity: 0;}
.wpNews .new h3{
	color: #4c4c4c;
	font-size: 26px;
	line-height: 1.2;
	padding: 15px 0;
}
.wpNews .new h4{
	color: #4bcea6;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500
}
.wpNews .new p{
	font-size: 14px;
	color: #4c4c4c;
	line-height: 1.3;
	margin-top: 25px;
}
.wpNews.int{
	display: flex;
	flex-wrap: nowrap;
}
.wpNews.int .related{
	min-width: 293px;
}
.wpNews.int .related a{display: block;margin-bottom: 30px}
.wpNews.int .detalle{
	padding-right: 50px;
	padding-bottom: 30px;
}
.wpNews.int .detalle h3{
	font-size: 38px;
	color: #4b4b4b;
	line-height: 1.1;
	margin-bottom: 10px
}
.wpNews.int .detalle  h4{
	color: #4bcea6;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 30px
}
.wpNews.int .detalle p{
	font-size: 17px;
	line-height: 1.4;
	margin:20px 0;
	color: #4c4c4c;
}
#flex{margin-bottom: 40px;width: 100%;position: relative;}
#flex ul.slides{height: 75vh;}
#flex ul.slides li{
	display: block;
	width: 100%;height: 100%;
	background-position: center;
	background-size: cover;
}
#flex ol.flex-control-nav{display: none;}
#flex ul.flex-direction-nav{
	position: absolute;
	width: 100%;
	top:50%;
	transform: translateY(-50%);
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#flex ul.flex-direction-nav li a{
	font-size: 0;
	display: block;
	width: 50px;
	height: 50px;
	background-size: cover;
	background-position: center;
	background-image: url('../img/arrow-next.png');
}
#flex ul.flex-direction-nav li a.flex-prev{
	background-image: url('../img/arrow-prev.png');
}
#flex ul.flex-direction-nav li a.flex-disabled{display: none;}
.related .news .img{
	padding-top: 70%;
	background-size: cover;
	position: relative;
	background-position: center;
}
.related .news .img span{
	position: absolute;
	width: 50px;height: 50px;
	text-align: center;
	line-height: 50px;
	color: #FFF;
	background-color: rgba(0,0,0,0.6);
	font-size: 30px;
	top:50%;left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 100%;
	z-index: 4;
}
.related .news .img:after{
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.2);
	position: absolute;top:0;left: 0;
	transition: ease-out 0.4s;
}
.related .news:hover .img:after{opacity: 0;}
.related .news h3{
	color: #4c4c4c;
	font-size: 16px;
	line-height: 1.2;
	padding: 15px 0;
}
#serviciosMob{display: none;}
@media (max-width:1100px) {
	.wp{padding: 0 20px}
	h2.title{left: 20px}
	section#nosotros .content,
	section#history .content{left: 50px}
	section#compromiso .content{padding-left: 50px}
	section#compromiso .wpCols{padding: 20px 50px 0}
	section#compromiso .image{width: 40%}
	section#acopio .content{padding-right: 104px;max-width: 600px}
	section#servicios .sliders ul.slides li .image{width: 40%}
	section#staff .wpStaff{margin: 30px 0;padding: 0 100px 0 20px;}
	section#historia{background-position: center;}
	section#historia .content{padding: 0 60px 0 20px;}
	section#historia .content h2{margin-left:30px;margin-right: 20px;}
	section#contacto .content{padding: 0 50px;}
	/*MERCADOS*/
	#mercados{overflow-x: scroll;}
	#mercados .box{max-width: 160px;}
	#mercados .box > div.tit{font-size: 16px}
	#mercados .box > div.num{font-size: 16px}
	#flex ul.slides{height: 350px}
}
@media (max-width:900px) {
	header .nav nav{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;left: 0;
		z-index: -1;
		display: none;
		background-color: #084633
	}
	header .nav nav > ul{
		position: absolute;
		top:110px;left: 0;
		width: 100%;
		height: calc(100vh - 110px);
		overflow-x: scroll;
	}
	header .nav ul li, header#interno ul li{
		display: block;
		width: 100%;
		line-height: 45px;
		font-size: 20px;
		text-align: center;
		margin-left: 0
	}
	header nav ul li.sb ul.sbm{
		position: static;
		transform: translate(0);
		opacity: 1;
		pointer-events: initial;
		display: none;
	}
	header nav ul li.sb ul.sbm li{font-size: 14px;padding: 0}
	
	header #rain{padding-left: 15px;margin-left: 15px; font-size: 0}
	header #rain .gotas{width: 20px;margin-bottom: 5px;}
	header #rain .plusa{display: none;}
	header #weather .temp span{margin-bottom: 0;}
	header #weather .temp .cont{width: 100%;}
	header #weather .temp .cont:last-child{position: absolute;width: 96px;right: 60px;bottom: 0;opacity: 0;height: 100%}
	header #weather .temp .cont:last-child a{display: flex;align-items: center;display: block;height: 100%;}

	#burger {
	    display: block;
	    width: 40px;
	    padding-left: 15px 
	}
	#burger i{
		width: 100%;
		height: 1px;
		background-color: #fff;
		display: block;
		margin: 6px 0
	}
	header .ini{height: 60px;}
	header .ini h1 img{width: 100px;}
	header .nav{height: 40px}
	header.interno .nav{position: relative;}
	header .nav > a img{width: 60px;}
	header #day{font-size: 15px;}
	header #day span{font-size: 10px;}
	header #day strong{display: block;padding: 3px 0}
	header #weather .temp{font-size: 26px}
	header #day, header #weather{margin-left: 10px}
	header #weather .temp .min, header #weather .temp .max{line-height: 1.1;margin-top: 3px;}
	header #weather .temp{width: 50px}
	header #weather .icon{margin-left: 10px}
	section#home{padding-top: 100px}
	#mercados {padding-top: 7px;padding-bottom: 7px}
	#slider li .img{background-size: cover;}
	h2.title{font-size: 36px;bottom:40px;}
	
	
	#social a{width: 40px;height: 40px;font-size: 22px}
	#social a.nw img{width: 22.5px}
	#social a.ig{font-size: 30px}

	section:not(#home){margin-bottom: 50px;min-height: calc(100vh - 50px)}
	section#nosotros .plus, 
	section#history .plus, 
	section#acopio .plus,
	section#servicios .plus,
	section#insumos .plus,
	section#historia .plus{display:none;}
	section#nosotros .image,
	section#nosotros .content,
	section#history .content,
	section#compromiso .content,
	section#acopio .content,
	section#logistica .content{float:none;padding: 20px;position: relative;left: auto;top:auto;right: auto;bottom: auto;width: 100%;transform: translateY(0);}
	section#nosotros .image,
	section#compromiso .image{width:100%;height: 40vh;margin-top: 0;padding: 0}
	section#nosotros .content h2,
	section#history .content h2,
	section#compromiso .content h2,
	section#acopio .content h2,
	section#logistica .content h2{font-size: 30px;margin-bottom: 20px;}
	section#nosotros .contentText,
	section#history .contentText,
	section#acopio .content .contentText,
	section#logistica .text-01 .contentText,
	section#logistica .text-02 .contentText{margin-bottom: 20px;height: auto;}
	section#compromiso .wpCompromiso{display: flex;flex-wrap: wrap;align-items: flex-start;}
	section#compromiso .wpCompromiso .content{order:1;}
	section#compromiso .wpCompromiso > div{width: 100%;}
	section#compromiso .wpCols{padding: 20px;flex-wrap: wrap;order:2;}
	section#compromiso .col{width: 100%;}
	section#history{
		margin-bottom: 0;
		padding-top: 40vh;
		background-repeat: no-repeat;
		background-size: auto 40vh;
		background-position: top center;
	}
	section#history .content h2{color: #d8d5ce}
	section#history .content h3, section#history .content p{color: #1e1e1e}

	section#staff .head{font-size: 36px;height: 100px}
	section#staff .wpStaff{padding: 20px;margin:0;}
	section#staff .wpStaff .staff{width: 50%;padding: 15px;font-size: 14px;}
	section#staff .wpStaff .staff .img{width: 80%;padding-top:80%;height: auto;}
	section#staff .wpStaff h2{font-size: 16px;margin-bottom: 20px}

	section#acopio{padding-top: 40vh;background-position: top left;background-size:auto 40vh;margin-bottom:0; background-image: url(../img/bg-acopio-mob.jpg);}
	
	section#servicios{min-height: 170vh;display: none;}
	section#servicios .sliders ul.slides li{height: auto;}
	section#servicios .sliders ul.slides li .image{float: none;width: 100%;height: 40vh;transform: translateX(0px);}
	section#servicios .sliders ul.slides li .info{float: none;padding: 20px;width: 100%;padding-top: 90px}
	section#servicios .sliders ul.slides li h2{font-size: 25px;margin-bottom: 20px}
	section#servicios .contentText{margin-bottom: 20px}
	section#servicios .contentText.srv01{height: auto}
	section#servicios ol.flex-control-nav{display: none;}
	section#servicios .sliders ul.flex-direction-nav{bottom:auto;top:42vh;right: calc(50% - 64px);}
	section#servicios h2.bx02, section#servicios .contentText.bx02{display: block;}

	section#logistica .image{position: static;width: 100%;transform: translate(0);height: 40vh;}
	section#logistica .plusl{display: none;}
	
	section#insumos{flex-wrap: wrap;}
	section#insumos .boxInsumos,
	section#insumos .boxAlianz{width: 100%;}
	section#insumos .boxInsumos h3{margin:0;padding: 20px;margin-left: 0}
	section#insumos .boxInsumos > .contentText{height: auto;padding: 0 20px}
	section#insumos .boxInsumos .logos{background-size: 100%;padding-top: 40vw}
	section#insumos .boxAlianz .image{margin: 0;background-size: 100%;padding-top: 40vw}
	section#insumos .boxAlianz h3{margin:0;padding: 20px;margin-right: 0}
	section#insumos .boxAlianz > .contentText{margin:0;height: auto;padding: 0 20px;}
	
	section#historia{margin-bottom:0;padding-top: 43vh;background-size: auto 80vh;background-color: #122128;background-position:center -120px}
	section#historia .content{padding: 0 20px;flex-wrap: wrap;position: relative;}
	section#historia .content h2{margin:0;margin-bottom: 20px;font-size: 30px;color: #fff}
	section#historia .content .contentText{height: auto;margin-right: 0;}
	
	section#contacto{margin-bottom: 0}
	section#contacto .content{padding:40px 20px;position: relative;left: 0%;top: 0%;transform: translate(0);flex-wrap: wrap}
	section#contacto .content h2{font-size: 36px;margin-bottom: 20px;}
	section#contacto .content .box{width: 100%;}
	section#contacto .content .data{padding-top: 50px;width: 100%;}
	section#contacto .content .data:before{
		content: 'SUCURSALES';
		display: block;
		font-size: 36px;
    	margin-bottom: 20px;
	    color: #fff;
	    text-transform: uppercase;
	    letter-spacing: -.04em;
	    font-weight: 900;
	}

	section#home.detail{padding-top: 50px}
	#home.detail .wp{padding-right: 60px}
	#home.detail h2{font-size: 30px}
	#home.detail.prod .table .row.head .cel {font-size: 10px;}
	#home.detail.prod .table .row .cel {
	    padding: 0 5px;
	    font-size: 10px;
	    height: 40px;
	}
	#home.detail.prod .table .row{position: relative;}
	#home.detail.prod .table .row .cel i{font-size: 20px;}
	#home.detail.prod .table .row:not(.head) .cel.dif{text-indent: -15px}
	#home.detail.prod .table .row .cel.icon{
		position: absolute;
		right: -15px;
		transform: scale(.5);
	    filter: brightness(0) invert(1);
	}
	#home.detail.prod .table .row .cel i.eqal:before{top:3px;}
	#home.detail .fooTable{padding-right: 0;line-height: 1.3;text-align: center;background:#fff;position: relative;z-index: 1}
	#home.detail .fooTable a {font-size: 16px}
	#home.detail .fooTable span{padding: 15px 0}
	#home.detail .btTable{justify-content: center;}

	#home.detail .table{padding: 0}

	#home.detail .table.comparativa{
		overflow: scroll;
		position: relative;
	}
	#home.detail .table.comparativa .row .cel {font-size: 10px;min-width:100px;text-align: center;}
	#home.detail .table.comparativa:after{
		content: '';
		position: fixed;
		bottom:0px;
		width: 75px;
		height:50px;
		left: calc(50% - 60px);
		background: url(../img/swipe.png);
		background-size: cover;
		opacity: .6
	}

	footer small{display: none;}

	section#home.news .wp h2 {margin:20px 0;}
	.wpNews{padding: 0 0 50px 0;}
	.wpNews .new{width: 50%}
	.wpNews.int{flex-wrap: wrap;}
	.wpNews.int .related{width: 100%;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
	.wpNews.int .detalle{padding-right: 0}
	.wpNews.int .related .news{
		width: 48.5%;
		margin:20px 0;
	}
	#flex ul.slides{height: 260px}
	/*SEVICIOS MOB*/
	section#serviciosMob{display: block;padding: 20px;}
	section#serviciosMob h3 {
	    font-size: 30px;
	    color: #d8d5ce;
	    text-transform: uppercase;
	    letter-spacing: -.04em;
	    margin-bottom: 20px;
	    font-weight: 900;
	}
	section#serviciosMob ul{position: relative;}
	section#serviciosMob ul li{display: flex;}
	section#serviciosMob ul li .info{
		display: none;
		background: #FFF;
		position: absolute;
		z-index: 6;
		top:0;left: 0;
		width: 100%;
		height: 100%;
		padding-right: 40px
	}
	section#serviciosMob ul li .image{
		min-width: 55%;
		height: 150px;
		background-size: cover;
		background-position: center;
	}
	section#serviciosMob ul li .title{
		width: 45%;
		font-size: 12px;
		font-weight: 100;
		background-color: #074633;
		color: #FFF;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		line-height: 1.3;
		flex-direction: column;
	}
	section#serviciosMob ul li:nth-child(even) .title{background-color: #00311d;}
	section#serviciosMob ul li .title .plus{border-color: #fff;transform: scale(.8); */}
	section#serviciosMob ul li .title .plus:after,
	section#serviciosMob ul li .title .plus:before{background: #fff}
	section#serviciosMob ul li .title h2{font-weight: 100;margin-bottom: 20px}
	section#serviciosMob ul li .info h2{
		font-size: 25px;
		font-weight: 100;
		color: #1e1e1e;
		margin-bottom: 30px;
	}
	section#serviciosMob ul li .info p{font-size: 12px; line-height: 1.4;margin-bottom: 20px;max-width: 450px}
	section#serviciosMob ul li .info .close{
		width: 28px;
	    height: 28px;
	    border: 2px solid #000;
	    border-radius: 30px;
	    text-align: center;
	    line-height: 24px;
	    position: absolute;
	    right: 40px;
	    top:-50px;
	}
	section#serviciosMob ul li .info .close img{width: 10px}
	section#serviciosMob ul li .info .image{margin-bottom: 20px}
	footer{background: #fff;position: relative;}
}
@media (max-width: 640px) {
	#users.dsk{display: none;}
	#users.mob{
		display: flex;
		position: absolute;
		bottom: 25px;
		left: 50%;
		transform: translateX(-50%);
		color: #FFF;
	}
	.wpNews .new{width: 100%;padding: 20px 0;}
	.wpNews .new h3{font-size: 20px;}
	.wpNews.int .detalle h3{font-size: 30px}
	/*MERCADOS*/
	#mercados{overflow-x: initial;flex-wrap: wrap}
	#mercados .box{max-width: 100%;width: 100%;position: relative;padding-right: 40px;}
	#mercados .box.dolar{justify-content: flex-end;padding-right: 15px;}
	#mercados .box.dolar > .tit{position: absolute;left: 0}
	#mercados i{width: 100%;height: 1px;margin:5px 0;}
	#mercados .box > div.tit{font-size: 16px;width: auto;position: static;}
	#mercados .box > div.num{font-size: 16px;display: flex;align-items: center;}
	#mercados .box > div.num.compra{border-right: 1px solid #000;padding-right: 10px}
	#mercados .box > div.num small{display: none;}
	#mercados .box > div.num img{top:0;margin-left: 10px;width: 15px}
	#mercados .box > div.tit a{left: auto;right: 20px;font-size: 0;padding: 0;width: 18px;height:18px;border-radius: 100%;}
	#mercados .box > div.tit a:after{
		position: absolute;
		top:45%;left: 50%;
		transform: translate(-50%,-50%);
		content: '+';
		font-size: 20px;
		line-height: 18px;
		height: 18px;
	}
	#home.detail.prod .table .row .cel i{margin-top: 0;}
	.table.comparativa .row .cel i.eqal:before{left: 0;}
	.table.comparativa .row .cel i{position: relative;}
	.table.comparativa .row .cel i:before{
		position: absolute;
		top:50%;
		left: 52%;
		transform: translate(-50%,-50%);
	}
	#flex ul.slides{height: 200px}

}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFFFFF;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #FFFFFF;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #FFFFFF;
}
:-moz-placeholder { /* Firefox 18- */
  color: #FFFFFF;
}