.flexslider									{ margin: 0 0 30px; padding: 0; position: relative; zoom: 1;}
	.flex-direction-nav							{ display: none; }
	
	.flex-direction-nav a 						{ width: 46px; height: 51px; margin: -25px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; }
	.flex-direction-nav .flex-next 				{ background-position: -46px 0; right: -14px; }
	.flex-direction-nav .flex-prev 				{ left: -14px; }
	.flex-direction-nav .flex-next:hover		{ background-position: -46px -51px; }
	.flex-direction-nav .flex-prev:hover		{ background-position: 0 -51px; }

.flex-direction-nav 							{ margin: 0; padding: 0; list-style: none; }


.slider-wrapper,
.flexslider										{ box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), inset 0px -1px 0px rgba(255,255,255,0.1), inset 1px 0px 0px rgba(255,255,255,0.1), inset -1px 0px 0px rgba(255,255,255,0.1); }

.slider-wrapper:after,
.flexslider:after								{ background: url(../images/slider-shadow.png) center top no-repeat; background-size: contain; content: ''; position: absolute; left: 0; bottom: -24px; height: 24px; width: 100%; }

.flexslider .slides > li 						{ display: none; -webkit-backface-visibility: hidden; position: relative; margin-left:0; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img 						{ width: 100%; display: block; }
.flexslider .slides .flex-caption				{ background: #000; background: rgba(0,0,0,0.75); border-top: 1px solid rgba(255,255,255,0.20); 
												position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; }
.flexslider .slides .flex-caption > div			{ padding: 5px 10px; overflow: hidden; }
.flex-pauseplay span 							{ text-transform: capitalize; }

.slides:after 									{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides 							{ display: block; }
* html .slides 									{ height: 1%; }
.no-js .slides > li:first-child 				{ display: block; }

.flex-viewport 									{ max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport 						{ max-height: 300px; }
.flexslider .slides 							{ zoom: 1; }
.carousel li 									{ margin-right: 5px; }

.flex-direction-nav 							{ *height: 0; }
.flex-direction-nav a 							{ width: 91px; height: 103px; margin: -51px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; }
.flex-direction-nav .flex-next 					{ background-position: -91px 0; right: -28px; }
.flex-direction-nav .flex-prev 					{ left: -28px; }
.flex-direction-nav .flex-next:hover			{ background-position: -91px -103px; }
.flex-direction-nav .flex-prev:hover			{ background-position: 0 -103px; }
.flex-direction-nav .flex-disabled 				{ opacity: .3!important; filter:alpha(opacity=30); cursor: default; }

.flex-control-nav 								{ width: 100%; position: absolute; bottom: -27px; text-align: center; z-index: 200; }
.flex-control-nav li 							{ margin: 0; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a.flex-active			{ cursor: default; }
.flex-control-paging li a 						{ display: block; cursor: pointer; text-indent: -9999px; 
												-webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
												}

.flex-control-thumbs 							{ margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li 						{ width: 25%; float: left; margin: 0; }
.flex-control-thumbs img 						{ width: 100%; display: block; opacity: .7; filter: alpha(opacity=70); cursor: pointer; }
.flex-control-thumbs img:hover 					{ opacity: 1; filter: alpha(opacity=100); }
.flex-control-thumbs .flex-active 				{ opacity: 1; filter: alpha(opacity=100);cursor: default; }


@media (min-width: 768px) and (max-width: 1199px) {
/* @media screen and (min-width: 700px) and (max-width: 1199px) { */
	.flexslider									{ margin: 20px 15px 30px; }
	
	.flex-direction-nav a 						{ width: 46px; height: 51px; margin: -25px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; }
	.flex-direction-nav .flex-next 				{ background-position: -46px 0; right: -14px; }
	.flex-direction-nav .flex-prev 				{ left: -14px; }
	.flex-direction-nav .flex-next:hover		{ background-position: -46px -51px; }
	.flex-direction-nav .flex-prev:hover		{ background-position: 0 -51px; }
	#slider .fancy-headers h1					{ font-size: 1.5em;  }
	#slider .fancy-headers h2					{ font-size: 2.286em; }
	#slider p									{ font-size: 1em; margin: 0 ; padding: 0; }

	
}

@media (min-width: 768px) and (max-width: 979px) {
	.resp										{ display: none; }

	.content-title								{  }
	.content-title h1							{ font-size: 1.314em; }
	.content-title h2							{  }

	#content-header .fancy-headers h1			{ font-size: 1.214em }
	#content-header .fancy-headers h2			{ font-size: 1.357em; }

}

@media (max-width: 767px) {
	.resp										{ display: none; }

	#slider,
	#content-header								{ margin: 0 -20px; }
	
	#primary-nav								{ display: none; }
	#primary-nav-mobile							{ display: block; }
	
	#page-footer								{ padding: 0 20px 20px; margin: 0 -20px; }

	#slider .fancy-headers h1					{ font-size: 1.286em; }
	#slider .fancy-headers h2					{ font-size: 1.286em; }
	#slider p									{ display: none; }	

	.flexslider									{ margin: 0 0 30px; padding: 0;}
	.flex-direction-nav							{ display: none; }
	
	.flex-direction-nav a 						{ width: 46px; height: 51px; margin: -25px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; }
	.flex-direction-nav .flex-next 				{ background-position: -46px 0; right: -14px; }
	.flex-direction-nav .flex-prev 				{ left: -14px; }
	.flex-direction-nav .flex-next:hover		{ background-position: -46px -51px; }
	.flex-direction-nav .flex-prev:hover		{ background-position: 0 -51px; }

	
}



.fancy-headers h1,
.fancy-headers h3								{ color: #fff; font-weight: 300; }
.fancy-headers h1 span,
.fancy-headers h3 span 							{ color: #6ec700; }
.fancy-headers h2								{ color: #d8ffa8; }

#primary-nav > ul > li > a,
#primary-nav > ul > li > a:visited				{ color: #fff; padding: 9px 12px; }
#primary-nav > ul > li > a:hover,
#primary-nav > ul > li > a.hover				{ background: #5ba001; }
#primary-nav > ul > li > ul						{ background: #5ba001; }
#primary-nav > ul > li > ul li					{  }

#primary-nav > ul ul li a:hover 				{ background: #589704; }

#slider											{  }
#slider p										{ color: #fff; }

/* FlexSlider themeing */
.slider-wrapper,
.flexslider 									{ background: rgb(94,165,1); /* Old browsers */
												background: transparent; /* clear just in case */
												filter: '';
												background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1RUE1MDEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM0ODgxMDEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NDYpIiAvPgo8L3N2Zz4=);
												/* color used: #5ea501 => #488101 */
												}

/* Direction Nav */
.flex-direction-nav a 							{ background: url(../images/slider-controls.png) no-repeat 0 0; }
@media screen and (max-width: 1199px) {
	.flex-direction-nav a						{ background: url(../images/slider-controls-small.png) no-repeat 0 0; }
}

.nivo-controlNav a								{ background: url(../images/slider-nav.png) -22px 0; display: inline-block; height: 20px; width: 22px; text-indent: -9999px; }
.flex-control-paging li a 						{ background: url(../images/slider-nav.png) -22px 0; display: block; height: 20px; width: 22px; }
.nivo-controlNav a:hover						{ opacity: .7; }
.flex-control-paging li a:hover 				{ opacity: .7; }
.nivo-controlNav a.active,
.flex-control-paging li a.flex-active 			{ background: url(../images/slider-nav.png) 0 0; }

