.noview{display:none !important}

.tb p{margin-bottom:0px}
.tb{margin-bottom:10px}

img.inlinelog{height:0.9em; vertical-align:0em}

p.white{color:#fff}

.jtf{text-align:justify}

.listed{padding-left:3em}

.listed li{list-style:none; color:#fff; font-size:15px; list-style-image: url("../images/imago-list.svg");}


.home-inicio{background-image: url('../images/previo-home.jpg')}

.home-beneficios{background-image: url('../images/backtech-01.jpg') !important}

.home-dosificacion{background-image: url('../images/backtech.jpg')}


.essen-inicio{background-image: url('../images/backtech.jpg')}

.essen-beneficios{background-image: url('../images/bg-beneficios.jpg')}

.essen-beneficios h2.section_title, .essen-beneficios p{color:#fff}

.essen-dosificacion{background-image: url('../images/bg-dosificacion.jpg')}

.essen-dosificacion h2.section_title, .essen-dosificacion p{color:#fff}

.social_footer{display:none}

.listanimals{width:100%; text-align: center;  border-width:0 !important}

.listanimals img{width:calc(10%) !important; margin:0em 0.5%; display:inline-block; vertical-align:middle}

.hg5{text-align:left; border-width:0 !important; margin-top:1em; margin-bottom:1em}

.hg5 .listanimals{text-align: center;}

.hg5 img{width:60px !important}

/* 
=============================================================================
   Imagenes de Fondos
============================================================================= 
*/

.section01{
	background: url(none) center center;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
			background-size: cover;
}
.section01.reverse{background: url('../images/sectionbg_white-gallinas-2.jpg')  center center}




.section02{
	background: url(none) center center;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
			background-size: cover;
}

.section02{background: url('../images/backtech.jpg') center top; background-size:cover  }





/* 
=============================================================================
   Common
============================================================================= 
*/


#sblogo{margin-left:290px; height:102px; position:absolute; margin-top:30px}

#sblogo img{height:50px; vertical-align:-20px;}

#sblogo h2{display:inline-block; color:#eee; font-weight:400; font-size:1.6em; margin-left:10px}








.a05{-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.a02{-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.a01{-webkit-transition: all 1s ease; transition: all 1s ease;}

span.lgo{font-family: 'Readex Pro', sans-serif; color:#222222; font-weight:600; font-size:1.2em; text-transform:lowercase}

.white p, .white h2, .white span{color:#fff !important; text-shadow:none !important}


h2.section_title {
	position:relative;
	font-size:36px;
	line-height:38px;
	font-family: 'Montserrat', sans-serif;
	color:#222;
	padding-bottom:5px;
	font-weight:400
	}

h2.section_title:after {
	content:"";
	height:3px;
	width:90px;
	background-color:#96CEBA;
	position:absolute;
	top:100%;
	left:0;
	}

h2.section_title.center:after {
	
	left:45%;
	}

p {
	font-size:15px;
	line-height:1.7em!important;
	font-family: 'Open Sans', sans-serif;
	}

.ornament {
	position:absolute;
	z-index:10;
	
	width:100%;
	height:32px;
	}

.orn_top {
	top:15px;
	}

.orn_bot {
	bottom:15px;
	}


/* 
=============================================================================
   Header
============================================================================= 
*/

#logo img, 
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
    height:65px;
	}


.one-page-menu img{height:16px; vertical-align:-3px; margin-right:10px}

/* 
=============================================================================
   Hero Image
============================================================================= 
*/

.hero {
	background-position: center bottom;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
			background-size: cover;
	}

.hero .heading-block {
	margin:0 0 50px;
	}

.hero img {
	max-width:450px; margin-bottom:0.5em
	}

.hero_wrapper {
	height:100%;
	}
.hero_center	{
	width:100%
	}
.hero_wrapper h1 {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	margin:-80px 0 0 0;
	background: rgba(255,255,255,0.6); padding:0.5em
	}

.hero_wrapper h1 p{ color:#444; text-transform:none; font-weight:400}
.hero_wrapper h1 p img{margin:0; width:auto; height:auto}

.spices #slider{height:0px; }

.spices .hero {
	background: url('../images/background.home.jpg') center bottom;
	}

.spices .hero_wrapper h1{top:65%; color:#444 !important; text-transform:none; line-height:1.2em; font-family:"Montserrat", sans-serif; font-weight:400}

.spiceslist {margin-top:50vh; position:absolute; width:100%}
.spiceslist .selspice{display:inline-block; vertical-align:top; width:33%; text-align:center}

.spiceslist img{width:250px; }

.spiceslist a{color:#96CEBA; display:block; border:2px solid #96CEBA; width:200px; padding:0.8em 1.2em; margin:1em auto; background:rgba(255,255,255,0.5); font-weight:600}
.spiceslist a:hover{background-color:#96CEBA; color:#fff}
.tb p, .spices .tb span{color:#ffffff !important}

.tb div{ border:1px solid #fff}

.tb div p:first-child(){background-color:#96CEBA; border-bottom:1px solid #fff}

img.saco{height:300px}

/* 
=============================================================================
   Section 01
============================================================================= 
*/





.kg10{width:60%; max-width:350px; margin:0 auto}

.spices .section01 p  {
	color:#222;
	}

.spices .section01  .badges p  {
	color:#222; font-size:1.2em; line-height:1.1em
	}
span.important  {
	color:#e45f2f; font-size:1.3em; text-align:center; display:inline-block
	}

.section01 {
	position:relative;
	padding:50px 0;
	background-size:auto!important;

	}

.section01 h2.section_title {
	color:#3e3629;
	text-shadow: 1px 1px 1px #fff;
	}

.section01 img {
	padding:40px 0;
	}

.section01 p  {
	color:#fff;
	text-shadow: 1px 1px 1px #fff;
	}

.home .section01 p  {
	color:#444;
	text-shadow: 1px 1px 1px #fff;
	}

.section01 p span {
	color:#1ABC9C;
	font-weight:700;
	}

.section01 .orn_bigf {
	position:absolute;
	background: url('../images/logo.bg.svg') no-repeat center 84%;
	background-size:200px;
	width:100%;
	height:100%;
	top:0;
	}

/* 
=============================================================================
   Section 02
============================================================================= 
*/



.section02 {
	background-color:#444; 
	background-size:cover;
	padding: 70px 0;
	-webkit-box-shadow: inset 0px 2px 39px 0px rgba(0,0,0,0.75);
       -moz-box-shadow: inset 0px 2px 39px 0px rgba(0,0,0,0.75);
			box-shadow: inset 0px 2px 39px 0px rgba(0,0,0,0.75);
	}

.section02 h2.section_title {
	text-align:center;

	}

.section02 h2.section_title:after {
	left:calc(50% - 25px);
	}

.section02 p {

	text-align:left;
	color:#222;
	padding-top:20px;
	}

.section02 p b{
	color:#96CEBA;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
	}

.section02 .counter {
	text-shadow: -1px -1px 1px #000;
	font-family: 'Playfair Display', serif;
	color:#fff;
	font-size:48px;
	line-height:48px;
	}

.section02 .counter span {
	font-size:72px;
	}

.section02 .feat_box {
	/*background-color:rgba(0,0,0,0.7);
	border:solid 15px rgba(0,0,0,0.3);*/
	}

.section02 .feat_box .wrapper {

	}

.section02 .feat_box .counter {
	color:#96CEBA;
	}

.section02 .feat_box .counter span {
	font-size:90px;
	line-height:100px;
	}

.section02 .feat_box p span {
	display:block;
	font-family: 'Playfair Display', serif;
	font-size:36px;
	padding-bottom:15px;
	}

.section02 img {
	/*position:absolute;
	display:none;*/
	position:relative;
	left:50%;
	transform: translateX(-50%);
	}

.section02 img.sphere{width:300px}

/* 
=============================================================================
   Section 03
============================================================================= 
*/


.section03 {
	position:relative;
	padding:60px 0 0 0 ;
	}

.section03 h2:after {
	/*left:calc(50% - 25px);*/
	}

.section03 p.subtitle {
	color:#fff;
	font-weight:600;
	
	}

.section03 .badges img {
	max-width:70%;
	text-align:center
	}

.section03 .badges p {
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	padding:0 30px;
	text-align:center
	}




/* 
=============================================================================
   Experts
============================================================================= 
*/

.experts {
	background: url('../images/sectionbg_slider.jpg') center top repeat;
	padding:60px 0 50px;
	}

.experts img {
	/*max-width:331px;*/
	max-width:200px;
	display:inline-block!important;
	}

.experts p {
	color:#c7c7c7;
	}

.experts p b {
	color:#fff;
	}

.experts p span {
	color:#fff;
	}

.experts .year_label {
	margin:0 0 60px;
	}

.experts .year_label h3 {
	color:#fff;
	font-family: 'Playfair Display', serif;
	text-align:center;
	margin:0 0 40px;
	}

.experts .year_label .bar {
	border-radius:4px;
	background: #ceb981;
	background: -moz-linear-gradient(top, #ceb981 0%, #a38a49 100%);
	background: -webkit-linear-gradient(top, #ceb981 0%,#a38a49 100%);
	background: linear-gradient(to bottom, #ceb981 0%,#a38a49 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceb981', endColorstr='#a38a49',GradientType=0 );
	padding:5px;
	}

.experts .year_label .bar span {
	border-radius:4px;
	background: #ebd66c;
	background: -moz-linear-gradient(top, #ebd66c 0%, #cbaf3f 100%);
	background: -webkit-linear-gradient(top, #ebd66c 0%,#cbaf3f 100%);
	background: linear-gradient(to bottom, #ebd66c 0%,#cbaf3f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebd66c', endColorstr='#cbaf3f',GradientType=0 );
	display:block;
	height:30px;
	}



/* 
=============================================================================
   Section 04
============================================================================= 
*/

.section04 {
	position:relative;
	background: url('../images/sectionbg_white.jpg') center top no-repeat;
	padding:80px 0;
	
	}

.section04 h2.section_title {
	color:#3e3629;
	text-shadow: 1px 1px 1px #fff;
	text-align:right;
	}

.section04 h2:after {
	left:auto;
	right:0;
	}

.section04 img {
	padding:20px 0;
	max-width:240px;

	}

.section04 p  {
	color:#000;
	text-shadow: 1px 1px 1px #fff;
	text-align:right;
	padding-top:20px;
	}

.section04 p span {
	color:#825100;
	font-weight:700;
	font-size:20px;
	display:block;
	padding-bottom:20px;
	}

/* 
=============================================================================
   Section 05
============================================================================= 
*/

.section05 .parallax {
	background:#616678 url('../images/sectionbg_campo.jpg') center center no-repeat;
	background-size:cover;
	-webkit-box-shadow: inset 0px 2px 29px 0px rgba(0,0,0,0.4);
       -moz-box-shadow: inset 0px 2px 29px 0px rgba(0,0,0,0.4);
			box-shadow: inset 0px 2px 29px 0px rgba(0,0,0,0.4);
	}

.section05 .parallax  .container {
	padding:0;
	}

.section05 .feat_box {
	background-color:rgba(0,0,0,0.7);
	border:solid 15px rgba(0,0,0,0.3);
	}

.section05 .feat_box .wrapper {
	border:dashed 1px #847d76;
	padding:20px 20px 0 20px;
	}

.section05 .feat_box h2 {
	font-size:30px;
	}

.section05 .feat_box h2:after {
	left:calc(50% - 25px);
	}

.section05 img {
	max-width:110px;
	}

.section05 a.bot_masinfo {
	position:absolute;
	display:block;
	bottom:0;
	right:0;
	color:#fff;
	text-transform: uppercase;
	font-size:11px;
	text-align:center;
	color:#eaa83b;
	}

.section05 a.bot_masinfo span {
	background-color:#fff;
	display:block;
	width:40px;
	height:40px;
	border-radius:50%;
	line-height:40px;
	margin:0 auto;
	margin-bottom:8px;
	font-size:40px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	}

.section05 a.bot_masinfo:hover span {
	background-color:#eaa83b;
	color:#fff;
	}

.section05 .legend {
	background-color:rgba(255,255,255,0.9);
	padding:25px 30px 30px;
	margin-top:30px;
	}

.section05 .legend h3 {
	text-align:left;
	color:#825100;
	font-family: 'Playfair Display', serif;
	margin-bottom:10px;
	font-size:26px;
	}

.section05 .legend p {
	text-align:left;
	color:#000;
	line-height:1.4!important;
	margin:0;
	}

.section05 span.disclaimer {
	color:#ccc;
	display:block;
	padding:0 0 20px 10px;
	font-size:12px;
	}


/* 
=============================================================================
   Section 06
============================================================================= 
*/

.section06 {
	position:relative;
	background: url('../images/sectio.gallinas.bg.jpg') center center repeat;
	background-size:cover;
	border-top:solid 30px rgba(0,0,0,0.15);
	border-bottom:solid 30px rgba(0,0,0,0.15) 
	}

.section06 .bottle_module {
	padding-top:40px;
	}

.section06 .bottle_module h2 {
	margin:0 0 40px 20px;
	color:#96CEBA;
	text-shadow: -1px -1px 2px rgba(0,0,0,0.7);
	font-size:38px
	}

.section06 .bottle_module .bottle img {
	max-width:90%;
	}

.section06 .bottle_module p {
	padding-top:8px;
	color:#111;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
	font-weight:400;
	}

.section06 .bottle_module p span {
	font-weight:700;
	color:#662d07;
	}

.section06 .feature-box {
    padding: 0 0 0 110px;
	}

.section06 .fbox-right {
    padding: 0 110px 0 0 ;
	}

.section06 .feature-box .fbox-icon {
    width: 90px;
    height: 90px;
	}
.section06 .feature-box p{padding-top:30px!important}




.especies p{margin-bottom:1em; margin-left:2em}
/* 
=============================================================================
   Section 07
============================================================================= 
*/

.section07 .parallax {
	background:#000 url('../images/etiqueta_newbottle_bajo.jpg') center center no-repeat;
	background-size:cover;
	-webkit-box-shadow: inset 0px 2px 39px 0px rgba(0,0,0,0.75);
       -moz-box-shadow: inset 0px 2px 39px 0px rgba(0,0,0,0.75);
			box-shadow: inset 0px 2px 39px 0px rgba(0,0,0,0.75);
	}

.section07 .parallax  .container {
	min-height:500px;

	}


/* 
=============================================================================
   Section 08
============================================================================= 
*/

.section08 {
	position:relative;
	background: url('../images/sectionbg_brown.jpg') center top repeat;
	padding:50px 0 40px;
	}

.section08 .ornament{
	opacity:0.2;
	}

.section08 .text p {
	color:#fff;
	padding-top:30px;
	font-weight:300;
	text-align:center;
	}

.section08 .text p span {
	display:block;
	font-size:250%;
	}


/* 
=============================================================================
   Modal +18
============================================================================= 
*/

#the{position:fixed; width:100%; height:100vh; z-index:9999; top:0;background:rgba(255,255,255,0.6); display:block}
#the >div{width:80%;  background:#fff; margin:5vh auto; border:2px solid #a0824d; box-shadow:2px 2px 20px rgba(0,0,0,0.2); display:table}
#the >div > div{display:table-cell; padding:3em 1em 0.5em 1em; vertical-align:bottom; text-align:center}
#the p#alertas{color:#333333; text-align:center; font-size:1em; padding:0!important; margin-bottom: 0!important}
#the .buttoned{background:#a0824d;display:inline-block !important;padding:1em; font-size:0.9em; color:#333333; width:20% !important; margin:1em;font-weight:600; text-align:center; cursor:pointer}
#the .buttoned:hover{background:#333333; color:#a0824d}
#the .buttoned.cookie{width:75% !important; margin:1em 10% !important; padding:1em}
#the .edaddisabled, #the .edaddisabled:hover{background:#d1d1d1 !important; color:#bbb !important}


/* 
=============================================================================
   Footer
============================================================================= 
*/

#footer .logo_footer {
	color:#fff;
	text-align:center;
	font-size:12px;
	}

#footer .logo_footer img {
	display:block;
	padding-bottom:30px;
	margin:0 auto;
	max-width:180px;
	}

#footer .legal_footer {
	text-align:center;
	margin-top:30px;
	}

#footer .legal_footer a {
	border:solid 2px #dbdbdb;
	padding:5px 10px;
	color:#fff;
	font-size:14px;
	margin-bottom:5px;
	display:inline-block;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
	}

#footer .legal_footer a:hover {
	background-color: #96CEBA;
	border:solid 2px #96CEBA;
	}

#footer .social_footer {
	width:180px;
	margin:20px auto;
	}

#footer .social_footer a {
	display:inline-block;
	width:35px;
	height:35px;
	border-radius:50%;
	margin-left:4px;
	background-color: #fff!important;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
	}

#footer .social_footer a.icon_twitter {background: url('../images/icon_twitter.png') center center no-repeat;}
#footer .social_footer a.icon_facebook {background: url('../images/icon_facebook.png') center center no-repeat;}
#footer .social_footer a.icon_instagram {background: url('../images/icon_instagram.png') center center no-repeat;}
#footer .social_footer a.icon_youtube {background: url('../images/icon_youtube.png') center center no-repeat;}
#footer .social_footer a.icon_gplus {background: url('../images/icon_googleplus.png') center center no-repeat;}

#footer .social_footer a:hover {
	opacity:0.7;
	}








/* 
=============================================================================
   Modals
============================================================================= 
*/

.modal-content {
	background-color:#222!important;
	border:solid 1px rgba(255,255,255,0.2)!important;
	}

.modal-content .close {
	color:#fff!important;
	}

.modal-body {
	padding:20px 20px;
	}

.modal-title {
	color:#96CEBA!important;
	}

.modal-body p,
.modal-body ul li {
	font-size:14px;
	color:#bbb;
	}

.modal-body p span,
.modal-body ul li span {
	color:#fff;
	}

.modal-body p a,
.modal-body ul li a {
	color:#fff;
	}

.modal-body ul {
	margin-left:30px;
	}