/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/* ==========================================================================
   Fonts
   ========================================================================== */
@font-face {
  font-family: 'roboto';
  src: url('../fonts/RobotoCondensed-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/RobotoCondensed-Bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/RobotoCondensed-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/RobotoCondensed-Bold.svg#8051b5c88618a7da73c207c9e9b7849e') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  700;
}
/*
@font-face {
  font-family: 'roboto';
  src: url('../fonts/RobotoCondensed-Light.eot'); 
  src: url('../fonts/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/RobotoCondensed-Light.woff') format('woff'), 
       url('../fonts/RobotoCondensed-Light.ttf')  format('truetype'),
       url('../fonts/RobotoCondensed-Light.svg#d14ff364bcb79ca70fcd56256985608b') format('svg'); 
  font-style:   normal;
  font-weight:  200;
}
*/
@font-face {
  font-family: 'roboto';
  src: url('../fonts/RobotoCondensed-LightItalic.eot');
  src: url('../fonts/RobotoCondensed-LightItalic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/RobotoCondensed-LightItalic.woff') format('woff'),
       url('../fonts/RobotoCondensed-LightItalic.ttf')  format('truetype'), 
       url('../fonts/RobotoCondensed-LightItalic.svg#808b7d721d8a1b3e3371b2f3ea00f1f4') format('svg');    
  font-style:  italic;
  font-weight:  200;
}
@font-face {
  font-family: 'roboto';
  src: url('../fonts/RobotoCondensed-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/RobotoCondensed-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/RobotoCondensed-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/RobotoCondensed-Regular.svg#f5f50991018990856053c429e2759d63') format('svg'); /* Legacy iOS */   
  font-style:   normal;
  font-weight:  400;
}
@font-face {
  font-family: 'oswald';
  src: url('../fonts/Oswald-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Oswald-Bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Oswald-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Oswald-Bold.svg#8b7d84d0fec5c092ff0cd49cce97dba9') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  700;
}
/*
@font-face {
  font-family: 'oswald';
  src: url('Oswald-Light.eot'); 
  src: url('Oswald-Light.eot?#iefix') format('embedded-opentype'),
       url('Oswald-Light.woff') format('woff'), 
       url('Oswald-Light.ttf')  format('truetype'), 
       url('Oswald-Light.svg#ffb8dcef06d46f6eb147bc130c4ffab3') format('svg'); 
  font-style:   normal;
  font-weight:  200;
}
*/
@font-face {
  font-family: 'oswald';
  src: url('../fonts/Oswald-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Oswald-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Oswald-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Oswald-Regular.svg#d67d554191d502d9670fbfbb34cee6cd') format('svg'); /* Legacy iOS */    
  font-style:   normal;
  font-weight:  400;
}


/* ==========================================================================
   BP Defaults
   ========================================================================== */
html,button,input,select, textarea {
    color: #222;
}
html {
    font-size: 18px;
    line-height: 1.4;
    color:#241f10;
    font-family: 'roboto';
    font-weight: 400;
    /* background: #525A27 url('../images/bg-site.jpg') no-repeat center center fixed; */
    background: #525A27 url('../images/bg-site-alt.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
    min-width: 768px;
}
body{ }
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
audio, canvas, img, video {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.browsehappy {
    margin: 0;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    text-align: center;
    background: #ccc;
    color: #000;
    padding: 0.6em 0;
}
:focus { outline:0 !important; }
/*

Desktop Firefox v.31 modernizr classes: 
=======================================
	js flexbox canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase 
	indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize 
	borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients 
	no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent 
	video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths
	
*/

/* ==========================================================================
  CSS Styles that are needed by jScrollPane for it to operate correctly.
   - Include this stylesheet in your site or copy and paste the styles below 
     into your stylesheet - jScrollPane may not operate correctly without them. 
   ========================================================================== */
.jspContainer{
	overflow: hidden;
	position: relative;
}
.jspPane{
	position: absolute;
}
.jspVerticalBar{
	position: absolute;
	top: 0;
	right: 0;
	width: 6px;
	height: 100%;
	background: transparent;
}
.jspHorizontalBar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}
.jspCap{
	display: none;
}
.jspHorizontalBar .jspCap{
	float: left;
}
.jspTrack{
	background: rgba(50, 44, 25,0.3);
	position: relative;
}
.jspDrag{
	background: rgba(50, 44, 25, 0.8);
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
	float: left;
	height: 100%;
}
.jspArrow{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
.jspArrow.jspDisabled{
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow{
	height: 16px;
}
.jspHorizontalBar .jspArrow{
	width: 16px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus{
	outline: none;
}
.jspCorner{
	background: #eeeef4;
	float: left;
	height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{
	margin: 0 -3px 0 0;
}

/* == Scroll Pane Custom == */
.content-container .scroll-pane{ width: 100% !important; }
.content-container .jspContainer{ width: 100% !important; height: 100% !important; }
.content-container .jspPane{ width: 100% !important; }
.content-container .jspTrack{ 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-webkit-transition: all .5s ease-in;
}
.content-container:hover .jspTrack{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity:1;
  opacity:1;	
}



/* ==========================================================================
   Custom Styles
   ========================================================================== */
#nomobile-warning,
#rotate-screen{
	display:none;
	position: fixed;
	height:100%;
	width: 100%;
	z-index: 2000;
	background: #f55e04;
	text-align: center;
	color:#FFF;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
    padding:5em;
    font-size:1em;	
}
#nomobile-warning{ background:rgba(245, 94, 4, 0.93); } 
#nomobile-warning i{
	font-size:4em;
}
#nomobile-warning a.close{
	display:inline-block;
	border:1px solid #FFF;
	color:#FFF;
	text-decoration: none;
	font-size:0.7em;
	padding:0.3em 1.5em; 
	margin:0.4em 0 0 0;
}
#nomobile-warning .close:hover{
	background: #FFF;
	color: #f55e04;
}
#rotate-screen{
	z-index: 1999;
	background: #f55e04 url('../images/rotate-screen.png') no-repeat center center;
}
   
/* ===================================== */
/* ======== SUPERSLIDES CUSTOM ========= */
/* ===================================== */   
.slides-container li{ }
.slides-navigation{ display:none; }
.slides-navigation a.next,
.slides-navigation a.prev{
	display:block;
	width:44px;
	height:123px;
	position: fixed;
	top:50%;
	left:1em;
	margin-top:-62px;
	background: url('../images/slidenav-prev.png') no-repeat left top;
	overflow: hidden;
	text-indent: -1000px;
}
.slides-navigation a.next{
	left:auto;
	right:1em;
	background: url('../images/slidenav-next.png') no-repeat left top;
}

/* ===================================== */
/* ============== HOME ================= */
/* ===================================== */   
#homenav{ 
	position: absolute;
	left:50%;
	top:50%;
	margin:0;
	padding:0;
	margin-left:-253px;
	margin-top:-320px;
	width:506px;
	height:585px;
	padding-top:80px;
	text-align: center;	
}
.csstransforms #homenav{
	padding:0;
	background-color: transparent;
	background: 
		url('../images/app-logo-hex.png') no-repeat center center,
		url('../images/cycle-ring-nolabels.png') no-repeat center center;
	list-style: none;
}
#homenav li{ 
	display:inline-block; 
	background-color:#F1DF1F;
	margin:0.5em 0 0 0;
}
.csstransforms #homenav li{
	display:block;
	background: transparent;
	margin:0;
	padding:0;
	list-style: none;	
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;	
    position: absolute;
}
.csstransforms #hn_trees-growing{
	position: absolute;
	left:253px;
	-ms-transform: rotate(30deg); 
    -webkit-transform: rotate(30deg); 
    transform: rotate(30deg);	
}
.csstransforms #hn_mature-forest{
	left:506px;
	top:146px;
	-ms-transform: rotate(90deg); 
    -webkit-transform: rotate(90deg); 
    transform: rotate(90deg);	
}
.csstransforms #hn_harvesting{
	left:219px;
	top:527px;
	-ms-transform: rotate(-30deg); 
    -webkit-transform: rotate(-30deg); 
    transform: rotate(-30deg);		
}
.csstransforms #hn_forest-products{
	left:33px;
	top:381px;
	-ms-transform: rotate(30deg); 
    -webkit-transform: rotate(30deg); 
    transform: rotate(30deg);	
}
.csstransforms #hn_regrowth{
	top:439px;
	left:0;
	-ms-transform: rotate(-90deg); 
    -webkit-transform: rotate(-90deg); 
    transform: rotate(-90deg);		
}
.csstransforms #hn_health-monitoring{
	top:146px;
	left:0;
	-ms-transform: rotate(-30deg); 
    -webkit-transform: rotate(-30deg); 
    transform: rotate(-30deg);		
}
#homenav li a{
	display:block;
	border:7px solid transparent;
	border-bottom:12px solid transparent;
	height:67px;
	width:292px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;		
    color:#241f10;
    text-decoration: none;
    text-align: center;
    vertical-align:baseline;
    line-height: 47px;
    text-transform: uppercase;
    font-family: 'oswald';
	font-style:   normal;
	font-weight:  400;   
	transition: border .5s ease-in;
	-moz-transition: border .5s ease-in;
	-webkit-transition: border .5s ease-in;	 
}
#homenav li.hilight a{
	border-bottom-color:#e45801;
	transition: border .25s ease-out;
	-moz-transition: border .25s ease-out;
	-webkit-transition: border .25s ease-out;		
}
#homenav li a:after{
	display:inline-block;
	content:'';
	width:25px;
	height:25px;
	background: url('../images/sprite-hex-plus.png') no-repeat left top;

	overflow: hidden;
	vertical-align: middle;
	margin-top:-0.1em;
	margin-left:0.55em;

}
#homenav li a:hover:after{
	background-position: right top;
}
.csstransforms #homenav #hn_trees-growing a,
.csstransforms #homenav #hn_mature-forest a, 
.csstransforms #homenav #hn_regrowth a,
.csstransforms #homenav #hn_health-monitoring a{
	border-bottom: 7px solid transparent;
	border-top:12px solid transparent;
}

.csstransforms #homenav #hn_trees-growing.hilight a,
.csstransforms #homenav #hn_mature-forest.hilight a, 
.csstransforms #homenav #hn_regrowth.hilight a,
.csstransforms #homenav #hn_health-monitoring.hilight a{
	border-top-color:#e45801;
	border-bottom-color:transparent;
} 
/* Correct some widths */
.csstransforms #homenav #hn_mature-forest a,
.csstransforms #homenav #hn_regrowth a,
.csstransforms #homenav #hn_forest-products a{ 
	width:293px; 
}
#start-here{
	display:none;
	position: fixed;
	right:0px;
	top:50%;
	margin-top:-1em;
	transition: right .2s ease-in;
	-moz-transition: right .2s ease-in;
	-webkit-transition: right .2s ease-in;	
	z-index: 1000;
}
#start-here:hover{
	right:-10px !important;
}
#start-here a{
	display:block;
	position: relative;
	height:2em;
	line-height: 2em;
	color:#FFF;
	font-family: 'roboto';
	font-weight: 700;
	white-space: nowrap;
	text-transform: uppercase;
	text-decoration: none;
	padding:0 1em;
	background: #fe8005;
	z-index: 100;
}
#start-here a:before{
	content:'';
	position: absolute;
	top:100%;
	left:0;
	width:0;
	height:0;
	border:0.30em solid #000;
	border-left-color:transparent;
	border-bottom-color:transparent;
}
#start-here a:after{
	content: "\f105";
	font-family: 'icomoon';
	display:inline-block;
	margin-left:0.4em;
	font-size:0.85em;
	position: relative;
}
#start-here:before{
	content:'';
	position: absolute;
	width:0.5em;
	height:0;
	left:-1em;
	top:0.5em;
	border-width:1em 0.5em 1em 0.5em;
	border-style: solid;
	border-color:#f55e04;
	border-left-color: transparent;
	z-index: 50;
}


/* ===================================== */
/* ============ FOOTER ================= */
/* ===================================== */
footer#site-footer{
	position: fixed;
	left:0;
	bottom:0;
	width:100%;
	height:3.5em;
	background:#fe8005;
	z-index: 200;
	border-top:1px solid #b35007;
}
#copyright{ 
	font-family: sans-serif;
	font-weight: bold;
	position: absolute;
	bottom:100%;
	width:300px;
	left:50%;
	margin-left:-150px;
	padding-bottom:0.5em;	
	font-size:0.65em;
	color:#FFF;
	transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;		
	letter-spacing: 0.03em;
	text-align: center;
	z-index: 0;
}
#copyright.show{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=65);
	-moz-opacity: .65;
	-khtml-opacity: .65;
	opacity: .65;	
}
#site-footer nav ul#mainmenu{
	margin:0;
	padding:0.5em 0 0 1em;
	list-style: none;
	text-align: left;
}
#site-footer nav ul#mainmenu li{
	display:inline-block;
} 
#site-footer nav ul#mainmenu li a{
	display:block;
	color:#FFF;
	white-space: nowrap;
	padding:0.2em 0.7em;
	margin:0.4em 0.1em;
	text-decoration: none;
	text-transform: uppercase; 
	font-weight: 700;
	font-size:0.9em;
}
#site-footer nav ul#mainmenu li a:hover,
#site-footer nav ul#mainmenu li.on a{
	background:#f1dd1d;
	color:#000;
}
#about-link{
	display:block;
	position: absolute;
	
	padding:0em 1em;
	right:1.5em;
	top:0.9em;
	color:#FFF;
	border:1px solid #FFF;
	text-decoration: none;
}
#about-link:hover,
#about-link.open{
	color:#fe8005;
	background:#FFF;
}
#site-footer #aboutmenu{
	display:none;
	position: absolute;
	bottom:100%;
	right:0;
	width:300px;
	background: #FE8005;
	margin:0;
	padding:0;
	border-bottom:1px solid #b35007;
}
#site-footer #aboutmenu.open{ display:block; }
#aboutmenu li{
	text-align: left;
	border-bottom: 1px solid #c12c00;
    border-top: 1px solid #ee7909;
    display:block;
    margin:0;
    padding:0;
    width:100%;
}
#site-footer #aboutmenu li a{
	display:block;
	padding:0.8em 1em;
	width:100%;
	color:#FFF;
	text-decoration: none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;		
}
#site-footer #aboutmenu li a:hover{
	color:#fe8005;
	background:#FFF;
}
#site-footer #aboutmenu li a:after{
	/*
	content:'\f105';
	font-family: 'icomoon';
	display:block;
	float:right;
	*/
}
#aboutmenu li i{ 
	display:inline-block;
	font-size:0.8em; 
	margin-left:0.4em;
}
#aboutmenu li:first-child{ border-top:none; }
#aboutmenu li:last-child{ border-bottom:none; }


/* ===================================== */
/* ======== INSIDE TEMPLATE ============ */
/* ===================================== */
.content-container{
	max-width:940px;
	max-height:100%;
	height:100%;
	position: relative;
	padding:2em 0 4em 0;
	margin:0 auto;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
.content-container-inner{ overflow: hidden; }
.scroll-nav{
	position: absolute;
	height:80px;
	width:36px;
	top:50%;
	right:-3em;
	margin-top:-40px;
	overflow: hidden;
}
.scroll-nav .up,
.scroll-nav .down{
	display:block;
	background: url('../images/sprite-scrollnav.gif') no-repeat right top;
	width:36px;
	height:36px;
	overflow: hidden;
	text-indent: -1000px;
}
.scroll-nav .down{
	margin-top:8px;
	background-position: left bottom;
}
.scroll-nav .up:hover{ background-position: left top; }
.scroll-nav .down:hover{ background-position: right bottom; }
.content-container-scroll{
	border-top:13px solid #fe8005;
	overflow-y: auto;	
	height:100%;
}
.content-container header{
	display:block;
	min-height:340px;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.content-container header:after{
	content:'';
	display:block;
	position: absolute;
	bottom:0;
	height:49px;
	width:100%;
	background:url('../images/bg-content-dotted-top.png') no-repeat left top;
}
.current-indicator{
	position: absolute;
	width:45px;
	height:54px;
	overflow: hidden;
	left:1.3em;
	top:1.5em;
}
.current-indicator img{
	position: absolute;
	left:0;
	top:0;
}
.growing .current-indicator img{ left:0px; }
.mature .current-indicator img{ left:-45px; }
.harvesting .current-indicator img{ left:-90px; }
.products .current-indicator img{ left:-135px; }
.regrowth .current-indicator img{ left:-180px; }
.monitoring .current-indicator img{ left:-225px; }
.content-container .content{
	overflow: visible;
	background: #FFF url('../images/bg-content-dotted.png') repeat left top;
}
.content-container h1{
	display:inline-block;
	height:44px;
	overflow: hidden;
	width:500px;
	text-indent: -1000px;
	margin-top:1.8em;
}
.content-container header h2{
	color:#FFF;
	font-size:1.4em;
	max-width: 570px;
	margin:0 auto 2.5em auto;
	font-weight: 400;
	text-shadow: 0px 0px 30px rgba(0,0,0,1),
		0px 0px 15px rgba(0,0,0,1);
}
.content{
	padding:0 3em 4em 4em;
}
.content .col1,
.content .col2{
	float:left;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	width:55%;
	position: relative;
}
.content .col1{ 
	padding-right:3em; 
	min-height: 380px;
}
.content .col1 h3{
	color:#fe8005;
	text-transform: uppercase;
	font-size:1.15em;
	font-weight: 700;
	margin:1.8em 0 0.1em 0;
	line-height: 1.1em;
}
.content .col1 p{
	margin:0 0 1em 0;
	padding:0;
}
.content .wide{
	float:left;
	width:100%;
	clear:both;
}
.content .wide h2{
	display:block;
	width:100%;
	border-bottom:1px solid #FE8005;
	margin:0 -0.2em;
	padding:0.4em 0.2em;
}
.content .wide p{
	font-size:0.75em;
	margin:0.4em 0;
	line-height: 1.1em;
}
.content .wide p.note{
	font-size:0.6em;
	margin-top:1.5em;
}
.content .wide h5{
	font-size:1em;
	text-transform: uppercase;
	line-height: 1.1em;
	margin:1.4em 0 0 0;
}
.wide-4col{
	display:block;
	float:left;
	width:25%;
	padding-right:2em;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;		
}
.note{
	font-size:0.7em;
	margin:3em 0 0 0;
	font-style: italic;
}
.content .col2{ width:45%; } 
.lt-hex,
.dk-hex,
.ans,
.hex-img{
	position: absolute;
	text-align: center;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	z-index: 1;
}
.lt-hex{
	width:230px;
	height:268px;
	top:-85px;
	left:auto;
	right:0;		
	background:url('../images/hexagon-light.png') no-repeat left top;
}
.lt-hex img{
	margin-top:2.5em;
}
.hex-img{
	top:-85px;
	left:auto;
	right:0;		
}
.dk-hex{
	width:196px;
	height:229px;
	top:40px;	
	font-size:1.1em;
	font-weight: 700;
	color:#efeeee;
	padding:0 1em;
	z-index: 2;
	background:url('../images/hexagon-dark.png') no-repeat left top;
}
.ques{
	cursor: pointer;
}
.ques:after{
	content: "\f055";
	font-family: 'icomoon';
	color:#fe8005;	
	position: absolute;
	margin-left:-10px;
	bottom:24px;
	left:50%;
	font-weight: normal;
}
.ques.open:after{
	content: "\f056";
}
.ques h3,
.ans h3{
	color:#f1e021;
	font-size:1.8em;
	margin:.5em 0 .4em 0;
}
.ques p{
	margin:0;
	line-height: 1.3em;
}
.ans{
	display:block;
	width:50%;
	max-height: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;	
	overflow: hidden;
	left:auto;
	right:0;
	top:200px;
	text-align: right;	
	transition: all .35s ease-in;
	-moz-transition: all .35s ease-in;
	-webkit-transition: all .35s ease-in;
    transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
    -webkit-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
}
.ans.open{
	max-height: 500px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
    transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);		
}
.ans h3{ margin-bottom:0.1em; }
.ans p{ 
	font-size:.95em; 
	margin:0;
}
.ans p strong{ 
	font-weight:  700; 
	font-size:1.3em;
}
ul.twocol{
	margin:-0.6em 0 0.5em 0;
	padding:0;
	list-style: none;
	width:80%;
}
ul.twocol li{
	display:inline-block;
	position: relative;
	width: 47%;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	padding:0 1em 0 1.5em;	
	text-transform: uppercase;
	font-size:0.8em;
}
ul.twocol li:before{
	content:'\00B7';
	position: absolute;
	left:1em;
	top:0em;
}
a.button{
	border:1px solid #241f10;
	padding:0.25em 1em;
	font-size:0.8em;
	text-decoration: none;
	color:#241f10;
}
a.button:hover{
	background:#241f10;
	color:#efeeee;
}

/* == Media Area == */
footer.media{
	background: url('../images/bg-media.png') repeat left top;
	overflow: hidden;
	margin-top:0.5em;
	padding:1em 0 1em 1em;
	position: relative;
	/* min-height: 390px; */
}
.more-photos{
	position: absolute;
	top:138px;
	right:20px;
	cursor:url('../images/drag-cursor.png'), auto !important;
}
.more-photos:after{
	content:'';
	width:0;
	height:0;
	position: absolute;
	top:0;
	right:-14px;
	border:5px solid transparent;
	border-left-width: 7px;
	border-right-width: 7px;
	border-top-width: 15px;
	border-bottom-width: 15px;
	border-left-color: #FE8005;
}
.more-photos span{
	display:block;
	white-space: nowrap;
	background: #FE8005;
	color:#FFF;
	height:30px;
	line-height: 28px;
	padding:0 0.5em 0 0.7em;
	font-size:14px;
	text-transform: uppercase;
}
.horiz-drag-pane{
	max-width: 100%;
	overflow: hidden;
}
ul.media-items{
	list-style: none;
	margin:0;
	padding:0;
	/* height:390px; */
	white-space: nowrap;
	overflow: hidden;
	letter-spacing: 0;
	word-spacing: 0;
	cursor:url('../images/drag-cursor.png'), auto !important;
}
ul.media-items li{
	margin:0 13px 0 0;
	padding:0;
	display:inline-block;
	/* height:390px; */
	width:397px;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	border-top:3px solid #f55e04;
}
ul.media-items li figure{
	display:block;
	cursor:url('../images/drag-cursor.png'), auto !important;
}
ul.media-items li figcaption{
	padding:1em;
}
ul.media-items li h4,
p.globalcaption{
  font-family: 'roboto';
  font-style:   normal;
  font-weight:  700;	
  text-transform: uppercase;
  margin:0;
  font-size:0.9em;
}
p.globalcaption{ 
	margin:1em 0; 
	text-transform: none;
}
ul.media-items li p{
  font-family: 'roboto';   
  font-style:  italic;
  font-weight:  200;	
  margin:0;
  font-size:0.8em;
}
ul.media-items img::-moz-selection {
    background-color: transparent;
    color: #000;
}
ul.media-items img::selection {
    background-color: transparent;
    color: #000;
}
ul.media-items,
ul.media-items li,
ul.media-items img{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}


/* ===================================== */
/* ======== SPECIFIC SLIDES ============ */
/* ===================================== */
.growing h1{
	background:url('../images/title-growing.png') no-repeat left top;
	width:330px;
}
.mature h1{
	background:url('../images/title-mature.png') no-repeat left top;
	width:334px;
}
.mature .col1{ min-height:480px; }
.harvesting .col1{ min-height: 450px; }
.harvesting h1{
	background:url('../images/title-harvesting.png') no-repeat left top;
	width:330px;
}
.harvesting .ques p{
	font-size:0.9em;
	margin-top:-0.5em;
}
.products h1{
	background:url('../images/title-products.png') no-repeat left top;
	width:380px;
}
.regrowth h1{
	background:url('../images/title-regrowth.png') no-repeat left top;
	width:226px;
}
.regrowth .lt-hex img{ margin-top:1.5em; } 
.monitoring h1{
	background:url('../images/title-monitoring.png') no-repeat left top;
	width:418px;
}
.monitoring .ques p{
	font-size:0.8em;
	margin-top:-0.7em;
}

/* === Over-mature === */
.mature .col2{
	position: relative;
	background: url('../images/bg-yellow.png') repeat left top;
	right:-3em;
	width:378px;
	float:right;
	top:56px;
	margin-left:-15em;
	min-height: 1500px;
	margin-bottom:-1500px;
}
.mature .col2:before{
	content:'';
	background: url('../images/bg-yellow-top.png') repeat left top;
	position: absolute;
	width:100%;
	height:108px;
	top:-108px;
}
.mature .dk-hex{
	width:122px;
	height:143px;
	top:40px;
	left:74px;
	background: url('../images/hexagon-dark-sm.png') no-repeat left top;
	padding:1.4em 0em;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;		
}
.mature .hex-img{
	left:162px;
	top:-35px;
	right:auto;
}
.mature .details-full{
	margin-top:195px;
	padding:0 2.5em 1.5em 2.5em;
	text-align: right;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width:1110px){
	.slides-navigation a.next{
		width:22px;
		right:0.1em;
		background: url('../images/slidenav-next-sm.png') no-repeat center center;
	}
	.slides-navigation a.prev{
		width:22px;
		left:0.1em;
		background: url('../images/slidenav-prev-sm.png') no-repeat center center;
	}
}

@media only screen and (max-width:1000px){
	.slides-navigation{ display:none !important; } 
	footer#site-footer{ font-size:16px; } 
}

@media only screen and (max-width:960px){
	#nomobile-warning{ display:block; }
}



@media only screen and (max-width:1190px){
	.scroll-nav{ display:none; }
}

/* Tablet Portrait */
@media only screen and 
	(min-width: 768px) and
	(max-width:960px) and 
	(orientation: portrait){
		#rotate-screen{ display:block; } 
	}
}

@media only screen and (min-width: 480px) {}

@media only screen and (min-width: 650px) {
	#nomobile-warning{ font-size:1.4em; } 
}
@media only screen and (min-width: 768px) {
	
}

@media only screen and (min-width: 960px) {
}

@media only screen and (min-width: 1200px) {
	#site-footer nav ul#mainmenu{ 
		text-align: center; 
		padding-left:0;
	} 
	.slides-navigation a.next,
	.slides-navigation a.prev{}
}



/* ========================================================================== */
/* ! HELPERS ================================================================ */
/* ========================================================================== */
.screen-reader-text, a.skip-link, a.skip-link:hover, a.skip-link:visited{ position:absolute; left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
a.skip-link:active, a.skip-link:focus{position:static;width:auto;height:auto;} 
.ir{background-color:transparent;border:0;overflow:hidden;text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.clear{ display:block; width:100%; height:1px; margin-bottom:-1px; }
.ibfix{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
.nowrap{
	white-space: nowrap;
}
pre{
	letter-spacing: normal;
	word-spacing: normal;
}


/* ========================================================================== */
/* =============================== PRINT ==================================== */
/* ========================================================================== */
@media print {
	*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
	a,a:visited{text-decoration:underline}
	a[href]:after{content:" (" attr(href) ")"}
	abbr[title]:after{content:" (" attr(title) ")"}
	.ir a:after,a[href^=javascript:]:after,a[href^=#]:after{content:""}
	pre,blockquote{border:1px solid #999;page-break-inside:avoid}
	thead{display:table-header-group}
	tr,img{page-break-inside:avoid}
	img{max-width:100%!important}
	@page{margin:.5cm}
	p,h2,h3{orphans:3;widows:3}
	h2,h3{page-break-after:avoid}
}