/* BOOTSTRAP */

body{
	font-family: Open Sans,Arial;
}

.text-primary {
    color: #c0392b !important;
}

.btn-outline-primary {
    color: #c0392b;
    border-color: #c0392b;
}

.btn-outline-primary:hover {
    color: #fff!important;
    background-color: #c0392b;
    border-color: #c0392b;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff!important;
    background-color: #c0392b;
    border-color: #c0392b;
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(161,18,22,.5);
}

.btn-primary {
    color: #fff!important;
    background-color: #3a4951;
    border-color: #3a4951;
    border-radius: 7px!important;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.btn-primary:hover {
    background-color: #1e4437;
    border-color: #1e4437;
    transition-duration: .2s;
}

.btn{
	border-radius:0;
}

.btn-warning{
	color: #fff;
    background-color: #e5b348;
    border-color: #e5b348;
}

.btn-warning:hover, .btn-warning:active{
	color: #fff!important;
	background-color: #4f6f58!important;
	border-color: #4f6f58!important;
}

.btn-warning:focus{
	box-shadow: 0 0 0 0.2rem rgba(255,255,255,0.1);
}

.btn.pais{
	border-radius: 5px;
}

.btn.pais:hover{
	background-color: rgba(255,255,255,0.7);
	transition-duration: 0.2s;
}

#conocermas{
	color: #fff!important;
	background-color: #003d38;
}

.bg-primary{
	background-color: #c0392b;
}

/* END BOOTSTRAP */

.navbar-brand > .logo{
	transition: transform 0.3s ease;
}
.navbar-brand:hover > .logo{
	transform:scale(1.05);
}

.navbar{
	font-family: 'Montserrat', sans-serif;
}

a.nav-link:hover { 
  color: #e5b348!important;
}

.cards4-card{
	border-radius: 10px;
	box-shadow: 15px 10px 10px rgba(0,0,0,0.25);
	hyphens: auto;
}

#slider_bancos .owl-stage {
    display: flex;
    align-items: center;
}

.owl-thumb-item{
	height:64px;
	padding:0;
	border:0;
	opacity: 0.75;
	transition: opacity 0.3s;
	margin-top: 5px;
	margin-right: 5px;
}

.owl-thumb-item.active{
	opacity: 1;
}

.owl-thumb-item:hover{
	opacity: 1;
}

.owl-thumb-item img{
	height:100%;
}


#carousel-custom-dots button{
	border: none;
	background-color: transparent;
	-webkit-appearance: none;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}

#carousel-custom-dots button:focus{
	border: solid 2px #4f6f58;
	outline: none;
}

#carousel-custom-dots button:hover{
	background-color: #4f6f58;
	color: #fff;
	transition-duration: 0.1s;
}

#carousel-custom-dots button.active{
	border: solid 2px #4f6f58;
	background-color: transparent;
	color: #000;
	font-weight: 800;
	transition-duration: 0.2s;
}

 .owl-nav {
	width: 100%;
	position: absolute;
	color: #333;
	top: 0;
	margin-top: -10%;
	font-size: 2em;
}


.owl-carousel .owl-nav button.owl-prev {
 	position: absolute;
	left: -4%;
	padding-left: 1.1%!important;
	padding-right: 1.1%!important;
}

.owl-carousel .owl-nav button.owl-next {
 	position: absolute;
	right: 4%;
	padding-left: 1.1%!important;
	padding-right: 1.1%!important;
}


.item:hover{
	opacity: 0.8;
	transition-duration: 0.2s;
}

.zoo-img{
	padding-bottom: 60%;
	background-size: cover;
	background-position: center center;
}

.scroll-left {
	height: 1rem;	
	overflow: hidden;
	position: relative;
	box-sizing: content-box;
}
.scroll-left > div {
	position: absolute;
	text-align: center;
	/* Starting position */
	-moz-transform:translateX(100vw);
	-webkit-transform:translateX(100vw);	
	transform:translateX(100vw);
	/* Apply animation to this element */

	-webkit-animation-delay: -15s;
    -moz-animation-delay: -15s;
    -o-animation-delay: -15s;
    animation-delay: -15s;

	-moz-animation: scroll-left 30s linear infinite;
	-webkit-animation: scroll-left 30s linear infinite;
	animation: scroll-left 30s linear infinite;
}

.scroll-left:hover > div{
	-webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
	0%   { -moz-transform: translateX(100vw); }
	100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
	0%   { -webkit-transform: translateX(100vw); }
	100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
	0%   { 
		-moz-transform: translateX(100vw); /* Browser bug fix */
		-webkit-transform: translateX(100vw); /* Browser bug fix */
		transform: translateX(100vw); 		
	}
	100% { 
		-moz-transform: translateX(-100%); /* Browser bug fix */
		-webkit-transform: translateX(-100%); /* Browser bug fix */
		transform: translateX(-100%); 
	}
}


/*Header Home*/

#header-home{
	background: url('../img/fondo-portada.jpg') left center; 
	background-size: cover;
}


/*Scroll animation*/

#section07{
	position: inherit;
	margin-top: 20%;
	padding-bottom: 12%;
}

#section07 a {
  padding-top: 80px;
}
#section07 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-left: -12px;
  border-left: 7px solid #fff;
  border-bottom: 7px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb07 2s infinite;
  animation: sdb07 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
#section07 a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#section07 a span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}





#slider-header .owl-stage-outer,
#slider-header .owl-stage,
#slider-header .owl-item{
	height: 100%;
}

#mobile-slider-header .owl-stage-outer,
#mobile-slider-header .owl-stage,
#mobile-slider-header .owl-item{
	height: 100%;
}

#slider_cards .owl-stage{
	display: flex;
	align-items: stretch;
}
#slider_cards .owl-item{
	transition: opacity 0.3s;
	opacity: 0;
}

#slider_cards .owl-item.active{
	opacity: 1;
}

#slider-fabrica .owl-stage-outer{
	height: 100%;
}

#slider-fabrica .owl-stage{
	display: flex;
	align-items: stretch;
	height: 100%;
}

#contacto-contenido .form-control{
	border-width:0;
	border-bottom-width: 1px;
	border-radius: 0;
	background-color: transparent;
	color:inherit;
}


.imagen-zoom:hover{
	opacity: 0.5;
}

.btn-light{
	color: #666;
	font-weight: 500;
	border: none;
}

.btn-light:hover{
	background-color: #990000;
	color: #fff;
	border: none;
}

#fabrica .foto .overlay,
#fabrica .foto .overlay > *{
	transition: all 0.3s;
}

#fabrica .foto .overlay > *{
	opacity: 0;
}

#fabrica .foto:hover .overlay{
	background-color: rgba(242,233,3, 0.25);
}

#fabrica .foto:hover .overlay > *{
	opacity: 1;
}

.boton-entrega{
	display: inline-block;
	width: 38px;
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	border: 0.075em solid black;
	background-color: white;
	color:black;
	transition: all 0.3s ease;
}

.boton-entrega.boton-gris{
	color:#888;
	border-color: #888;
}

.boton-entrega:hover{
	border-color: black;
	background-color: black;
	color:white;
}

.boton-entrega.boton-hover-amarillo:hover{
	border-color: #f2e903;
	background-color: #f2e903;
	color:black;
}

.boton-entrega.redondo{
	border-radius:50%;
}

.owl-dots{
	text-align: center;
}

.owl-dot{
	background-color: #797777 !important;
	width: 10px !important;
	height: 10px !important;
	border-radius: 50% !important;
	margin: 3px !important;
}

.owl-carousel button.owl-dot.active{
	background-color: #ff0000 !important;
}



/*TEXTOS*/

p{
	font-family: 'Open Sans', sans-serif;
}


h1{
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	color: #fff;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

h2{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

h3{
	font-family: 'Open sans', sans-serif;
	font-weight: 600;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	text-transform: uppercase;
	font-size: 1.5em;
}

/*titulo noticia*/
h4{
	font-family: 'Montserrat',sans-serif;
	font-weight: 400;

}

.titulo-internas{
	top: 80%;
	position: relative;
}

#texto-vacaciones h3{
	color: #ff0000;
}

.accordion h3{
	font-weight: bold;
	color: #00675f!important;
}

.accordion .btn-link:hover, .accordion .btn-link:focus, .accordion .btn-link:active{
	text-decoration: none!important;
}

 .badge-danger{
	font-family: 'Montserrat', sans-serif!important;
	font-weight: 400;
	font-size: 1.2em!important;
	text-transform: uppercase;
	background:linear-gradient(220deg, #d63200, #71001f);
	opacity: 0.88;
	box-shadow: 2px 2px 7px rgba(0,0,0,0.9);
}

.badge-danger:hover{
	opacity: 1;
	background: linear-gradient(220deg, #ff0101, #c50036);
	transition-duration: 0.2s;
}

 .badge-white{
	font-family: 'Montserrat', sans-serif!important;
	font-weight: 400;
	font-size: 1.2em!important;
	text-transform: uppercase;
	background-color: #ececec;
	opacity: 0.88;
	box-shadow: 2px 2px 7px rgba(0,0,0,0.9);
}

.badge-white:hover{
	opacity: 1;
	background-color: #fff;
	transition-duration: 0.2s;
}


/*Nosotros*/

#quienes-somos{
	background: #e7b241 url('../img/logo-blanco.svg');
	background-repeat: no-repeat;
	background-position: -3% 115%;
	background-size: 25%;
	background-blend-mode: soft-light;
}

#foto-nosotros{
	background-image: url('../img/fondo-nosotros.jpg');
	background-size: cover;
	background-position: right center;
}

#titulo-nosotros{
	width: 100%;
	background-color: #4f6f58;
	text-align: center;
	text-transform: none;
}

.texto-quienes-somos{
	text-align: justify;
	color: #1e4437;
}


/*Productos*/

.producto{
	min-height: 543px;
	visibility: hidden!important;
}

#cultivos{
	background-image: url('../img/fondo-cultivos.jpg');
	background-size: cover;
	background-position: center center;
}

#semillas{
	background-image: url('../img/fondo-semillas.jpg');
	background-size: cover;
	background-position: center center;
}

#semillas.slideDown{
	animation-delay: .2s;
	transition-delay: .2s;
}

#fertilizantes{
	background-image: url('../img/fondo-fertilizantes.jpg');
	background-size: cover;
	background-position: center center;
}

#fertilizantes.slideDown{
	animation-delay: .4s;
	transition-delay: .4s;
}

.texto-producto{
	min-height: 200px;
}

.marcas-producto{
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

/*Sucursales*/

#container-sucursales{
	background-image: url('../img/fondo-sucursales.jpg');
	background-size: cover;
	background-position: center center;
}


.datos-sucursal{
	background-color: #e5b247;
}

.titulo-sucursal{
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	color: #1e4437;
	text-shadow: none;
}

h5{
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	color: #1e4437;
}

p.contacto{
	color: #1e4437;
}

.icon-contacto{
	color: #fff;
}

.contacto-comercial{
	border: solid 1px #1e4437;
	color: #1e4437;
	height: 35px;
}

.contacto-comercial span{
	height: 35px;
	vertical-align: sub;
}

.como-llegar{
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	background-color: #1e4437;
	float: right;
}

/*Novedades*/

#novedades{
	background-color: #313030;
}

.noticia{
	background-color: #ededed;
	min-height: 500px;
}

.img-noticia{
	background-size: cover;
	background-position: center center;
	height: 200px;
}

.titulo-noticia{
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.2em;
}

.fecha-noticia{
	font-weight: 600;
}



/*Contacto*/

#contacto-contenido{
	background: #313030 url('../img/logo-blanco.svg');
	background-repeat: no-repeat;
	background-position: 110% -3%;
	background-size: 35%;
	background-blend-mode: soft-light;
}

/*Footer*/

#footer{
	background-image: url('../img/fondo-footer.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-position: center bottom;
}

.social{
	text-shadow: 3px 3px 0px #999;
}

.social:hover{
	color: #1e4437!important;
	transition-duration: .2s;
}

a {
	color: #222!important;
}

a:hover{
	text-decoration: none!important;
}


.social-icon{
	background: #222;
	color: #fff;
	font-size: 1.2em;
	border-radius: 50%;
	padding-top: 5px;
	width: 30px;
	height: 30px;
}

.social-icon:hover{
	background: linear-gradient(220deg, #ff0101, #c50036);
	transition-duration: 0.2s;
}

.icon-servicios:hover>img{
	transform: scale(1.05);
	transition-duration: 0.2s;
}

/*Noticias*/

.page-item.active .page-link{
	background-color: #00675f!important;
	border-color: #00675f!important;
}

/*Animaciones*/

/*
==============================================
slideDown
==============================================
*/


.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible !important;						
}

@keyframes slideDown {
	0% {
		transform: translateY(-50%);
		opacity: 0;
	}
	100% {
		transform: translateY(0%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0%);
	}	
}



/*
==============================================
slideUp
==============================================
*/


.slideRight{
	animation-name: slideRight;
	-webkit-animation-name: slideRight;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}

@keyframes slideRight {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}	
	100% {
		transform: translateX(0%);
	}	
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}	
	100% {
		-webkit-transform: translateX(0%);
	}	
}

/*
==============================================
fadeIn
==============================================
*/

.fadeIn{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeIn {
	0% {
		opacity: 0.0;		
	}
	100% {
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0.0;		
	}
	100% {
		opacity: 1;	
	}		
}


/*Whatsapp*/
.wpp{
	position:fixed;
	width:50px;
	height:50px;
	bottom:40px;
	right:40px;
	background-color:#333;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size: 1.9em; 
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
  z-index:100;
}

.wpp:hover{
	font-size: 1.95em!important;
	color: #fff;
	background-color: #25d366;
	transition-duration: 0.3s;
}

@media (max-width: 768px){
	.wpp{
		bottom: 10px;
		right: 10px;
	}

	.wpp:focus{
		font-size: 1.9em;
		background-color: #25d366;
	}

	.titulo-internas{
		top:60%;
	}

	h1{
		font-size: 1.7em;
	}

	#header-home{
		background-position: right center;
	}

	#quienes-somos{
		background-size: 30%;
		background-position: -3% 103%;
	}

	#contacto-contenido{
		background-size: 70%;
		background-position: 110% 130%;
	}
}