@charset "utf-8";

/* CSS Document */
@font-face {
    font-family: 'lemon_cakeregular';
    src: url('../fonts/lemoncake-webfont.eot');
    src: url('../fonts/lemoncake-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lemoncake-webfont.woff2') format('woff2'),
         url('../fonts/lemoncake-webfont.woff') format('woff'),
         url('../fonts/lemoncake-webfont.ttf') format('truetype'),
         url('../fonts/lemoncake-webfont.svg#lemon_cakeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'inkburrowregular';
    src: url('../fonts/inkburro-webfont.eot');
    src: url('../fonts/inkburro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/inkburro-webfont.woff2') format('woff2'),
         url('../fonts/inkburro-webfont.woff') format('woff'),
         url('../fonts/inkburro-webfont.ttf') format('truetype'),
         url('../fonts/inkburro-webfont.svg#inkburrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1{
	font-weight:normal;
}
h2{
	font-family: 'lemon_cakeregular';
}
.colorred{
	background:red;
}
.cuerpo1{
	width:1170px;
	margin:0 auto;
	padding:8% 0 5% 0;

}
.cuerpo1 h2{
	font-size:62px;
	text-align:center;
	color: #75a84d;
	line-height:0;
	margin-bottom:5%;
}
.cuerpo1 p{
	font-family:Raleway,sans-serif;to
	font-size:18px;
}
.area-iconos{
	width:1170px;
	margin:0 auto;
	display:flex;
    flex-wrap: wrap;
    align-content: space-between;
	font-family: 'inkburrowregular';
	margin-bottom:4%;
}
.icono1{
	display:flex;
    flex-wrap: wrap;
    align-content: space-between;
	width:33.333%;
	font-size:4.8rem;
	align-items: center;
	line-height:1.5em;
}
.contenedor-cajas{
	display:flex;
    flex-wrap: wrap;
    align-content: space-between;
	font-size:4.8rem;
	
	line-height:1.5em;
}
.caja1{
	width:50%;
	background:#f1f1f1;
}
.caja2{
	width:50%;
	background:url(../images/producto1.jpg) center;
	background-size:cover;
}
.caja4{
	width:50%;
	background:#f1f1f1;
}
.imagen-caja4{
	display:none;
}
.caja3{
	width:50%;
	background:url(../images/producto2.jpg) center;
	background-size:cover;
}
.caja5{
	width:50%;
	background:#f1f1f1;
}
.caja6{
	width:50%;
	background:url(../images/producto3.jpg) center;
	background-size:cover;
}
.cont-caja1{
	width:585px;
	float:right;
	padding:15% 0 10% 10% ;
	margin:0;
}
.cont-caja2{
	width:585px;
	float:left;
	padding:15% 0 10% 10% ;
	margin:0;
}
.formato1 h1{
	font-family: 'lemon_cakeregular';
	font-weight:normal;
	line-height:0;
	margin-bottom:0.7em;
	font-size:6rem;
	color:#75a84d;
}
.formato1 h3{
	font-family:Raleway,sans-serif;
	font-weight:normal;
	line-height:0.5em;
	font-size:32px;
	color:#8c8c8c;
}
.formato1 p{
	line-height:1.5em;
	font-size:22px;
	font-family:Raleway,sans-serif;
}
.area-clientes{
	width:1170px;
	margin:4% auto;
	display:flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.carrusel-cliente{
	width:14%;
	margin:0;
}
.label-clientes{
	border-left:5px solid #71ad4e;
	padding-left:20px;
	font-family:Raleway,sans-serif;
	font-size:1.8rem;
	width:28%;
	padding-top:15px;
}
.t-c{
	font-family: 'lemon_cakeregular';
	font-size:3.5rem;
	color:#71ad4e;
	letter-spacing:-1px;
	line-height:1em;
	padding-bottom:10px;
}
.quita1{
	margin-top:0;
}
footer{
	background:url(../images/fresa.png) right no-repeat #E53527;
	background-position:top right;
	font-family:Raleway,sans-serif;
	color:#fff;
	font-size:1.4rem;
	padding-top:2%;
}
.pie{
	width:1170px;
	margin:0 auto;
	display:flex;
	flex-wrap: wrap;
    align-content: space-between;
}
.foot1{
	width:23%;
	margin:0 1%;
}
	.fot-dat1{
		height:50px;
		display:flex;
	}
	.fot-dat2{
		height:50px;
		display:flex;
		flex-wrap: wrap;
    	align-content: space-between;
	}
	.ico-fot{
		width:30px;
		font-size:22px;
		float:left;
	}
	.titulo-fot{
		font-family: 'inkburrowregular';
		font-size:4rem;
		line-height:1.5em;
		height:50px;
		margin-bottom:20px;
	}
	.icon-rf a{
		color:#fff;
		font-size:2.5rem;
		margin-right:20px;
	}
	.cuerpo1-prod{
		background:#fff;
		margin:90px auto 90px auto;
		width:1170px;
		display:flex;
		flex-wrap: wrap;
    	align-content: space-between;
		align-content: center;
		padding:4%;
	}
	.lado-texto{
		width:50%;
		padding-right:5%;
	}
	.lado-texto p{
		font-family:Raleway,sans-serif;
		font-size:1.6rem;
		text-align:justify;
	}
	.lado-imagen{
		width:50%;
	}
	.lado-texto h1{
		font-family: 'lemon_cakeregular';
		color: #75a84d;
		line-height:1em;
		font-size:5rem;
	}
		.subh1{
			font-family:Raleway,sans-serif;
			font-size:3.5rem;
			font-weight:400;
		}
.area-creditos{
	border-top: 1px solid #ea5a4f;
	font-size:14px;
	margin-top:30px;
	padding:10px 0;
}
.creditos{
	width:1170px;
	margin:0 auto;
}
.txtbanner{
	font-weight:normal !important;
	text-transform:none;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	font-size:6.5rem !important;
}
.cont-cajagris{
	width:585px;
	padding:10%;
}
.titulo1{
	width:90%;
	margin:0 auto;
}
.titulo1 h1{
	text-align:center;
	font-size:3.5rem;
	margin-top:70px;
	margin-bottom:0;
}
.iconof2{
	display:none;
}
.borde-gris{
	border:1px solid #CCC;
}
.verde{
	background:#125128;
}
.link1 a{
    text-transform: uppercase;
}
.link1 a:hover{
	color:#fff;
}


.margenaux2{

    margin-right: 20px;

}

/* pop up*/

#inline { display: none;}
#inline2 { display: none;}
#inline3 { display: none;}
#inline4 { display: none;}
#inline5 { display: none;}
#inline6 { display: none;}
#inline7 { display: none;}
#inline8 { display: none;}
#inline9 { display: none;}
#inline10 { display: none;}
#inline11 { display: none;}
#inline12 { display: none;}
#inline13 { display: none;}
#inline14 { display: none;}
#inline15 { display: none;}
#inline16 { display: none;}
#inline17 { display: none;}
#inline18 { display: none;}
#inline19 { display: none;}
#inline20 { display: none;}
#inline21 { display: none;}
#inline22 { display: none;}
#inline23 { display: none;}
#inline24 { display: none;}
#inline25 { display: none;}
.margenpopup{
	width:700px;
	padding-left:20px;
	padding-right:20px;
}

.contenedor-popup{

	display:flex;

	align-items: center;

}

.contenidor-popup h1{

	font-size:30px;

	line-height:1.1em;

	margin:0;

	margin-bottom:10px;

}

.contenidor-popup h2{
	font-size:20px;
	font-weight:400;
	margin:0;
}
.parrafo-pu{
	margin-top:20px;
}
.area-banner{
	background:url(../img/intro_img/4.jpg) center no-repeat;
	background-size:cover;
	height:300px;
	width:100%;
}
.area-banner2{
	background:url(../img/intro_img/8.jpg) center no-repeat;
	background-size:cover;
	height:300px;
	width:100%;

}
.area-bannerc{
	background:url(../img/intro_img/10.jpg) center no-repeat;
	background-size:cover;
	height:300px;
	width:100%;
}


.area-bannerd{

	background:url(../img/intro_img/10.jpg) center no-repeat;

	background-size:cover;

	height:300px;

	width:100%;

}
.area-banner-mix{

	background: url(../img/frasco3.jpg) center no-repeat;

	background-size:cover;

	height:300px;

	width:100%;

}

.area-bannerk{

	background:url(../img/intro_img/9.jpg) center no-repeat;

	background-size:cover;

	height:300px;

	width:100%;

}

.area-banner-contact{

	background: url(../img/intro_img/7.jpg) center no-repeat;

	background-size:cover;

	height:300px;

	width:100%;

}

.area-banner-nos{
	background: url(../img/intro_img/6.jpg) center no-repeat;
	background-size:cover;
	height:400px;
	width:100%;
}

.area-banner-nos2{
	background: url(../img/intro_img/nosotros.jpg) center no-repeat;
	background-size:cover;
	height:400px;
	width:100%;
}
.area-banner-nos3{
	background: url(../img/intro_img/cadena.jpg) center no-repeat;
	background-size:cover;
	height:400px;
	width:100%;
}

.area-banner-nosf{
	background: url(../img/intro_img/fresasb.jpg) center no-repeat;
	background-size:cover;
	height:400px;
	width:100%;
}

.area-banner-nosm{
	background: url(../img/intro_img/morasb.jpg) center no-repeat;
	background-size:cover;
	height:400px;
	width:100%;
}



	.banner-int{
		width:1170px;
		margin:0 auto;
	}
	.titulo-banner{
		padding-top:182px;
		text-align:center;
	}
.titulo-banner h1{
	font-size:9rem;
	color:#fff;
	line-height:0.9em;
	font-family: 'inkburrowregular';
	text-transform:none;
	text-shadow: 3px 3px 2px rgba(0,0,0,0.7);
}

.header-fijo{
	background-attachment:fixed;
	position:fixed;
	transition:0.6s;
	background:#75a84d;
	height:100px;
}
.top-bar-fijo{
	background-attachment:fixed;	
}
.logo{
	height:50px;
	position:relative;
}
.logo img{
	height:50px !important;
	width:50px;

}
.mi-logo{
	width:170px;
	height:140px;
	transition:0.6s;
}
.mi-logo-fijo{
	width:120px;
	height:100px;
	transition:0.6s;
}
.mi-logo img{
	max-width:100%;
	height:auto;
}
.sig{
	background:url(../images/arrow-right-pre.png) no-repeat;
	width:50px;
	height:50px;
	transition:0.6s;
}
.sig:hover{
	background:url(../images/arrow-right.png) no-repeat;
	transition:0.6s;
}
.ant{
	background:url(../images/arrow-left-pre.png) no-repeat;
	width:50px;
	height:50px;
	transition:0.6s;
}
.ant:hover{
	background:url(../images/arrow-left.png) no-repeat;
	transition:0.6s;
}
@media (max-width:960px){
	.cuerpo1{
	width:96%;
	padding-top:10%;
	}	
	.area-iconos{
	width:96%;
	margin:0 auto;
	margin-bottom:5%;
	}
	.icono1{
	width:100%;
	}
	.mi-logo{
		width:120px;
		height:100px;
	}
	.cont-caja1{
	width:100%;
	float:right;
	padding:15% 0 10% 10% ;
	margin:0;
	}
	.cont-caja2{
	width:100%;
	float:none;
	padding:15% 0 10% 10% ;
	margin:0;
	}
	.area-clientes{
	width:96%;
	display:flex;
	margin:4% auto;
	}
	.carrusel-cliente{
		width:18%;
		margin:0;
	}
	.label-clientes{
		border-left:5px solid #71ad4e;
		padding-left:20px;
		font-family:Raleway,sans-serif;
		font-size:1.8rem;
		width:30%;
		padding-top:10px;
	}
	.pie{
	width:96%;
	}
	.cuerpo1-prod{
		margin:5% auto 5% auto;
		width:92%;
		display:flex;
		flex-wrap: wrap;
    	align-content: space-between;
		align-content: center;
		padding:5%;
	}
	.creditos{
	width:92%;
	}
.mi-logo img{
	width:120;
	height:100px;
}
.banner-int{
	width:100%;
	margin:0 auto;
	padding-left:5%;
}
.col-xl-3{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.iconof2{
	display:inline;
	padding-right:10px;
}
}

@media (max-width:860px){	
	.quita1{
	margin-top:-50px;
	}
	.lado-texto{
		width:100%;
		padding-right:0;
	}
	.lado-imagen{
		width:100%;
	}
}
@media (max-width:800px){
	.carrusel-cliente{
		width:22%;
		margin:0;
	}
	.label-clientes{
		border-left:5px solid #71ad4e;
		padding-left:20px;
		font-family:Raleway,sans-serif;
		font-size:1.8rem;
		width:50%;
		padding-top:10px;
	}
	.foot1{
		width:96%;
		margin:0 2%;
	}
	.titulo-banner h1{
	font-size:8rem;
	}
	footer{
	background-position:bottom right;
	}
	.borrapie{
		display:none;
	}
}
@media (max-width:768px){
	
}

@media (max-width:640px){
	.cuerpo1{
		width:92%;
	}
	.area-clientes{
		width:92%;
	}
	.pie{
	width:92%;
	}
	.cuerpo1 h2{
		font-size:52px;
	}
	.cuerpo1 p{
		font-size:16px;
	}
	.area-iconos{
		width:92%;
		}
	.img-icono img{
		width:100px;
	}
	.icono1{
		font-size:3.8rem;
	}
	.carrusel-cliente{
		width:32%;
	}
	.label-clientes{
		width:50%;
	}
	.titulo-banner h1{
	font-size:7rem;
	}
	.titulo-banner{
	padding-top:90px;
	}

.area-banner{

	height:250px;
}
.area-banner-mix{
	height:250px;
}
.area-banner-contact{
	height:250px;
}
.area-banner-nos{
	height:250px;
}

.area-banner-nos2{
	height:250px;
}
.area-banner-nos3{
	height:250px;
}
}

@media (max-width:600px){
.caja1{
	width:100%;

}
.caja2{
	width:100%;
	height:300px;
	background:url(../images/producto1.jpg) center;
	background-size:cover;
}
.caja4{
	width:100%;
}
.imagen-caja4{
	display:block;
	background:url(../images/producto2.jpg) center;
	height:300px;
}
.caja3{
	display:none;
}
.caja5{
	width:100%;

}
.caja6{
	width:100%;
	height:300px;
}

.cont-cajagris{
	width:100%;
	padding:10%;
}



}

@media (max-width:568px){
	.col-xl-3{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

/* pop up*/

.margenpopup{

	width:100%;

	padding-left:5%;

	padding-right:5%;

}

.contenedor-popup{

	display:block;

	align-items: center;

}

.imagen-popup{

	width:60%;

	margin:0 auto;

	margin-bottom:5%;

}
}
@media (max-width:480px){
	.cuerpo1{
		padding-top:15%;
	}
	.cuerpo1 h2{
		font-size:42px;	
	}
	.cuerpo1 p{
		font-size:15px;
	}
	.carrusel-cliente{
		width:50%;
	}
	.label-clientes{
		width:50%;
	}
	.txtbanner{
	font-size:4rem !important;
	}
.imagen-popup{

	width:75%;

	margin:0 auto;

	margin-bottom:5%;

}

.area-banner{

	height:220px;

}

.area-banner-mix{

	height:220px;

}

.area-banner-contact{

	height:220px;

}

.area-banner-nos{

	height:220px;

}

.area-banner-nos2{

	height:220px;

}

.area-banner-nos3{

	height:220px;

}

.titulo-banner{

	padding-top:90px;

}
.header-fijo{
	height:80px;
}
.mi-logo-fijo{
	width:97px;
	height:80px;
	transition:0.6s;
}
.mi-logo img{
	width:97px;
	height:80px;
}
}
@media (max-width:375px){
	.carrusel-cliente{
	width:100%;
	}
	.label-clientes{
		border-left:5px solid #71ad4e;
		padding-left:20px;
		font-family:Raleway,sans-serif;
		font-size:1.8rem;
		padding-right:20px;
		width:100%;
		padding-top:10px;
	}
	.titulo-banner h1{
	font-size:6rem;
	}
	
.imagen-popup{
	width:100%;
	margin:0 auto;
	margin-bottom:5%;
}
.imagen-popup-obj{

	width:100%;

	margin:0 auto;

	margin-bottom:5%;
}

}

@media (max-width:360px){
.imagen-popup img{
	width:100%;
}

}
@media (max-width:320px){
.imagen-popup-obj{
	margin-left:-30px;

}
}
.menu1{
	font-size:50px;
}

/*2022*/
.alinear-medio{
	align-items: center;
}
.formato2022 p{
	font-size: 20px;
	font-weight: 100;
}
.contenedor-lisico{
	background: #efefef;
	padding: 3% 1% 3% 1%;
	margin-top: 2%;
}
.cont-lisico{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.icono-li{
	width: 20%;
}
.icono-li img{
	max-width: 100%;
	height: auto;
}
.contenido-lisico{
	width: 80%;
	padding-left: 10px;
}
.contenido-lisico h3{
	font-family: Raleway,sans-serif;
	font-weight: 600;
	color: #e53526;
	font-size: 16px;
	margin:0 0 10px 0;
}
.contenido-lisico p{
	font-weight: 400;
	color: #000;
	font-size: 14px;
	margin-top: 0 !important;
}
.bg-verde{
	background: #419246;
	align-items: center;
	display: flex;
	padding: 1% 5%;
}
.label-blanco{
	color: #fff;
	font-size: 32px;
	font-weight: 100;
}
.formato-img img{
	max-width: 100%;
	height: auto;
}
.imagen-caja{
	background: #000;
}

.img-czoom img{
    -webkit-transition:all .9s ease; /* Safari y Chrome */
    -moz-transition:all .9s ease; /* Firefox */
    -o-transition:all .9s ease; /* IE 9 */
    -ms-transition:all .9s ease; /* Opera */
    width:100%;
}
.img-czoom:hover img {
	opacity: 0.6;
    -webkit-transform:scale(1.25);
    -moz-transform:scale(1.25);
    -ms-transform:scale(1.25);
    -o-transform:scale(1.25);
    transform:scale(1.25);
}
.img-czoom{
	overflow: hidden;
}
.quitarmar{
	padding: 0;
}
.btn-ws{
	
	position: absolute;
	bottom: 0;
	
}
.flotante {
    display:scroll;
        position:fixed;
        bottom:70px;
        right:10px;
		z-index:99999;
}
.flotante img {
	width:220px;
	height: auto;	
}
.titulo-general h2{
	text-align: center;
	color: #e53526;
	text-transform:none;
	font-weight: normal;	
	letter-spacing: 1px;
	font-size: 48px;
	margin: 4% auto;
}
.mtop0{
	margin-top: 0 !important;
}
.padding-r-l-0{
	padding-left: 0;
	padding-right: 0;
}
.padinttopseccion{
	padding-top: 40px !important;
}