@charset "utf-8";

@import url("css/styles.css");

/* CSS Document */



@font-face {
	/*font-family:'Ubuntu Condensed' !important, sans-serif;*/

    /*font-family: 'akzidenz-grotesk_bq_light_sRg';

    src: url('fuente/akzidenzgrotesk-lightsc-webfont.woff2') format('woff2'),

         url('fuente/akzidenzgrotesk-lightsc-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;*/



}



	body{

		font-family:'Poppins' !important, sans-serif;
		padding-top: 100px;
		}

p{

	text-align:justify;

	margin:16px 0;

	font-family: 'Poppins' !important;

	}



	/*hgroup{

		margin-bottom:150px;}*/

.verde{
    color: #71b60a;
    font-size: 1em;
}

.cafe{
    color: #804000;
    font-size: 1.5em;
    font-family: cabin;
}

.naranja{
	color: #ff8b3f;
}



h2{

	font-family: 'Cabin' !important;

	font-size:2em;

	margin-left:10px;

	/*margin-bottom:50px;*/

	width:100%;

	font-weight: 700;

	color: #804000;

	padding-bottom: 1em;

	}


.btnMas{
    color: #fa981d;
    display: initial;
    padding: 5px 10px;
    margin: 5px;
    border: 1px solid;
    text-decoration-line: none;
    transition: all ease-in-out 1s;
    /*box-shadow: rgba(0,0,0,0.3) 1px 1px 5px;*/
}

.btnMas:hover{
	background: #fa981d;
	color: #fff;
	text-decoration: none;
	transition: all ease-in-out 1s;
}

.listaUl{
	list-style-image:url(../imagenes/g.jpg)
    padding-left: 25px;
}

.gacorTxt{

	font-weight:bolder;

	color:#666;}





.pleca{
	border-bottom:solid 10px #ff6603c2;
	}



#inicio{

	width:100%;

	max-width:1300px;

	margin:auto;}



div.fijo{

  min-height: 10px;
  transition: all ease-in-out 10s;
  background-color: #fff;
  border-top: 5px solid #7fbd21;
    width: 100%;
    top: 0;
    z-index: 100;
    height: auto;
		position: fixed;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.4);

	}



	header{

		width:100%;

		max-width:1300px;

		margin:auto;

		}

figure.logo{

	width:200px;

	max-width:100%;

	float:left;

	padding:10px 0;

	}



@media screen and (max-width:680px){

	figure.logo{

	width:150px;}



	#slide{padding-top:80px;

	}



	}



#redesHeader{

	float:right;

	width:100%;

	max-width:300px;

	padding:10px 0 0 0;}



#redesHeader ul{

	list-style-type:none;

	}

	#redesHeader li{

		/*display:inline-block;*/

		float:right;

		width:20%;

		}



	#redesHeader a{

		outline:none;

		text-decoration:none;

		}



@media screen and (max-width: 480px) {

	#redesHeader{

		max-width:150px;

		margin-right:10px;

	}

}



section{

	/*padding-top:120px;*/

	/*min-height:600px;*/

	margin-bottom:20px;}



section.productosInterno{

	/*padding-top:120px;*/

	min-height:300px;

	margin-bottom:60px;}



#servicios{

	min-height:500px;

	margin-bottom:0;

	}



/*BLOQUE CORPORATIVO*/





.fondoBlanco{

	background:rgba(255,255,255,0.7);

	padding-top:10px;

	padding-bottom:10px;

	clear:both;

	}





.valor{

	display:inline-block;

	width:33%;

	text-align:center;

	margin-top:50px;

	vertical-align:top;

	color:#333;

	transform:rotateY();

	transition:all ease-out 0.7s;

	}



.valor:hover{

	color:#FFB511;

	transform:rotateY(360deg)

	}



@media screen and (max-width: 680px)  {

	.valor{

		width:47%;}



	.fondoBlanco{

		}

}







.valores{

	border-radius:50%;

	border:solid 2px #ff8b3f;

	margin:auto;

	width:150px;

	height:150px;

	text-align:center;

	}

.valores span{

	text-align:center;

	position:relative;

	top:25px;

	}



.valor p{

	margin-top:60px;

	text-align:center;

	font-size: 16px;
}



	#element2, #element-to-animate3{

		margin-top:80px;}



		#mision hr, #vision hr{

			width:0%;

			border-bottom:solid 2px #333333;

			transition:all linear 0.5s;

			}

			#mision:hover hr, #vision:hover hr{

				width:100%;

				border-bottom:solid 2px #09C;}



	/******BLOQUE DE SERVICIOS*******/

	.serviciosT{

		width:100%;

		max-width:1100px;

		margin:auto;

		padding-bottom:100px;

		text-align:center;

		}

	.servicio{

		width:240px;

		height:160px;

		display:inline-block;

		vertical-align:top;

		margin:5px;

		overflow:hidden;

		}

	.servicio a, .servicio a:active, .servicio a:hover{

		text-decoration:none;

		outline:none;

		display:block;

		width:240px;

		height:160px;}

	.sobre{

		width:240px;

		height:160px;

		position:relative;

		top:-160px;

		background:rgba(0,0,0,0);

		color:rgba(255,255,255,0);

		font-size:1.5em;

		font-family: 'Poppins' !important;

		transition:all ease-in-out 0.5s;

		overflow:hidden;

		text-transform:lowercase;

		}

		.sobre p{

			padding:40px 10px 0;

			text-align:center;}

	.sobre:hover{

		background:rgba(0,0,0,0.7);

		color:rgba(255,255,255,1);}







	/******BLOQUE DE PRODUCTOS*******/

	.productosT{

		width:100%;

		/*max-width:1300px;*/

		margin:auto;

		padding-bottom:100px;

		text-align:center;

		}

	.producto{
		display:inline-block;
		vertical-align:top;
		overflow:hidden;
	}

	.producto a, .producto a:active, .producto a:hover{
		text-decoration: none;
	    outline: none;
	    display: block;
	    width: 100%;
	    position: absolute;
	    height: 100%;
	}

	.sobreProducto{
		width: 94%;
	    height: 100%;
	    position: relative;
	    top: -100%;
	    left: -2%;
	    background: rgba(0,0,0,0);
	    color: rgba(255,255,255,0);
	    font-size: 2em;
	    font-family: 'Poppins' !important;
	    transition: all ease-in-out 0.5s;
	    overflow: hidden;
	    text-transform: lowercase;
	    margin: 0 2%;
	}

		.sobreProducto p{

			padding:22% 10px 0;

			text-align:center;
			width: 100%;
		}

	.sobreProducto:hover{

		background:#9bd44696;

		color:rgba(255,255,255,1);}





	/*@media screen and (max-width:600px){

		.producto, .producto a, .producto a:active, .producto a:hover{

		width:90%;

		}

		}*/

	/*******BLOQUE CLIENTES******/



	.clientesT{

		width:100%;

		max-width:1200px;

		margin:auto;

		text-align:center;}



	.clienteImg{

		display:inline-block;

		width:100%;

		max-width:220px;

		height:180px;

		overflow:hidden;

		padding-right:5px;

		}

		.clienteLogo{

			display:block;

			max-width:220px;

			height:180px;

			overflow:hidden;

			padding-right:10px;

			position:relative;

			top:-215px;

			z-index:100;

			}

		#cliente1 .clienteLogo{

			background:url(images/clientes/saks-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

			/*#cliente1:hover .clienteLogo{

				background:url(images/clientes/saks-logo.png) no-repeat center;

				}*/

		#cliente2 .clienteLogo{

			background:url(images/clientes/mammaBella-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}



		#cliente3 .clienteLogo{

			background:url(images/clientes/laMansion-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}



		#cliente4 .clienteLogo{

			background:url(images/clientes/johnnyRockets-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}



		#cliente5 .clienteLogo{

			background:url(images/clientes/mariscosMuelle-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}



		#cliente6 .clienteLogo{

			background:url(images/clientes/senado-de-la-republica.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}



		#cliente7 .clienteLogo{

			background:url(images/clientes/osteria7-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}



		#cliente8 .clienteLogo{

			background:url(images/clientes/vaca-argentina.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}



		#cliente9 .clienteLogo{

			background:url(images/clientes/wings-army.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}



		#cliente10 .clienteLogo{

			background:url(images/clientes/maison-kayser.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}



		#cliente11 .clienteLogo{

			background:url(images/clientes/corazon-de-alcachofa-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}



		#cliente12 .clienteLogo{

			background:url(images/clientes/fondaArgentina-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}



		#cliente13 .clienteLogo{

			background:url(images/clientes/lampuga-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}



		#cliente14 .clienteLogo{

			background:url(images/clientes/maxPrime-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}



		#cliente15 .clienteLogo{

			background:url(images/clientes/lago-de-los-cisnes.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

		#cliente16 .clienteLogo{

			background:url(images/clientes/carnivoro-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}



		#cliente17 .clienteLogo{

			background:url(images/clientes/angus-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}



		#cliente18 .clienteLogo{

			background:url(images/clientes/ponteAlmeja-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}



		#cliente19 .clienteLogo{

			background:url(images/clientes/puerto-getaria-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}



		#cliente20 .clienteLogo{

			background:url(images/clientes/televis-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}





	.txtClientes{

		width:100%;

		padding-left:30px;

		}

		.txtClientes p{

			text-align:center;

			font-size:1.5em;

			}



	.clientes{

		margin-bottom:10px;

		text-align:center;}

		.clientes div{

			margin:20px auto;}





		/***********CONTACTO***********/

		#contacto{

			background: -webkit-linear-gradient(left, #FFF 0%, #fff 50%, #EAEAEA 50%, #EAEAEA 100%);

			}

		#contacto article{

			text-align:center;}

		.contacto{

			display:inline-block;

			vertical-align:middle;

			width:45%;

			padding:0 15px;

			margin:10px;

			}

        form input, textarea, textarea::placeholder, input::placeholder, select{


			width:90%;

			padding:5px;

			background: #71b60a5c;
    		color: #231201;

			margin:1px auto;

			border: 0px;

			}

			.txtBlanco, .captcha input{
				color: #231201;

			}

			textarea{

				height:220px;}

			#enviar{

				width:100px;

				}

		.ubicacion{



			}

			.contacto p{

				width:80%;}

			.iconoContacto{

				width:12%}

			.contacto p, .iconoContacto{

				display:inline-block;

				vertical-align:middle;

				}

			.correoIcono{

				padding:10px;

				margin-bottom:10px;

				}



@media screen and (max-width: 680px) {

	.contacto{

			width:95%;

			margin:10px auto;

			}

	#contacto{

			background: none;

			}



}



/**************PIE DE PÁGINA**************/

footer{

	text-align:center;

	background:#71b60ab5 !important;

	color:#804000;

	font-size:0.8em;

	letter-spacing:0.1em;

	font-weight:lighter;

	line-height:1.1em;

	}

.datosFooter{

	display:inline-block;

	vertical-align:middle;

	text-align:left;

	margin:10px;

	/*border-left:solid 4px #fff;*/

	padding:10px;
	font-family: cabin;

	}



	#mapa{

		width:20%;}



	#datosUbicacion{

		width:40%;

		}



	#datosContacto{

		width:37%;

		}

	footer ul{

		list-style-type:none;
		font-family: cabin;

		}

		footer ul a{

            font-family: cabin;
			color:#804000;}


			footer a:hover{

				color:#795548;;}
	a {
    color: #804000;
    text-decoration: none;
    font-family: cabin;
    }

	/*#mapa p{

		text-align:left;}

	#datosUbicacion p{

		text-align:center;}*/

	#datosContacto{

		width:20%

		}



		#legales{

			background:#333;

			color:#ccc;

			padding:15px 0 8px;

			}

			#legales p{

				text-align:center;

				font-size:0.8em;}



		#legales a{

			text-decoration:none;

			color:#CCC;

			transition:all ease-in-out 0.6s;

			}

			#legales a:hover{

			color:#804000;

			}



		.datosFooter p{

				width:80%;}

			.iconoFoot, #mapa ul{

				width:12%}

			.datosFooter p, .iconoFoot, #mapa ul{

				display:inline-block;

				vertical-align:middle;

				}

			.correoIcono{

				padding:10px;

				margin-bottom:10px;

				}

				.correoFoot{


			    color: #804000;
                font-family: cabin;
                font-size: 14px;}



@media screen and (max-width: 680px) {

	.datosFooter, #datosContacto{

		width:95%;

		}

}



	#legales p{

		text-align:right;

		font-weight:lighter;

		}





#imagenes{

	background:#FFF;

	text-align:center;

	}

#imagenes div p{

	text-align:center;

	font-size:0.8em;

	}



	/************PAUSAS*************/

	.pausa { font-family: 'Poppins' !important;

	font-weight:400;

	font-size:1.2em;

	min-height:300px;

	}



	.pausa div{

		border:solid #fff 1px;

		color:rgba(255,255,255,1);

		text-align:center;

		border-radius:3px;

		transition:all ease-in-out 0.5s;

		}



		.pausa p{

			width:70%;}



	#filosofiaGacor1{

		background:url(img/103.jpg) #8CC63F no-repeat center;

		transition:all ease-in-out0.5s;

		padding:50px;

		}

		#filosofiaGacor1 div{

		margin: 0px 50px;

        padding: 10px;

        font-family: poppins,sans-serif;

		font-size:1.5em;

			}

	#filosofiaGacor1 div p, #filosofiaGacor1 div span{

		display:inline-block;

		vertical-align:middle;

		margin:20px 0;

		}

		#filosofiaGacor1 div span{

			width:25%;}



	#filosofiaGacor2{

		background:url(img/104.jpg) rgb(51,51,51) no-repeat center;

		transition:all ease-in-out0.5s;

		padding:30px;

		}

		#filosofiaGacor2 div p{

		margin:50px auto;

		font-family: poppins,sans-serif;

		font-size:1.5em;

		text-align:center;



		}



	#filosofiaGacor3{

		background:url(img/104.jpg) #4C8C2B no-repeat center;

		transition:all ease-in-out0.5s;

		padding:60px;

		}

		#filosofiaGacor3 div p{

		margin:40px auto;

		font-size:2em;

		text-align:center;

		}



		#filosofiaGacor4{

		background:url(img/105.jpg) #333 no-repeat center;

		transition:all ease-in-out0.5s;

		padding:60px;



		}

		#filosofiaGacor4 div p{

			width:80%;

		margin:40px auto;

		font-family: poppins,sans-serif;

		font-size:1.3em;

		text-align:center;

		}



		#filosofiaGacor5{

		background:url(img/105.jpg) #333 no-repeat center;

		transition:all ease-in-out 0.5s;

		padding:40px;



		}

		#filosofiaGacor5 div p{

			width:80%;

		margin:40px auto;

		font-family: poppins,sans-serif;

		font-size:1.5em;

		text-align:center;

		}



	@media screen and (max-width: 680px) {

		.pausa p{

			width:90%;}

		#filosofiaGacor1 div p, #filosofiaGacor1 div span{

			width:80%;}

		#filosofiaGacor2{

			padding:30px;}

		#filosofiaGacor2 div p{

			margin:0 auto}

	}


/***row => p**/

.row p{
	font-size: 16px;
}




/***nuevos contenidos***/


#nosotros {
    padding: 40px 15px;
}


#nosotros h3 {
    text-align: left;
    font-size: 1.2em:
}

.txtNosotros p {
    min-height: 200px;
}

}

body h1, body h2, body h3, body h4, body h5, body h6{
	text-align:center;
	text-transform:uppercase;
	font-family: 'Poppins', sans-serif;
	text-shadow: 0 0 rgb(255, 255, 255);
    text-align: center;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}





/******familia poppins*****/

#txtIzq, #txtDer, #row, .valor, #element-to-animate3, #element2, #listaUL, #textDer, #wowslider_engine, #container, #datosFooter, #datosUbicacion, #datosContacto, #redesHeader, #bs-example-navbar-collapse-1, .container {
	font-family: "Poppins", sans-serif;
}


#datosFooter{
	    font-family: cabin;
}

/* ******* SERVICIOS ******* */

/* GALERIA PRODUCTOS DESTACADOS */

.galProductos{
  padding:0 0;}

/*#galImg1{
  background:url(../imagenes/segmentos/ACEITES.png) no-repeat center center;
  background-size:140%;
  min-height:500px;
  }
*/
/**Alimetos Balanceados y Mascotas*/
/*#galImg2{
  background:url(../imagenes/segmentos/Alimentos.png) no-repeat center center;
  background-size:110%;
  min-height:250px;
  }*/
  /**Bebidas y Emulsiones*/
/*#galImg3{
  background:url(../imagenes/segmentos/Emulsiones.png) no-repeat center center;
  background-size:100%;
  min-height:250px;
  }*/
 /**Condimentos*/
/*#galImg4{
  background:url(../imagenes/segmentos/Condimentos.png) no-repeat center center;
  background-size:140%;
  min-height:500px;
  }*/

/**Confiteriá**/
/*#galImg5{
  background:url(../imagenes/segmentos/postres.png) no-repeat center center;
  background-size:100%;
  min-height:250px;
  }*/
/**Lactéos**/
/*#galImg6{
  background:url(../imagenes/segmentos/Helados.png) no-repeat center center;
  background-size:100%;
  min-height:250px;
  }*/
/**Panificación**/
/*#galImg7{
  background:url(../imagenes/segmentos/panificación.png) no-repeat center center;
  background-size:100%;
  min-height:250px;
}*/
/**Fragancias**/
/*#galImg8{
  background:url(../imagenes/segmentos/Sabores.png) no-repeat center center;
  background-size:100%;
  min-height:250px;
} */
/**Salsas**/
/*#galImg9{
  background:url(../imagenes/segmentos/Salsas.png) no-repeat center center;
  background-size:100%;
  min-height:250px;
} */
.content-gal{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  /*background:rgba(0,0,0,0.50);*/
  background:rgba(250,250,250,0.76);
  color:#333;
  text-align:center;
  transition:all ease-in-out 0.3s;
  }

.content-gal:hover{
  background:rgba(0,0,0,0.6);
  transition:all ease-in-out 0.3s;
  color:#fff;
  text-shadow: none;
  }

.content-gal h3{
  margin: 20px auto 0;
  padding:20px 5px 0;
  font-size:20px;
  width:90%;
  text-shadow:0 0 5px rgba(0,0,0,0.3);
  text-transform:uppercase;
  line-height:90%;
  }
.content-gal .lineServ{
  width:1px;
  background:#333;
  background:#f7931e;
  height:25px;
  margin:5px auto;
  display:block;
  transition:all ease-in-out 0.3s;
  }

.content-gal p{
  padding:5px 5px;
  font-size:12px;
  width:80%;
  margin: 10px auto 0;
  font-weight: 600;
  }
.content-gal a{
  padding:5px 5px;
  font-size:13px;
  margin: 10px auto;
  border:solid 1px #008ec9;
  display:block;
  width:90px;
  color:#333;
  background:transparent;
  transition:all ease-in-out 0.3s;
  }

.content-gal:hover a{
  background: none;
  color:#fff;
  transition:all ease-in-out 0.3s;
  }

@media screen and (max-width:1240px){
  #galImg1{
  background-size: cover;
  }
}


.prodSty{
  min-height: 437px;
  max-height: 530px;
}




/*    imagen redonda   */

#listProductos1 img{
	display: block;
    max-width: 100%;
    height: auto;
}

#listProductos1 .productos {
    min-height: 400px;
}

#productosIntro{
background: url(../img/back-productos.jpg) no-repeat center;
    background-size: 100%;
    min-height: 300px;
    transition: all ease-in-out 10s;
    border-bottom: solid #ffffff 6px;
}
#productosIntro .introSeccion h2{
	letter-spacing: 2px;
}

#listProductos{
	padding-top: 40px;
	padding-bottom: 40px;
	background: #ffffff;
}

.content-pro{
	display: block;
	position: initial;
    bottom: 5px;
    padding: 9px 0;
    text-align: center;
    /* left: 10%; */
    width: 92.3%;
    background: rgba(255, 255, 255, 0.86);
    transition: all ease-in-out 0.3s;

}

.content-pro h4 {
    font-size: 16px;
    text-transform: uppercase;
    width: 80%;
    margin: 0 auto 5px;
    padding-bottom: 5px;
    color: #9acb51;
    border-bottom: solid 1px #FF9800;
    font-weight: 600;
}

.content-pro p {
    font-size: 16px;
    width: 100%;
    margin: auto;
    color: #000;
    font-weight: 000;
}

.content-pro a{
    position: absolute;
    bottom: 0%;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    text-decoration-line: none;
}

.productos a {
    padding: 5px 5px;
    font-size: 12px;
    margin: 5px auto;
    display: block;
    width: 100px;
    color: #fff;
    background: #FF9800;
    transition: all ease-in-out 0.3s;
}


.productos img{
display:block;
margin:0 auto;
}

    .productos figure {
    margin: auto;
    text-align: center;
    margin-bottom: 6px;
    box-shadow: #fa981f 0 0 0;
    transition: all ease-in-out 0.3s;
}

.productos:hover figure {
    box-shadow: #ffffff 0 0 25px;
}

.productos:hover a {
    background: #fa981f;
    color: #ffffff;
    transition: all ease-in-out 0.3s;
}

.productos:hover .content-pro{
	background: #9bd44696;
	transition: all ease-in-out 0.3s;
}

.productos:hover .content-pro p{
	color: #000;
	transition: all ease-in-out 0.3s;

}

.productos:hover .content-pro{
	display: block;
}
@media screen and (max-width: 370px){
	#productosIntro .introSeccion h2{
		padding-top: 60px;
		font-size: 3rem;
	}
}

@media screen and (min-width: 371px) and (max-width: 767px){
	#productosIntro .introSeccion h2{
		padding-top: 70px;
	}
}

@media screen and (max-width: 600px){
	#productosIntro{
		background-size: 200%
	}
}


.modal-footer{
	background: transparent !important;
}

.modal-content{
	background: transparent !important;
}

.modal-header{
	background: #72b60b !important;
    color: #fff !important;
}

.modal-body{
	background: #fff !important;
}

.modal-content img{
	margin:0 auto;
}

.modal-footer>.btn.btn-danger{
	color: #fff !important;
	background-image: none;
    background-color: rgba(155, 212, 70, 0.6) !important;
    border-color: rgba(155, 212, 70, 0.6) !important;
}

.modal-footer>.btn.btn-danger:hover{
	background: #72b60b !important;
    border-color: #72b60b !important;
}



.textCent{
	font-size: 2em;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}