@font-face {
font-family: Gotham;
src: url(../fonts/gotham-black.TTF);
}
@font-face {
font-family: Rooney-Light;
src: url( ../fonts/rooney-sans-light.otf);
}


	/*FONT COLOR*/
	.gray-primary{color: #333;}
	.white{color:#FFF;}
	.blue-primary{color: #14397F;}
	.sky-primary{color: #40B1E5;}
	.orange-primary{color: #F6871F;}
	.fuchsia-primary{color: #D70761;}
	/*BACKGROUND COLOR*/
	.bg-gray-primary{background-color: #333;}
	.bg-white{background-color: #FFF;}
	.bg-blue-primary{background-color: #14397F;}
	.bg-sky-primary{background-color: #40B1E5;}
	.bg-orange-primary{background-color: #F6871F;}
	.bg-fuchsia-primary{background-color: #D70761;}
	/*TAG*/
	h1{font-family: 'Rooney-Light'; margin-top: 2rem;}
	h2{font-family: 'Gotham'; margin-bottom: 4rem; }
	h3{font-family: 'Gotham'; font-size: 4rem;}
	p{font-family: 'Rooney-Light'; color:#333;}
	p.p-sm{font-size: 0.8rem;}
	p.p-lg{font-size: 1.4rem;}
	/*MISC*/
	.row{margin-right: 0px; margin-left: 0px;}
	.hide{display: none;}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{padding: 0px;}
	.backshape h2{padding: 3rem;}
	.backshape > h2 {margin: 0px;}
	/*DIV*/
	.line{border-bottom: dashed 1px #999;}
	.v-line{border-left: dashed 1px #999;}

	/*LINES TOP*/
	.cm-lines{height: 10px;padding: 0px;}
	.cm-lines .bg-line{height: 10px;}
	/*NAV SECTION*/
	.menu{top: 10px; min-height: 60px;padding: 0px; -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);}
	.logo{display: none;}
	/*INTRO SECTION*/
	.intro{margin-top: 70px;height:calc(110vh - 100px);}
	.intro-1{background-image: url(../img/intro-1.png);background-position: center;background-repeat: no-repeat;background-size: 150% ;height: 80vh;width: 100%;}	
	/*EVOLUTION*/
	#evolution .logo{background-image: url(../img/logo.png);background-repeat: no-repeat;background-size: 70%;background-position: center;height: 100px;display: block;}
	.gota{background-image: url(../img/icons/gota.png);background-repeat: no-repeat;background-size: contain;background-position: center;height: 100px;margin-bottom: 30px;}
	.hoja{background-image: url(../img/icons/hoja.png);background-repeat: no-repeat;background-size: contain;background-position: center;height: 100px;margin-bottom: 30px;}
	.comunidad{background-image: url(../img/icons/comunidad.png);background-repeat: no-repeat;background-size: 50%;background-position: center;height: 100px;margin-bottom: 30px;}
	.isotipo{background-image: url(../img/icons/isotipo.png);background-repeat: no-repeat;background-size: contain;background-position: center;height: 100px;margin-bottom: 30px;}
	.mas{background-image: url(../img/icons/mas.png);background-repeat: no-repeat;background-size: contain;background-position: center;height:40px;margin-bottom: 30px;}
	.igual{background-image: url(../img/icons/igual.png);background-repeat: no-repeat;background-size: contain;background-position: center;height: 20px;margin-bottom: 30px;}
	/*COMPROMISO*/
	.foto{background-image: url(../img/foto.png);background-repeat: no-repeat;background-size: contain;background-position: center;height: 200px;}
	.c-001{background-image: url(../img/icons/c-001.png);background-repeat: no-repeat;background-size: contain;background-position: center;height: 250px;}
	.c-002{background-image: url(../img/icons/c-002.png);background-repeat: no-repeat;background-size: contain;background-position: center;height: 250px;}
	.c-003{background-image: url(../img/icons/c-003.png);background-repeat: no-repeat;background-size: contain;background-position: center;height: 250px;}
	/*ESCENCIA*/
	#escencia h2{margin: 20px 0px;}
	.confianza{background-image: url(../img/icons/confianza.png);background-repeat: no-repeat;background-size: contain;background-position: center;height: 60px;}
	.solidaridad{background-image: url(../img/icons/solidaridad.png);background-repeat: no-repeat;background-size: contain;background-position: center;height: 60px;}
	.innovacion{background-image: url(../img/icons/innovacion.png);background-repeat: no-repeat;background-size: contain;background-position: center;height: 60px;}
	.union{background-image: url(../img/icons/union.png);background-repeat: no-repeat;background-size: contain;background-position: center;height: 60px;}
	.respeto{background-image: url(../img/icons/respeto.png);background-repeat: no-repeat;background-size: contain;background-position: center;height: 60px;}
	/*HISTORIA*/
	.historia{background-image: url(../img/historia.png);background-repeat: no-repeat;background-size: contain;background-position: center;height: 470px;}
	/*CONTACTO*/
	#contacto{margin-top: -3vw;min-height:calc(100vh - 100px);}	
	#contacto h2{font-size: 2rem;padding: 0px;margin: 0px;margin-bottom: 10px;}
	#contacto .f1{font-size: 2rem;}
	#contacto h1{font-size: 1rem;padding: 0px;margin: 0px;}
	#contacto .f3{font-size: 1.6rem;}
	#contacto .form{height: 400px;}
	#contacto a{color: #FFF;text-decoration: none;}
	#pie .logo-white{display:none;}

@media (min-width: 992px){
	/*NAV SECTION*/
	.menu{height: 90px;}
	.logo{display: block; background-image: url(../img/nav-logo.png);background-repeat: no-repeat;background-size: 47%;background-position: center left;height:90px;}
	.navbar{height: 100%;padding: 0px;}
	a.nav-item{color: #333;font-size: 0.8rem;}
	a.nav-item .nav-link .active{border-bottom: 1px solid #40B1E5;}
	.hide{display: flex;}
	/*INTRO SECTION*/
	.intro{margin-top: 100px;}
	.intro-1{background-size: 50% ;height: 70vh;}
	/*EVOLUTION*/
	#evolution .logo{background-size: 50%;height: 350px;}
	.mas{background-size: 20%;height: 100px;margin-bottom: 0px;}
	.igual{background-size: 20%;height: 100px;margin-bottom: 0px;}
	/*COMPROMISO*/
	.foto{background-position: top right;height: auto;}
	.acopio{background-image: url(../img/icons/acopio.png);background-repeat: no-repeat;background-size: contain;background-position: left center;height: 150px;}
	.productores{background-image: url(../img/icons/productores.png);background-repeat: no-repeat;background-size: contain;background-position: center;height: 150px;}
	.c-001{height: 220px;}
	.c-002{height: 220px;border-left: dashed 1px #999;border-right: dashed 1px #999;}
	.c-003{height: 220px;}
	/*ESCENCIA*/
	#escencia h2{margin: 0px;}
	.valores > p.p-sm{border-left: dashed 1px #999;}
	/*HISTORIA*/
	.historia{height: 1500px;}
	/*CONTACTO*/
	#contacto .f2{border-left: dashed 1px #FFF;}
	#contacto h2{font-size: 4rem;padding: 0px;margin: 0px;}
	#contacto h1{font-size: 1.5rem;}
	#contacto .f1{font-size: 3rem;}
	/*FOMULARIO*/
	#fomulario{margin-top: -3vw;min-height:calc(100vh - 100px);}
	/*PIE
	#pie{height:100px;}
	*/
	#pie .logo-white{background-image: url(../img/logo-white.png);background-size: 50%;background-position: center center;background-repeat: no-repeat;height: 50px;display: flex;}
	
	/*DIVISORES color*/
	.backshape-full{
		height: 150px;
		transform:skew(0deg,3deg);
		-ms-transform:skew(0deg,2deg); /* IE 9 */
		-webkit-transform:skew(0deg,2deg); /* Safari and Chrome */
		margin-top:-3vw;
		}
	.backshape{
		height: 150px;
		transform:skew(0deg,2deg);
		-ms-transform:skew(0deg,2deg); /* IE 9 */
		-webkit-transform:skew(0deg,2deg); /* Safari and Chrome */
		margin-top:5vw;
		margin-bottom: 5vw;
		}
	.backshape h2{
		transform:skew(0deg,-2deg);
		-ms-transform:skew(0deg,-2deg); /* IE 9 */
		-webkit-transform:skew(0deg,-2deg); /* Safari and Chrome */
		padding-top: 3.5rem;
		}
	}