@font-face {  font-family: 'LusoHand'; src: url('../fonts/359C9D_0_0.eot'); src: local('WorstveldHand'), url('../fonts/359C9D_0_0.eot?#iefix') format('embedded-opentype'),  url('../fonts/359C9D_0_0.woff2') format('woff2'), url('../fonts/359C9D_0_0.woff') format('woff'), url('../fonts/359C9D_0_0.ttf') format('truetype');}

body {
	font-family: 'LusoHand','Papyrus', fantasy;
	font-size: 24px;
	background: #222 url(../img/fondolino.png);
    }

p {
    line-height:120%;
    max-width:620px;
}
.mini {
    font-size:70%; margin:-10px; line-height:90%;
}
.jtf { text-align: justify;}
.global-container {
	overflow-x: hidden;
}

@media (min-width: 1900px) {
	.global-container {
		max-width: 1900px;
        font-size: 26px;
		margin: 20px auto;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
	}
}

@media (max-width: 991px) {
	.global-container {
        font-size: 22px;
		margin: 10px auto;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
	}
  body, * { line-height:105%; }
}


div[class*="section-"] {
	position: relative;
}

.btn { font-size:150%;}
.btn.btn-sol {
	color: #333;
	background: yellow;
	padding: 0px 20px;
    
}

.btn.btn-luna {
	color: white;
	background: #c55f63;
	padding: 0px 20px;
}

.btn.btn-sorteo {
	color: white;
	background: #4a8739;
	padding: 2px 20px;
	margin-top: -5px;
}

h1 { font-size: 180%;}
h2 { font-size: 160%; }
h3 { font-size: 140%;}
h4 { font-size: 120%;}



@media (max-width: 1170px) {
	.global-container {
		margin: 0 auto;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.container {
	    width: 100%;
	}
}


/**
 * SECTION 1 - SOL LUNA
 */

.section-1 {
	background: url(../img/fondo-sol-luna_BOTTOM.jpg);
	background-size: 100% 100%;
	padding-bottom: 55%;
}

.section-1 img.background {
	width: 100%;
	z-index: 1;
}

.section-1 img.sol-anim, .section-1 img.luna-anim {
	position: absolute;
	top: 100px;
	width: 100%;
	max-width: 200px;
	z-index: 2;
	left: 50%;
	visibility: hidden;
}

.section-1 img.bio-kombucha {
	position: absolute;
	top: 70px;
	width: 25%;
	left: 50%;
	margin-left: -12.5%;
	z-index: 3;
}

.section-1 .an15 {
	position: absolute;
	top: 26%;
	right: 8%;
	width: 15%;
    text-align:center;
    
}
 .section-1 .an15 a { 
    color:white!important;
 }
 .section-1 .an15 h4 { 
    line-height: 80%;
    margin:5px 0;
 }

.section-1 .an15 img {
    width: 90%;
    }

.section-1 img.solylunatexto {
	position: absolute;
	bottom: 15%;
	width: 25%;
	left: 50%;
	margin-left: -12.5%;
	z-index: 3;
	visibility: hidden;
}

.section-1 img.sol-anim {
    margin-top: -110px;
    margin-left: -25.7%;
    max-width: 30%;
}

.section-1 img.luna-anim {
	margin-top: -108px;
    margin-left: -4.4%;
    max-width: 18.1%;
}

@media (max-width: 991px) {
	.section-1 {
		background-size: cover;
		background-position-x: 90%;
	}

	.section-1 img.bio-kombucha {
		top: 14%;
	}

	/*.section-1 img.sello {
		width: 20%;
		bottom: 0;
		left: auto;
	}

	.section-1 img.bio-kombucha, .section-1 img.solylunatexto {
		width: 40%;
		margin-left: -20%;
	}*/
}

@media (max-width: 991px) and (orientation:portrait) {
	.section-1 {
		height: 100%;
		padding-top: 8%;
	}

	.section-1 img.sol-anim, .section-1 img.luna-anim { 
		top: 50%;
	}

	.section-1 img.sol-anim {
	    max-width: 47%;
	    top: 40.5%;
	    margin-left: -41%;
	}

	.section-1 img.luna-anim {
		max-width: 28.1%;
		margin-left: -7.5%;
		top: 40.5%;
	}

	.section-1 img.sello {
		top: 35%;
		right: 5%;
	}

	.section-1 img.bio-kombucha {
		width: 70%;
	    display: block;
	    margin: 0 auto;
	    position: initial;
	    margin-top: 35px;
	}

	.section-1 img.solylunatexto {
		width: 60%;
		margin-left: -30%;
		bottom: 10%;
	}
}



/**
 * SECTION 2 - SOL
 */

.section-2 {
	background: url(../img/fondo-sol.jpg);
	background-size: 100% 100%;
	padding-bottom: 2%;
	padding-top: 10%;
}

.section-2 .onda {
	background: url(../img/onda-banners.png);
    background-size: 100% 100%;
    height: 40px;
    margin-bottom: 6%;
    position: absolute;
    top: -39px;
    width: 100%;
    background-repeat: no-repeat;
}

.section-2 img.biologo {
	width: 100%;
}

.section-2 img.botellasol {
	width: 100%;
	max-width: 400px;
}

.section-2 p {
	margin: 25px 0;
}

.section-2 .left {
	text-align: right;
}

.section-2 .right {
	text-align: center;
}


@media (max-width: 991px) {
	.section-2 {
		background-size: cover;
		background-position-x: 60%;
	}

	.section-2 .onda {
		height: 57px;
		top: -56px;
		background-size: cover;
		background-position-x: 60%;
	}

	.section-2 img.botellasol {
		max-width: 200px;
	}
	
	.section-2 .left {
		text-align: center;
	}

	.section-2 img.biologo {
		max-width: 200px;
		margin: 0 auto;
	}
}



/**
 * SECTION 3 - LUNA
 */

.section-3 {
	background: url(../img/fondo-luna.jpg);
    background: url(../img/fondo-luna-sangre.jpg);  
	background-size: cover;
	padding-top: 12%;
	padding-bottom: 10%;
	color: white;
    z-index: 3;
}


.section-3 img.biologo {
	width: 100%;
}

.section-3 img.botellaluna {
	width: 100%;
	max-width: 400px;
}

.section-3 p {
	margin: 30px 0;
}

.section-3 .left {
	text-align: center;
}

.section-3 .right {
	text-align: left;
}

.section-3 * {
	z-index: 2;
}

.section-3 img.puntos-luna {
	position: absolute;
	width: 100%;
	top: 10%;
	left: 0;
	z-index: 1;
}


@media (max-width: 991px) {
	.section-3 {
		background-size: cover;
		background-position-x: 10%;
	}

	.section-3 img.botellaluna {
		max-width: 200px;
	}
	
	.section-3 .left, .section-3 .right {
		text-align: center;
	}

	.section-3 img.biologo {
		max-width: 200px;
		margin: 0 auto;
		display: block;
	}

	.section-3 img.puntos-luna { 
		height: 80%;
	}
}





/**
 * SECTION 4 - SORTEO
 */

.section-4 {
	/* background: url(../img/fondo_sorteo.jpg); */
    background: url(../img/fondo-sol.jpg);
	background-size: cover;
	padding-top: 5%;
	padding-bottom: 3%;
	border-top: 8px solid #ffe787;
}

.section-4 .sorteo {
	color: #47443b;
	background: #ffe787;
	font-size: 35px;
	width: 150px;
	margin-left: -75px;
    padding: 60px 0px 10px 0px;
    text-align: center;
    border-radius: 100%;
	position: absolute;
    top: -70px;
    left: 50%;
}

.section-4 .base {
	background: url(../img/base_sorteo.png);
	background-size: 100% 100%;
	padding-bottom: 60px;
	padding-top: 80px;
}

.section-4 img.sello {
	width: 100%;
	max-width: 220px;
}

.section-4 form input, .section-4 form textarea {
	width: 100%;
	margin-bottom: 5px;
	border: 0px;
	resize: none;
	padding: 4px 8px;
}


.section-4 form ::placeholder, .section-4 form ::-ms-input-placeholder, , .section-4 form ::-ms-input-placeholder {
	color: #efefef;
}


@media (max-width: 991px) {
	.section-4 img.sello {
		max-width: 120px;
		display: block;
		margin: 0 auto;
		margin-top: 40px;
	}

	.section-4 .text-right {
		text-align: center !important;
	}

	.section-4 form {
		margin-bottom: 50px;
	}

	.section-4 .base {
		background-size: cover;
	}
}



/**
 * SECTION 5 - PROPIEDADES
 */

.section-5 {
	background: url(../img/fondo_propiedades.jpg);
    background-size: 100% 100%;
	padding-top: 8%;
	padding-bottom: 5%;
}

.section-5 .circulo {
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -40px;
    margin-left: -40px;
    background: url(../img/base-icon-propiedades.jpg);
   	background-size: 100% 100%;
}

.section-5 .circulo img {
	width: 90px;
	padding: 20px 15px;
}

.section-5 h3 {
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: center;
}

.section-5 h3:first-of-type {
	margin-top: 10px;
}

.section-5 p {
	padding: 10px 10px 0 10px;
  
}

.section-5 h2 {
	text-align: center;
	margin-top: -30px;
	padding-bottom: 3%;
	position: relative;
	z-index: 1;
}

@media (max-width: 991px) {
	.section-5 h2 {
		margin-top: 20px;
	}

	.section-5 p {
		text-align: center !important;
	}
}

/**
 * SECTION 6 - INGREDIENTES
 */

.section-6 {
	background: url(../img/fondo_ingredientes.jpg);
    background-size: 100% 100%;
	padding-top: 5%;
	padding-bottom: 5%;
}

.section-6 .circulo {
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -40px;
    margin-left: -40px;
    background: url(../img/base-icon-ingredientes.jpg);
    background-size: 100% 100%;
}

.section-6 .circulo img {
	width: 90px;
	padding: 20px 15px;
}

.section-6 h2 {
	text-align: center;
	margin-top: -20px;
	padding-bottom: 1%;
	position: relative;
	z-index: 1;
}

.section-6 p { margin:0 auto; }
    
.section-6 img.vaso {
	width: 100%;
    max-height:500px;
	visibility: hidden;
}

.section-6 img.vaso.luna {
	margin-top: 20px;
}


.section-6 .t-l {
	position: absolute;
    top: 40%;
    left: -40%;
    width: 250px;
}

.section-6 .t-r {
    position: absolute;
    top: 0;
    right: -30%;
    width: 200px;
    text-align: right;
}


@media (max-width: 991px) {
	.section-6 h2 {
		margin-top: 20px;
	}

	.section-6 img.vaso {
		max-width: 250px;
		margin: 0 auto;
		display: block;
	}

	.section-6 .t-l, .section-6 .t-r {
		position: inherit;
		width: 100%;
		left: 0;
		text-align: center;
		margin-top: 20px;
	}

	.section-6 img.vaso.luna {
		margin-top: 0;
	}

}



/**
 * SECTION 7 - FÁBRICA
 */
.section-7 {
	background: url(../img/fondo_propiedades.jpg);
    background-size: 100% 100%;
	padding-top: 5%;
	padding-bottom: 5%;
    font-size:110%;
    text-align:justify center;
}

.section-7 img.quiero-kombucha {
	margin: 0 auto;
	display: block;
	max-width: 200px;
}

.section-7 img.sellos {
	margin: 0 auto;
	display: block;
	max-width: 360px;
}

.section-7 .circulo {
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -40px;
    margin-left: -40px;
    background: url(../img/base-icon-propiedades.jpg);
    background-size: 100% 100%;
    width: 85px;
}

.section-7 .circulo img {
	width: 60px;
	padding: 20px 15px;
}

.section-7 h2 {
	text-align: center;
	margin-top: -20px;
	margin-bottom: 3%;
	position: relative;
	z-index: 1;
}

.section-7 h2 a {
	color: #333;
	text-decoration: none !important;
}

.section-7 .text-justify a {
	color: #333 !important;
	text-decoration: underline;
	
	width: 100%;
}

@media (max-width: 991px) {
	.section-7 h2 {
		margin-top: 20px;
	}

	.section-7 img.sellos {
		max-width: 100%;
	}
}




/**
 * SECTION 8 - BOTELLAS
 */

.section-8 {
	background: white;
	padding-bottom: 40px;
}

.section-8 .circulo {
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -25px;
    margin-left: -45px;
    background: white;
    margin-bottom: 2%;
}

.section-8 .circulo img {
	width: 90px;
	padding: 20px 15px;
}



.pdview {
    margin:5px auto;
    padding:20px 40px;
    text-align:center;
    border:1px solid #8da820;
    border-radius:24px;
    line-height:100%;
}
.price {
    color:#8da820;
    margin-left:20px;
}

.section-8 img.product {
    width:100%;
	max-width: 420px;
}



.section-8 .btn  {
	margin: 0 auto;
    color: white;
	background: #8da820;
	padding:5px 20px; 
	width: 100%;
	max-width: 200px;
	display: block;
	margin-top: 10px;
	font-size:100%;
}

.section-8 .sellos {
	text-align: center;
	margin-top: 70px;
	margin-bottom: 40px;
}

.section-8 .sellos img {
	height: 64px;
}

@media (max-width: 991px) {
	.section-8 .product {
		max-width: 200px;
		display: block;
		margin: 20px auto;
		margin-top: 40px !important;
	}

	.section-8 .sellos {
		margin-top: 0;
		padding-top: 70px;
	}

}




/**
 *
 */

@media (max-width: 992px) {
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
}








/**
 * NAVBAR
 */

.navbar {
	background: #222 url(../img/fondolino.png);
	border-radius: 0px;
	border: 0;
	margin-bottom: 0;
	/*display: none;*/
}

.navbar-brand img {
	width: 100%;
	max-width: 200px;
}

.nav.navbar-nav li {
    font-weight:bold;

}

.nav.navbar-nav li a {
	border-left: 1px solid #dedede;
	color: #dedede !important;
	margin: 10px 0;
	padding: 5px 15px;
}

.nav.navbar-nav li a span {
	display: block;
    font-weight:normal;
    font-size:90%;
}

@media (max-width: 762px) {
	.nav.navbar-nav li a {
		margin-left: 10px !important;
	}
}		

@media (max-width: 992px) {
	.nav.navbar-nav li a {
		border-left: 0;
		padding: 5px 0;
	}

	.navbar-brand {
		padding: 4px 5px;
		margin-left: 0px !important;
	}

	.navbar.fixed {
		background: transparent !important;
	}

	.navbar.fixed button.navbar-toggle {
		position: fixed;
		top: 0;
		right: 0;
		left: unset;
		width: 100%;
		z-index: 999;
		width: 45px;
	}

	.navbar.fixed button.navbar-toggle:not(.collapsed) .icon-bar {
		background-color: white !important;
	}

	.navbar.fixed .navbar-collapse {
		background: #333333;
	}

	.navbar.fixed .navbar-brand {
		display: none;
	}

	.navbar.fixed button.navbar-toggle {
		border-color: transparent !important;
		background-color: transparent !important;
	}

	.navbar.fixed button.navbar-toggle .icon-bar {
		background-color: #333;
	}

	.navbar-brand img {
		height: 100%;
		max-width: inherit;
		width: inherit;
	}

	.navbar-default .navbar-toggle {
		margin-right: 5px;
	}
}

 


/**
 *  FOOTER
 */

footer {
	background: white;
	padding: 20px 0;
}

footer a {
	color: #333 !important;
}

@media (max-width: 991px) {
	footer, footer .text-right  {
		text-align: center;
	}

	footer .text-right {
		padding-top: 30px;
	}
}


/**
 *  CUSTOM ANIMATIONS
 */
.animated[class*="mpcoder-anim-"] {
	-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
     transition-property: transform;
}

.animated.mpcoder-anim-left-rotation {
	transform:rotate(-65deg), rotate(65deg);
}

.animated.mpcoder-anim-right-rotation {
	transform:rotate(65deg);
}