/*******************************************************
 **													  **
 **						FONTS						  **
 **													  **
 ******************************************************/
@import url('https://fonts.googleapis.com/css?family=Amatic+SC');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,400,700');

/*******************************************************
 **													  **
 **						GENERAL						  **
 **													  **
 ******************************************************/
*{margin: 0px;padding: 0px;box-sizing: border-box;background-repeat: no-repeat;list-style: none;}
.container{width: 1225px; margin: 0 auto}
body{overflow-x: hidden; height: 100vh}
 .floating{position: absolute;}
 .floating h3{ font-family: 'Roboto', sans-serif; font-size: 35px; color: #2D6612; font-weight: 100}
 .floating img{margin-left: 60px}
 
 #lightbox{width: 0; height: 0; opacity: 0; position: fixed; left: 50%; top: 50vh; z-index: 999;
 transition: width .6s ease-in, height .6s ease-in, opacity 1s ease-in, margin .6s ease-in, left .6s ease-in, top .6s ease-in;overflow: hidden;}
 #lightbox.show{margin-left: -578px; margin-top: -311px; width: 1156px; height: 622px; opacity: 1}
 #lightbox div{width: 100%; height: 100%; background-position: center center; background-size: 100%}
 #backlight{top: 0; left: 0; position: fixed; width: 0; height: 0; background: black; opacity: 0; z-index: 998;transition: opacity .5s ease-in;}
 #backlight.show{width: 100%; height: 100%; opacity: .8;}
 #resp-menu{display: none;}
/*******************************************************
 **													  **
 **						HEADER						  **
 **													  **
 ******************************************************/
.header{height: 95px;background-color: #BAC338;width: 100%;}
.header .container{/*width: 1150px;margin: 0px auto;*/height: 210px; overflow: auto}
.header .logo{width: 130px;float: left;}
.header .menu{margin-top: 27px;margin-left: 540px}
.header .menu li{height: 45px;width: 135px;display: inline-block;vertical-align: middle;background-position: center 15px;text-align: center;padding-top: 10px;}
.header .menu li:first-child{border-top-left-radius: 15px;border-bottom-left-radius: 15px;background-color: #2CDDC0;}
.header .menu li:nth-child(2){background-color: #F8EE66;}
.header .menu li:nth-child(3){background-color: #DBDB37;}
.header .menu li:nth-child(4){background-color: #69B22F;}
.header .menu li:last-child{border-top-right-radius: 15px;border-bottom-right-radius: 15px;background-color: #FFC248;}
.header .menu li a{text-decoration: none;color: #2C3F1E;font-size: 21px;line-height: normal;font-family: 'Amatic SC', cursive;font-weight: 600;letter-spacing: 1px;}
.header .social-media{margin-top: -46px;height: 70px;position: absolute}
.header .social-media div{height: 32px}
.header .social-media div a{width: 30px;height: 30px;background-position: center;background-size: cover;margin-right: 10px;display: inline-block;}
.header .social-media div a:first-child{margin-left: 5px;}
.header .social-media .arrow-container{display: inline-block;width: 140px;height: 100%;font-size: 0}
.header .social-media .arrow-container img{margin-left: 28px;margin-top: 5px}
.header .social-media .arrow-container span{color: white;font-size: 21px;line-height: normal;font-family: 'Amatic SC', cursive;display: block;letter-spacing: 1px;}
.header .menu-t{display: none;position: absolute;left: 50%;margin-left: -18px; padding-top: 20px;}
.header .menu-t p{font-size: 27px;font-family: 'Amatic SC', cursive;font-weight: 700;color: white;letter-spacing: .1em;}
/*******************************************************
 **													  **
 **						FOOTER						  **
 **													  **
 ******************************************************/
.footer{height: 160px;width: 100vw;background-color: #DBDB37;font-family: 'Roboto', sans-serif;/*position: absolute;bottom: 0px;*/padding-top: 20px;box-sizing: border-box;}
.footer .container{/*width: 1065px;margin: 0px auto;*/height: 100%; text-align: right}
.footer .container > *{display: inline-block;vertical-align: middle;}
.footer .container img{height: 120px;}
.footer .container .separator{height: 115px;width: 0;border-right: 1px solid #0C600A;margin: 0px 20px 0px 10px;}
.footer .container .copyright{text-align: left;}
.footer .container .copyright span{color: #2D6612;font-weight: 600;font-size: 16px;display: block;margin-bottom: 2px;}
.footer .container .copyright a, .footer .container .copyright .a-separator{color: #2D6612;font-size: 14px;display: inline-block;text-decoration: none;margin-right: 5px;margin-bottom: 6px;}
.footer .container .copyright p{color: #2D6612;font-size: 14px;}
.footer .closer{width: 100%; height: 50px; background-color: #e1e68e}

/*******************************************************
 **													  **
 **						HOME						  **
 **													  **
 ******************************************************/
.top-content{background-image: URL('../img/home/fondo-home.jpg'); width: 100%; height: 1056px; padding-top: 420px; background-position: center}
.top-content .left{position: relative; z-index: 91}
.top-content .left .info .title-wrapper{width: 630px;height: 115px;position: relative;z-index: 90}
.top-content .left .info .title{background-image: URL('../img/home/fondo_titulo.png');width: 650px;height: 145px;background-position: center center;margin-top: -36px;margin-left: -1px;padding-top: 30px;}
.top-content .left .info .title h1{font-size: 38px; text-align: center; font-family: 'Amatic SC', cursive; color: #2D6612; padding-top: 20px; letter-spacing: .05em}
.top-content .left .info .title h1 span.naranja{color: #f6891f;}
.top-content .left .info .title .hojas-1-left,
.top-content .left .info .title .hojas-1-right{position: absolute;}
.top-content .left .info .title .hojas-1-left{margin-left: 36px;margin-top: 5px;}
.top-content .left .info .title .hojas-1-right{transform: rotateY(180deg);margin-top: 5px;margin-left: 533px;}
.top-content .left .info .text{width: 560px;height: 560px;background-color: white;text-align: center;margin-left: 40px;padding: 0px 80px;padding-top: 20px;margin-top: -8px;position: relative;z-index: 89}
.top-content .left .info .text .border{position: absolute;width: 30px;height: 571px;background-image: URL('../img/separador_vertical.png');margin-left: -97px;margin-top: -26px;}
.top-content .left .info .text .border.right{margin-left: 471px;}
.top-content .left .info .text p{font-family: 'Roboto', sans-serif; font-size: 18px; color: #63605D; line-height: 26px}
.top-content .left .info .text p.bold{padding-top: 25px; padding-bottom: 5px}
.top-content .left .info .text p:nth-child(3){padding-top: 50px}
.top-content .left .info .text .dots{width: 70px;height: 16px;margin-top: 60px;text-align: center;margin: 60px auto;justify-content: space-between;display: flex;display: -webkit-flex; display: -moz-flex}
.top-content .left .info .text .dots .dot{width: 12px;height: 12px;border-radius: 50%;background-color: #589f14;display: inline-block;}
.top-content .right{margin-top: -905px; position: relative; z-index: 90}
.top-content .right .circle{width: 646px; height: 646px; border-radius: 50%;background-color: RGBA(255,255,255,.3); margin-left: auto; padding-top: 27px; margin-right: 70px;}
.top-content .right #lista-productos  .circle{ cursor: pointer}
.top-content .right .circle .circle-in{width: 592px; height: 592px; border-radius: 50%; margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,bac338+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #bac338 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#bac338 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#bac338 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bac338',GradientType=1 ); /* IE6-9 */
padding-top: 30px;
}
.top-content .right .circle .circle-in .circle-back{background-image: URL('../img/Productos_home_SIN_FONDO.png');width: 530px;height: 530px;margin: 0 auto;border-radius: 50%;background-position: center;background-color: #d6d7dc;background-size: 95%;}
.top-content .right .circle .circle-in .destacado{width: 200px; height: 200px; background-image: URL('../img/estrella_nueva.png');position: absolute;margin-left: 350px;margin-top: -70px;}
.top-content .right .circle .circle-in .destacado h2{font-family: 'Amatic SC', cursive; color: white; font-weight: 700; font-size: 26px; text-align: center; padding-top: 80px}
.top-content .right .right-back{margin-left: auto;margin-right: 0;width: 610px;height: 120px;}
.top-content .right .right-back .hojas{position: absolute; z-index: -1}
.top-content .right .right-back .hojas img:nth-child(2){position: absolute;margin-left: 30px;margin-top: -30px;}
.top-content .right .right-back .floating{padding-top: 20px; padding-left: 120px}


.bottom-content{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8bc53f+0,8bc53f+70,b8d769+100 */
background: #8bc53f; /* Old browsers */
background: -moz-linear-gradient(top, #8bc53f 0%, #8bc53f 70%, #b8d769 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #8bc53f 0%,#8bc53f 70%,#b8d769 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #8bc53f 0%,#8bc53f 70%,#b8d769 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc53f', endColorstr='#b8d769',GradientType=0 ); /* IE6-9 */
height: 800px;
overflow: auto}
.bottom-content .products {width: 1240px;position: absolute;left: 50%;margin-left: -620px;z-index: 91;}
.bottom-content .products .line{width: 100%;border-radius: 25px;height: 50px;background: #b8e024;margin-top: -25px;z-index: 91;}
.bottom-content .products .line .arrow{position: absolute;background: url('../img/flecha_blanca.png');width: 32px;height: 28px;top: -14px;cursor: pointer}
.bottom-content .products .line .arrow.arrow-l{transform: rotateZ(-180deg) rotateX(180deg);-webkit-transform: rotateZ(-180deg) rotateX(180deg);-moz-transform: rotateZ(-180deg) rotateX(180deg);-ms-transform: rotateZ(-180deg) rotateX(180deg);left: 10px;}
.bottom-content .products .line .arrow.arrow-r{right: 10px;}
.bottom-content .products .circle-container{width: 1150px;height: 268px;margin-top: -159px;margin-left: 45px;overflow: hidden; padding-left: 15px}
.bottom-content .products .circle-container .wrapper{height: 100%; font-size: 0}
.bottom-content .products .circle-container .wrapper .circle{width: 268px;height: 268px;border-radius: 50%;background-color: #b8e024; margin-left: 15px; display: inline-block; padding-top: 7px; }
.bottom-content .products .circle-container .wrapper .circle:first-child{margin-left: 0}
.bottom-content .products .circle-container .wrapper .circle .inner-circle{width: 255px; height: 255px; border-radius: 50%; background-color: #fff; margin: 0 auto; overflow: hidden;background-position: center;}
.bottom-content .fotos{width: 1920px;margin-top: 200px;left: 50%;margin-left: -960px;}
.bottom-content .fotos > div{position: absolute; width: 383px; height: 286px; }
.bottom-content .fotos .foto-1{left: 0;background-image:URL('../img/home/foto-1.jpg');}
.bottom-content .fotos .foto-2{right: 0;background-image:URL('../img/home/foto-2.jpg');}
.bottom-content .container{width: 1000px; margin-top: 200px; display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;justify-content: space-between; padding-bottom: 50px}
.bottom-content .container > div{display: inline-block; vertical-align: top}
.bottom-content .container .bottom-info {padding-top: 30px}
.bottom-content .container .bottom-info h2{font-family: 'Amatic SC', cursive;font-size: 40px;color: white;font-weight: 200}
.bottom-content .container .bottom-info:nth-child(1){width: 280px}
.bottom-content .container .bottom-info:nth-child(3){width: 255px}
.bottom-content .container .bottom-info:nth-child(5){width: 295px}
.bottom-content .container .vertical-separator{width: 1px; height: 288px; border-left: 1px solid white;}
.bottom-content .f-bottom{padding-top: 20px;margin-left: -495px;width: 300px;position: absolute;left: 50%;}
.bottom-content .natural-img{position: absolute; left: 50%; margin-left: -74px}


#c-14 .inner-circle{background-image: URL('../img/productos/Cristalizada.jpg');background-size: 56%;}

#c-13 .inner-circle{background-image: URL('../img/productos/gelatina_1.jpg');background-size: 56%;}
/* #c-12 .inner-circle{background-image: URL('../img/productos/sobres_25.jpg');background-size: 56%;}
 */
#c-11 .inner-circle{background-image: URL('../img/productos/gelatina_3.jpg');background-size: 56%;}
#c-10 .inner-circle{background-image: URL('../img/productos/flan.jpg');background-size: 56%;}
#c-9 .inner-circle{background-image: URL('../img/productos/cacao.jpg');background-size: 56%;}
#c-8 .inner-circle{background-image: URL('../img/productos/postre_1.jpg'); background-size: 60%}
#c-7 .inner-circle{background-image: URL('../img/productos/postre_2.jpg'); background-size: 60%}
#c-6 .inner-circle{background-image: URL('../img/productos/pote.jpg');}
#c-5 .inner-circle{background-image: URL('../img/productos/Granulado_60g_nuevo.png');background-size: 56%}
/* #c-4 .inner-circle{background-image: URL('../img/productos/clorofila.jpg');}
 */
#c-3 .inner-circle{background-image: URL('../img/productos/Liquida_nueva.png'); background-size: 80%;}
#c-2 .inner-circle{background-image: URL('../img/productos/sobres_25.jpg'); background-size: 70%}
#c-1 .inner-circle{background-image: URL('../img/productos/Sobres_100_nueva.png'); background-size: 60%}

#c-1, #c-2, #c-3, #c-5, #c-6, #c-7, #c-8, #c-9, #c-10, #c-11, #c-13, #c-14{cursor: pointer}



.info{position: relative;}

.nuevo-producto-imagen{
	background-image: URL('../img/productos/CirculoProductosolo.png');
	background-size: contain;
	position: absolute;
	width: 300px;
	height: 300px;
	top:-350px;
	left: 130px;
	cursor: pointer;
}

.nuevo-producto{
	position: absolute;
	top: -250px;
	width: 180px;
	height: 180px;
	background-image: URL('../img/productos/nuevo.svg');
	animation: pulse 1.5s infinite;
	cursor: pointer;
	z-index: 90;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
	}

	70% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.95);
	}
}

.bottom-content .products .circle-container .wrapper{
	transition: margin .8s ease-in;
	-webkit-transition: margin .8s ease-in;
	-moz-transition: margin .8s ease-in;
	-ms-transition: margin .8s ease-in;
}
@media all and (max-width: 1919px){
	.bottom-content .fotos{display: none}
}
/* OVERRIDES */
.mCSB_inside>.mCSB_container{margin-right: 0}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 7px}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{    background-color: rgb(141, 181, 58);    box-shadow: 0px 0px 10px;}
.mCSB_scrollTools .mCSB_draggerRail{width: 8px}


/*******************************************************
 **													  **
 **						STEVIA						  **
 **													  **
 ******************************************************/
 .stevia .section{border-bottom: 1px dashed #2c2d2c;}
 .stevia .top-content{height: 458px; background-position: center top}
 .stevia .titulo{width: 420px; height: 115px; background-image: URL('../img/stevia/titulo-stevia.png');margin-left: -45px;margin-top: -57px;padding-top: 25px;text-align: center;font-family: 'Amatic SC', cursive; font-size: 36px; font-weight: 700; color: #039047; letter-spacing: .05em}
 .stevia .titulo h1{font-size: 36px; padding-top: 10px}
 .stevia #stevia .left{width: 544px; display: inline-block; vertical-align: top}
 .stevia #stevia .right{width:670px; display: inline-block; vertical-align: top}
 
 .stevia p{font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 20px;  color: #63605d;font-size: 16px;line-height: 24px;}
 .stevia .subtitulo{font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 700;}
 .stevia .texto{padding-top: 45px}
 .stevia .background{width: 100%;position: absolute;z-index: -1; }
 
 .stevia #stevia .background{background-image: URL('../img/stevia/stevia-fondo.png');height: 900px;background-position: -60px 0}
 .stevia #stevia #beneficios{width: 587px; height: 430px; background-color: white; border-top: 10px solid #f5891e; padding-top: 30px;box-shadow: 0 0 20px rgba(128, 128, 128, .6); margin-top: -60px; padding-left: 20px; background-image: URL('../img/stevia/beneficios.png');background-position: center 80px;}
 .stevia #stevia #beneficios .titulo{background-image: none; padding: 0; margin: 0; padding-left: 105px; background-image: URL('../img/stevia/hojas-5.png'); background-repeat: no-repeat; background-position: left top;width: 100%;height: 60px;}
 .stevia #stevia #beneficios .titulo h2{font-family: 'Roboto', sans-serif; font-weight: 100; font-size: 40px; color: #f5891e; text-align: left;padding-top: 15px;}
 .stevia #stevia #beneficios .lista{ padding-top: 14px;}
 .stevia #stevia #beneficios .lista li{font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 700; line-height: 18px; color: #717776}
 .stevia #stevia #beneficios .lista li:nth-child(2){margin-top: 15px}
 .stevia #stevia #beneficios .lista li:nth-child(3){margin-top: 11px}
 .stevia #stevia #beneficios .lista li:nth-child(4){margin-top: 12px}
 .stevia #stevia #beneficios .lista li:nth-child(5){margin-top: 12px}
 .stevia #stevia #beneficios .lista li:nth-child(6){margin-top: 8px}
 .stevia #stevia #beneficios .lista li:nth-child(7){margin-top: 13px}
 .stevia #stevia #beneficios .lista li:nth-child(8){margin-top: 6px}
 .stevia #stevia #beneficios .lista li:nth-child(9){margin-top: 9px}
 
 .stevia #stevia #propiedades{background-image: URL('../img/stevia/propiedades.png');height: 480px; overflow: auto}
 .stevia #stevia #propiedades .titulo{margin: 0; padding: 0; background: none; color: #039047; font-size: 41px; line-height: 45px; letter-spacing: .05em;margin-top: 210px;width: 475px;}
 .stevia #stevia #propiedades .propiedad {position: absolute;font-size: 20px;font-family: 'Roboto', sans-serif;text-align: center; color: #63605D}
 .stevia #stevia #propiedades h3#p1 {margin-top: -248px;margin-left: 117px;width: 100px;}
 .stevia #stevia #propiedades h3#p2 {margin-top: -247px;margin-left: 257px;width: 120px;}
 .stevia #stevia #propiedades h3#p3 {margin-top: 24px;margin-left: 117px;width: 100px;}
 .stevia #stevia #propiedades h3#p4 {margin-top: -118px;margin-left: 347px;width: 100px;}
 .stevia #stevia #propiedades h3#p5 {margin-top: 11px;margin-left: 249px;width: 135px;}
 .stevia #stevia #propiedades h3#p6 {margin-top: -106px;margin-left: 32px;width: 100px;}
 
 .stevia #stevia .floating{ width: 495px; background-image: URL('../img/flecha_larga-1.png');background-position: 360px 40px; margin-top: 40px}
 .stevia #stevia .floating h3{color: #bac338; font-size: 35px;}
 
 .stevia #consultas-frecuentes{padding-bottom: 50px}
 
 .stevia #consultas-frecuentes .titulo{font-size: 31px; padding-top: 26px}
 .stevia #consultas-frecuentes .preguntas{display: flex;flex-wrap: wrap;justify-content: space-between;}
 .stevia #consultas-frecuentes .pregunta{width: 47%; margin-top: 23px}
 .stevia #consultas-frecuentes #sugerencia{width: 545px; box-shadow: 0 0 10px gray; padding-bottom: 10px; margin-top: 25px; padding-bottom: 10px; display: inline-block}
 .stevia #consultas-frecuentes #sugerencia .hoja{position: absolute; width: 47px; height: 62px; background-image: URL('../img/hojas-6.png'); background-color: white}
 .stevia #consultas-frecuentes #sugerencia h1{font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 700; color: #039047; text-transform: uppercase;padding-left: 50px;padding-top: 15px;}
 .stevia #consultas-frecuentes #sugerencia p{font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 400; color: #63605D; text-transform: uppercase; line-height: 26px; border: 1px dashed #63605D; padding: 20px 10px; margin: 5px auto;width: 520px;}
 
 .stevia #consultas-frecuentes #equivalencia{display: inline-block;vertical-align: top;margin-left: 100px;margin-top: 20px;}
 .stevia #consultas-frecuentes #equivalencia h1{font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 18px; color: #444241; text-transform: uppercase}
 .stevia #consultas-frecuentes #equivalencia h2{font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 22px; color: #63605D;}
 .stevia #consultas-frecuentes #equivalencia .equivalencia{height: 42px; width: 550px; margin-top: 30px; padding-left: 27px; padding-top: 9px}
 .stevia #consultas-frecuentes #equivalencia .equivalencia#eq-1{background-color: #dae8b6}
 .stevia #consultas-frecuentes #equivalencia .equivalencia#eq-2{background-color: #77e8d2}
 .stevia #consultas-frecuentes #equivalencia .equivalencia#eq-3{background-color: #b5d267}
 .stevia #consultas-frecuentes #equivalencia .equivalencia#eq-4{background-color: #dbdb37}
 .stevia #consultas-frecuentes #equivalencia .equivalencia p{font-size: 20px; font-family: 'Roboto', sans-serif; color: #63605D;}
 .stevia #consultas-frecuentes #equivalencia .equivalencia .deco{background-color: inherit; width: 30px;height: 30px;margin-left: 509px;margin-top: -27px;transform: rotateZ(45deg); }
 
 .stevia #investigaciones{padding-bottom: 100px}
 .stevia #investigaciones .background{background-image: URL('../img/stevia/doctora.jpg');height: 600px; background-position: -60px 0}
 .stevia #investigaciones .titulo{font-size: 35px; padding-top: 24px}
 .stevia #investigaciones .left{width: 830px; display: inline-block; vertical-align: top;}
 .stevia #investigaciones .left p{text-align: justify; padding-left: 50px}
 .stevia #investigaciones .right{width: 314px; display: inline-block; vertical-align: top; text-align: center; margin-left: 70px; padding-top: 85px}
 .stevia #investigaciones .right .destacado{background-color: #dbdb37; padding: 30px; text-align: left; width: 314px}
 .stevia #investigaciones .right .destacado:before{content: ''; display: block; position: absolute; background-image: URL('../img/stevia/destacado-borde.png');width: 314px;height: 41px;margin-top: -60px;margin-left: -30px; background-position: -1px 0;}
 .stevia #investigaciones .right .destacado:after{content: ''; display: block; position: absolute; background-image: URL('../img/stevia/destacado-borde.png');width: 314px;height: 41px; transform: rotateZ(180deg);margin-top: 10px;margin-left: -30px;}
 .stevia #investigaciones .right .destacado p{font-family: 'Roboto', sans-serif; font-weight: 200; font-size: 30px; color: white;}
 .stevia #investigaciones .right img{margin-top: 10px}
 .stevia #investigaciones .right .aclaraciones p{font-size: 15px; font-family: 'Roboto', sans-serif; color: #63605D; text-align: left}
 
 .stevia #informacion-tecnica{padding-bottom: 50px; border-bottom: 0}
 .stevia #informacion-tecnica .background .imagen{width: 466px; height: 228px; position: absolute;    margin-top: 169px;}
 .stevia #informacion-tecnica .background .imagen:nth-child(1){left: 50%; margin-left: -1033px;background-image: URL('../img/stevia/foto-3.jpg')}
 .stevia #informacion-tecnica .background .imagen:nth-child(2){left: 50%; margin-left: 510px; background-image: URL('../img/stevia/foto-4.jpg')}
 .stevia #informacion-tecnica .titulo{font-size: 31px; padding-top: 31px;}
 .stevia #informacion-tecnica .container > p{color: #039047; font-family: 'Roboto', sans-serif; font-size: 33px; font-weight: 200; padding-bottom: 15px; padding-left: 50px; margin-top: 15px}
 .stevia #informacion-tecnica #tecnicas{padding-left: 50px}
 .stevia #informacion-tecnica .info-tec{width: 532px; height: 228px; padding-top: 65px; padding-left: 50px; display: inline-block; vertical-align: top}
 .stevia #informacion-tecnica #info-tec-1{background-color: #d3e059}
 .stevia #informacion-tecnica #info-tec-2{background-color: #77e8d2}
 .stevia #informacion-tecnica .info-tec h2{color: #6d6e70;font-size: 28px; font-family: 'Roboto', sans-serif; font-weight: 700; padding-bottom: 10px}
 .stevia #informacion-tecnica .info-tec p{color: #6d6e70;font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 700; line-height: 28px}
 

/*******************************************************
 **													  **
 **						RECETAS						  **
 **													  **
 ******************************************************/
 .recetas .titulo{width: 420px; height: 115px; background-image: URL('../img/stevia/titulo-stevia.png');margin-left: -45px;margin-top: -57px;padding-top: 21px;text-align: center;font-family: 'Amatic SC', cursive; font-size: 41px; font-weight: 700; color: #039047; letter-spacing: .05em}
 .recetas .titulo h1{font-size: 36px; padding-top: 10px}
 
 .recetas .top-content{height: 458px; background-position: center top}
 .recetas #recetas{background-color: #ede9e2; padding-bottom: 120px}
 .recetas #recetas .container{width: 1180px; font-size: 0}
 .recetas #recetas .titulo{position: absolute; font-size: 32px; padding-top: 28px}
 .recetas #recetas .receta{height: 609px; display: flex;}
 .recetas #recetas .receta .imagen{width: 590px; height: 609px;}
 .recetas #recetas .receta >div{display: inline-block; vertical-align: top}
 .recetas #recetas .receta .descripcion{width: 590px; height: 609px; padding-top: 235px}
 .recetas #recetas .receta .descripcion .nombre{color: white; text-align: center; font-family: 'Amatic SC', coursive; font-size: 34px; font-weight: 700; padding-bottom: 10px; text-transform: uppercase}
 .recetas #recetas .receta .descripcion .ver{padding-top: 8px; width: 160px; height: 40px; border: 2px solid white; margin: 0 auto; cursor: pointer}
 .recetas #recetas .receta .descripcion .ver p{text-align: center; color: white; font-size: 18px; font-family: 'Arial', sans-serif; letter-spacing: .05em; font-weight: bold}
 .recetas #recetas .rcontainer:nth-child(odd) .receta .imagen{order:1}
 .recetas #recetas .rcontainer:nth-child(odd) .receta .descripcion{order:2}
 .recetas #recetas .rcontainer:nth-child(even) .receta .imagen{order:2}
 .recetas #recetas .rcontainer:nth-child(even) .receta .descripcion{order:1}
 
 .recetas #cocinar{background-color: #ede9e2; padding-bottom: 5px}
 .recetas #cocinar .background{width: 100%;position: absolute;}
 .recetas #cocinar .background .imagen{width: 466px; height: 228px; position: absolute;    margin-top: 0;}
 .recetas #cocinar .background .imagen:nth-child(1){left: 50%;margin-left: -973px;background-image: URL('../img/recetas/foto-5.jpg');width: 470px;height: 517px;}
 .recetas #cocinar .background .imagen:nth-child(2){left: 50%;margin-left: 590px;background-image: URL('../img/recetas/foto-6.jpg');width: 470px;height: 517px;}
 .recetas #cocinar .container{width: 1180px; font-size: 0}
 .recetas #cocinar .container > .titulo{font-size: 32px; padding-top: 27px; position: absolute;}
 /*.recetas #cocinar p.intro{font-size: 21px; font-family: 'Roboto', sans-serif; color: #2b2a28; line-height: 25px; font-weight: 100; margin-bottom: 15px}*/
 .recetas #cocinar p{font-size: 16px; font-family: 'Roboto', sans-serif; color: #2b2a28; line-height: 25px;}
 .recetas #cocinar .left{width: 565px; display: inline-block; vertical-align: top; padding-left: 20px; padding-top: 80px}
 .recetas #cocinar .right{width: 560px; display: inline-block; vertical-align: top; padding-top: 80px}
 .recetas #cocinar .right img{margin-top: -80px; margin-left: 30px}
 .recetas #cocinar .right h2{font-family: 'Roboto', sans-serif;
    color: #009345;
    font-weight: 700;
    font-size: 16px;
    margin-left: 45px;
    border-bottom: 1px solid rgba(0, 147, 69, 0.28);
    width: 523px;
    padding-bottom: 8px;
	margin-bottom: 10px}
 .recetas #cocinar #conversiones{    margin-left: 45px;width: 530px;}
 .recetas #cocinar #conversiones .conversion{color: #5ba010; font-size: 14px; font-family: 'Roboto', sans-serif; border-bottom: 1px dashed white; line-height: 34px}
 .recetas #cocinar #conversiones .conversion:last-child{border:none}
 
 .recetas .desarrollo{width: 100%;height: auto;display: block;background: white;padding: 30px;}
 .recetas .desarrollo .title{text-align: center}
 .recetas .desarrollo h2{font-size: 30px;font-family: 'Amatic SC', coursive;padding-top: 20px;padding-bottom: 5px;}
 .recetas .desarrollo li, .recetas .desarrollo p{font-size: 16px;font-family: 'Roboto', sans-serif;color: #2b2a28;padding-left: 25px; line-height: 25px}
 .recetas .desarrollo li{line-height: 27px;}
 .recetas table{font-size: 16px;font-family: 'Roboto', sans-serif;line-height: 29px;width: 50%; margin-left:25px; margin-top: 10px}
 .recetas table thead tr:nth-child(1) td {padding-top: 15px;padding-bottom: 15px;background-color: rgba(186, 195, 56, 0.68);border: none;}
 .recetas table td{border: none;background: #fff;border-bottom: 2px solid rgba(186, 195, 56, 0.68);}
 .recetas table td:nth-child(1){padding-left: 15px;}
 
 .recetas .desarrollo.hidden{height: 0; overflow: hidden; padding: 0}
 .recetas .desarrollo{height: auto}
/*******************************************************
 **													  **
 **					PUNTOS DE VENTA					  **
 **													  **
 ******************************************************/
 #puntos-venta{height: 1075px}
 .puntos-venta .titulo{width: 420px; height: 115px; background-image: URL('../img/stevia/titulo-stevia.png');margin-left: -45px;margin-top: -57px;padding-top: 25px;text-align: center;font-family: 'Amatic SC', cursive; font-size: 32px; font-weight: 700; color: #159393; letter-spacing: .05em}
 .puntos-venta .top-content{height: 458px; background-position: center top}
 .puntos-venta .background{background-image: URL('../img/ptos-vta/pto_vta-fondo.jpg');height: 900px;background-position: center 0; width: 100%; position: absolute;z-index: -1; margin-top: 140px}
 .puntos-venta .intro{width: 470px}
 .puntos-venta .intro h3{font-family: 'Roboto', sans-serif; font-size: 30px; font-weight: 100; color: #8bc53f;}
 .puntos-venta .intro h3 strong{color: #159393}
 .puntos-venta .iconos{background-image: URL('../img/ptos-vta/pto_vta-iconos.png'); width: 300px; height: 80px; position: absolute;margin-top: -200px;left: 50%;margin-left: 65px; display: none}
 .puntos-venta .natural{background-image: URL('../img/100natural.png');
    border-radius: 50%;
    background-color: #bac338;
    background-position: center;
    width: 180px;
    height: 180px; position: absolute;margin-left: 50px}
 .puntos-venta .opcion{background-image: URL('../img/ptos-vta/pto_vta-circulo2.png'); width: 240px; height: 240px; position: absolute;left: 50%;margin-left: 10px;padding: 63px 45px;text-align: center;}
 .puntos-venta .opcion h3{font-family: 'Amatic SC', cursive;font-size: 24px;color: white;letter-spacing: .05em;line-height: 30px;}
 .puntos-venta .efectos{background-image: URL('../img/ptos-vta/pto_vta-circulo1.png');width: 308px;height: 308px;position: absolute;    padding: 50px 55px;text-align: center;margin-top: 370px;margin-left: -60px;border-radius: 50%;box-shadow: 0 0 10px;background-position: center;}
 .puntos-venta .efectos p{font-size: 22px;font-family: 'Amatic SC', cursive;font-weight: 700;color: #159393;}
 .puntos-venta .destacado{left: 50%; position: absolute; margin-left: 247px; margin-top: 46px; width: 340px; height: 533px;}
 .puntos-venta .destacado .hoja{background-image: URL('../img/ptos-vta/hojas-7.png'); width: 70px; height: 100px; position: absolute;}
 .puntos-venta .destacado .hoja.inverse{ transform: rotateZ(-180deg); margin-top: -50px; margin-left: 290px;}
 .puntos-venta .destacado p{padding-top: 110px; padding-left: 70px; font-family: 'Roboto', sans-serif; font-weight: 100; font-size: 20px; color: #159393; line-height: 39px;}
 
/*******************************************************
 **													  **
 **						CONTACTO					  **
 **													  **
 ******************************************************/
 .contacto .titulo{width: 400px; height: 115px; background-image: URL('../img/contacto/contacto-titulo.png');margin-left: -45px;margin-top: -57px;padding-top: 25px;text-align: center;font-family: 'Amatic SC', cursive; font-size: 35px; font-weight: 700; color: #58595b; letter-spacing: .05em}
 .contacto .titulo h1{font-size: 36px;padding-top: 8px;}
 .contacto .top-content{height: 458px; background-position: center top}
 .contacto .background{    
	
    width: 2050px;
    height: 900px;
    background-image: URL('../img/contacto/contacto-fondo.jpg'), URL('../img/contacto/contacto-fondo_der.jpg');
    background-position: top left, top right;
    z-index: -1;
    position: absolute;
	left: 50%;
	margin-left: -1025px;
}
	
.contacto .intro{width: 420px;
    height: 290px;
    position: absolute;
    background-image: URL('../img/contacto/contacto-caja.png');
    left: 50%;
    margin-left: 80px;
    margin-top: -200px;
    padding: 90px 70px;
    text-align: center;
	}
	.contacto .intro h3{    font-family: 'Amatic SC', coursive;
    font-size: 25px;
    color: #f5891e;
    line-height: 30px;
    letter-spacing: .05em;}
.contacto form{width: 1000px; font-size: 0; padding-top: 100px; padding-bottom: 100px}
.contacto form input[type="text"]{border: none; border-bottom: 1px solid rgba(45, 37, 30, 0.62); font-family: 'Amatic SC', coursive; font-size: 22px; letter-spacing: .05em; margin-bottom: 30px; width: 100%; color: #58595b; font-weight: 700}
.contacto form #nombre{
	    width: 49%;
    margin-right: 1%;
}
.contacto form #mail{width: 50%}
.contacto form #tel{margin-bottom: 70px}
.contacto form #mensaje{border: none;border-bottom: 1px solid #2d251e; font-family: 'Amatic SC', coursive; font-size: 22px; letter-spacing: .05em; margin-bottom: 30px; width: 100%; height: 146px; resize: none; font-weight: 700}
.contacto form #enviar{border: none; background: none; box-shadow: none; font-family: 'Amatic SC', coursive; font-size: 35px; letter-spacing: .05em; color: #58595b; font-weight: 700; background-image: URL('../img/contacto/flecha-naranja.png');background-position: bottom;padding-bottom: 25px;background-repeat: no-repeat; cursor: pointer}

@media all and (max-width: 1919px){
	.header .container{width: 1000px}
	.header .social-media{margin-left: 700px; padding-top: 40px;}
	.header .menu{margin-left: 325px; padding-top: 40px;}
	
	#lightbox.show{width: 1000px;height: 545px;margin-left: -500px;margin-top: -273px;}
	/* Stevia */
	.stevia #stevia .right{padding-left: 80px}
	.stevia #investigaciones .background{display: none}
	.stevia .background{display: none}
	.stevia #stevia #propiedades{ margin-left: 55px}
	
	/* Recetas */
	.recetas #cocinar .background{height: 517px; overflow: hidden}
	
	/* Puntos de venta */
	#puntos-venta{height: 900px}
	.puntos-venta .intro{width: 440px}
	.puntos-venta .intro h3{font-size: 28px}
	.puntos-venta .background{background-size: 1420px;background-position: center 6px;}
	.puntos-venta .natural{margin-left: 260px;margin-top: 0px;}
	.puntos-venta .opcion{margin-left: -30px;margin-top: -120px;}
	.puntos-venta .efectos{margin-top: 260px;margin-left: 30px;}
	.puntos-venta .destacado{width: 250px;margin-left: 183px;margin-top: 42px;}
	.puntos-venta .destacado p{font-size: 21px;line-height: 33px;padding-top: 10px;padding-left: 60px;}
	.puntos-venta .destacado .hoja{background-size: 50px}
	.puntos-venta .destacado .hoja.inverse{margin-top: -80px;margin-left: 200px;}
	/* Contacto */
	
	.contacto .background{width: 100%;height: 700px;margin-left: -50%;background-size: auto 100%;}
	.contacto .titulo{margin-left: 45px}
	.contacto .intro{margin-left: 180px}
	.contacto form{margin: 0 auto; padding-bottom: 25px; width: 750px}
}
@media all and (max-width: 1279px){
	.arrow-container{display: none;}

	.header .container{width: 900px}
	.header .menu{margin-left: 225px}
	.header .social-media{margin-left: 595px}
	.top-content .right .circle .circle-in .circle-back{width: 330px;height: 330px; background-position: center; background-size: 100%;}

	.container{width: 900px}
	/*.top-content .right .circle{margin-right: auto}*/
	.top-content{height: 850px}
	.top-content .right{margin-top: -690px}
	.top-content .right .right-back{width: 510px}
	.top-content .right .circle{width: 446px; height: 446px; margin-right: 30px}
	.top-content .right .circle .circle-in{width: 392px; height: 392px;}
	.top-content .right .circle .circle-in .destacado{width: 120px;height: 120px;margin-left: 270px;margin-top: -27px;background-size: 100%;}
	.top-content .right .circle .circle-in .destacado h2{font-size: 21px;padding-top: 49px;}
	.top-content .right .circle .circle-in { background-position: center; background-size: 100%}
	.top-content .left .info .title-wrapper{width: 510px; height: 85px}
	.top-content .left .info .title{ width: 510px; height: 450px; background-size: 450px;background-position:center 10px;}
	.top-content .left .info .title h1{padding-top: 0}
	.top-content{padding-top: 333px}
	.top-content .left .info .title .hojas-1-left {margin-left: 33px;margin-top: 8px;width: 50px;}
	.top-content .left .info .title .hojas-1-right {margin-left: 423px;margin-top: 8px;width: 50px;}
	.top-content .left .info .text{width: 430px;padding: 0px 40px;}
	.top-content .left .info .text .border{margin-left: -27px; height: 510px}
	.top-content .left .info .text .border.right{margin-left: 356px}
	.top-content .left .info .text p:nth-child(3){padding-top: 30px}
	.top-content .left .info .text{height: 460px}
	.bottom-content{height: 700px}
	.bottom-content .products{width: 900px; margin-left: -450px}
	.bottom-content .products .circle-container{margin-top: -109px; width: 800px; height: 180px}
	.bottom-content .products .circle-container .wrapper .circle{width: 178px; height: 178px;margin-left:20px}
	.bottom-content .products .circle-container .wrapper .circle .inner-circle{width: 165px;height: 165px;background-size: 90px}
	.bottom-content#productos .container{width: 900px}
	.bottom-content .f-bottom{margin-left: -445px}
	.bottom-content .container{margin-top: 130px}
/* 	#c-4 .inner-circle{background-size: 38%}
 */	#c-3 .inner-circle{background-size: 38%}
	#lightbox.show {width: 100%;margin-left: 0;left: 0;}
	
	/* Interiores */
	.container{width: 900px}
	.stevia .titulo{margin-left: -40px}
	.stevia .top-content{height: 0}
	.stevia #stevia{padding-bottom: 150px}
	.stevia #stevia .left{width: 390px}
	.stevia #stevia .right{width: 505px; padding-left: 20px}
	.stevia #stevia #propiedades{margin-left: 20px; overflow: hidden}
	
	.stevia #consultas-frecuentes{padding-bottom: 100px}
	.stevia #consultas-frecuentes #sugerencia{margin-top: 67px}
	.stevia #consultas-frecuentes #equivalencia{margin-left: 20px;width: 420px;}
	
	.stevia #investigaciones .left{width: 510px}
	.stevia #investigaciones .left p{padding-left: 0}
	.stevia #investigaciones .right .destacado p{font-size: 25px; line-height: 30px}
	
	.stevia #informacion-tecnica #tecnicas{font-size: 0; padding-left: 0}
	.stevia #informacion-tecnica .info-tec{width: 450px; height: 208px; padding-top: 55px}
	.stevia #informacion-tecnica .info-tec h2{font-size: 24px}
	.stevia #informacion-tecnica .info-tec p{font-size: 14px}
	
	.recetas .top-content{height: 0}
	.recetas .titulo{margin-left: 0}
	.recetas #cocinar{padding-bottom: 70px}
	.recetas #cocinar .background{display: none}
	.recetas #cocinar .container{width: 900px}
	.recetas #cocinar .left{padding-left: 0; width: 450px}
	.recetas #cocinar .right{width: 450px}

	.recetas #recetas .container{width: 900px}
	.recetas #recetas .receta{height: auto}
	.recetas #recetas .receta .descripcion,
	.recetas #recetas .receta .imagen{width: 450px; height: 450px}
	.recetas #recetas .receta .descripcion{padding-top: 165px}
	.puntos-venta .top-content{height: 0}
	.puntos-venta .intro h3{font-size: 28px}
	.puntos-venta .background{background-position: center 0px;}
	.puntos-venta .iconos{margin-top: -192px;margin-left: 60px;}
	.puntos-venta .natural {margin-left: 50px;margin-top: 20px;}
	.puntos-venta .opcion {margin-left: -50px;margin-top: -70px;}
	
	.contacto .top-content{height: 0}
	.contacto .background{background-size: 140px auto;background-repeat-y: repeat;}
	.contacto .intro{margin-left: 80px}
	.footer .container{text-align: center}
}
@media all and (max-width: 1279px) and (min-width: 1024px){
	.stevia #stevia #beneficios{width: 505px; height: 370px; padding-top: 10px;background-position: 7px 70px;background-size: 500px;}
	.stevia #stevia #beneficios .lista li:nth-child(2){margin-top: 15px}
	.stevia #stevia #beneficios .lista li:nth-child(3){margin-top: 6px}
	.stevia #stevia #beneficios .lista li:nth-child(4){margin-top: 8px}
	.stevia #stevia #beneficios .lista li:nth-child(5){margin-top: 9px}
	.stevia #stevia #beneficios .lista li:nth-child(6){margin-top: 4px}
	.stevia #stevia #beneficios .lista li:nth-child(7){margin-top: 9px}
	.stevia #stevia #beneficios .lista li:nth-child(8){margin-top: 2px}
	.stevia #stevia #beneficios .lista li:nth-child(9){margin-top: 6px}
	.stevia #stevia #beneficios .titulo h2{font-size: 35px}
	
	.stevia #consultas-frecuentes #sugerencia{width: 455px; margin-top: 67px}
	.stevia #consultas-frecuentes #sugerencia p{width: 420px}
	.stevia #consultas-frecuentes #equivalencia .equivalencia{padding-left: 15px; width: 433px; margin-top: 15px}
	.stevia #consultas-frecuentes #equivalencia .equivalencia p{font-size: 16px}
	.stevia #consultas-frecuentes #equivalencia .equivalencia .deco{margin-left: 403px}
	
	.recetas #cocinar .right img{margin-left: 20px;width: 470px;}
}
@media all and (max-width: 1023px){
	.header{height: 170px}
	.header .logo{width: 100px;}
	.top-content,
	.stevia .top-content,
	.recetas .top-content,
	.puntos-venta .top-content,
	.contacto .top-content	{    background-position: 67% top;}
	.header .container{width:680px; height: auto}
	.header .social-media {margin-left: 150px;margin-top: 50px;}
	.header .menu{margin-top: 127px;    margin-left: 0;}
	.container{width: 680px}
	.top-content{height: 980px; padding-top: 343px}
	.top-content .left .info .title-wrapper{width: 510px;height: 85px;margin-top: 120px;margin-left: auto;margin-right: auto;}
	.top-content .left .info .text{margin: 0 auto;margin-top: -10px;width: 380px;}
	.top-content .left .info .text .border{margin-left: -57px;}
	.top-content .left .info .text .border.right{margin-left: 326px;}
	.top-content .left .info .text .dots{margin-top: 30px}
	.top-content .right {margin-top: -850px;}
	.top-content .right .circle{margin-right: auto}
	.top-content .right .right-back .floating {padding-top: 20px;padding-left: 380px;}
	.top-content .right-back .floating img{margin-left: 40px}
	.floating h3{font-size: 25px}
	.top-content .right .right-back .hojas{margin-left: -180px}
	.bottom-content .products {width: 680px;margin-left: -340px;}
	.bottom-content .products .circle-container {width: 600px;}
	.bottom-content#productos .container{width: 680px}
	.bottom-content .container .bottom-info{padding-top: 5px}
	.bottom-content .container .bottom-info:nth-child(1){width: 250px}
	.bottom-content .container .bottom-info:nth-child(3) {width: 250px;padding-left: 25px;padding-right: 10px;}
	.bottom-content .container .bottom-info:nth-child(5) {width: 295px;padding-left: 15px;}
	.bottom-content .f-bottom{margin-left: -335px}
	.bottom-content .container .vertical-separator{height: 318px}
	
	.stevia #stevia{padding-bottom: 70px}
	.stevia #stevia .left{width: 100%; padding-bottom: 180px;}
	.stevia .titulo {margin-left: auto;margin-right: auto;}
	.stevia #stevia .right{width: 100%; padding-left: 0}
	.stevia #stevia #beneficios{margin: 0 auto; margin-top: 50px;}
	.stevia #stevia #propiedades{margin-left: auto; margin-right: auto; margin-top: 25px}
	.stevia #consultas-frecuentes #sugerencia{margin-left: auto;margin-right: auto;display: block;}
	.stevia #consultas-frecuentes #equivalencia{width: 535px;margin-left: auto;margin-right: auto;display: block; margin-top: 45px}
	.stevia #consultas-frecuentes #equivalencia h1,
	.stevia #consultas-frecuentes #equivalencia h2{text-align: center}
	
	.stevia #investigaciones .left{width: 100%}
	.stevia #investigaciones .right{width: 100%; margin-left: 0}
	.stevia #investigaciones .right .destacado{display: inline-block}
	.stevia #investigaciones .right img {margin-left: 90px;}
	.stevia #investigaciones .right .aclaraciones{margin-top: 20px;}
	.stevia #investigaciones .right .aclaraciones p{text-align: center}
	.stevia #informacion-tecnica .container > p{padding-left: 0;text-align: center;line-height: 35px;}
	.stevia #informacion-tecnica .info-tec{width: 340px; padding-top: 25px; padding-left: 25px}
	.stevia #informacion-tecnica .info-tec h2{width: 270px; padding-bottom: 15px}
	.stevia #informacion-tecnica .info-tec p{width: 270px}
	
	.recetas #cocinar .container{width: 680px}
	.recetas #cocinar .container > .titulo{margin-left: 130px;}
	.recetas #cocinar .left,.recetas #cocinar .right{width: 100%}
	.recetas #cocinar .right img{display: block; margin: 0 auto}
	.recetas #recetas .container{width: 680px}
	.recetas #recetas .receta .descripcion, .recetas #recetas .receta .imagen{width: 340px; height: 340px;background-position: center;background-size: cover;}
	.recetas #recetas .receta .descripcion {padding-top: 115px;}
	.recetas #recetas .receta .descripcion .nombre{max-width: 300px;margin: 0 auto;display: block;}
	.recetas #recetas .titulo{margin-left: 180px;}
	
	#puntos-venta{height: 960px}
	.puntos-venta .background {background-position: 0 0;}
	.puntos-venta .titulo{margin-left: auto; margin-right: auto}
	.puntos-venta .intro h3 {font-size: 31px;width: 490px;}
	.puntos-venta .iconos {margin-top: -132px;margin-left: 140px;}
	.puntos-venta .natural {margin-left: 230px;margin-top: 80px;}
	.puntos-venta .opcion {margin-left: 160px;margin-top: -70px;}
	.puntos-venta .efectos {margin-top: 260px;margin-left: 0px;}
	.puntos-venta .destacado {width: 420px;margin-left: -30px;margin-top: 422px;height: auto;}
	
	.contacto .background {background-size: 40px auto;}
	.contacto .titulo {margin-left: auto;margin-right: auto;}
	.contacto .intro {display: none;}
	.contacto form{width:100%}
	.footer .container .copyright{width: 510px}
}
@media all and (max-width: 767px){
	.header .social-media .arrow-container{display: none;}

	.header{height: 150px}
	.header .menu{display: none}
	.header .menu-t{display: block}
	#resp-menu{display: block}
	#resp-menu ul{transition: height .6s ease-in;-webkit-transition: height .6s ease-in;-moz-transition: height .6s ease-in;-ms-transition: height .6s ease-in;height: 0px;overflow: hidden;}
	#resp-menu ul.show{height: 230px}
	#resp-menu li {padding-top: 10px;padding-bottom: 10px;text-align: center}
	#resp-menu ul li:nth-child(1){    background-color: #2cddc0;}
	#resp-menu ul li:nth-child(2){    background-color: #f8ee66;}
	#resp-menu ul li:nth-child(3){    background-color: #dbdb37;}
	#resp-menu ul li:nth-child(4){    background-color: #69b22f;}
	#resp-menu ul li:nth-child(5){    background-color: #ffc248;}
	#resp-menu a {text-decoration: none;color: #2C3F1E;font-size: 21px;line-height: normal;font-family: 'Amatic SC', cursive;font-weight: 600;letter-spacing: 1px;}
	.top-content, .stevia .top-content, .recetas .top-content, .puntos-venta .top-content, .contacto .top-content{ background-position: 67% top;background-size: 1030px;}
	.header .container{width: 500px}
	.container{width: 500px}
	.top-content{padding-top: 220px}
	.top-content .right .right-back{display: none}
	.bottom-content {height: 850px;}
	.bottom-content .products {width: 500px;margin-left: -250px;}
	.bottom-content .products .circle-container {width: 400px;}
	.bottom-content#productos .container {width: 500px;display: block;}
	.bottom-content .container .vertical-separator{display: none}
	.bottom-content .container .bottom-info:nth-child(1),
	.bottom-content .container .bottom-info:nth-child(3),
	.bottom-content .container .bottom-info:nth-child(5){width: 100%;border-bottom: 1px solid white;padding-bottom: 25px; text-align: center}
	.bottom-content .container .bottom-info:nth-child(3){padding-left: 0; padding-right: 0}
	.bottom-content .container .bottom-info:nth-child(5){border-bottom: none}
	.bottom-content .f-bottom {margin-left: -275px;margin-top: -80px;}
	#lightbox div{background-image: url(assets/img/productos/02_sobres.jpg);background-position: -29px -33px;background-size: 1210px;}
	
	.stevia #stevia #beneficios{margin-left: -43px}
	.stevia #consultas-frecuentes .preguntas{display: block}
	.stevia #consultas-frecuentes .pregunta{width: 100%}
	.stevia #consultas-frecuentes #sugerencia{margin-left: -22px}
	.stevia #consultas-frecuentes #equivalencia .equivalencia{margin-left: -35px}
	.stevia #investigaciones .right img {margin-left: auto;}
	.stevia #informacion-tecnica .info-tec {width: 100%;height: 188px;padding-top: 45px;padding-left: 45px;}
	.stevia #informacion-tecnica .info-tec h2,.stevia #informacion-tecnica .info-tec p{width: 100%;}

	.recetas #cocinar .container{width: 500px}
	.recetas #cocinar .container > .titulo {margin-left: 30px;}
	.recetas #cocinar .right{padding-top: 40px}
	.recetas #cocinar .right img{width: 100%}
	.recetas #recetas .container{width: 500px}
	.recetas #recetas .titulo{margin-left: 30px}
	.recetas #recetas .receta .descripcion, .recetas #recetas .receta .imagen{width: 250px;height: 250px;}
	.recetas #recetas .receta .descripcion{padding-top: 65px}
	.recetas #recetas .receta .descripcion .nombre{font-size: 30px; maxi-width: 200px}
	
	.puntos-venta .iconos{display: none}
	.puntos-venta .background{background-position: -90px 0;}
	.puntos-venta .opcion {margin-left: 60px;margin-top: -44px;}
	.puntos-venta .natural{display:none}
	.puntos-venta .efectos {margin-top: 270px;margin-left: -30px;}
	.puntos-venta .destacado {width: 260px;margin-left: 30px;}
	.puntos-venta .destacado p {font-size: 19px;line-height: 27px;padding-left: 50px;}
	.contacto form{padding-top: 10px}
	.contacto form #tel{margin-bottom: 30px}

	.footer .container .copyright {width: 330px;}
	
}
@media all and (max-width: 599px){
	.header .container{width: 400px}
	.header .social-media {margin-left: 170px;}
	.header .social-media div{display: block}
	.header .social-media .arrow-container{display: none;}
	.top-content{height: 700px}
	.top-content .right{display: none}
	.top-content .left .info .title-wrapper{margin-top: 8px; width: 450px;margin-left: -25px;}
	.top-content .left .info .title .hojas-1-left{margin-left: 0}
	.top-content .left .info .title .hojas-1-right{margin-left: 390px}
	.top-content .left .info .title{width: 440px}
	.top-content .left .info .text{height: 430px}
	.top-content .left .info .text .border{height: 450px}
	.top-content .left .info .text p{font-size: 16px;line-height: 21px;}
	.top-content .left .info .text .border.right{display: block}
	.top-content .left .info .text .dots{display: none}
	.bottom-content{height: 580px}
	.bottom-content .products{    width: 460px;margin-left: -230px;}
	.bottom-content .products .circle-container {width: 370px;margin-left: 35px}
	.bottom-content .products .circle-container .wrapper .circle {width: 168px;height: 168px;}
	.bottom-content .products .circle-container .wrapper .circle .inner-circle {width: 155px;height: 155px;}
	.bottom-content#productos .container{width:400px}
	.bottom-content .container{margin-top: 100px; padding-bottom: 0}
	.bottom-content .container .bottom-info h2{font-size: 31px}
	.bottom-content .container .bottom-info:nth-child(1), .bottom-content .container .bottom-info:nth-child(3), .bottom-content .container .bottom-info:nth-child(5){padding-bottom: 8px}
	.bottom-content .f-bottom{display: none}
	#lightbox.show {width: 480px;height: 465px;margin-left: -240px;left: 50%;}
	#lightbox div{background-position: -23px -27px;background-size: 966px;}
	
	.container{width: 400px}
	.stevia .titulo {background-size: 100%;margin-top: -43px;width: 320px;height: 90px;padding-top: 12px;}
	.stevia .texto{padding-top: 15px}
	.stevia .subtitulo{font-size: 20px}
	.stevia .subtitulo{font-size: 15px}
	.stevia #stevia .floating{background-position: 280px 40px;margin-top: 20px;}
	.stevia #stevia .floating h3{font-size: 25px}
	
	.footer{height: auto; }
	.footer .container{width: 450px;padding-bottom: 15px}
	.footer .container .separator{margin: 2px}
	.footer .container .copyright{width: 310px}
	
	
	.stevia #stevia #beneficios{width: 400px; height: 370px; padding-top: 10px;background-position: -13px 70px;background-size: 500px;display: block;margin-left: auto;padding-left: 0;}
	.stevia #stevia #beneficios .lista li:nth-child(2){margin-top: 15px}
	.stevia #stevia #beneficios .lista li:nth-child(3){margin-top: 6px}
	.stevia #stevia #beneficios .lista li:nth-child(4){margin-top: 8px}
	.stevia #stevia #beneficios .lista li:nth-child(5){margin-top: 9px}
	.stevia #stevia #beneficios .lista li:nth-child(6){margin-top: 4px}
	.stevia #stevia #beneficios .lista li:nth-child(7){margin-top: 9px}
	.stevia #stevia #beneficios .lista li:nth-child(8){margin-top: 2px}
	.stevia #stevia #beneficios .lista li:nth-child(9){margin-top: 6px}
	.stevia #stevia #beneficios .titulo{    background-image: none;padding-left: 0;width: 60%;margin: 0 auto;margin-top: -20px;margin-bottom: 20px;}
	.stevia #stevia #beneficios .titulo h2{font-size: 35px; text-align: center}
	.stevia #stevia #beneficios .lista {padding-left: 20px;}
	.stevia #stevia #propiedades{margin-left: -38px}
	.stevia #stevia #propiedades h3#p2,
	.stevia #stevia #propiedades h3#p1{margin-top: -222px}
	.stevia #stevia #propiedades h3#p6{margin-top: -80px}
	.stevia #stevia #propiedades h3#p4{margin-top: -91px}
	.stevia #stevia #propiedades h3#p3{margin-top: 47px}
	.stevia #stevia #propiedades h3#p5{margin-top: 34px}
	.stevia #stevia .floating{width: 400px}
	.stevia #consultas-frecuentes .titulo{padding-top: 12px}
	.stevia #consultas-frecuentes #sugerencia{margin-top: 27px;width: 445px;}
	.stevia #consultas-frecuentes #sugerencia p{font-size: 18px;width: 420px;}
	.stevia #consultas-frecuentes #equivalencia{width: 400px}
	.stevia #consultas-frecuentes #equivalencia h1{font-size: 17px}
	.stevia #consultas-frecuentes #equivalencia h2{font-size: 20px}
	.stevia #consultas-frecuentes #equivalencia .equivalencia{padding-left: 15px; width: 433px; margin-top: 15px; margin-left: -25px}
	.stevia #consultas-frecuentes #equivalencia .equivalencia p{font-size: 16px}
	.stevia #consultas-frecuentes #equivalencia .equivalencia .deco{margin-left: 403px}
	.stevia .titulo h1{padding-top: 10px}
	.stevia #informacion-tecnica .titulo{padding-top: 13px}
	
	.puntos-venta .titulo{font-size: 30px; padding-top: 30px}
	.puntos-venta .intro{width: 400px}
	.puntos-venta .intro h3 {font-size: 26px;line-height: 37px;width: 410px;}
	.puntos-venta .opcion {margin-left: -10px;margin-top: -24px;}
	.puntos-venta .efectos{width: 268px;height: 268px;padding: 50px 55px;}
	.puntos-venta .efectos p{font-size: 18px}
	.puntos-venta .destacado{margin-left: 40px; width: 180px}
	.puntos-venta .destacado .hoja{background-size: 30px}
	.puntos-venta .destacado p {font-size: 16px;line-height: 22px;padding-left: 30px;}
	.puntos-venta .destacado .hoja.inverse{margin-left: 110px; margin-top: -100px}
	
	.recetas #cocinar .container{width: 400px}
	.recetas #recetas .container{width: 400px}
	.recetas #cocinar .container > .titulo{margin-left: -16px}
	.recetas .desarrollo{padding: 15px}
	.recetas #recetas .receta {display: block}
	.recetas #recetas .titulo{margin-left: -15px}
	.recetas #recetas .receta .descripcion{padding-top: 145px}
	.recetas #recetas .receta .descripcion, .recetas #recetas .receta .imagen {width: 400px;height: 400px;}
	.recetas table{margin-left: 0; width: 100%}
	
}
@media all and (max-width: 479px){
	.header{height: 170px;}
	.header .container{width: 310px}
	.header .logo {margin-left: -5px}
	.header .social-media{margin-left: 130px;width: 140px}
	.header .social-media div{width: 200px; display: flex;}
	.header .social-media .arrow-container{display: none;}
	.container{width: 310px}
	.top-content .left .info .title-wrapper{width: 310px;margin-left: 0; margin-top: 22px; height:50px}
	.top-content .left .info .title{width: 310px;background-size: 100%; padding-top: 23px; height: 100px}
	.top-content .left .info .title h1{font-size: 28px}
	.top-content .left .info .title .hojas-1-right, .top-content .left .info .title .hojas-1-left{display:none}
	.top-content .left .info .text{width: 310px; padding-top: 35px}
	.top-content .left .info .text .border{margin-left: -37px}
	.top-content .left .info .text .border.right{margin-left: 244px}
	.bottom-content .products{    width: 320px;margin-left: -160px;}
	.bottom-content .products .circle-container{width: 190px; margin-left: 60px}
	.bottom-content#productos .container{width: 300px}
	.bottom-content {height: 650px;}
	#lightbox.show {    width: 320px;
    height: 313px;
    margin-left: -160px;
    left: 50%;}
	#lightbox div{    background-position: -17px -18px;
    background-size: 649px;}
	
	.stevia .titulo{padding-top: 20px; width: 310px}
	.stevia .texto{padding-left: 15px; padding-right: 15px}
	.stevia #stevia .left{padding-bottom: 90px}
	.stevia #stevia .floating{width: 300px; background:none}
	.stevia #stevia .floating h3{font-size: 23px; padding-left: 15px}
	.stevia #stevia #beneficios{ background: none; width: 310px}
	.stevia #stevia #beneficios .titulo{width: 100%; padding-top: 15px}
	.stevia #stevia #beneficios .titulo h2{font-size: 26px}
	.stevia #stevia #propiedades{margin-left: auto; width: 310px; background-size: 100%; background-position: center top; height: 300px}
	.stevia #stevia #propiedades .propiedad{font-size: 15px; line-height: 16px}
	.stevia #stevia #propiedades .titulo{font-size: 31px;margin-top: 130px;width: 310px}
	.stevia #stevia #propiedades h3#p2, .stevia #stevia #propiedades h3#p1{margin-top: -169px; width: 80px}
	.stevia #stevia #propiedades h3#p1{    margin-left: 70px;}
	.stevia #stevia #propiedades h3#p2{    margin-left: 166px;}
	.stevia #stevia #propiedades h3#p6 {margin-top: -76px;margin-left: 2px;}
	.stevia #stevia #propiedades h3#p4{margin-top: -84px;margin-left: 219px;width: 80px;}
	.stevia #stevia #propiedades h3#p3{margin-top: 7px; margin-left: 61px;}
	.stevia #stevia #propiedades h3#p5{    margin-top: -1px;    margin-left: 165px;width: 85px;font-size: 13px;letter-spacing: .05em;}
	.stevia .titulo h1{font-size: 31px; padding-top: 11px}
	.stevia #consultas-frecuentes .preguntas{padding-left: 15px; padding-right: 15px}
	.stevia #consultas-frecuentes #sugerencia {margin-top: 27px;width: 300px;margin-left: auto;}
	.stevia #consultas-frecuentes #sugerencia p{    font-size: 15px;width: 270px;}
	.stevia #consultas-frecuentes #sugerencia h1{    font-size: 16px;width: 260px;}
	.stevia #consultas-frecuentes #equivalencia{width: 310px;    padding-left: 15px;padding-right: 15px;overflow: hidden}
	.stevia #consultas-frecuentes #equivalencia h2{padding-top: 10px}
	.stevia #consultas-frecuentes #equivalencia .equivalencia p{font-size: 12px}
	.stevia #consultas-frecuentes #equivalencia .equivalencia .deco{display: none}
	.stevia .titulo h1{padding-top: 0}
	.stevia #investigaciones .titulo{margin-left: -17px}
	.stevia #investigaciones .left {padding-left: 15px;padding-right: 15px;}
	.stevia #investigaciones .right .destacado{width: 310px}
	.stevia #investigaciones .right .destacado:before,
	.stevia #investigaciones .right .destacado:after{width: 310px}
	.stevia #informacion-tecnica .container > p{font-size: 29px}
	.stevia #informacion-tecnica .info-tec {height: 148px;padding-top: 15px;padding-left: 15px;}
	
	.puntos-venta .background {background-position: -90px -70px;}
	.puntos-venta .titulo{width: 300px;background-size: 100%;font-size: 25px;padding-top: 20px; margin-top: -40px; height: 80px}
	.puntos-venta .intro {width: 310px;padding-left: 10px;}
	.puntos-venta .intro h3 {font-size: 19px;line-height: 30px;width: 280px;}
	.puntos-venta .opcion {background-image: URL('../img/ptos-vta/pto_vta-circulo2.png');width: 200px;height: 200px;position: absolute;left: 50%;margin-left: 10px;padding: 45px 40px;text-align: center;background-size: 100%;    margin-left: -40px;}
	.puntos-venta .opcion h3{font-size: 18px}
	.puntos-venta .efectos{    margin-left: -134px;left: 50%;}
	.puntos-venta .destacado{width: 100%; left: 0; margin-left: 0; margin-top: 550px}
	.puntos-venta .destacado p{    padding-right: 30px;}
	.puntos-venta .destacado .hoja.inverse{margin-left: 250px}
	
	
	.recetas #cocinar .container{width: 310px}
	.recetas #cocinar .container > .titulo {margin-left: 0;width: 300px;background-size: 100%;padding-top: 10px}
	.recetas .titulo h1 {font-size: 31px;padding-top: 14px;}
	.recetas #cocinar .left{padding-top: 30px;padding-left: 15px;padding-right: 15px;}
	.recetas #recetas .titulo{    width: 300px;background-size: 100%;margin-left: 0;padding-top: 10px}
	.recetas #recetas .container{width: 310px}
	.recetas #recetas .receta{display: block}
	.recetas #recetas .receta .descripcion, .recetas #recetas .receta .imagen {width: 310px;height: 310px;}
	.recetas #recetas .receta .descripcion {padding-top: 105px;}
	.recetas .desarrollo h2{font-size: 24px}
	.recetas .desarrollo li, .recetas .desarrollo p{font-size: 14px}
	.recetas .desarrollo li {line-height: 24px;}
	
	.footer{height: auto}
	.footer .container{width: 320px}
	.footer .container img{display: block; margin: 0 auto}
	.footer .container .separator{display: none}
	.footer .container .copyright{padding-top: 15px;text-align: center; padding-bottom: 15px}
}