*{box-sizing: border-box;
	padding: 0;
	margin:0;}

body{position: relative;
	background-color: #F5F5F5;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;}
.sc_body{overflow: hidden;}

.call_btn{cursor: pointer;}
/*Index*/
.s_index{width: 100%;
		height: 100vh;
		background-image: url(images/index.jpg);
		background-size: 100% 100%;
		background-position: center;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;}

.s_index img{width: 900px;
			filter: drop-shadow(5px 5px 15px #F5F5F5);}

.index_cont{width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;}

.index_cont article{position: relative;
					width: 100%;
					height: 100vh;
					}
.index_cont article:nth-child(1){background-image: url(images/usi.jpg);
								background-size: cover;
								background-attachment: fixed;
								background-repeat: no-repeat;
								background-position: center;}
.index_cont article:nth-child(2){background-image: url(images/treasure.jpg);
								background-size: cover;
								background-repeat: no-repeat;
								background-position: center;}
.index_cont article:nth-child(3){background-image: url(images/eco5.jpg);
								background-size: cover;
								background-attachment: fixed;
								background-repeat: no-repeat;
								background-position: center;}

.index_cont article h2{position: absolute;
						z-index: 100;
						bottom: 20px;
						color:#43a047;
						text-shadow: 2px 2px 5px #212121;}

.index_cont article span{position: absolute;
						z-index: 100;
						max-width: 35%;
						word-wrap: break-word;
						top: 50%;
						transform: translateY(-50%);
						color: #F5F5F5;}

.index_cont article a{text-decoration: none;
						width:15%;
						text-align: center;
						color: #F5F5F5;
						padding: 5px;
						background-color: #1976d2;
						position: absolute;
						top: 60%;
						transform: translateY(-60%;);
						z-index: 100;}

.index_cont article img{position: absolute;
						width: 100%;
						height: 100%;
						top: 0;
						left: 0;
						z-index: 50;}

.index_cont article:nth-child(odd) span{left: 20px;
										top: 45%;}
.index_cont article:nth-child(odd) a{left: 20px;}
.index_cont article:nth-child(odd) h2{right: 20px;}
.index_cont article:nth-child(even) span{right: 10px;}
.index_cont article:nth-child(even) a{right: 20px;}
.index_cont article:nth-child(even) h2{left: 20px;}

/*Menu*/
header{padding: 5px;
		position: fixed;
		top: 0;
		left: 0;
		background: linear-gradient(#6C621A,rgba(108,98,26,0));
		z-index: 1100;
		width: 100%;}

header nav{display: flex;
			width: 100%;}

header nav ul{display: flex;
			flex-direction: row;
			justify-content: flex-end;
			align-items: center;
			list-style: none;
			width: 100%;}

header nav ul li{padding: 5px;}

header nav ul li a{color: #F5F5F5;
					text-decoration: none;}
/*About*/
.nav_ms{position: fixed;
		bottom: 0;
		left:0;
		width: 100%;
		display: flex;
		background-color: #ffca28;}

.nav_ms ul{display: flex;
			flex-direction: row;
			justify-content: space-around;
			width: 100%;
			align-items: center;}

.nav_ms ul li{list-style: none;
			cursor: pointer;
			color: #F5F5F5;
			border-bottom: 5px solid transparent;
			padding: 10px;
			transition: border-bottom ease-in 0.4s;}

.nav_ms ul li:nth-child(1){border-bottom: 5px solid #2e7d32;}

.about{display: flex;
		flex-direction: row;
		width: 700%;
		height: 100vh;
		}

.about article{min-width: 100%;
				max-width: 100%;
				height: 100%;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				background-color: transparent;
				background-image: none;
				position: relative;}

.about article span{position: absolute;
					color: #F5F5F5;
					width: 650px;
					padding: 5px;
					background-color: rgba(133,133,133,0.4);
					z-index: 100;}

.about article:nth-child(1){background-image: url(images/us.jpg);
							background-size: cover;
							background-position: center;
							background-repeat: no-repeat;}

.about article:nth-child(1) span{bottom: 90px;
								left: 30px;}

.about article:nth-child(2){background-image: url(images/mision.jpg);
							background-size: cover;
							background-attachment: fixed;
							background-position: center;
							background-repeat: no-repeat;}

.about article:nth-child(2) span{left: 20px;
								top: 70px;}

.about article:nth-child(3){background-image: url(images/vision.jpg);
							background-size: cover;
							background-position: center;
							background-repeat: no-repeat;}

.about article:nth-child(3) span{top: 45px;
								right: 20px;}

.about article:nth-child(4){background-image: url(images/goal.jpg);
							background-size: cover;
							background-attachment: fixed;
							background-position: center;
							background-repeat: no-repeat;}

.about article:nth-child(4) span{bottom: 90px;
								left: 30px;}

.about article:nth-child(5){background-image: url(images/quality.jpg);
							background-size: cover;
							background-position: center;
							background-repeat: no-repeat;}

.about article:nth-child(5) span{bottom: 70px;
								right: 30px;}

/*Products*/
.prod_cont{width: 100%;}

.prod_cont article{width: 100%;
					height: 100vh;
					position: relative;
					background-image: url(images/cebada.jpg);
					background-size: cover;
					background-position: center;
					color: #F5F5F5;}
					
.prod_contact article{width: 100%;
					height: 100vh;
					position: relative;
					background-image: url(images/contacto.jpg);
					background-size: cover;
					background-position: center;
					color: #F5F5F5;}

.prod_cont article span{color: #F5F5F5;
						background-color: rgba(133,133,133,0.5);
						position: absolute;
						z-index: 100;
						width: 450px;
						padding: 10px;}

span#grano{top: 120px;
		left: 30px;}
span#paca{bottom: 140px;
			right: 120px;}

div.call_btn{position: absolute;
			z-index: 100;
			left: 100px;
			bottom: 200px;
			width: 250px;
			padding: 15px;
			background-color:#2e7d32;
				text-align: center; }
/*Process*/
.bax{position: fixed;
	z-index: 1000;
	padding: 5px;
	top: 50px;
	cursor: pointer;
	color: rgba(255,255,255,0.6);
	transition: color ease-in-out 0.5s;
	display: none;}

.bax:hover{color: #F5F5F5;}

.close_ar{position: fixed;
			top: 50px;
			right: 0;
			padding: 5px;
			color: rgba(255,255,255,0.6);
			z-index: 1000;
			cursor: pointer;
			transition: color ease-in-out 0.5s;
			display: none;}

.close_ar:hover{color: #F5F5F5;}

.wait{position: fixed;
	width: 100%;
	height: 100vh;
	z-index: 1500;
	color: #212121;
	background-color: rgba(255,255,255,0.7);
	top: 0;
	left: 0;
	display: none;}

.wait div{display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100vh;}

.ax_pcs{width: 100%;
		height: 100vh;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
		background-image: url(images/about.html);
		background-size: cover;
		background-position: center;
		background-attachment: fixed;}
		
.pross{width: 25%;
		padding: 5px;
		cursor: pointer;}

.pross img{width: 100%}

.ax_data{display: none;
		width: 100%;
		height: 100vh;
		position: fixed;
		z-index: 900;
		top: 0;
		left: 0;
		overflow-y: scroll;}


.ax_body{display: flex;
		flex-direction: row;
		width: 100%;
		height: 100%;
		position: relative;}

.ax_body .ax_sel{display: flex;
				flex-direction: row;
				width: 100%;
				height:100vh;
				position: relative;
				overflow: hidden;
				justify-content: center;
				align-items: center;
				cursor: pointer;}

.ax_body .ax_sel img{width: 100%;
			height: 100vh;
			position: absolute;
			top: 0;
			left: 0;
			filter: grayscale(100%);
			z-index: -10;
			transition: filter 0.5s ease-in-out;}

.ax_body .ax_sel:hover img{filter: grayscale(0);}

.ax_body section{display: none;
				width: 100%;
				height: 100vh;}

.ax_body section article{
				width: 100%;
				height: 100vh;
				background-size: cover;
				background-position: center;
				background-attachment: fixed;}

.ax_body section article:nth-child(odd){background-image: url(images/collage1.png);}
.ax_body section article:nth-child(even){background-image: url(images/collage2.png);}

 .ax_content{display: flex;
		flex-direction: row;
		align-items: center;
		width: 100%;
		position: relative;
		height: 100%;
		}
.ax_content img{position: absolute;
				z-index: 50;
				width: 100%;
				height: 100%;
				top: 0;
				right: 0;}

.img_cont{position: absolute;
			z-index: 100;
			width: 240px;
			height: 240px;
			border-radius: 50%;
			overflow: hidden;}

.ax_content .img_cont:nth-child(1){top: 10px;
						right: 33%;}
.ax_content .img_cont:nth-child(2){width: 200px;
									height: 200px;
									top: 10px;
									right: 54%;}
.ax_content .img_cont:nth-child(3){width: 135px;
									height: 135px;
									top: 180px;
									right: 49%;}


.ax_content .img_cont:nth-child(4){bottom: 10px;
						left: 33%;}
.ax_content .img_cont:nth-child(5){width: 200px;
									height: 200px;
									bottom: 10px;
									left: 54%;}
.ax_content .img_cont:nth-child(6){width: 130px;
									height: 130px;
									bottom: 180px;
									left: 49%;}
.ax_content .img_cont img{width: 100%;
				height: 100%;}
.ax_content h2{position: absolute;
				z-index: 100;
				}

.ax_content h2:nth-child(odd){top: 8%;
								left: 5%;
								color: #1b5e20;}
.ax_content h2:nth-child(even){top: 48%;
								right: 5%;
								transform: translateY(-50%);
								color: #ffd600;}

.ax_content span{padding: 5px;
				word-wrap: break-word;
				position: absolute;
				z-index: 150;
				color: #F5F5F5;
				max-width: 45%;}

article .ax_content span:nth-child(odd){top: 15%;
								left: 5%;}
article .ax_content span:nth-child(even){top: 55%;
										transform: translateY(-55%);
									right: 5%;}

/*Contact*/
.fwait{display: none;}
.thanks{display: none;}
.contact_info{	display: flex;
			flex-direction: row;
			width: 100%;
			height: 100vh;
			position:fixed;
			z-index: 1000;
			left: 0;
			top: -100%;}

.contact_info iframe{position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100vh;
				z-index: 100;
				border:none;}

form{position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	width: 20%;
	height: 100vh;
	z-index: 150;
	background-image: url(images/bm.png);
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	padding: 10px;}

form h1{width: 100%;
		text-align: center;}

input{width: 100%;}

textarea{width: 100%;
		height: 30%;}

input,textarea{border-radius: 5px;
		padding: 5px;
		outline: none;
		border:1px solid transparent;
		color: #F5F5F5;
		background-color: #F5F5F5;
		transition: background-color ease-in 0.5s, border ease-out 0.5s, color ease-in 0.5s,width ease-in-out 0.5s,height ease-in-out 0.5s;}

input:focus,textarea:focus{background-color: #F5F5F5;
							color: #212121;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #212121;}
input::-moz-placeholder,textarea::-moz-placeholder{color: #212121;}

.ivc{background-color: #F5F5F5;
	color: #212121;
	border:1px solid green;}

button{width: 45px;
		height: 45px;
		border-radius: 50%;
		border:none;
		outline: none;
		color: #F5F5F5;
		background-color:#6C621A}

/*eco*/
.eco{display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width:100%;}

.eco article{width: 100%;
			height: 100vh;
			position: relative;}

.eco article span{position: absolute;
				width: 500px;
				font-size: 1.5em;
				z-index: 100;
				color: #F5F5F5;
				padding: 5px;
				background-color: rgba(133,133,133,0.3);}
.eco article:nth-child(1){background-image: url(images/eco1.jpg);
						background-size: cover;
						background-attachment: fixed;
						background-position: center;}

.eco article:nth-child(1) span{top: 50px;
								left: 30px;}

.eco article:nth-child(2){background-image: url(images/eco2.jpg);
						background-size: cover;
						background-attachment: fixed;
						background-position: center;}

.eco article:nth-child(2) span{bottom: 30px;
								right: 20px;}

.eco article:nth-child(3){background-image: url(images/eco3.jpg);
						background-size: cover;
						background-attachment: fixed;
						background-position: center;}

.eco article:nth-child(3) span{top: 60px;
								right: 30px;}

.eco article:nth-child(4){background-image: url(images/eco4.jpg);
						background-size: cover;
						background-attachment: fixed;
						background-position: center;}

.eco article:nth-child(4) span{bottom: 30px;
								right: 50px;}

.eco article:nth-child(5){background-image: url(images/eco5.jpg);
						background-size: cover;
						background-attachment: fixed;
						background-position: center;}

.eco article:nth-child(5) span{bottom: 20px;
								left: 20px;}

.eco div{position: absolute;
		z-index: 100;
		color: #F5F5F5;
		width: 700px;
		background-color: rgba(133,133,133,0.4);
		padding: 10px;}
.eco article:nth-child(1) div{bottom: 150px;
								right: 20px;}
.eco article:nth-child(2) div{top: 70px;
								left: 30px;
}
.eco article:nth-child(3) div{bottom: 200px;
								left: 20px;}
.eco article:nth-child(4) div{top: 90px;
							left: 15px;}
.eco article:nth-child(5) div{top: 250px;
							right: 20px}