#main #mainPicture{
	
	max-width: 1800px;
	margin: auto;
}

#main #mainPicture .mainPictureW{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 800px;
	max-width: 1200px;
	margin: auto;
	padding: 0px 50px;
	width: 100%;
}


#main .snack-group{
	padding-top: 30px;
	position: relative;
}

#main .snack-group img{
	width: 650px; 
}

#main .snack-group img:not(:first-child) {
	position: absolute;
	top: 0;
	left: 0;
}

#main .main-snack{

}

#main #bite-acompana{
	background-color: #e3f3df;
}

#main #bite-acompana > img{
	max-width: 660px;
	width: 90%;
	margin: auto;
	display: block;
}

#main .snack-title{
	max-width: 460px;
}

#main .snack-title h1{
	font-size: 40px;
	font-weight: 900;
	line-height: 1.3;
	padding-bottom: 20px;
}


#main .snack-title p{
	font-size: 22px;
	color:#7c7d8d;
	padding-bottom: 30px;
}

@media(max-width: 1300px){
	#main .snack-title{
		width: 40%;	

	}
}


@media(max-width: 1200px){

	#main .snack-group img{
		width: 100%;
		height: auto;
	}
	#main .snack-group{
		width: 60%;
	}
}

@media(max-width: 910px){

 

	#main #mainPicture{
		padding-top: 90px;
	}

	#main #mainPicture .mainPictureW{
 		flex-wrap: wrap;	
		height: auto;	
		padding: 0px 20px;	
	}

	#main #mainPicture .snack-title{
		order: 1;
		width: 100%;
		text-align: center;
		margin-bottom: 70px;
	}

	#main #mainPicture .snack-group{
		order: 0;
		width: 100%;
		margin-bottom: 10px;
		padding-top: 0px;
	}	
}

@media(max-width: 520px){

	#main .snack-title h1{
		font-size: 35px;
	}
}

#main #bite-acompana{
	padding-bottom: 110px;
}

#main-points .points-adv{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 780px;
	margin: auto;
	width: 85%;
	margin-top: -70px;
	margin-bottom: 70px;
}

#main-points .points-adv img{
	/*width: 200px;*/
	height: 200px;
}

@media(max-width: 690px){
	#main-points .points-adv img{
		height: 35vw;
	}

	#main-points .points-adv{
		margin-top: -11vw;
	}

	#main #bite-acompana{
		padding-top: 20px;
		padding-bottom: 110px;
	}

}

#main-ingredients{
	padding: 100px 20px 20px 20px;
}

#main-ingredients .wrap{
	display: flex;
	justify-content: center;
	align-items: center;
}

#main-ingredients .wrap > *{
	width: 50%;
}

#main-ingredients  .bites-float{
	position: relative;
}

#main-ingredients  .bites-float img{
	width: 100%; 
	position: relative;
}

#main-ingredients  .bites-float img:not(:first-child) {
	position: absolute;
	top: 0;
	left: 0;
}

#main-ingredients .ingredients-img{
	width: 90%;
	max-width: 700px;
	
}

.pulse{
	animation: pulse 0.6s ease-in-out 3;
}

#main-ingredients .ingredients-img.mobile{
	display: none;
}

#main-ingredients .bites-description{
	/*height: 600px;*/
	padding-left: 30px;
}

#main-ingredients .bites-description img{
	width: 180px;
	text-align: right;
	padding-top: 20px;	
	display: block;
	margin: auto 30px auto auto;
}

#main-ingredients .bites-description *{
	color:#FFF;
}

#main-ingredients .bites-description h3{
	font-weight: 500;
	font-size: 32px;
	padding-bottom: 25px;
}

#main-ingredients .bites-description p{
	font-size: 20px;
	line-height: 1.3;
}

/* Animación */
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

#main-ingredients .ingredients-wp{
	text-align: center;
	margin-top: -30px;
	margin-bottom: 30px;
	
} 

#main-ingredients .ingredients-wp h3{
	color: #FFF;
	font-size: 40px;
	font-weight: 500;
	padding-bottom: 20px;
}

@media(max-width: 1030px){

	#main-ingredients .bites-float{
		width: 55%;
	}

	#main-ingredients .bites-description{
		width: 45%;
		margin-top: -20px;
	}	

	#main-ingredients {
		width: 95%;
		padding-top: 70px;
	}

	#main-ingredients .ingredients-wp{
		margin-top: 10px;
	}

}

@media(max-width: 870px){

	#main-ingredients .wrap{
		flex-wrap: wrap;
		padding: 0px 0px;
	}

	#main-ingredients .bites-float{
		width: 100%;
	}

	#main-ingredients .bites-description{
		width: 100%;
	}	

	#main-ingredients .bites-description {
		padding-left: 0px;
	}

	#main-ingredients .bites-description img{
		width: 130px;	
		padding-top: 10px;
	}

	#main-ingredients .ingredients-wp{
		padding-top: 50px;
	}

	#main-ingredients .ingredients-wp h3{
		font-size: 8vw;
		padding-bottom: 30px;
	}

	#main-ingredients .ingredients-img.desktop{
		display: none;
	}

	#main-ingredients .ingredients-img.mobile{
		display: block;
		margin: auto;
	}

}

#our-products{
	padding-top: 100px;
	padding-bottom: 100px;
}

#our-products .products-list  > div{
	text-align: center;
	margin: 0px 20px;
}

#our-products h3{
	text-align: center;
	font-size: 55px;
	font-weight: 700;
	color: #59be58;
	padding-bottom: 60px;	
}

#our-products > div{
	max-width: 1200px;
    margin: auto;
}

#our-products .products-list{
	display: flex;
	justify-content: space-between;
	align-items: end;
	padding: 0px 40px;
}

#our-products .products-list > div:nth-child(1) img{
	height: 180px;
}


#our-products .products-list > div:nth-child(2) img{
	height: 180px;
}

#our-products .products-list > div:nth-child(3) img{
	height: 200px;
}

#our-products .products-list > div:nth-child(4) img{
	height: 230px;
}

 
#our-products .products-list > div p{
	font-size: 29px;
	font-weight: 800;
	color: #59be58;
	padding-bottom: 20px;
	padding-top: 20px;
}

@media(max-width: 950px){

	#our-products .products-list{
		flex-wrap: wrap;
		justify-content: space-around;
		margin-top: 100px;
	}

	#our-products .products-list > div{
		width: calc(50% - 80px);
		padding-bottom: 80px;
	}

	#our-products{
		padding-bottom: 0px;
	}
}

@media(max-width: 660px){

	#our-products .products-list > div{
		width: 100%;
		padding-bottom: 90px;
	}
}



#snack-biters .cover-video{
 
	cursor: pointer; 
	opacity: 1;
}

.video-wrapper iframe{
	position: absolute;
	top: 0;
	right: calc(50% - 200px);
	opacity: 0;
	min-width: 400px;
}

.video-wrapper{
	position: relative;
	margin: 0px 15px;
	overflow: hidden;
}

#brands{
	margin: 0px 0px 80px 0px;	
	background-color: #FFF;
	padding: 30px 0px 25px 0px;
	overflow: hidden;
	position: relative;

}

#brands h3{
	color: #59be58;	
	position: relative;
	font-size: 50px;
	font-weight: 700;
	/*background-color: #7B8C8C;*/	
	margin: auto;
	width: max-content;
	padding: 0px 20px 40px 20px;

}

#brands img{
	height: 100px;
	padding: 0px 40px;
	display: inline-block;
}

#brands > div{
	max-width: 1400px;
	  /*border: 1px #2C4451 solid;*/
	  overflow: hidden;
	  margin: auto;
}

#brands .carrete{
  padding: 20px 0px 10px 0px;
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  /*animation: scroll-left 30s linear infinite;*/
  will-change: transform;
}

@media(max-width: 580px){
	#brands h3{
		font-size: 9vw;
	}
}

 

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

#snack-biters .video-wrapper > *, #snack-biters  .video-wrapper{
	height: 480px;
	width: 270px;
	text-align: center;
}

#snack-biters .list-video{
	display: flex;
	justify-content: center;
	position: relative;
}

#snack-biters .list-title{
	text-align: center;
	max-width: 600px;
	margin: auto;
}

#snack-biters .list-title p{
	color: #7c7d8d;
	font-size: 19px;
	padding-bottom: 40px;
}

#snack-biters .snack-bitersw{
	padding: 90px 40px 70px 40px ;
}

#snack-biters .snack-bitersw h3{
	font-size: 45px;
	font-weight: 700;
	color: #4f8b41;
	padding-bottom: 15px;
}

@media(max-width: 1220px ){

	#snack-biters .video-wrapper > *{
		height: 42vw;
		width: calc(25vw - 35px);
	}
}

@media(max-width: 830px ){

	#snack-biters .list-video{
		flex-wrap: wrap;
		/*justify-content: space-around;*/
	}

	#snack-biters .video-wrapper > *, #snack-biters  .video-wrapper{
		height: 75vw;
		width: calc(50vw - 40px);
		
	}

	#snack-biters .snack-bitersw{
		padding: 120px 20px 70px 20px ;
	}

	#snack-biters .video-wrapper{
		position: relative;
		margin: 0px 10px;
		margin-bottom: 30px;
	}

}

@media(max-width: 650px ){
	#snack-biters .video-wrapper > *, #snack-biters  .video-wrapper{
		height: 125vw;
		width: calc(100vw - 40px);
		margin-bottom: 30px;
	}
}


#snack-recipes > div{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	max-width: 1200px;
	margin: auto;
	padding: 90px 20px;
}

#snack-recipes .video-wrapper > *, #snack-recipes  .video-wrapper{
	height: 395px;
	width: 230px;
	text-align: center;
}

#snack-recipes *[mobile]{
	display: none;
}


#snack-recipes .snack-biters-title{
	position: relative;
	width: 40%;
	padding-right: 40px;
}

#snack-recipes .snack-biters-listvideo{
	display: flex;
	justify-content: center;
}

#snack-recipes .video-wrapper{	
	margin: 0px 5px;
}

#snack-recipes .snack-biters-title h3{
	font-weight: 700;
	color: #FFF;
	padding-bottom: 20px;
}

#snack-recipes .snack-biters-title p{
	color:#FFF;
	font-weight: 300;
}

@media(max-width: 1120px){

	#snack-recipes  .video-wrapper > *, #snack-recipes .video-wrapper{
		height: 34vw;
		width: calc(20vw - 20px);
		
	}
}

 
@media(max-width: 1000px ){

	#snack-recipes *[desktop]{
		display: none;
	}

	#snack-recipes *[mobile]{
		display: block;
	}



	#snack-recipes > div{
		flex-wrap: wrap;
	}

	#snack-recipes .snack-biters-title{
		width: 100%;
		padding-right: 0px;
		text-align: center;
		max-width: 600px;
		padding-bottom: 40px;
	}

	#snack-recipes .snack-biters-listvideo{
		width: 100%;
	}	

	#snack-recipes  .video-wrapper > *, #snack-recipes .video-wrapper{
		height: 54vw;
		width: calc(33vw - 20px);
		
	}	

	#snack-recipes .video-wrapper{	
		margin: 0px 10px;
	}	
}

@media(max-width: 650px ){

	#snack-recipes .snack-biters-listvideo{
		flex-wrap: wrap;
	}

	#snack-recipes .video-wrapper > *, #snack-recipes  .video-wrapper{
		height: 125vw;
		width: calc(100vw - 40px);
		margin-bottom: 30px;
	}

	#snack-recipes .snack-biters-title p{
		font-size: 22px;
		padding-top: 10px;

	}

}


#FAQ > *{
	max-width: 600px;
	margin: 65px auto 45px auto;
	text-align: center;
	padding: 0px 40px 0px 40px;
} 

#FAQ h3{
	font-size: 50px;
	font-weight: 600;
	color: #59be58;
	padding-bottom: 30px;
}

#FAQ h2{
	color: #59be58;
	padding-bottom: 10px;
}

#FAQ p{
	color: #7c7d8d;
	padding-bottom: 40px;
	font-weight: 500;
}

#b2b{
	background-color: #59be58;
}

#b2b > *{
	max-width:900px;
	position: relative;
	margin: auto;
	padding: 60px 40px;
}

#b2b > * > div{
	display: flex;
	justify-content: center;
	align-items: center;
}



#b2b > * > div > div{
	padding-left: 30px;
	color: #FFF;
	font-weight: 300;

}

#b2b a button{
	margin-top: 20px;
	background-color: #ffffff;
	color: #59be58;
	padding: 10px 25px;
}

#b2b > * > h3{
	font-weight: 600;
	text-align: center;
	color: #FFF;
	padding-bottom: 40PX;
}

#b2b img{

	width: 55%;
}

@media(max-width: 640px){
	#b2b > * > div{
		flex-wrap: wrap;
	}

	#b2b img{

		width: 80%;
		margin-bottom: 25px;
	}	

	#b2b > *{
 
		padding: 60px 20px;
	}

	#b2b > * > div > div{
		padding-left: 0px;
		font-size: 22px;
	}	

	#b2b a button{
		margin: 30px auto auto auto;
		display: block;
	}

}


#main-contact{
	background-color: #D4F0D7;
}

#main-contact .mobile{
	display: none;
}

#main-contact > div{
	padding: 50px 15px 60px 15px;
	max-width: 700px;
	margin: auto;
	text-align: center;
}

#main-contact img{
	width: 90%;
	max-width: 600px;
}

#main-contact p{
	font-size: 21px;
	color: #7c7d8d;
	padding: 20px 5px 25px 5px;
}

@media(max-width: 550px){
	#main-contact .mobile{
		display: block;
		width: 80%;
		margin: auto;
	}

	#main-contact .desktop{
		display: none;
	}	
}