@font-face {
    font-family: 'museo700';
    src: url('fonts/exljbris - Museo-700-webfont.eot');
    src: url('fonts/exljbris - Museo-700-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/exljbris - Museo-700-webfont.woff2') format('woff2'),
         url('fonts/exljbris - Museo-700-webfont.woff') format('woff'),
         url('fonts/exljbris - Museo-700-webfont.ttf') format('truetype'),
         url('fonts/exljbris - Museo-700-webfont.svg#museo700') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'luckiest_guyregular';
    src: url('fonts/LuckiestGuy-webfont.eot');
    src: url('fonts/LuckiestGuy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LuckiestGuy-webfont.woff2') format('woff2'),
         url('fonts/LuckiestGuy-webfont.woff') format('woff'),
         url('fonts/LuckiestGuy-webfont.ttf') format('truetype'),
         url('fonts/LuckiestGuy-webfont.svg#luckiest_guyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'permanent_markerregular';
    src: url('fonts/PermanentMarker-webfont.eot');
    src: url('fonts/PermanentMarker-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PermanentMarker-webfont.woff2') format('woff2'),
         url('fonts/PermanentMarker-webfont.woff') format('woff'),
         url('fonts/PermanentMarker-webfont.ttf') format('truetype'),
         url('fonts/PermanentMarker-webfont.svg#permanent_markerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
#mainmenu{background:url(../images/bg_menu.png) no-repeat top center;width:1085px;height:115px;display:inline-block;position:absolute;top:0;left:0;right:0;margin:auto;z-index:4;padding-top: 35px;padding-left: 25px;background-size:100%;clear:both;}
#mainmenu a{float:left;}
#mainmenu a.link{font-family: 'luckiest_guyregular';font-size:20px;color:#fff;text-shadow: 0px -3px 5px #888888;text-decoration:none;margin:0px 15px;margin-top:15px;}
.logo{vertical-align:middle;}
.wings{position:absolute;  right: 1%;top: 50px;z-index: 3;}

body{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#6c6b6a;}
body.daylight{background:url(../images/bg_daylight2.jpg) no-repeat;background-size:100%;}
body.night{background:url(../images/bg_daylight2.jpg) no-repeat;background-size:100%;}
/*body.aboutus{background:url(../images/bg_aboutus.jpg) no-repeat;background-size:100%;min-height:715px;}*/
/*body.news{background:url(../images/bg_news.jpg) no-repeat;background-size:100%;min-height:719px;}*/
/*body.contactus{background:url(../images/bg_contact.jpg) no-repeat;background-size:100%;min-height:719px;}*/
body.blog{background:url(../images/bg_blog.jpg) no-repeat;background-size:100%;min-height:1445px;}
/*body.tv_ads{background:url(../images/bg_tvads.jpg) no-repeat;background-size:100%;min-height:715px;}*/
.clear{clear:both;}
.font26{font-size:26px;}
#aboutus_wrap{
	width:885px;
	height:565px;
	position:absolute;
	background:url(../images/bg_aboutus_board.png) no-repeat;
	bottom:0px;
	background-size:100%;
	padding:80px 130px 0px 145px;}
#news_wrap{
	width: 950px;
	height: 606px;
	position: absolute;
	z-index: 2;
	bottom: 0px;
	right: 6%;
	margin: auto;	
	background: url(../images/img_news_book.png) no-repeat;
	background-size: 100%;
	padding: 30px 35px;
}
#contactus_wrap,.contactus_wrap{
  	width: 733px;
	height:485px;
  	position: absolute;
	bottom: 110px;
  	z-index: 2;
  	left: 0;
  	right: 0;
  	margin: auto;	
	padding: 35px 15px 0px 15px;
	background: url(../images/img_contact.png) no-repeat;
	background-size: 100%;
}
.contactus_wrap form{margin-top:50px;}
#blog_wrap{
  	width: 927px;
	height:1322px;
  	position: absolute;
  	z-index: 2;
	bottom: 10px;
  	left: 0;
  	right: 0;
	margin:auto;
	background: url(../images/bg_blog.png) no-repeat;
	background-size: 100%;
	padding:10px 60px 0px 55px;
}
#tvads_wrap{
	width: 1155px;
	height: 620px;
	position:absolute;
	background:url(../images/bg_tvads_tablet.png) no-repeat;
	bottom:0px;
	background-size:100%;
	left: 0px;
	right: 0px;
	margin: auto;
	text-align: center;
	padding-top: 65px;}
.category_wrap a{margin:0px 20px;width:171px;height:62px;display:block;font-family: 'luckiest_guyregular';font-size:24px;display:inline-block;background:url(../images/bg_blog_category.png) no-repeat;padding:20px;color:#fff;}
.category_wrap a:hover,.category_wrap a.active{color:#f09a5f;}

.section_wrap{background:url(../images/bg_blog_section.png) no-repeat;width:801px;height:49px;display:inline-block;background-blend-mode: overlay;padding: 15px 25px;margin-top:10px;}
.section_wrap a{
	display:inline-block;
	background:url(../images/bg_submenu.png) repeat-x;
	font-style:italic;
	color:#fff;
	font-size:12px;
	font-family:"Myriad Pro";
	padding:1px 10px;
	-webkit-box-shadow: -4px 0px 1px 0px rgba(46,23,16,1);
	-moz-box-shadow: -4px 0px 1px 0px rgba(46,23,16,1);
	box-shadow: -4px 0px 1px 0px rgba(46,23,16,1);
	margin:0px 5px;
}
.section_wrap a:hover,.section_wrap a.active{background:#6c9a25;}

#latest_wrap{}
#latest_wrap .item{padding-left:0.4375rem;padding-right:0.4375rem;margin-bottom:15px;}
#latest_wrap .item_wrap{background:#fff;}
#latest_wrap .item img.thumbnail{width:100%;}
#latest_wrap .item .text_wrap{padding:15px;color:#050504;}
#latest_wrap .item .text_wrap .title{padding-bottom:5px;border-bottom:dashed #000 thin;height:100px;}
#latest_wrap .item .text_wrap .title a{font-style:italic;font-size:24px;color:#050504;}
#latest_wrap .item .text_wrap .function_wrap{padding-top:10px;}
#latest_wrap .item .text_wrap .function_wrap .columns{padding:0px;}
#latest_wrap .item .text_wrap .function_wrap img{vertical-align:middle;}
#latest_wrap .item .text_wrap .function_wrap span{margin-left:10px;font-family: 'luckiest_guyregular';font-size:24px;vertical-align:middle;}

#aboutus .text{font-size:18px;color:#734d0a;line-height:1.2;font-family: 'museo700';padding-right:0px;}
#contactus div.text{font-size:16px;color:#154301;line-height:1.2;font-family: 'permanent_markerregular';}
#contactus table tr th, table tr td{padding:0px;}
#contactus table,#contactus table tr.even, table tr.alt, table tr:nth-of-type(even){background:none;font-family: 'open_sansbold';font-size:14px;}
#contactus table span{color:#000;opacity:0.5;}
#contactus input.text, #contactus textarea.text{
	margin: 0px;
	background: none;
	border: none;
	box-shadow: none;
	border-bottom: solid thin #808080;
	padding: 0rem;
	height: auto;
	font-size: 13px;
	font-family: 'open_sansregular';
}
img.headline{width:110px;}
div.headline{margin-top:10px;}
.headline .title{color:#eb7221;font-family: 'luckiest_guyregular';font-size:24px;}
#news_wrap img.thumbnail{padding:5px;background:#fff;width:151px;}
#content_detail{padding:0px 45px;padding-top:20px;}
#content_detail .thumbnail{box-shadow:0px 0px 8px #7d7d7d}
#content_detail .thumbnail img{padding:6px;background:#fff;}
#content_detail .title{color:#eb7221;font-family: 'luckiest_guyregular';font-size:24px;margin-top:10px;}
#content_detail .text{line-height:1.4;height:170px;overflow:auto;}

#news_feed a{display:inline-block;}
#news_feed a:hover{background:#fad5b2;}
#news_feed a div.text{color:#8e8e8e;font-size:12px;font-family: 'permanent_markerregular';font-style:italic;padding:5px 3px}
#news_feed img{width:100%;}
#news_feed .item{background:url(../images/bg_box.png) no-repeat;width:168px;height:155px;padding:15px;display:block;overflow:hidden;}


/*slider*/
.bx-wrapper .bx-viewport{border: none;background: none;box-shadow:none;left:0;}
.bx-wrapper{margin: 0;} 
#bx-pager{position:absolute;z-index:2;bottom:0px;right:0px;padding:12px 15px;}
#bx-pager a{padding:3px 5px;  display: inline-block;}
#bx-pager a.active{background:#a09f9d;opacity:0.5;}
#slider_title{
	position:absolute;
	z-index:1;
	bottom:0px;
	font-size:30px;
	font-family: 'luckiest_guyregular';
	color:#00481f;
	font-style:italic;
	padding:15px;
	background:url(../images/bg_transparent_title.png) repeat;
	width:100%;
}
img.bottle{position:absolute;bottom:0px;right:0px;z-index:3;width:825px;}
#contactus .left{padding-top:115px;padding-left:40px;}
div#tvads {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  width: 593px;
  display: inline-block;
  text-align:left;
  background: #f4f4f4;
  min-height: 445px;
}
ul#list_tray li{padding:10px;}
ul#list_tray li .title{color:#fff;font-size:12px;}
ul#list_tray li .author{color:#b8b8b8;font-size:10px;}
ul#list_tray li div.scroll-pane
{
	width: 100%;
	height: 190px;
	overflow: auto;
}
ul#list_tray li div.scroll-pane a{display:block;}
#video_info .title{
	color:#a8d70e;
	font-family: 'luckiest_guyregular';
	font-size:19px;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.75);
	letter-spacing:1px;
}
#video_info .description{color:#000;font-family: 'permanent_markerregular';font-size:12px;}
#tvads .screen{background:#1a1a1a;display:block;min-height:265px;}
#tvads .screen .leftside{width:400px;display:inline-block;float:left;}
#tvads .screen .rightside{width:193px;display:inline-block;}

#parallax img{max-width:none;}
#aboutus img{max-width:100%;}
.parallax-layer-about{width:1440px; height:770px;}
.parallax-layer-news{width:1440px; height:730px;}
.parallax-layer-tvads{width:1440px; height:730px;}
.parallax-layer-contact{width:1440px; height:770px;}
.parallax-layer-nutrition{width:1440px; height:770px;}

#latest_wrap div.scroll-pane
{
	width: 100%;
	height: 720px;
	overflow: auto;
}

.alert-box{padding:5px;}
#video_info .rightside {
  display: inline-block;
}
.bg_socmed {
  background: url(../images/bg_socmed_footer.png) no-repeat;
  width: 143px;
  height: 97px;
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 20px;
}

/* Blog Detail */
.blog-detail-wrap{
  	width: 927px;
	height:1322px;
  	position: absolute;
  	z-index: 2;
	bottom: 10px;
  	left: 0;
  	right: 0;
	margin:auto;
	background: url(../images/bg-blog.png) no-repeat;
	background-size: 100%;
	padding:10px 60px 0px 55px; }
.blog-detail-img {
	width: 782px;
	height: 377px;
	position: relative;}
.blog-detail-caption {
	font-family: 'luckiest_guyregular';
	font-size: 24px;
	background-color: rgba(255, 255, 255, 0.8);
  	padding: 10px;
  	color: #00481f;
  	position: absolute;
  	bottom: 0;
  	width: 100%;
  	font-style: italic;}
.blog-detail-ctn {
 	padding: 20px 60px;
 	font-size: 24px;
 	color: #777;
 	background: #fff; }
.blog-detail-ctn p {
 	line-height: 33px;
 	margin-bottom: 10px; }
.blog-detail-content {
	height: 615px;
	overflow-y: scroll;
	overflow-x: hidden; }
.blog-detail-scroll-fb {
 	height: 350px;
	overflow-y: scroll;
	overflow-x: hidden; }

/* Nutrition */
.nutrition-wrap{
	width: 950px;
	height: 606px;
	position: absolute;
	z-index: 2;
	bottom: 0px;
	right: 6%;
	margin: auto;
	padding: 30px 35px;}
.nutrition-wrap h1 {
	font-family: 'luckiest_guyregular';
	font-size: 48px;
  	padding-left: 200px;
  	letter-spacing: 5px;
  	color: #fff;
  	text-shadow: 2px 3px 5px #777;}
.nutrition-vit {
	float: left;
	margin-left: -60px;}
.nutrition-bottle {
	float: left;}
.nutrition-desc {
	float: left;
	margin-left: -50px;}

.item_wrap .fb_iframe_widget{top:5px;}
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	#mainmenu{
		width: 800px;
		background-size:100%;
		padding-top: 28px;
		padding-left: 30px;
	}
	.wings{right: 1%;top: 40px;width:80px;}
	img.logo{width: 100px;}
	#mainmenu a.link{font-size: 20px;margin: 0px 20px;}
	#aboutus_wrap{
		width: 605px;
  		height: 385px;
		padding:50px 100px 0px 100px;
	}
	#aboutus .text {
		font-size: 12px;
	}
	body.aboutus{min-height:0px;  background-size: 125%;}
	body.news {background-size: 125%;min-height: 667px;background-position: center;}
	body.contactus {background-size: 125%;min-height: 667px;background-position: center;}
	body.blog {background-size: 134%;}
	body.tv_ads{background-size: 125%;min-height: 667px;background-position: center;}
	#news_wrap {
	  width: 876px;
	  height: 559px;
	  padding: 30px 35px;
	}
	#news_feed .item {
	  width: 160px;
	  height: 150px;
	  padding: 12px;
	  background-size: 100%;
	}
	#news_feed a div.text {
	  font-size: 10px;
	}
	#tvads_wrap {
	  	width: 1000px;
		height:535px;
		padding-top: 55px;
	}
	div#tvads {
	  width: 512px;
	  min-height: 385px;
	}
	#tvads .screen{background:#1a1a1a;display:block;min-height:265px;}
	#tvads .screen .leftside{width:400px;display:inline-block;float:left;}
	#tvads .screen .rightside{width:193px;display:inline-block;}
	#tvads .screen .rightside {
	  width: 110px;
	  display: inline-block;
	  overflow:auto;
	  height:300px;
	}
	img.bottle{width:570px;}
	#contactus_wrap{bottom:65px;padding-top: 25px;}
	#contactus .left{padding-top:140px;padding-left:20px;}
	#video_info .leftside{min-height:105px;}
}
@media only screen and (min-width: 1440px) {
	.contactus_wrap form{margin-top:0px;}
}