/* DEFINICIÓN DE FUENTES */

@font-face {
	font-family: 'Sansation';
	src: url('/fonts/sansation_regular.eot');
	src:
		url('/fonts/sansation_regular.eot?#iefix') format('embedded-opentype'),
		url('/fonts/sansation_regular.woff') format('woff'),
		url('/fonts/sansation_regular.ttf') format('truetype'),
		url('/fonts/sansation_regular.svg#sansationregular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-feature-settings: "liga" off;
	-moz-font-feature-settings: "liga" off;
}
@font-face {
	font-family: 'Sansation';
	src: url('/fonts/sansation_italic.eot');
	src:
		url('/fonts/sansation_italic.eot?#iefix') format('embedded-opentype'),
		/*url('/fonts/sansation_italic.woff') format('woff'),*/
		url('/fonts/sansation_italic.ttf') format('truetype'),
		url('/fonts/sansation_italic.svg#sansationitalic') format('svg');
	font-weight: normal;
	font-style: italic;
	font-feature-settings: "liga" off;
	-moz-font-feature-settings: "liga" off;
}
@font-face {
	font-family: 'Sansation';
	src: url('/fonts/sansation_bold.eot');
	src:
		url('/fonts/sansation_bold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/sansation_bold.woff') format('woff'),
		url('/fonts/sansation_bold.ttf') format('truetype'),
		url('/fonts/sansation_bold.svg#sansationbold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-feature-settings: "liga" off;
	-moz-font-feature-settings: "liga" off;
}
@font-face {
	font-family: 'Sansation';
	src: url('/fonts/sansation_bold_italic.eot');
	src:
		url('/fonts/sansation_bold_italic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/sansation_bold_italic.woff') format('woff'),
		url('/fonts/sansation_bold_italic.ttf') format('truetype'),
		url('/fonts/sansation_bold_italic.svg#sansationbolditalic') format('svg');
	font-weight: bold;
	font-style: italic;
	font-feature-settings: "liga" off;
	-moz-font-feature-settings: "liga" off;
}


@font-face {
	font-family: "NuevaStd";
	src: url("/fonts/NuevaStd-Regular.eot");
	src:
		url("/fonts/NuevaStd-Regular.eot?#iefix") format("embedded-opentype"),
		url("/fonts/NuevaStd-Regular.woff") format("woff"),
		url("/fonts/NuevaStd-Regular.ttf") format("truetype"),
		url("/fonts/NuevaStd-Regular.svg#NuevaStdregular") format("svg");
	font-weight: normal;
	font-style: normal;
	font-feature-settings: "liga" off;
}


/**/
@font-face {
	font-family: 'AGaramondPro';
	/*src: url('/fonts/sansation_regular.eot');*/
	/*src:
		url('/fonts/sansation_regular.eot?#iefix') format('embedded-opentype'),
		url('/fonts/sansation_regular.woff') format('woff'),
		url('/fonts/sansation_regular.ttf') format('truetype'),
		url('/fonts/sansation_regular.svg#sansationregular') format('svg');*/
	src: url('/fonts/AGaramondPro-Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
	font-feature-settings: "liga" off;
	-moz-font-feature-settings: "liga" off;
}
@font-face {
	font-family: 'AGaramondPro';
	/*src: url('/fonts/sansation_italic.eot');
	/*src:
		url('/fonts/sansation_italic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/sansation_italic.ttf') format('truetype'),
		url('/fonts/sansation_italic.svg#sansationitalic') format('svg');*/
	src: url('/fonts/AGaramondPro-Italic.otf') format('opentype');
	font-weight: normal;
	font-style: italic;
	font-feature-settings: "liga" off;
	-moz-font-feature-settings: "liga" off;
}
@font-face {
	font-family: 'AGaramondPro';
	/*src: url('/fonts/sansation_bold.eot');
	src:
		url('/fonts/sansation_bold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/sansation_bold.woff') format('woff'),
		url('/fonts/sansation_bold.ttf') format('truetype'),
		url('/fonts/sansation_bold.svg#sansationbold') format('svg');*/
	src: url('/fonts/AGaramondPro-Bold.otf') format('opentype');
	font-weight: bold;
	font-style: normal;
	font-feature-settings: "liga" off;
	-moz-font-feature-settings: "liga" off;
}
@font-face {
	font-family: 'AGaramondPro';
	/*src: url('/fonts/sansation_bold_italic.eot');
	src:
		url('/fonts/sansation_bold_italic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/sansation_bold_italic.woff') format('woff'),
		url('/fonts/sansation_bold_italic.ttf') format('truetype'),
		url('/fonts/sansation_bold_italic.svg#sansationbolditalic') format('svg');*/
	src: url('/fonts/AGaramondPro-BoldItalic.otf') format('opentype');
	font-weight: bold;
	font-style: italic;
	font-feature-settings: "liga" off;
	-moz-font-feature-settings: "liga" off;
}

/**/

@font-face {
	font-family: 'Eurostyle';
	src: url('/fonts/eurostile.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-feature-settings: "liga" off;
	-moz-font-feature-settings: "liga" off;
}
@font-face {
	font-family: 'Eurostyle';
	src: url('/fonts/eurostile-bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-feature-settings: "liga" off;
	-moz-font-feature-settings: "liga" off;
}

/**/

/* FIN DEFINICIÓN DE FUENTES */

/* RESET TAGS AND UTILS */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

img, a { border:none; outline:none; }
h1,h2,h3,hr,p,ul,ol { margin:0; padding:0; }

.hidden { display:none; }

.contenedor { margin:0 auto; width:1170px; }
.row { margin-right: -15px; margin-left: -15px; }
.col-l, .col-r { position:relative; min-height:1px; padding-left:15px; padding-right:15px; }
.col-l { float:left; }
.col-r { float:right; }
.contenedor:before, .contenedor:after, .row:before,.row:after { display: table; content: " "; }
.contenedor:after, .row:after { clear:both; }



html, body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; }
body { background-color:#000; }
html { overflow-y: scroll; }

.clearfix:before, .clearfix:after { content:""; clear:both; display:block; height:0px; visibility:hidden; }

.nobordertop { border-top:none !important; }
.noborderbottom { border-bottom:none !important; }

/* FIN RESET TAGS AND UTILS */

/* LINKS Y MARKS */
span.amark { display:inline-block; overflow:hidden; }
span.mark1 { height:14px; background:url('/brands/imgs/mark1.png') no-repeat right top; padding-right:12px; }
span.mark1:hover,span.mark1.active { background-position: right bottom; }

a.amark { display:inline-block; overflow:hidden; }
a.mark1 { height:14px; background:url('/brands/imgs/mark1.png') no-repeat right top; padding-right:12px; }
a.mark1:hover,a.mark1.active { background-position: right bottom; }

.txtmark2 { background:url('/brands/imgs/mark2-down.png') no-repeat right center; padding-right:15px; }

a.mark2, a.mark3, a.mark4 { font-family:Sansation, Arial, Helvetica, sans-serif; text-decoration:underline; text-transform:uppercase; }

a.mark2 { color:#fff; }
/*a.mark2:hover { background-position:left bottom; }*/

a.mark3 { color:#000; display:inline; }
a.mark4 { color:#999; display:inline; }

.caret-right {
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 6px solid;
    display: inline-block;
    height: 0;
    /*opacity: 0.3;*/
    /*vertical-align: middle;*/
    width: 0;
	margin-right:2px;
}

/* FIN LINKS Y MARKS */

/*.imgx {
	position:relative;
	background:url('/brands/imgs/357_bg.jpg') no-repeat fixed center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size: cover;
	background-size:cover;
	min-height:857px;
}*/

#section-0-animation {
	position:relative;
	min-height:857px;
	overflow:hidden;
}

article.brand-section:not(#section-0) { display:none; }

article.brand-section > div.content { padding-top:18%;padding-bottom:18%; margin-left:5%; /*margin-right:12%; width:72%; */ position:relative; }

article.brand-section > div.content > div.brand_logo > img { max-width:100%; height:auto; }
article.brand-section > div.content > div.brand_logo.phyto,
article.brand-section > div.content > div.brand_logo.hevea,
article.brand-section > div.content > div.brand_logo.plantae { margin-left:15%; width:40%; }
article.brand-section > div.content > div.brand_logo.em, 
article.brand-section > div.content > div.brand_logo.climax { margin-left:9%; width:71%; }

article.brand-section > div.content > div.brand_logo.abs { padding-left:20px; }
article.brand-section > div.content > div.brand_logo.cordyceps { margin-left:25%; width:71%; }
article.brand-section > div.content > div.brand_logo.hevea { margin-left:27%; width:28%; }


article.brand-section > div.content > div.brand_desc { box-sizing:border-box; font-family:Sansation, Arial, Helvetica, sans-serif; padding:20px; background-color:rgba(0, 0, 0, 0.6); width:40%; font-size:1.1em; }
article.brand-section > div.content > div.brand_desc > div { padding:10px; }
article.brand-section > div.content > div.brand_desc > div > h1 { color:#99cc33; margin-bottom:20px; }
article.brand-section > div.content > div.brand_desc > div > p { line-height:1.2; }
article.brand-section > div.content > div.brand_desc.phyto { margin-left:55%; margin-top:-4%; }
article.brand-section > div.content > div.brand_desc.em { margin-left:47.2%; margin-top:-8.0%; }
article.brand-section > div.content > div.brand_desc.climax { margin-left:50%; margin-top:-8.0%; }

article.brand-section > div.content > div.brand_desc.abs { margin-top:0; color:#999; font-family:Eurostyle, Arial, Helvetica, sans-serif;
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.6), transparent);
	background: -o-linear-gradient(right, rgba(0,0,0,0.6), transparent);
	background: -moz-linear-gradient(right, rgba(0,0,0,0.6), transparent);
	background: linear-gradient(to right, rgba(0,0,0,0.6), transparent);
	width:90%;
}
article.brand-section > div.content > div.brand_desc.abs > div > h1 { color:#f17d00; letter-spacing:1px; font-weight:normal; }
article.brand-section > div.content > div.brand_desc.abs > div > p { font-size:1.1em; }

article.brand-section > div.content > div.brand_desc.hevea { margin-left:45%; width:45%; margin-top:-4%; font-family:"Courier New", Courier, monospace; }
article.brand-section > div.content > div.brand_desc.hevea > div > h1 { color:#FFF;font-weight:normal; }
article.brand-section > div.content > div.brand_desc.hevea > div > p { font-family:"Century Gothic", hCenturyGothic, "AR DECODE", Arial; color:#999; }


article.brand-section > div.content > div.brand_content { box-sizing:border-box; padding:20px; background-color:rgba(33, 33, 33, 0.8); font-size:1.1em; text-align:center; }
article.brand-section > div.content > div.brand_content > img { max-width:100%; height:auto; }
article.brand-section > div.content > div.brand_content.melicinal { width:95%; font-family:"Times New Roman", Times, serif; color:#999; }
article.brand-section > div.content > div.brand_content.melicinal > h1 { color:#f6a20a; font-weight:normal; margin-top:10px; margin-bottom:20px; }

article.brand-section > div.content > div.brand_content.phyto { width:95%; position:absolute; left:0;
	background: -webkit-linear-gradient(left, rgba(60,60,60,0.4), transparent);
	background: -o-linear-gradient(right, rgba(60,60,60,0.4), transparent);
	background: -moz-linear-gradient(right, rgba(60,60,60,0.4), transparent);
	background: linear-gradient(to right, rgba(60,60,60,0.4), transparent);
}
article.brand-section > div.content > div.brand_content.phyto > p { font-size:1.0em; line-height:1.4; margin-top:10px; }
article.brand-section > div.content > div.brand_content.phyto > h1 { color:#99cc33; font-size:21px; letter-spacing:1px; font-weight:normal; }

article.brand-section > div.content > div.brand_content.hevea { width:95%; font-family:"Courier New", Courier, monospace; }
article.brand-section > div.content > div.brand_content.hevea > h1 { color:#FF71A2; font-weight:normal;font-size:1.5em; margin-top:10px; margin-bottom:20px; }
article.brand-section > div.content > div.brand_content.hevea > p {  font-size:1.0em; font-family:"Century Gothic", hCenturyGothic, "AR DECODE", Arial; color:#999; }

article.brand-section > div.content > div.brand_content.plantae { width:95%; font-family: AGaramondPro, Arial, Helvetica, sans-serif; color:#000; background-color:rgba(255,255,255,0.75); }
article.brand-section > div.content > div.brand_content.plantae > h1 { font-weight:normal; margin-top:10px; margin-bottom:20px; }

article.brand-section > div.content > div.brand_content.crobar { width:95%; font-family:"Times New Roman", Times, serif; }
article.brand-section > div.content > div.brand_content.crobar > h1 { color:#fff; font-weight:normal; margin-top:10px; margin-bottom:20px; text-align:left; font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-weight:normal; }
article.brand-section > div.content > div.brand_content.crobar > p { text-align:left; color:#d7662a; }

article.brand-section > div.content > div.brand_content.omegaflor { width:60%; font-family:"Times New Roman", Times, serif; position:absolute; right:0; padding:20px 38px; /*margin-top:20px;*/ }
article.brand-section > div.content > div.brand_content.omegaflor > h1 { color:#edb82a; font-weight:normal; margin-top:10px; margin-bottom:20px; text-align:left; font-family:Sansation, Arial, "Times New Roman", Times, serif; font-weight:normal; }
article.brand-section > div.content > div.brand_content.omegaflor > p { text-align:left; color:#fff; font-family:Sansation, Arial; }

article.brand-section > div.content > div.brand_content.powder { text-align:left; width:95%; font-family:"NuevaStd", Arial, Helvetica, sans-serif; font-size:16px; padding:20px 24px;color:#999; }
article.brand-section > div.content > div.brand_content.powder > p { margin-bottom:15px; }
article.brand-section > div.content > div.brand_content.powder > a { position:absolute; left:50%; margin-left:-73px; bottom:-30px; }

article.brand-section > div.content > div.brand_content.anaskin { width:95%; font-family:"Times New Roman", Times, serif; padding:20px 38px; color:#000; background-color:rgba(255,255,255,0.6); }
article.brand-section > div.content > div.brand_content.anaskin > h1 { color:#000; font-weight:normal; margin-top:10px; margin-bottom:20px; text-align:left; font-family:Sansation, Arial, "Times New Roman", Times, serif; font-weight:normal; }
article.brand-section > div.content > div.brand_content.anaskin > p { text-align:left; color:#000; font-family:Sansation, Arial; margin-top:20px; }
article.brand-section > div.content > div.brand_content.anaskin a.mark4 { color:#000; }

article.brand-section > div.content > div.brand_content.nepenta { width:95%; font-family:"Times New Roman", Times, serif; padding:20px 38px; }
article.brand-section > div.content > div.brand_content.nepenta > h1 { color:#879c37; font-weight:normal; margin-top:10px; margin-bottom:20px; text-align:left; font-family:Sansation, Arial, "Times New Roman", Times, serif; font-weight:normal;font-size:20px; }
article.brand-section > div.content > div.brand_content.nepenta > p { text-align: justify; color:#fff; font-family:Sansation, Arial;font-size: 15px; }
article.brand-section > div.content > div.brand_content.nepenta > ul > li > a {color: white;}
article.brand-section > div.content > div.brand_content.nepenta > ul > li > a:hover {color: #879c37;}

article.brand-section > div.content > div.brand_content ul.brand_content_links,
article.brand-section > div.content > div.brand_desc ul.brand_content_links { list-style:none; margin-top:20px; width:100%;padding:0; }
article.brand-section > div.content > div.brand_content ul.brand_content_links > li,
article.brand-section > div.content > div.brand_desc ul.brand_content_links > li { display:inline-block; }

article.brand-section > div.content > div.brand_content.cordyceps { width:40%; font-family: AGaramondPro, Arial, Helvetica, sans-serif; position:absolute; right:0; margin-top:3%; padding:0; background-color:transparent; }
article.brand-section > div.content > div.brand_content.cordyceps > div { padding:20px; background-color:rgba(0, 0, 0, 0.6); }
article.brand-section > div.content > div.brand_content.cordyceps > div > h1 { color:#ffd94f; font-weight:normal; margin-bottom:20px; }
article.brand-section > div.content > div.brand_content.cordyceps > div > p { font-size:1.2em; }


article.brand-section > div.brand_next { position:absolute; bottom:0; text-align:center; font-family:Sansation, Arial, Helvetica, sans-serif; width:100%;  }
article.brand-section > div.brand_next > div { width:72%; margin:0 auto; border-bottom:1px solid #FFF; padding-bottom:10px; }

article.brand-section > div.brand_next > div > a { color:#666; text-decoration:none; font-weight:bold; background:url('/brands/imgs/mark2-down.png') no-repeat right center; padding-right:15px; }
article.brand-section > div.brand_next > div > a:hover { color:#FFF; }

/* FIN FOTOS GRANDES */


/* PAGER */
div#pager{
	position:fixed;
	right:10%;
	top:50%;
	z-index:100;
	margin-top:-22px;
}

div#pager > a {
	display:block;
	width:10px;
	height:10px;
	border:1px solid #fff;
	border-radius:50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
div#pager > a.active {
	background-color:#fff;
}
div#pager > a + a { margin-top:24px; }

/* FIN PAGER */

/* HEADER */
header#block-header { background-color:rgba(0,0,0,0.8); -webkit-transition:all 1s; -moz-transition:all 1s; transition:all 1s; }

/*div#block-header > header:after {
	left: 0; width: 100%; /*background: rgba(255,255,255,0.4);*/
/*	background: -webkit-linear-gradient(left, black , rgba(255,255,255,0.4),black); /* For Safari 5.1 to 6.0 */
/*	background: -o-linear-gradient(right, black , rgba(255,255,255,0.4),black); /* For Opera 11.1 to 12.0 */
/*	background: -moz-linear-gradient(right, black , rgba(255,255,255,0.4),black); /* For Firefox 3.6 to 15 */
/*	background: linear-gradient(to right, black , rgba(255,255,255,0.4),black); /* Standard syntax */
/*	
	
	content: '';
	position: absolute;
	bottom: 0;
	height: 2px;
	-webkit-transition: background 2s ease-in-out, width 2s ease-in-out, left 2s ease-in-out;
	-moz-transition: background 2s ease-in-out, width 2s ease-in-out, left 2s ease-in-out;
	transition: background 2s ease-in-out, width 2s ease-in-out, left 2s ease-in-out;
}*/


header nav { padding-bottom:0 !important;margin-bottom:0 !important; }
header nav div.container-fluid { justify-content:center !important;padding:0 !important; }
header nav div.navbar-collapse, header nav ul.navbar-nav { flex-direction: row;justify-content: center; }

header nav  .navbar-toggle { display:block;margin:0; }

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28153, 204, 51, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-dark .navbar-toggler {
    color: #99CC33 !important;
    border-color: #99CC33 !important;
}

header nav hr { border-top:0; border-bottom:2px solid rgba(255,255,255,.1);margin:0; }
#navbarCollapse { position:absolute; top: 82px;left:0;background-color: rgba(0,0,0,.8);z-index: 9999; }
header nav div.content-navbar { width:100%; }
header nav div.navbar-collapse { padding:0; }
header nav ul { list-style:none; display:table;margin-bottom:0 !important;margin-top:0 !important; }
header nav ul > li { display: flex;justify-content: center;align-items: center; float:none; position:relative; vertical-align:middle; text-align:center; border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);border-left: 1px solid rgba(255,255,255,.1); }
header nav ul > li > a { display:block; position:relative; overflow:hidden; text-align:center;max-height:118px;padding:0 !important; }
/* header nav ul > li > a > img.spacer { width:100%; height:auto; display:block; } */
/* header nav ul > li > a > img.sprite { width:100%; top:-100%; left:0; position:absolute; } */
header nav ul > li > a > img.sprite { top:-100%; left:0; position:absolute; }
/*header nav ul > li > a.active { background-color:rgba(46,46,46,0.6); }*/

header nav ul > li > a:hover > img.sprite, header nav ul > li > a.active > img.sprite { top:0; }

@media screen and (min-width: 992px) {
    
    header#block-header { background-color:rgba(0,0,0,0.6) !important; }
    
    header nav  .navbar-toggle { display:none; }
    
    #navbarCollapse { position:initial;top:0;background-color: transparent;  }
    
    article.brand-section > div.content > div.brand_content.hevea { position:relative; left:50%; }
    
    header nav ul > li { border-bottom:none;width:12% !important; }
    header nav ul > li:first-child { border-left:1px solid rgba(255,255,255,.1); }
    header nav ul > li:last-child { border-left:0; }
    
    header nav ul > li > a { display:block; width:100%; position:relative; overflow:hidden; text-align:center; }
    header nav ul > li > a > img.sprite { width:auto; left:50%; margin-left:-70px; }
}

/*@media screen and (min-width: 1041px)
{
    header nav ul > li > a > img.spacer { max-width:100%; width:auto; height:auto; display:block; } 
    header nav ul > li > a > img.sprite { max-width:100%; width:auto; left:50%; margin-left:-70px; }        
}*/



/*header nav ul > li > a { display:block; width:100%; position:relative; overflow:hidden; }
header nav ul > li > a > img.spacer { width:100%; height:auto; display:block; }
header nav ul > li > a > img.sprite { width:100%; top:-100%; left:0; position:absolute; }
header nav ul > li > a.active { background-color:rgba(46,46,46,0.6); }
header nav ul > li > a:hover > img.sprite, header nav ul > li > a.active > img.sprite { top:0; }*/


/*header nav ul { list-style:none; }
header nav ul > li { float:left; width:12%; margin-left:2%; }
header nav ul > li > a { display:block; width:100%; position:relative; overflow:hidden; }
header nav ul > li > a > img.spacer { width:100%; height:auto; display:block; }
header nav ul > li > a > img.sprite { /*max-height:100%;*/ /* width:100%; top:-100%; left:0; position:absolute; */ /*transition: all 0.5s;*/ /* }
header nav ul > li > a.active { /*background-color:#2e2e2e;*/ /*background-color:rgba(46,46,46,0.6); }
header nav ul > li > a:hover > img.sprite, header nav ul > li > a.active > img.sprite { top:0; }*/


/* SUBMENU */

/*header div.submenu { display:none; clear:both; position:absolute; background-color:rgba(0,0,0,0.6); border-right:1px solid rgba(255, 255, 255, 0.4); padding:20px 5px; width:12.50%; }*/
/*header div.submenu { display:none; clear:both; position:absolute; padding:20px 5px; width:12.50%;
	background-position: 0 0,100% 0;
	background-repeat:no-repeat;
	-webkit-background-size: 100% 100%, 2px 100%;
	-moz-background-size: 100% 100%, 2px 100%;
	background-size: 100% 100%, 2px 100%;
	
	background-color:rgba(0,0,0,0.6);
	background-image: none, -webkit-linear-gradient(top, black, rgba(255,255,255,0.4), black);
	background-image: none, -moz-linear-gradient(top, black, rgba(255,255,255,0.4) 10%, black);
	background-image: none, -o-linear-gradient(top, black, rgba(255,255,255,0.4), black);
	background-image: none, linear-gradient(to bottom, black, rgba(255,255,255,0.4), black);
}
header div.submenu.active { display:block; }

header div.submenu > ul.submenu_links { font-family:Sansation, Arial, Helvetica, sans-serif; margin-left:20px; text-align:left; font-size:14px; }

header ul.submenu_links { list-style:none; }
header ul.submenu_links > li { width:auto; color:#666; font-weight:bold; }
header ul.submenu_links > li + li { margin-top:20px; }
header ul.submenu_links > li > a { display:inline-block; position:relative; overflow:hidden; text-decoration:none; color:#666; }
header ul.submenu_links > li > a:hover, header ul.submenu_links > li > a.active { color:#FFF; }*/

/*div#sub_357phyto > ul.submenu_links { font-family:Sansation, Arial, Helvetica, sans-serif; margin-left:20px; text-align:right; }
div#sub_357phyto > ul.submenu_links { font-family:Sansation, Arial, Helvetica, sans-serif; margin-left:20px; text-align:right; }*/
/*header div#sub_plantae.submenu > ul.submenu_links { font-family:AGaramondPro, Arial, Helvetica, sans-serif; letter-spacing:2px; }
header div#sub_hevea.submenu > ul.submenu_links { font-family:"Courier New", Courier, monospace; font-size:1.2em; }

ul.submenu_links > li > ul { list-style:none; margin-left:20px; text-align:left; font-size:13px; }
ul.submenu_links > li > ul > li { width:auto; color:#666; font-weight:bold; margin-top:20px; }
header ul.submenu_links > li > ul > li > a { display:block; width:100%; position:relative; overflow:hidden; text-decoration:none; color:#666; }
header ul.submenu_links > li > ul > li > a:hover, header ul.submenu_links > li > ul > li > a.active { color:#FFF; }*/

/*header div.submenu img { width:100%; }*/

/* FIN HEADER */

/* FOOTER */
body.home footer { position:fixed;bottom:0;width:100%; }

footer { background-color:rgba(0,0,0,0.8); -webkit-transition:all 1s; -moz-transition:all 1s; transition:all 1s; }

footer{ margin:0 auto; box-sizing:border-box; padding-top:12px; padding-bottom:6px; font-size:13px; }

footer:before {
	left: 0; width: 100%;
	background: -webkit-linear-gradient(left, black , rgba(255,255,255,0.4),black); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, black , rgba(255,255,255,0.4),black); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, black , rgba(255,255,255,0.4),black); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, black , rgba(255,255,255,0.4),black); /* Standard syntax */
	
	content: '';
	position: absolute;
	top: 0;
	height: 2px;
	-webkit-transition: background 2s ease-in-out, width 2s ease-in-out, left 2s ease-in-out;
	-moz-transition: background 2s ease-in-out, width 2s ease-in-out, left 2s ease-in-out;
	transition: background 2s ease-in-out, width 2s ease-in-out, left 2s ease-in-out;
	
	clear:both;
}
footer:after { content:""; clear:both; display:block; height:0px; visibility:hidden; }

footer .footer_logo { text-align:center;margin-bottom:10px; }
/*footer section.footer_logo > a { display:inline-block; height:25px; overflow:hidden; }
footer section.footer_logo > a > img { position:relative; top:-100%; }
footer section.footer_logo > a:hover > img { top:0; }*/

footer .footer_menu > ul { list-style:none;margin-bottom:0; }

footer .footer_menu > ul > li > a { color:#999; text-decoration:none; }
footer .footer_menu > ul > li > a:hover { color:#fff; }


/*ul#ul_language { font-size:12px; padding:0 5px 0 3px; margin:0; list-style:none; width:80px; }
ul#ul_language > li {
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#1c1c1c;
	display:none;
}
ul#ul_language li.lang_selected { display:block; }
ul#ul_language > li > a { color:#fff; text-decoration:none; display:block; padding:2px 0px 2px 4px; }

span#txt_lang { float:left; }*/
span#txt_lang { display:block;width:100%;color:white; }
ul#ul_language { list-style:none; display:inline-block; padding:0;margin:0; }
ul#ul_language > li { float:left; margin-left:10px; }
ul#ul_language > li:first-child { margin-left:0; }
ul#ul_language > li > a { color:#999; text-decoration:none; }
ul#ul_language > li > a:hover { color:#fff; }
ul#ul_language li.lang_selected { font-weight:bold; }
ul#ul_language li.lang_selected > a { color:#fff; }

/* FIN FOOTER */


/* INDEX */
/*div.bg_index {
	position:relative;
	background:url('/brands/imgs/bg_index2.jpg') no-repeat fixed center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size: cover;
	background-size:cover;
	min-height:1036px;
}*/

/*div#dv_video:after { background-color:rgba(0, 0, 0, 0.5); bottom:0; content:''; height:100%; position:absolute; width:100%; }
video#homevideo { position:fixed; top:0; left:0; z-index:-1; overflow:hidden; }*/

body { 
    background-attachment:fixed; 
    background-position:center center; 
    background-repeat:no-repeat; 
    background-size:cover; 
}




/* MENU DEL INDEX */
body.home header nav { /*width:90%; margin-right:5%; margin-left:5%;*/ }
body.home header div.dv_rana { display:none; }
body.home header#block-header:after { left: 50%; width: 0; background: transparent; }

#content_menu_mobile { display: flex;justify-content: flex-end;align-items: center;height:73px;padding-right: 20px; } 

/* FIN INDEX */

/* RETURN ANASTORE */
/*div.dv_rana { position:fixed; top:10px; right:10px; z-index:1000; text-align:right; width:15%; }*/
/*a#return_anastore { font-family:Sansation, Arial, Helvetica, sans-serif; color:#999; text-decoration:none; font-weight:bold; font-size:1.1em; }
a#return_anastore:hover { color:#fff; }*/
a#return_anastore { height:25px; display:inline-block; overflow:hidden; margin-top:7px; }
a#return_anastore > img { position:relative; top:-100%; }
a#return_anastore:hover > img { top:0px; }
/* FIN RETURN ANASTORE */

/* PANTALLAS GRANDES */
@media screen and (min-width: 768px) {
	
        ul#ul_language > li:first-child { margin-left:10px;}
        #content_menu_mobile { padding-right: 50px; }
        
        footer { position:fixed;bottom:0;width:100%; }
        
        footer .footer_content { display:flex;align-items: center; }
        footer .footer_logo { margin:0; }
        footer .footer_menu > ul { text-align:center; }
        footer .footer_menu > ul > li { display:inline-block;margin-left:2%; }
        
        
        span#txt_lang { display:inline-block;width:auto; }
        footer .footer_langs { display: flex;align-items: center;justify-content: center;}
        
        article.brand-section > div.content > div.brand_content.phyto,
	article.brand-section > div.content > div.brand_content.melicinal,
        article.brand-section > div.content > div.brand_content.hevea,
        article.brand-section > div.content > div.brand_content.crobar,
        article.brand-section > div.content > div.brand_content.plantae,
        article.brand-section > div.content > div.brand_content.omegaflor,
        article.brand-section > div.content > div.brand_content.powder,
        article.brand-section > div.content > div.brand_content.anaskin,
        article.brand-section > div.content > div.brand_content.nepenta { position:relative;width:50%;left:50%; }
        
	article.brand-section > div.content > div.brand_logo.abs { margin-left:15%; padding-left:20px; }
	article.brand-section > div.content > div.brand_desc.abs { margin-left:15%; margin-top:0; width:60%; }
}

@media screen and (min-width: 992px) {
        header#block-header { position:fixed; top:0%; z-index:1000; width:100%; }
        body.home header#block-header { top:50%; margin-top:-10%; }
        section#block-body { margin-top: 135px; }
        
        footer { background-color:rgba(0,0,0,0.6) !important; }
        footer .footer_menu > ul > li { margin-left:5%; }
        
        #content_menu_mobile { display: none; }
        .collapse:not(.show) { display: block !important; }
        #return_anastore { float:right;margin-right:30px; }
        
	article.brand-section > div.content { padding-top: 70px;padding-bottom: 70px; margin-left:8%; }
        
        article.brand-section > div.content > div.brand_content.phyto,
	article.brand-section > div.content > div.brand_content.melicinal,
        article.brand-section > div.content > div.brand_content.hevea,
        article.brand-section > div.content > div.brand_content.crobar,
	article.brand-section > div.content > div.brand_content.plantae,
	article.brand-section > div.content > div.brand_content.omegaflor,
	article.brand-section > div.content > div.brand_content.powder,
	article.brand-section > div.content > div.brand_content.anaskin,
        article.brand-section > div.content > div.brand_content.nepenta { width:40%;left:60%; }
	
        article.brand-section > div.content > div.brand_content.powder,
        article.brand-section > div.content > div.brand_content.anaskin { margin-top:100px; }
        
        article.brand-section > div.content > div.brand_content.crobar,
        article.brand-section > div.content > div.brand_content.nepenta { margin-top:120px; }
        
	article.brand-section > div.content > div.brand_logo.abs { margin-left:20%; padding-left:20px; }
	article.brand-section > div.content > div.brand_desc.abs { margin-left:20%; margin-top:0; width:50%; }
}

@media screen and (min-width: 1300px) {
	/*header { margin:0 auto; width:1320px; transition: all 1s; }*/
	header { margin:0 auto; transition: all 1s; }
	body.home header { margin:0 auto; width:auto; transition: all 1s; }
	/*body.home header nav { margin:0 auto; width:1320px; transition: all 1s; }
	body.home header nav { margin:0 auto; width:1168px; transition: all 1s; }*/
	
	article.brand-section > div.brand_next > div { width:1168px; }
	
	/* SUBMENU */
	header div.submenu { width:180px; }
	/* FIN SUBMENU */
	
	/* FOTOS GRANDES */
	article.brand-section > div.content { margin-left:4%; }
	
	
	article.brand-section > div.content > div.brand_desc.em { margin-left:43.2%; margin-top:-7%; }
	
	article.brand-section > div.content > div.brand_desc.climax { margin-left:47%; margin-top:-7%; }
	
	
	article.brand-section > div.content > div.brand_logo.abs { margin-left:25%; padding-left:20px; }
	article.brand-section > div.content > div.brand_desc.abs { margin-left:25%; margin-top:0; width:40%; }
	
	
	/*
	article.brand-section > div.content > div.brand_logo.phyto { margin-left:400px; width:auto; }
	article.brand-section > div.content > div.brand_desc.phyto { margin-left:750px; margin-top:-35px; }
	
	article.brand-section > div.content > div.brand_logo.em { margin-left:400px; width:auto; }
	article.brand-section > div.content > div.brand_desc.em { margin-left:750px; margin-top:-70px; }
	
	article.brand-section > div.content > div.brand_logo.climax { margin-left:400px; width:auto; }
	article.brand-section > div.content > div.brand_desc.climax { margin-left:770px; margin-top:-70px; }*/
	
        article.brand-section > div.content > div.brand_desc.phyto,
        article.brand-section > div.content > div.brand_content.melicinal,
	article.brand-section > div.content > div.brand_content.crobar,
        article.brand-section > div.content > div.brand_content.plantae,
        article.brand-section > div.content > div.brand_content.omegaflor,
        article.brand-section > div.content > div.brand_content.powder,
	
	article.brand-section > div.content > div.brand_content.cordyceps,
        article.brand-section > div.content > div.brand_content.nepenta,
	article.brand-section > div.content > div.brand_content.anaskin { left:50%; }
        
        article.brand-section > div.content > div.brand_content.hevea { left:45%; }
	
	
	/* FIN FOTOS GRANDES */
	
}

@media screen and (min-width: 1550px) {
	
	article.brand-section > div.content { margin-left:14%; }
	
	article.brand-section > div.content > div.brand_logo.phyto,
	article.brand-section > div.content > div.brand_logo.hevea { margin-left:12%; width:auto; }
	article.brand-section > div.content > div.brand_desc.phyto { margin-left:42%; margin-top:-3.2%; }
	
	article.brand-section > div.content > div.brand_logo.em { margin-left:8%; width:auto; }
	article.brand-section > div.content > div.brand_desc.em { margin-left:39.2%; }
	
	article.brand-section > div.content > div.brand_logo.climax { margin-left:8%; width:auto; }
	article.brand-section > div.content > div.brand_desc.climax { margin-left:42.5%; }
	
	article.brand-section > div.content > div.brand_logo.abs { margin-left:20%; padding-left:20px; }
	article.brand-section > div.content > div.brand_desc.abs { margin-left:20%; margin-top:0; width:40%; }
	
	article.brand-section > div.content > div.brand_desc.hevea { margin-left:28%; margin-top:-3%; }
	
	article.brand-section > div.content > div.brand_content.melicinal,
	article.brand-section > div.content > div.brand_content.crobar,
	article.brand-section > div.content > div.brand_content.omegaflor,
	article.brand-section > div.content > div.brand_content.anaskin,
	article.brand-section > div.content > div.brand_content.cordyceps { width:35%; margin-right:18%; }
	
        article.brand-section > div.content > div.brand_content.nepenta { width:35%; margin-right:28%; }
	article.brand-section > div.content > div.brand_content.powder { width:35%; margin-right:22%; }
	
	/*article.brand-section > div.content > div.brand_content.phyto { width:35%; }*/
	article.brand-section > div.content > div.brand_content.hevea { width:35%; margin-right:18%; }
	article.brand-section > div.content > div.brand_content.plantae { width:35%; margin-right:18%; }
	
}

@media screen and (min-width: 1720px) {
	
	article.brand-section > div.content { margin-left:16%; }
	
	article.brand-section > div.content > div.brand_desc.phyto { margin-left:39%; margin-top:-2.8%; }
	article.brand-section > div.content > div.brand_desc.em { margin-left:35.5%; margin-top:-6%; }
	article.brand-section > div.content > div.brand_desc.climax { margin-left:38.5%; margin-top:-6%; }
	
	article.brand-section > div.content > div.brand_content.melicinal,
	article.brand-section > div.content > div.brand_content.crobar,
	article.brand-section > div.content > div.brand_content.omegaflor,
	article.brand-section > div.content > div.brand_content.anaskin,
	article.brand-section > div.content > div.brand_content.cordyceps,
	article.brand-section > div.content > div.brand_content.powder { width:35%; margin-right:20%; }
	article.brand-section > div.content > div.brand_content.powder { margin-right:25%; }
        article.brand-section > div.content > div.brand_content.nepenta { width:35%; margin-right:30%; }
	/*article.brand-section > div.content > div.brand_content.phyto { width:35%; }*/
	article.brand-section > div.content > div.brand_content.hevea { width:35%; margin-right:20%; }
	article.brand-section > div.content > div.brand_content.plantae { width:35%; margin-right:20%; }
}

@media screen and (min-width: 1900px) {
	/*article.brand-section > div.content { margin-left:18%; }*/
	
	article.brand-section > div.content > div.brand_desc.phyto { margin-left:37%; margin-top:-2.5%; }
	article.brand-section > div.content > div.brand_desc.em { margin-left:32.5%; margin-top:-5.5%; }
	article.brand-section > div.content > div.brand_desc.climax { margin-left:35.5%; margin-top:-5.5%; }
	
	article.brand-section > div.content > div.brand_logo.abs { margin-left:20%; padding-left:20px; }
	article.brand-section > div.content > div.brand_desc.abs { margin-left:20%; margin-top:0; width:40%; }
	
	article.brand-section > div.content > div.brand_content.melicinal,
	article.brand-section > div.content > div.brand_content.crobar,
	article.brand-section > div.content > div.brand_content.omegaflor,
	article.brand-section > div.content > div.brand_content.anaskin,
	article.brand-section > div.content > div.brand_content.cordyceps,
	article.brand-section > div.content > div.brand_content.powder { width:30%; margin-right:26%; }
	article.brand-section > div.content > div.brand_content.hevea { width:30%; margin-right:26%; }
	article.brand-section > div.content > div.brand_content.plantae { width:30%; margin-right:26%; }
	article.brand-section > div.content > div.brand_content.nepenta { width:30%; margin-right:36%; }
        
	article.brand-section > div.content > div.brand_desc.hevea { margin-left:25%; margin-top:-2.8%; }
}