.tnb2 {font-size:16px;color:#fff;line-height:24px;}
.tnb2 .padding{margin:5px;}
/*.tnb2 h1,.tnb2 h1 a {font-size:44px; color:#8a8a8a;text-align:center;margin:15px auto 10px auto;}*/
.tnb2 h1, .tnb2 h1 a {font-size: 40px;text-transform:uppercase;color: #e6e6e6;text-align: center;margin: 15px auto 10px auto;text-shadow: 0px 1px 1px rgba(255,255,255,0.5);-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;background-color: #000000;}
ul.tnb2_nav {margin:0 auto 5px auto;text-align:center;font-size:13px;text-transform:uppercase;text-shadow: 0 0 2px #888;z-index:0;}
.tnb2 #footer {border-top: 1px solid #ddd;background: #ffffff;}
ul.tnb2_nav li {padding:3px 7px;color:#fff;float:none;display:inline-block;}
.tnb2_nav a {display:inline-block;padding:5px;color:#fff;text-align:center;}
.tnb2_nav a.tnb_current_ctgy{background-color: #000000;border: 1px solid #71941d;color: #c1d82f;/* #71941d #1188EC */}
.tnb2_nav a:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a0b322), color-stop(1, #bed730));background:-moz-linear-gradient(top, #a0b322 5%, #bed730 100%);background:-webkit-linear-gradient(top, #a0b322 5%, #bed730 100%);background:-o-linear-gradient(top, #a0b322 5%, #bed730 100%);background:-ms-linear-gradient(top, #a0b322 5%, #bed730 100%);background:linear-gradient(to bottom, #a0b322 5%, #bed730 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0b322', endColorstr='#bed730',GradientType=0);background-color:#a0b322;color:#ffffff;}

.tnb2_feature{background-color:#232323;text-align:center;border-top:1px solid #1E1E1E;box-shadow: 0px 6px 12px rgba(0,0,0,0.50); }
.tnb2_feature_imageside{position:relative;overflow:hidden;}
.tnb2_feature_imageside .float_feature{color:#3f3f3f;position:absolute;bottom:10px;left:10px;display:inline-block;padding:6px 10px;background-color:#bfd730;/*border:1px solid #AEC326;*/font-weight:bold;    text-shadow: 0 0 2px #888; text-transform:uppercase;}
.tnb2_feature_contentside{position:relative;overflow:hidden;}
.tnb2_feature_contentside img { visibility:hidden;}
.tnb2_feature_contentside .padding {position:absolute; top:0;left:0;}
.tnb2_feature_contentside .read-more {text-align:right;position:absolute;bottom:10px;right:10px;text-transform:uppercase;}
.tnb2-name-holder {margin:0 auto; text-align:center; border:1px solid #FFF;display:inline-block;padding:5px 10px;}
.tnb2-text-holder {text-align:left;padding:5px;color:#fff;}
.tnb2-featured-name {font-size:44px;color:#fff;line-height:normal;}

.tnb2_profile_thumb {}
.tnb2_profile_thumb .padding{margin:5px;box-shadow: 0px 3px 12px rgba(0,0,0,0.40);}
.tnb2_profile_thumb .padding:hover{border:3px solid rgba(191, 215, 48, 0.8);transition: border .2s;}
/*.columns_4.tnb2_profile_thumb .padding:hover{margin:0 10px 20px 10px;-webkit-transition: margin .4s;-moz-transition: margin .4s;-o-transition: margin .4s;transition: margin .4s;}*/
/*.columns_4.tnb2_profile_thumb .padding:hover{margin:0 10px 20px 10px;-webkit-transform: translate(0, 5px);-webkit-transition: -webkit-transform 0.8s ease;-moz-transform: translate(0, 5px);-moz-transition: -moz-transform 0.8s ease;-o-transform: translate(0, 5px);-o-transition: -o-transform 0.8s ease;transform: translate(0, 5px);transition: transform 0.8s ease;}*/
.tnb2_thumb_info {clear:both; background-color:#232323;text-align:left;padding:10px;text-align:center;}
	.tnb2_thumb_info_name {color:#FFF;font-weight:bold;line-height:normal;}
	.tnb2_thumb_info_title {color:#bcd430;font-size:14px;}

	.tnb2 .openNav {display:none;}
@media only screen and (max-width : 600px) {
	.tnb2_thumb_info {height:40px;}
}
@media only screen and (max-width : 480px) {
	
	.tnb2_profile_thumb {width:50%;}
	.tnb2_profile .tnb2_profile_imageside{width:100%;}
	.tnb2_profile .tnb2_profile_contentside{width:100%;height:300px;}
	.tnb2_profile .tnb2_profile_contentside img{display:none;}
	.tnb2_feature .tnb2_feature_imageside{width:100%;}
	.tnb2_feature .tnb2_feature_contentside{width:100%;/*height:300px;*/}
	/*.tnb2_feature .tnb2_feature_contentside img{display:none;}*/
	.tnb2 h1, .tnb2 h1 a {font-size: 32px;}
	#tnb2_nav{display:none;}.tnb2 .openNav {display:inline;display: inline-block;padding: 10px;border: 1px solid #444;width:100%;font-size: 20px;cursor: pointer;}
}



			.sidenav {
				height: 100%;
				width: 0;
				position: fixed;
				z-index: 1000;
				top: 0;
				left: 0;
				background-color: #111;
				overflow-x: hidden;
				transition: 0.5s;
				padding-top: 60px;
			}
			
			.sidenav a {
				padding: 8px 8px 8px 32px;
				text-decoration: none;
				font-size: 25px;
				color: #818181;
				display: block;
				transition: 0.3s
			}
			
			.sidenav a:hover, .offcanvas a:focus{
				color: #f1f1f1;
			}
			
			.closebtn {
				position: absolute;
				top: 0;
				right: 25px;
				font-size: 36px !important;
				margin-left: 50px;
			}
			
			@media screen and (max-height: 450px) {
			  .sidenav {padding-top: 15px;}
			  .sidenav a {font-size: 18px;}
			}



.tnb2_profile{background-color:#232323;text-align:center;border-top:1px solid #1E1E1E;box-shadow: 0px 6px 12px rgba(0,0,0,0.50); }
.tnb2_profile_imageside{position:relative;overflow:hidden;}
.tnb2_profile_contentside{position:relative;overflow-y:auto;}
.tnb2_profile_contentside img { visibility:hidden;/*-webkit-filter: blur(5px);filter: blur(5px);transition: 2s -webkit-filter linear;*/}
.tnb2_profile_contentside .padding {position:absolute; top:0;left:0;}
.tnb2-profile-name {font-size:44px;color:#fff;line-height:normal;text-transform:uppercase;}
.tnb2-profile-title {color:#fff;font-weight:bold;padding:3px 10px;text-shadow: 0 0 2px #888;

	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a0b322), color-stop(1, #bed730));
	background:-moz-linear-gradient(top, #a0b322 5%, #bed730 100%);
	background:-webkit-linear-gradient(top, #a0b322 5%, #bed730 100%);
	background:-o-linear-gradient(top, #a0b322 5%, #bed730 100%);
	background:-ms-linear-gradient(top, #a0b322 5%, #bed730 100%);
	background:linear-gradient(to bottom, #a0b322 5%, #bed730 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0b322', endColorstr='#bed730',GradientType=0);*/
	background-color:#a0b322;
}
.float_icons {position:absolute;bottom:10px;left:10px;}
.float_icons a {display:inline-block;width:30px;height:30px;padding:4px;background-color:#bfd730;margin-right:5px; background-repeat:no-repeat; background-position:center center;}
.float_icons a:hover {background-color: #d0f500;box-shadow: 0px 0px 2px #585858;-moz-box-shadow: 0px 0px 2px #585858;-webkit-box-shadow: 0px 0px 2px #585858;}
.float_icons a.icon_facebook {background-image:url('/images/icons/fill-png/facebook-icon.png');}
.float_icons a.icon_twitter {background-image:url('/images/icons/fill-png/twitter-icon.png');}
.float_icons a.icon_youtube {background-image:url('/images/icons/fill-png/youtube-icon.png');}
.float_icons a.icon_instagram {background-image:url('/images/icons/fill-png/instagram-icon.png');}
.float_icons a.icon_snapchat {background-image:url('/images/icons/fill-png/snapchat-icon.png');}
.float_icons a.icon_linkedin {background-image:url('/images/icons/fill-png/linkedin-icon.png');}
.float_icons a.icon_website {background-image:url('/images/icons/fill-png/website-icon.png');}



/*
.saturate {-webkit-filter: saturate(3); filter: saturate(3);}
.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.contrast {-webkit-filter: contrast(160%); filter: contrast(160%);}
.brightness {-webkit-filter: brightness(0.25); filter: brightness(0.25);}
.blur {-webkit-filter: blur(3px); filter: blur(3px);}
.invert {-webkit-filter: invert(100%); filter: invert(100%);}
.sepia {-webkit-filter: sepia(100%); filter: sepia(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}
.rss.opacity {-webkit-filter: opacity(50%); filter: opacity(50%);}
*/

.tnb2_profile_contentside::-webkit-scrollbar {width:.5em;height:.5em;}
.tnb2_profile_contentside::-webkit-scrollbar-thumb {background: #bfd730;}
.tnb2_profile_contentside::-webkit-scrollbar-track {background: #CCC;}

.tnb2_profile_contentside {
/*
    scrollbar-3dlight-color:#bfd730;
    scrollbar-arrow-color:#bfd730;
    scrollbar-base-color:#bfd730;
    scrollbar-darkshadow-color:#bfd730;
    scrollbar-face-color:#bfd730;
    scrollbar-highlight-color:slategray;
    scrollbar-shadow-color:slategray;
	scrollbar-width: 10px;
*/
	
scrollbar-face-color: #bfd730;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #ccc;
scrollbar-darkshadow-color: #fff;
scrollbar-shadow-color: #aaa;
scrollbar-arrow-color: slategray;
scrollbar-track-color: #eee;
}


.tnb2_gallery_thumb {}
.tnb2_gallery_thumb .padding{margin:10px;box-shadow: 0px 3px 12px rgba(0,0,0,0.40);}

	
	
.tnb2-green {color:#bcd430;}
.tnb2 .button-tnb {
	-moz-box-shadow:inset 0px 1px 0px 0px #d3eb1a;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d3eb1a;
	box-shadow:inset 0px 1px 0px 0px #d3eb1a;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bed730), color-stop(1, #a0b322));
	background:-moz-linear-gradient(top, #bed730 5%, #a0b322 100%);
	background:-webkit-linear-gradient(top, #bed730 5%, #a0b322 100%);
	background:-o-linear-gradient(top, #bed730 5%, #a0b322 100%);
	background:-ms-linear-gradient(top, #bed730 5%, #a0b322 100%);
	background:linear-gradient(to bottom, #bed730 5%, #a0b322 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bed730', endColorstr='#a0b322',GradientType=0);
	background-color:#bed730;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #a0b322;
	display:inline-block;
	cursor:pointer;
	color:#212407;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:8px 10px;
	text-decoration:none;
}
.tnb2 .button-tnb:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a0b322), color-stop(1, #bed730));
	background:-moz-linear-gradient(top, #a0b322 5%, #bed730 100%);
	background:-webkit-linear-gradient(top, #a0b322 5%, #bed730 100%);
	background:-o-linear-gradient(top, #a0b322 5%, #bed730 100%);
	background:-ms-linear-gradient(top, #a0b322 5%, #bed730 100%);
	background:linear-gradient(to bottom, #a0b322 5%, #bed730 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0b322', endColorstr='#bed730',GradientType=0);
	background-color:#a0b322;
}
.tnb2 .button-tnb:active {
	position:relative;
	top:1px;
}
.tnb2 .profile_products .bottle {width:23%;margin:0 0 0 2%;float:left;text-align:center;}
.tnb2 .profile_products .opinion {padding: 30px 30px 30px 15%;margin: 20px 10% 20px 13%;background: rgb(249, 249, 249);box-shadow: 2px 2px 5px #777;}

.tnb2 .profile_products .alt .bottle {float:right;margin:0 2% 0 0;}
.tnb2 .profile_products .alt .opinion {padding: 30px 15% 30px 30px;margin: 20px 13% 20px 10%;}


.tnb2_bg1, #main-content.tnb2_bg1{background-color:#2D2D2D;/*background-image: url('/tnb-new/images/honey_im_subtle_dark.png');*/padding:0;}
.tnb2 .bg_1 {background-image: url('/tnb-new/images/honey_im_subtle_top.png');background-repeat: repeat-x;background-position: bottom left;}
.tnb2 .bg_2 {padding-top:10px;padding-bottom:10px;background-image: url('/tnb-new/images/honey_im_subtle.png');background-repeat: repeat;background-position: top left;}
.tnb2 .bg_3 {padding-top:10px;padding-bottom:10px;background-image: url('/images/hexagon-bg-1.png');background-repeat: no-repeat;background-position:left -90px top 150px;/*background-color: #fff;*/color:#000;}
.tnb2 .bg_3_wrap {padding-top:10px;padding-bottom:10px;background-image: url('/images/hexagon-bg-1.png');background-repeat: no-repeat;background-position:right -100px top 679px;/*background-color: #fff;*/color:#000;}
.tnb2 .bg_3 h2 {color:#000000;font-weight:bold;padding:3px 30px;text-shadow: 0 0 4px #777; text-transform:uppercase;font-size:40px;text-align:left;border-top:5px solid #646464;}
.tnb2 .bg_4_wrap {padding-top:10px;padding-bottom:10px;background-image: url('http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/hexabump.png');color:#000;}
.tnb2 .bg_4 h2 {color:#000000;font-weight:bold;padding:3px 30px;text-shadow: 0 0 4px #777, 0 0 14px #353535; text-transform:uppercase;font-size:40px;text-align:left;border-top:5px solid #646464;}
.tnb2 .bg_4 .bottle {width:16%;}
.tnb2 .bg_4 .opinion {margin-top:10px;}

.frame-square, .frame-round {background: #fff;display: inline-block;vertical-align: top;width: 300px;height: 300px;}
.frame-round {border-radius: 50%;overflow: hidden;}
.frame-round .crop {border-radius: 50%;}
.crop {height: 100%;overflow: hidden;position: relative;}
.crop img {display: block;min-width: 100%;min-height: 100%;margin: auto;position: absolute;top: -100%;right: -100%;bottom: -100%;left: -100%;}

.tnb2 #fancybox-content,
.tnb2 #fancybox-outer,
.tnb2 #fancybox-skin {border-color: #000000;}
.tnb2 #fancybox-close{background: url(/js/fancybox/fancybox/fancy_close_green.png);background-position:center center;}
.tnb2 #fancybox-left-ico {background-image: url(/js/fancybox/fancybox/fancy_nav_left_green.png);background-position:center center;}
.tnb2 #fancybox-right-ico {background-image: url(/js/fancybox/fancybox/fancy_nav_right_green.png);background-position:center center;}
/*.tnb2 #fancybox-left:hover span {visibility: visible;right: auto;left: -15px;}
.tnb2 #fancybox-right:hover span {visibility: visible;left: auto;right: -15px;}*/

/* ************************************* */

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
   
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   /*background-color: rgba(219,127,8, 0.7);*/
   background-color: rgba(159,179,33,.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(300px);
   -moz-transform: translateY(300px);
   -o-transform: translateY(300px);
   -ms-transform: translateY(300px);
   transform: translateY(300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=1);
   opacity: 1;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first .info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover .info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
   
   padding:0;
}
.view-first:hover .info {
	/*margin-top:10%;*/
	
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

.view:hover .tnb2_thumb_info span{visibility:hidden;}