/*
	============================================================

					Design by The Field Group
	
					 Code by INVISIBLE INK
					  www.invisibleink.com

			Increase your visibility with Invisible Ink™
			
	============================================================
*/

html {min-width: 1200px;}

body	{
	margin: 0;
	padding: 0;
	background: #fff url(../img/bgpic.jpg) top center fixed no-repeat;
	background-size: cover !important;
	}

img	{
	max-width: 100%;
	height: auto;
	}
	
	/*   Basic Layout Divisions	*/
	
.vp	{
	box-sizing: border-box;
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	}

.block	{
	box-sizing: border-box;
	position: relative;
	padding: 0;
	margin: 0;
	}
	
@media screen and (max-width: 1200px) { 
	
	html {min-width: 980px;}

}
	
	/* Member Menu */

.member_menu	{
	position: relative;
	background: #004751;
	z-index: 900;
	}
	
.member_menu .toggleMenu	{
	position: relative;
	box-sizing: border-box;
	display: none;
	width: 100%;
	display: inline-block; 	
	zoom: 1;
	*display: inline;
	margin: 0;
	padding: 15px 12px;
	font-size: 21px;
	line-height: 21px;
	color: #fff !important;
	cursor: pointer;
	text-transform: uppercase;
	background: #004751;
	text-align: center;
	}

.member	{
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 0 40px;
	list-style: none;
	z-index: 100;
	text-align: left;
	}

.logged-out	{
	max-width: 1200px;
	text-align: left;
	}

.member .tab	{
	position: relative;
	display: inline-block; 	
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	}

/*
.member-admin	{background: #ffdd54;}
.member-admin a	{color: #004751 !important;}
.member-admin a:hover, .member-admin a:active	{color: #fff !important;}
*/

.member li:first-child:before	{
	content: "";
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
	left: -48px;
	width: 38px;
	height: 32px;
	background: url(../img/icons.png) -330px -132px no-repeat;
	}
	
.member .tab a {
	display: block;
	font-family: "proxima-nova", Tahoma, sans-serif;
	font-weight: 700;
	font-size: 15px;
	line-height: 15px;
	color: #fff;
	padding: 15px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	}
	
.member .tab a span {display: block;}
	
.member .tab:hover a	{
	text-decoration: underline;
	background: #008598;
	}
	
.member > li.hover > ul {display: block;}

.member .sub {
    position: absolute;
    display: none;
    list-style: none;
	width: 350px;
	top: 100%;
	margin: 0;
	padding: 0;
	background: #008598;
	}
	
.member .sub li:first-child:before	{
	left: 0;
	width: 0;
	height: 0;
	background: none;
	}
	
.member .sub li a {
	box-sizing: border-box;
    display: block;
	padding: 10px 18px;
	background: none !important;
	color: #fff !important;
	font-size: 16px;
	text-align: left;
	text-decoration: none !important;
	text-transform: capitalize;
    z-index: 100;
	}

.member .sub li a:hover	{
	color: #004751 !important;
	background: #ffdd55 !important;
	text-decoration: underline !important;
    transition: all 0.2s ease-in-out;
	}
	
.my-account .sub span	{
	font-size: 14px;
	font-style: italic;
	}
	
.member-subnav	{
	text-align: center;
	background: #ffdd54;
	padding: 12px 20px;
	}
	
.member-subnav a	{
	color: #004751;
	background: rgba(255,255,255,.5);
	font-size: .95em;
	padding: 5px 10px;
	margin: 5px;
	}
	
	/* Search */

#search	{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 210px;
	margin: 0;
	padding: 0;
	z-index: 500;
	}
	
#search label	{display: none;}
	
#search input	{
	box-sizing: border-box;
	display: inline-block;
	zoom: 1;
	*display: inline;
	border: 0;
	outline: none;
	width: 100%;
	padding: 10px 45px 10px 15px;
	margin: 0;
	border-radius: 20px;
	background: #fff;
	background: rgba(255,255,255,.7);
	color: #2a4b36 !important;
	font-family: "adelle", Georgia, serif;
	font-weight: 700;
	font-size: 15px;
    transition: all 0.2s ease-in-out;
	}

#search input:hover, #search form input:focus	{background: #fff;}

#search button	{
	display: inline-block;
	zoom: 1;
	*display: inline;
	background: url(../img/icons.png) -240px -38px no-repeat;
	box-shadow: 0 0 0 0;
	width: 25px;
	height: 25px;
	cursor: pointer;
	padding: 0 !important;
	margin: 0 5px 0 -35px !important;
	overflow: hidden;
	border-radius: 0 !important; /* Fix FF ghosting issue */
	text-indent: -9999px;
	text-align: left;
	}
	
::-webkit-input-placeholder {color: #62856f;}
:-moz-placeholder {color: #62856f;}
::-moz-placeholder {color: #62856f;}
:-ms-input-placeholder {color: #62856f;}
	
	/* Navigation */

.menu	{
	position: absolute;
	width: 18.38%;
	/* height: 100% !important; */
	display: inline-block; 	
	zoom: 1;
	*display: inline;
	vertical-align: top;
	background: #fff;
	z-index: 200;
	}

.menu h1	{
	display: block;
	width: 100%;
	padding: 15px 0;
	margin: 0;
	overflow: hidden;
	border-bottom: 2px solid #c3d88b;
	}
	
.menu h1 a	{
	display: block;
	width: 180px;
	height: 200px;
	margin: 0 auto;
	background: url(../img/logo.png) no-repeat;
	text-indent: -9999px;
	}
	
.menu .toggleMenu	{
	box-sizing: border-box;
	display: none;	
	width: 100%;
	position: relative;
	margin: 0;
	padding: 15px;
	font-family: "adelle", Georgia, serif;
	font-weight: 700;
	font-size: 21px;
	line-height: 21px;
	color: #fff !important;
	cursor: pointer;
	text-transform: uppercase;
	}

.public	{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0 0 500px 0;
	text-align: center;
	}

.public a	{box-sizing: border-box;}

.menu .tab	{
	padding: 0;
	margin: 0;
	}

.menu .tab a {
	width: 100%;
	display: block;
	position: relative;
	font-family: "proxima-nova", Tahoma, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #2a4b36;
	padding: 23px 25px;
	text-decoration: none;
	text-transform: uppercase;
	}
	
.menu .tab .more:hover:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #e5eccd;
	border-width: 15px;
	margin-top: -15px;
	z-index: 9999;
	}
	
.menu .tab:hover a	{background: #e4eccf;}
	
/* common styles for all sub-nav columns */
.menu .sub {
	box-sizing: border-box;
    display: none;
    position: absolute;
    list-style: none;
	top: 0;
	left: 100%;
	width: 180px;
	height: 100%;
	padding: 200px 0 0 0;
	margin: 0;
	background: #716a5f;
	}
	
/* common styles for all sub-nav links */
.menu .sub a	{
	width: 100%;
	display: block;
	color: #fff;
	}
	
.menu .sub a span	{
	text-transform: lowercase;
	font-size: 11px;
	}
	
.public > li.hover > ul {display: block;}
	
/* 1st level links only */
.level1 a	{background: #716a5f !important;}
.level1 a:hover	{background: #594e45 !important;}
	
.level1 .more:hover:after {border-left-color: #594e45;}
	
.level2	{background: #00722d;}
.level2 a	{background: #00722d !important;}

.level2 a:hover	{
	color: #716a5f;
	background: none !important;
	}

.level2 a:hover:after {border: none;}
	
.level1 li:hover .sub {display: block;}
	
.grower .level1	{padding-top: 40px;} /* Adjust for more menu items */
	
	/* Content */
	
.content	{
	position: relative;
	width: 100%;
	padding-left: 18.38%;
	min-height: 1000px; /* Keep menu from getting covered by footer */
	background: #e4eccf;
	z-index: 100;
	}

.content div	{box-sizing: border-box;}

.content .header_img	{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 27%;
	overflow: hidden;
	}

.content .header_img img	{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50%;
	transform: translateY(-50%);
	max-width: 100%;
	height: auto;
	}

.content .subnav	{
	list-style: none;
	padding: 5px 0;	
	margin: 0;
	text-align: center;
	}
	
.content .subnav li	{
	display: inline-block; 	
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	}
	
.content .subnav li a	{
	position: relative;
	display: block;
	padding: 8px 10px;	
	margin: 5px 4px;
	font-family: "proxima-nova", Tahoma, sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
	color: #fff;
	background: #716a5f;
    transition: all 0.2s ease-in-out;
	}
	
.content .subnav li a:hover	{
	background: #2a4b36;
	text-decoration: underline;
	}
	
.content .subnav li a.selected {background: #2a4b36;}

.content .copy	{padding: 25px 30px;}

.content .copy img	{
	max-width: 100% !important;
	height: auto !important;
	}

	/* Forms */

.formula label	{
	box-sizing: border-box;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: bottom;
	width: 49.5%;
	padding: 6px 10px;
	margin: 0;
	}
	
.formula .xs	{width: 23%;}
.formula .short	{width: 32.5%;}
.formula .long	{width: 100%;}

.formula input[type=text], .formula input[type=email], .formula input[type=tel], .formula input[type=number], .formula input[type=password]	{
	box-sizing: border-box;
	width: 100%;
	display: block;
	padding: 5px;
	margin: 6px 0;
	font-family: "proxima-nova", Tahoma, sans-serif;
	font-weight: 400;
	font-size: 17px;
	color: #254631;
	}
	
.formula input[type=checkbox], .formula input[type=radio]	{
	box-sizing: border-box;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	width: auto;
	padding: 0;
	margin: 0 7px;
	}
	
.formula select	{
	width: 100%;
	display: block;
	margin: 6px 0;
	}
	
.formula textarea	{
	width: 100%;
	height: 150px;
	}
	
.formula .btn, .formula button	{
	display: block;
	margin: 15px 0;
	}

.error	{
	font-style: italic;
	color: #c00;
	}
	
.success	{
	font-style: italic;
	color: #00722d;
	}
	
.formula .nope	{display: none;}

@media screen and (max-width: 600px) { 

	.formula label	{width: 100%;}
	
}

@media screen and (max-width: 400px) { 

	.formula .short	{width: 100%;}

}

	/*	Blog	*/	

.blog_year, .blog_topics	{
	position: relative;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	margin: 0 0 15px 0;
	z-index: 300;
	}
	
.blog_year h3, .blog_topics h3	{
	position: relative;
	display: block;
	color: #fff; 
	background: #2a4b36;
	padding: 13px 37px 13px 15px;
	margin: 0 10px 0 0;
	border: 0;
	cursor: pointer;
	font-size: 16px;
	line-height: 16px;
	font-family: "proxima-nova", Tahoma, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
    transition: all 0.2s ease-in-out;
    }
    
.blog_year h3:after, .blog_topics h3:after	{
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background: url(../img/icons.png) -340px -40px no-repeat;
	}

.blog_year_list, .blog_topic_list	{
	display: none;
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	-webkit-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.25);
	}

.blog_year_list li, .blog_topic_list li	{
	margin: 0;
	padding: 0;
	}

.blog_year_list li a, .blog_topic_list li a	{
	display: block;
	padding: 8px 12px 0 12px;
	color: #00722d;
	text-decoration: none;
	}

.blog_year_list li a:hover, .blog_topic_list li a:hover	{text-decoration: underline;}

.blog_year:hover .blog_year_list, .blog_topics:hover .blog_topic_list	{display: block;}

	/*	Blog List Format	*/	

.blog div:nth-child(2n+1)		{background: #f7fcea;}

.blog_entry	{padding: 15px 20px 0 20px;}
.blog_entry em	{font-size: 15px;}

	/*	Blog Articles	*/	

.blog_cover	{
	float: right;
	margin: 0 0 10px 15px;
	}

.blog_cover_2	{
	float: left;
	margin: 0 15px 10px 0;
	}

.blog_author 	{
	margin: 0 0 10px 0;
	text-align: center;
	}

.blog_author img	{
	margin: 0 0 0 10px;
	border: 1px solid #666;
	}

.blog_sm {
	float: left;
	width: 145px;
	padding: 10px;
	border: 1px solid #999;
	background: #fff;
	margin: 10px;
	}

	/* Photo Galleries */

.gallery	{text-align: center;}

.gallery_item	{
	box-sizing: border-box;
	position: relative;
	width: 30%;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	padding: 10px;
	margin: 0;
	text-align: left;
    background-size: cover !important;
	}

.gallery_pic	{
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 75%;
	margin-bottom: 15px;
	transform: scale(.98,.98);
    transition: all 0.1s ease-out;
    overflow: hidden;
    background: #fff;
    text-align: center;
	}
	
.gallery_pic:hover	{transform: scale(1,1);}

.gallery_pic img	{
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	}

.gallery_pic_2	{
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 75%;
	margin-bottom: 15px;
	}
	
.gallery_pic_2 span	{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	color: #fff;
	font-size: 1.5em;
	line-height: 1.25;
	text-transform: uppercase;
	font-weight: 700;
    text-align: center;
	}
	
	/*	Info	*/

.info	{
	padding: 5px 15px 0 15px;
	color: #456452;
	background: #fff;
	z-index: 300;
	}

#feature_buttons	{
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 18.38%;
	}

#google_translate_element	{
	position: relative;
	box-sizing: border-box;
	padding: 20px 10px 20px 80px;
	background: #716a5f;
	margin: 0;
	}

#google_translate_element *	{
	color: #fff;
	}

#google_translate_element:before	{
	content: "";
	position: absolute;
	top: 50%;
	left: 8px;
	margin-top: -32px;
	width: 65px;
	height: 65px;
	background: url(../img/icons.png) -118px -116px no-repeat;
	}
	
.goog-te-gadget-simple	{
	border: 0 !important;
	background: none !important;
	}

.goog-te-gadget-icon	{
	display: none !important;
	height: 0 !important;
	}

.goog-te-gadget-simple span, .goog-te-menu-value	{background: #716a5f;}

.goog-te-menu-value	{
	padding: 0 !important;
	margin: 0 !important;
	font-family: "adelle", Georgia, serif;
	font-weight: 700;
	color: #fff !important;
	font-size: 19px;
	line-height: 1.3;
	}

.goog-te-menu-value span	{
	border: 0 !important;
	color: #fff !important;
	}

.goog-te-menu-value:hover	{text-decoration: underline;}

.goog-te-menu-value span:last-child	{display: none !important;}

.sidebar	{
	position: relative;
	display: block;
	margin: 6px 0 0 0;
	font-family: "adelle", Georgia, serif;
	font-weight: 700;
	font-size: 19px;
	line-height: 1.3;
	color: #fff;
	text-decoration: none;
	}

.sidebar:before	{
	content: "";
	position: absolute;
	top: 50%;
	left: 8px;
	margin-top: -32px;
	width: 65px;
	height: 65px;
	}
	
.button_videos	{
	position: relative;
	padding: 20px 10px 20px 80px;
	background: #00722d;
	}
	
.button_videos:before	{background: url(../img/icons.png) -16px -218px no-repeat;}
	
.button_signup	{
	position: relative;
	padding: 10px 10px 10px 80px;
	background: #005F6B;
	}

.button_signup:before	{background: url(../img/icons.png) -16px -116px no-repeat;}
	
.sidebar:hover	{
	color: #fff;
	text-decoration: underline;
	}

.info p	{
	display: inline-block; 	
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	}

.info p span	{margin-right: 40px;}

.info p a	{
	color: #456452;
	text-decoration: none;
	margin: 0 40px;
	}

.info p a:hover	{
	color: #00722d;
	text-decoration: underline;
	}

#social	{
	display: inline-block; 	
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	list-style: none;
	margin: 0;
	padding: 0; 
	text-align: right;
	}

#social li	{
	display: inline-block;
	zoom: 1;
	*display: inline;
	height: 50px;
	width: 50px;
	margin: 0 3px;
	padding: 0;
	text-indent: -9999px;
	text-align: left;
	overflow: hidden;
	}
	
#social li a	{
	display: block;
	height: 50px;
	width: 50px;
	text-decoration: none;
	opacity: .4;
    transition: all 0.2s ease-in-out;
	}
	
#social li a:hover	{opacity: 1.0;}
	
#facebook a {background: transparent url(../img/icons.png) -25px -25px no-repeat;}
#youtube a {background: transparent url(../img/icons.png) -125px -25px no-repeat;}

	/*	Footer	*/

.footer	{
	width: 100%;
	background: #38373c;
	color: #fff;
	padding: 40px 40px 20px 40px;
	z-index: 400;
	}
	
.footer a	{
	color: #e5e5e5;
	text-decoration: none;
	}

.footer a:hover	{
	color: #fff;
	text-decoration: underline;
	}

.footer_nav		{
	list-style: none;
	margin: 0 0 25px 0;
	padding: 0;
	}

.footer_nav .col	{
	width: 19.5%;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	margin: 0;
	padding: 0;
	}
	
.footer_nav li a	{text-transform: uppercase;}

.footer_nav .list	{
	list-style: none;
	margin: 0;
	padding: 7px 0 0 0;
	}

.footer_nav .list li a	{
	text-transform: capitalize !important;
	font-size: 14px;
	}

.footer p	{
	color: #ccc;
	font-size: 14px;
	}
	
@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) { 
	
	.member li:first-child:before	{background: url(../img/icons@2x.png) -330px -132px no-repeat;}
	
	#search button	{background: url(../img/icons@2x.png) -240px -38px no-repeat;}
	
	.blog_year h3:after, .blog_topics h3:after	{background: url(../img/icons@2x.png) -340px -40px no-repeat;}

	#google_translate_element:before	{background: url(../img/icons@2x.png) -118px -116px no-repeat;}
	
	.button_videos:before	{background: url(../img/icons@2x.png) -16px -218px no-repeat;}
	.button_signup:before	{background: url(../img/icons@2x.png) -16px -116px no-repeat;}
	
	#facebook a {background: transparent url(../img/icons@2x.png) -25px -25px no-repeat;}
	#youtube a {background: transparent url(../img/icons@2x.png) -125px -25px no-repeat;}

	.menu h1 a	{
		background: url(../img/logo@2x.png) no-repeat;
		background-size: 180px 200px !important;
		}
	
}