/*
Theme Name: Custom Theme
Theme URI: /
Author:
Author URI:
Description: This design was developed as a work-for-hire. Source files and related documentation are available from the original author. If author attribution is not available on the site, please contact the domain/site owner for author information.th
Version: 1.0
License: Rights Managed, this layout and coded theme is licensed for a single use. Ownership is dependent upon fulfillment of all scope and payment obligations by each party.
License URI: http://en.wikipedia.org/wiki/Rights_Managed
*/

/**************************************************
RESET
**************************************************/

* { list-style:none ; margin:0 ; outline:none ; padding:0 }
input, select, textarea { -webkit-box-sizing:border-box ; -moz-box-sizing:border-box ; box-sizing:border-box }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display:block }
audio, canvas, video { display:inline-block }

/**************************************************
UNIVERSAL STYLES
**************************************************/	

a { color:#124879 }
	a img { border:none }
.alignleft { float:left ; margin:0 36px 18px 0 }
.alignright { float:right ; margin:0 0 36px 18px }
.aligncenter { display:block ; margin:auto }
.screen-reader-text { display:none }
.gform_validation_container { height:0 ; visibility:hidden }
strong { font-weight:700 }

html { font-size:20px }
body { background:#FAFAFA ; color:#303030 ; font-family:Lato,sans-serif }
.wrap { background:#FFF ; color:#303030 ; box-shadow:0 0 5px rgba(0,0,0,.3) ; margin:auto ; max-width:1440px }

@media screen and (max-width:1440px) {html { font-size:19px }  }
@media screen and (max-width:1220px) {html { font-size:18px }  }
@media screen and (max-width:1000px) {html { font-size:17px }  }
@media screen and (max-width:780px) {html { font-size:16px }  }
@media screen and (max-width:560px) {html { font-size:15px }  }
@media screen and (max-width:420px) {html { font-size:14px }  }

/**************************************************
HEADER
**************************************************/

header { border-bottom:6px solid #60B61C ; height:100px ; padding:0 36px }
	header > .inner { border-collapse:collapse ;  height:102px ; width:100% }
		header .logo { float:left ; height:60px ; padding:20px 0 ; width:200px }
			header .logo img { height:auto ; width:100% }
		header nav { float:right ; height:100px }
				header nav > ul { height:100px }
					header nav > ul > li { float:left ; height:100px ; position:relative }
						header nav > ul > li > a { color:#124879 ; display:block ; font-family:'Roboto Condensed',Lato,sans-serif ; font-size:.9rem ; font-weight:700 ; height:60px ; line-height:60px ; padding:20px 24px ; text-decoration:none ; text-transform:uppercase }
						header nav > ul > li:hover > a { background:#EEE }
						header nav > ul > li > ul { background:#EEE ; border-top:6px solid #124879 ; display:none ; position:absolute ; transition:opacity 250ms ease ; top:100% ; width:216px ; z-index:99999 }
							header nav > ul ul li { position:relative }
								header nav > ul ul li a { display:block ; font-size:.8rem ; padding:12px ; text-decoration:none ; transition:all .3s ease }
								header nav > ul ul li:hover a { background:#60B61C ; color:#FFF }
			header nav li:hover > ul { display:block }
		header .search { display:table-cell ; width:200px ; vertical-align:middle }
		header .menubtn { background:#FFF ; display:none ; font-size:0 ; height:24px ; padding:18px 15px ; position:absolute ; right:0 ; text-decoration:none ; width:30px }
			header .menubtn span { background:#124879 ; border-radius:2px ; display:block ; height:4px ; margin-bottom:6px }
			header .menubtn span:last-child { margin-bottom:0 }

@media screen and (max-width:1220px) {
						header nav > ul > li > a { font-size:.75rem ; padding:20px 12px }
}
@media screen and (max-width:820px) {
header { height:60px ; padding:0 18px }
	header > .inner { height:62px }
		header .logo { height:36px ; padding:12px 0 ; width:120px }
		header nav { background:#124879 ; box-shadow:0 5px 5px rgba(0,0,0,.5) ; display:none ; float:none ; height:auto ; left:0 ; position:absolute ; top:66px ; z-index:99999 ; width:100% }
				header nav > ul { height:auto }
					header nav > ul > li { float:none ; height:auto }
						header nav > ul > li > a { background:#60B61C ; color:#FFF ; height:auto ; line-height:normal ; padding:9px 18px ; text-align:center }
						header nav > ul > li > ul { background:transparent ; border-top:none ; display:block ; position:static ; top:auto ; width:auto }
								header nav > ul ul li a { color:#FFF ; padding:9px ; text-align:center }
		header .menubtn { display:block }
}

/**************************************************
MAIN
**************************************************/

.deco-header { background-position:center center ; background-repeat:no-repeat ; background-size:cover ; color:#FFF ; font-family:'Roboto Condensed',Lato,sans-serif ; font-size:2.5rem ; font-weight:900 ; text-align:center ; text-shadow:1px 1px 1px rgba(0,0,0,.7) ; text-transform:uppercase }
	.deco-header > .inner { min-height:60px }

aside { border-top:6px solid #60B61C ; border-right:1px solid #CCC ; float:left ;  margin-left:36px ; position:relative ; width:300px }
	aside .icons { font-size:0 ; margin-top:-18px ; position:absolute ; right:0 }
		aside .icons img { margin-right:12px }
	aside .logo { background:#EFEFEF ; font-size:0 ; padding:24px }
		aside .logo img { height:auto ; max-width:100% }
	aside section { padding:0 24px }
article { margin-left:372px ; padding-right:36px }
	main hr, article hr { background:#CCC ; border:none ; color:#CCC ; height:1px }

@media screen and (max-width:959px) {
aside { width:200px }
article { margin-left:272px }
}
@media screen and (max-width:780px) {
aside { border-right:none ; float:none ; margin:0 36px ; width:auto }
article { margin-left:0 ; padding:0 36px }
aside + article > section:first-child { margin-top:36px }
}

section { background:#FFF ; color:#778 ; position:relative }
section a em strong, section a strong em, section strong a em, section strong em a, section em strong a, section em a strong { background:#60B61C ; border-radius:4px ; color:#FFF ; display:inline-block ; font-style:normal ; font-variant:small-caps ; padding:12px 24px ; text-decoration:none }
section dt { font-size:.9rem ; font-weight:700 ; padding-top:36px }
section dd { font-size:.9rem ; padding-left:36px }
section h1, section h2, section h3, section h4 { font-family:'Roboto Condensed',Lato,sans-serif ; padding-top:36px }
section h1 { color:#2E5395 ; font-size:1.8rem ; text-transform:uppercase }
section h2 { color:#2E5395 ; font-size:1.35rem ; text-transform:uppercase }
	section h2 strong em, section h2 em strong { display:block ; font-size:.9rem ; font-weight:400 ; font-style:normal }
section h3 { color:#2E5395 ; font-size:.9rem ; font-weight:700 }
section h4 { color:#2E5395 ; font-size:.8rem ; font-weight:400 ; text-transform:uppercase }
	section h1 span, section h2 span { display:block ; font-weight:400 ; font-size:.9rem }
	section h3 span { display:block ; font-weight:400 ; font-size:.7rem }
section img { height:auto ; max-width:100% }
section ol, section ul:not(.gform_fields) { font-size:.9rem ; margin-left:24px ; padding-top:18px }
	section ol li { list-style:decimal ; margin-left:24px ; padding-top:12px }
	section ul:not(.gform_fields) li { list-style:square ; margin-left:24px ; padding-top:12px }
		section div li > ol, section div li:not(.gfield) > ul { padding-top:0 }
section p { font-size:.9rem ; padding-top:36px }
	section dl p { padding-top:18px }
section p.byline { font-size:.7rem ; padding-top:18px ; text-transform:uppercase }
section table { margin-top:36px }
	section table th { font-size:.9rem ; padding:12px }
	section table td { font-size:.9rem ; padding:12px }
section .video { margin:auto ; max-width:720px ; padding-top:36px }
	section .video > .inner { font-size:.8rem ; height:0 ; padding-bottom:56.25% ; position:relative ; width:100% }	
		section .video iframe { bottom:0 ; height:100% ; left:0 ; position:absolute ; right:0 ; top:0 ; width:100% }
section input:not([type='checkbox']):not([type='radio']):not([type='submit']), section select, section textarea { background:#EEE ; border:none ; border-radius:6px ; font-size:.8rem ; padding:12px ; width:100% }
section input[type="submit"] { background:#138900 ; border:none ; border-radius:6px ; color:#FFF ; font-size:.8rem ; font-weight:700 ; padding:12px ; text-transform:uppercase ; transition:background 250ms ease ; width:100% }
section input[type="submit"]:hover { background:#60B61C }
section img.alignleft, section img.alignright, section p.alignleft img, section p.alignright img { height:auto ; max-width:50% }

/* SECTION: Agrian */
aside .lookup { padding:12px 24px 0 24px ; text-align:center }
	.lookup img { height:auto ; max-width:252px ; width:100% }
.col.col2 .lookup { display:none ; padding-top:24px }

@media screen and (max-width:780px) {
aside .lookup { display:none }
.col.col2 .lookup { display:block }
}

/* SECTION: Billboard */
section.billboard { background:#000 }
	section.billboard .hook {  }
		section.billboard .hook-inner { min-height:500px ; position:relative ; width:100% ; z-index:10 }
			section.billboard .preload { height:0 ; position:absolute ; visibility:hidden }
				section.billboard .preload .medium { display:none }
				section.billboard .preload .small { display:none }
			section.billboard .slide { background-position:center center ; background-repeat:no-repeat ; background-size:cover ; bottom:0 ; left:0 ; position:absolute ; right:0 ; top:0 }
				section.billboard .slide > .inner { display:table ; padding:192px 0 ; width:100% }
					section.billboard .slide > .inner > .inner2 { display:table-cell ; font-size:20px ; padding:0 156px ; text-align:center ; vertical-align:middle }
						section.billboard .slide h1, section.billboard .slide h2, section.billboard .slide h3, section.billboard .slide h4, section.billboard .slide p { color:#FFF ; font-weight:700 ; padding-top:24px ; text-shadow:1px 1px 1px rgba(0,0,0,.7) }
						section.billboard .slide h1 {font-size:2.5em ; text-transform:uppercase }
						section.billboard .slide h2 {font-size:2em }
						section.billboard .slide h3 {font-size:1.5em }
						section.billboard .slide h4 {font-size:1em }
						section.billboard .slide p.cta { padding-top:2.5em ; text-shadow:none }
							section.billboard a em strong, section.billboard a strong em, section.billboard strong a em, section.billboard strong em a, section.billboard em strong a, section.billboard em a strong { background:#F33300 }
								section.billboard .slide p.cta a strong { color:#A3CE45 }
								section.billboard .slide p.cta a span { font-size:.85rem ; font-weight:400 }
						section.billboard .slide > .inner > .inner2 > *:first-child { padding-top:0 }
			section.billboard .slide:first-child { z-index:1 }
		section.billboard a.control { color:#FFF ; display:none ; font-size:4rem ; font-weight:300 ; height:500px ; line-height:500px ; position:absolute ; top:0 ; text-decoration:none ; text-shadow:1px 1px 1px rgba(0,0,0,.5) ; transform: scale(0.5,1.0) ; width:264px ; z-index:20 }
		section.billboard a.control.back { left:-78px ; padding-right:48px ; text-align:right ; 
			background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
			background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
			background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 );
		}
		section.billboard a.control.next { right:-78px ; padding-left:48px ; text-align:left ; 
			background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.5) 100%);
			background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%);
			background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 );
		}

@media screen and (max-width:1220px) {
				section.billboard .slide > .inner { padding:144px 0 }
					section.billboard .slide > .inner > .inner2 { font-size:18px }
}
@media screen and (max-width:820px) {
	section.billboard .hook-inner { min-height:400px }
				section.billboard .slide > .inner { padding:96px 0 }
					section.billboard .slide > .inner > .inner2 { padding:0 78px }
			section.billboard .preload .large { display:none }
			section.billboard .preload .medium { display:block }
	section.billboard a.control { font-size:3rem ; height:400px ; line-height:400px ; width:132px }
}
@media screen and (max-width:600px) {
				section.billboard .slide > .inner { padding:72px 0 }
						section.billboard .slide h1 {font-size:2em ; text-transform:uppercase }
						section.billboard .slide h2 {font-size:1.5em }
						section.billboard .slide h3 {font-size:1em }
						section.billboard .slide h4 {font-size:.85em }
						section.billboard .slide p {font-size:.85em }
}

/* SECTION: Boxes */
.box { box-sizing:border-box ; margin-top:36px ; position:relative }
	.box .icons { font-size:0 ; margin-top:-18px ; position:absolute ; right:0 }
		.box .icons img { margin-right:12px }
	.box > .inner { border-top:6px solid #60B61C ; border-right:1px solid #EFEFEF }
		section.products .box .picouter, section.contain .box .picouter { background:#EFEFEF ; padding:12px 24px }
			.box a.pic { background-position:center center ; background-repeat:no-repeat ; background-size:cover ; display:block ; height:0 ; padding-bottom:40% ; text-decoration:none ; width:100% }
			section.cover .box a.pic { background-size:cover }
			section.contain .box a.pic { background-size:contain ; padding-bottom:50% }
			section.products .box a.pic { background-size:contain ; padding-bottom:50% }
		.box .content { padding:18px }
			section .box .content h2 { font-size:1rem ; font-weight:700 ; padding-top:0 ; text-transform:uppercase }
				section .box .content h2 a { text-decoration:none }
			section .box .content p { font-size:.8rem ; padding-top:18px }
			section .box .content p.cta a { background:#50ACDC ; border-radius:4px ; color:#FFF ; display:inline-block ; font-size:.7rem ; font-weight:700 ; padding:9px 18px ; text-decoration:none ; text-transform:uppercase }
		.box .go { padding-top:18px ; text-align:right }
			.box .go a { background:#138900 ; color:#FFF ; display:inline-block ; font-size:.8rem ; font-weight:700 ; padding:12px 18px ; text-decoration:none ; transition:background 250ms ease }
			.box .go a:hover { background:#60B61C }

@media screen and (min-width:1221px) {
.max-full .box, .max-1220 .box { float:left ; width:25% }
.max-full .box:nth-of-type(4n+1), .max-1220 .box:nth-of-type(4n+1), .max-full .box:nth-of-type(4n+1) .icons, .max-1220 .box:nth-of-type(4n+1) .icons { clear:both ; padding-right:24px }
.max-full .box:nth-of-type(4n+2), .max-1220 .box:nth-of-type(4n+2), .max-full .box:nth-of-type(4n+2) .icons, .max-1220 .box:nth-of-type(4n+2) .icons { padding:0 12px }
.max-full .box:nth-of-type(4n+3), .max-1220 .box:nth-of-type(4n+3), .max-full .box:nth-of-type(4n+3) .icons, .max-1220 .box:nth-of-type(4n+3) .icons { padding:0 12px }
.max-full .box:nth-of-type(4n+4), .max-1220 .box:nth-of-type(4n+4), .max-full .box:nth-of-type(4n+4) .icons, .max-1220 .box:nth-of-type(4n+4) .icons { padding-left:24px }
.max-960 .box { float:left ; width:33.3333% }
.max-960 .box:nth-of-type(3n+1), .max-960 .box:nth-of-type(3n+1) .icons { clear:both ; padding-right:24px }
.max-960 .box:nth-of-type(3n+2), .max-960 .box:nth-of-type(3n+2) .icons { padding:0 12px }
.max-960 .box:nth-of-type(3n+3), .max-960 .box:nth-of-type(3n+3) .icons { padding-left:24px }
}
@media screen and (min-width:721px) and (max-width:1220px) {
.box { float:left ; width:33.3333% }
.box:nth-of-type(3n+1) { clear:both ; padding-right:24px }
.box:nth-of-type(3n+2) { padding:0 12px }
.box:nth-of-type(3n+3) { padding-left:24px }
}
@media screen and (min-width:481px) and (max-width:720px) {
.box { float:left ; width:50% }
.box:nth-of-type(odd) { padding-right:18px }
.box:nth-of-type(even) { padding-left:18px }
}

/* SECTION: 2 columns */
	section.cols2 .hook-inner > h1, section.cols2 .hook-inner > h2 { padding-bottom:36px }
	section.cols2 .hook-inner > div.cols > div.col { padding:0 3%}
	section.cols2.bg .hook-inner > div.cols > div.col { padding-bottom:36px }

@media screen and (min-width:721px) {
section.cols2 .hook-inner > div.cols { display:table ; width:100% }
	section.cols2 .hook-inner > div.cols > div.col { display:table-cell ; vertical-align:top ; width:50% }
}

/* SECTION: 3 columns */
	section.cols3 .hook-inner > div.col { padding:0 3%}
	section.cols3.bg .hook-inner > div.col { padding-bottom:36px }

@media screen and (min-width:721px) {
section.cols3 .hook-inner { display:table ; width:100% }
	section.cols3 .hook-inner > div.col { display:table-cell ; width:27.3333% }
}

/* SECTION: Gallery */
section .thegallery { font-size:0 }
.thegallery .caption, .featuredpic .caption { color:#666 ; font-size:.7rem ; font-style:italic ; padding-top:6px ; text-align:center }
.featuredpic { display:block ; margin:auto ; max-width:780px ; padding-top:36px ; text-decoration:none }
	.featuredpic > .inner { background-position:center center ; background-repeat:no-repeat ; background-size:cover ; height:0 ; padding-bottom:75% ; width:100% }
		.featuredpic a .caption { color:#666 }
.thegallery.medium { padding-top:12px }
.thegallery.small { padding-top:33px }
	.thegallery .pic { display:inline-block ; text-decoration:none ; vertical-align:top }
	.thegallery.large .pic { width:33.3333% }
	.thegallery.medium .pic { width:16.6666% }
	.thegallery.small .pic { width:6.25% }
		.thegallery.large .pic > .inner { padding:36px 12px 0 12px }
		.thegallery.medium .pic > .inner { padding:24px 6px 0 6px }
		.thegallery.small .pic > .inner { padding:3px 3px 0 3px }
			.thegallery .pic .thumb { background-position:center center ; background-repeat:no-repeat ; background-size:cover ; height:0 ; padding-bottom:100% ; width:100% }

@media screen and (max-width:480px) {
	.thegallery.large .pic { width:50% }
	.thegallery.medium .pic { width:33.3333% }
	.thegallery.small .pic { width:16.6666% }
}

/* SECTION: Logos */

.logos-title { font-size:.6rem ; font-weight:700 ; padding:6px 24px ; text-align:center ; text-transform:uppercase }
.logos { overflow:hidden ; position:relative ; width:100% }
	section .logos ul { font-size:0 ; margin-left:0 ; padding-top:0 ; position:relative ; vertical-align:middle ; white-space:nowrap ; width:100% }
		section .logos ul li { display:inline-block ; max-height:96px ; margin-left:0 !important ; padding:0 3% ; text-align:center ; vertical-align:middle ; white-space:normal ; width:14% }
			.logos img { filter:saturate(0) ; -web-filter:saturate(0) ; height:auto ; max-height:96px ; max-width:100% ; width:auto }
			.logos img:hover { filter:saturate(100%) ; -web-filter:saturate(100%) }

@media screen and (max-width:1040px) {
		.logos ul li { width:19% }
}
@media screen and (max-width:540px) {
		.logos ul li { width:27.3333% }
}

/* SECTION: Pages/Posts List */
.things { overflow:hidden }
	.thing { overflow:hidden ; padding-top:36px }
		.thing .pic { float:left ; margin:auto ;  max-width:200px ; width:200px }
		.cols2 .thing .pic, .cols3 .thing .pic { float:left ; width:25% }
			.thing .pic > .inner { background-position:center center ; background-repeat:no-repeat ; background-size:cover ; display:block ; height:0 ; padding-bottom:100% ; text-decoration:none ; width:100% }
		.thing .content { margin-left:236px }
		.cols2 .thing .content, .cols3 .thing .content { margin-left:30% }
			section .thing .content > *:first-child { padding-top:0 }
			section .thing h2 { font-size:1.1em }
				section h2 span { font-size:.7rem }
				section .thing h2 a, section .thing h3 a { border-bottom:1px dotted #2A3171 ; text-decoration:none }
					section .thing h2 a span, section .thing h3 a span { padding-top:6px }
@media screen and (min-width:720px) and (max-width:960px) {
		.cols2 .thing .pic, .cols3 .thing .pic { display:none }
		.cols2 .thing .content, .cols3 .thing .content { margin-left:0 }
}

@media screen and (max-width:640px) {
		.thing .pic { width:25% }
		.thing .content { margin-left:30% }
}
@media screen and (max-width:420px) {
		.thing .pic { float:none ; padding-bottom:24px ; width:auto }
		.thing .content { margin-left:0 }
}

/* SECTION: Product Technical Specifications */
section.producttech table { border-collapse:collapse ; margin:0 0 36px 0 ; padding-top:36px ; width:100% }
	section.producttech th { padding-left:18px ; text-align:left ; text-transform:uppercase }
	section.producttech th:nth-of-type(1) { padding-left:0 }
	section.producttech td { border-bottom:1px solid #CCC ; vertical-align:top }
	section.producttech td > *:first-child { padding-top:0 }
	section.producttech td:nth-of-type(1) { padding:36px 18px 36px 0 ; width:180px }
	section.producttech td:nth-of-type(2) { padding:36px 18px 18px 18px }
	section.producttech td:nth-of-type(3) { padding:36px 0 36px 18px ; width:180px }
		section.producttech p { padding-top:12px }
			section.producttech h2 a { border-bottom:1px dotted #124879 ; text-decoration:none }
		section.producttech .cta a { background:#124879 ; border-radius:4px ; box-shadow:2px 2px 2px rgba(0,0,0,.15) ; color:#FFF ; display:block ; font-size:.8rem ; font-weight:700 ; margin-bottom:6px ; padding:6px 12px ; text-align:center ; text-decoration:none ; text-transform:uppercase }

@media screen and (max-width:960px) {
	section.producttech td:nth-of-type(1) { width:120px }
}
@media screen and (max-width:720px) {
	section.producttech th:nth-of-type(2) { display:none }
	section.producttech td:nth-of-type(1) { width:40% }
	section.producttech td:nth-of-type(2) { display:none }
	section.producttech td:nth-of-type(3) { width:60% }
}

/**************************************************
FOOTER
**************************************************/

.social { font-size:0 ; padding:18px ; text-align:center }
	.social a { background-position:center center ; background-repeat:no-repeat ; background-size:30px 30px ; display:inline-block ; height:36px ; margin:0 6px ; text-decoration:none ; width:36px }
	.social a.facebook { background-image:url('img/facebook.png') }
	.social a.twitter { background-image:url('img/twitter.png') }
	.social a.youtube { background-image:url('img/youtube.png') }
	.social a.linkedin { background-image:url('img/linkedin.png') }

footer { background:#124879 url('/assets/uploads/2020/07/based-in-the-usa.png') right 24px top 24px no-repeat ; background-size:150px ; color:#FFF ; font-size:.7rem ; padding:0 36px }
	footer > .inner { overflow:hidden }
		footer p small { font-size:inherit ; font-variant:small-caps }
		footer a { color:#FFF }
		footer p { padding-top:18px }
		footer span.heading { font-weight:900 ; text-transform:uppercase }
		footer .logo { -webkit-filter: brightness(0) invert(1) ; filter: brightness(0) invert(1) }
		footer .col { float:left ; padding-right:36px }

@media screen and (max-width:640px) {
footer { background:#124879 url('/assets/uploads/2020/07/based-in-the-usa.png') right 18px top 36px no-repeat ; background-size:120px }
}

@media screen and (max-width:480px) {
footer { background:#124879 url('/assets/uploads/2020/07/based-in-the-usa.png') right 12px top 24px no-repeat ; background-size:96px }
}

/**************************************************
REUSABLE CONTENT OBJECTS
**************************************************/

/* GRAVITY FORMS *********************************/
section .gform_wrapper label { font-size:.75rem ; text-transform:uppercase }
section .gform_wrapper li { padding-top:12px }

/* RSVP Form */
section #gform_wrapper_3 { background:rgba(255,255,255,.8) ; margin:auto ; max-width:720px ; padding:4vw }
section #gform_wrapper_3 .gform_required_legend { display:none }
section #gform_wrapper_3 .gfield, section #gform_wrapper_3 fieldset { border:none ; padding-bottom:24px }
section #gform_wrapper_3 label, section #gform_wrapper_3 legend { color:#000 }
section #gform_wrapper_3 legend, section #gform_wrapper_3 .gform-field-label { padding-bottom:12px ; font-size:15px ; text-transform:uppercase }
section #gform_wrapper_3 .gform-field-label--type-sub { font-size:13px ; font-style:italic ; text-transform:uppercase }
section #gform_wrapper_3 .gform-grid-col {  display:block ; padding-bottom:12px }
section #gform_wrapper_3 .gform_body input, section #gform_wrapper_3 .gform_body select, section #gform_wrapper_3 .gform_body textarea { background-color:#fff !important ; border:1px solid #ccc }

/* WP PAGE NAVI **********************************/
.wp-pagenavi { border-top:1px solid #CCC ; margin-top:48px ; padding-top:48px ; text-align:center }
	.wp-pagenavi a, .wp-pagenavi span { border-radius:3px ; display:inline-block ; margin:0 2px ; padding:3px 6px }
	.wp-pagenavi span.current { color:#60B61C ; display:inline-block }
	.wp-pagenavi a { background:#60B61C ; color:#FFF ; text-decoration:none }


/**************************************************
PAGE/SECTION-SPECIFIC STYLES
**************************************************/

/* SINGLE PRODUCTS *******************************/
.single-products  .section1 { background:#EFEFEF }
.section2 .content > *:first-child { padding-top:0 }
table.analysis { width:100% }
table.analysis td { vertical-align:top }
table.analysis td:last-child { text-align:right }
.single-products section h2.downloads { padding-bottom:24px }
.single-products section p.document { padding-top:12px }
.single-products section ol li { list-style:none ; margin-left:48px ; padding:24px 0 }
	.single-products section ol li:before { background:#50ACDC ; border-radius:50% ; color:#FFF ; font-size:1.8em ; font-weight:700 ; line-height:48px ; margin:-.38em 0 0 -64px ; position:absolute ; text-align:center ; width:48px }
	.single-products section ol li:nth-of-type(1):before { content:'1' }
	.single-products section ol li:nth-of-type(2):before { content:'2' }
	.single-products section ol li:nth-of-type(3):before { content:'3' }
	.single-products section ol li:nth-of-type(4):before { content:'4' }
	.single-products section ol li:nth-of-type(5):before { content:'5' }

@media screen and (min-width:721px) {
.single-products section h2.downloads { padding-top:0 }
}

/**************************************************
MEDIA QUERY-DRIVEN EFFECTS
**************************************************/

/* SECTIONS **************************************/
section { background-position:center center ; background-repeat:no-repeat ; background-size:cover ; overflow:hidden ; position:relative }
section.center { text-align:center }
section.right { text-align:right }
section.no-space-top { margin-top:0 !important }
section.dark { color:#F2F2F2 }
section.dark h1, section.dark h2 { color:#F2F2F2 }
section.bglt { background-position:left top}
section.bglc { background-position:left center }
section.bglb { background-position:left bottom }
section.bgct { background-position:center top }
section.bgcc { background-position:center center }
section.bgcb { background-position:center bottom }
section.bgrt { background-position:right top }
section.bgrc { background-position:right center }
section.bgrb { background-position:right bottom }
section > .hook-outer > .hook > .hook-inner { overflow:hidden }
section:not(bg) > .hook-outer > .hook > .hook-inner > *:first-child { padding-top:0 !important }
section:not(bg) > .hook-outer > .hook > .hook-inner > .col > *:first-child { padding-top:0 !important }
	section.dark a { color:#E5D158 }

/* MAX WIDTH *************************************/
.max { margin:auto ; padding:0 36px } /* 6.6666vw */
.no-space-left .max { padding-left:0 }
.no-space-right .max { padding-right:0 }
.max-1440 { max-width:1440px }
.max-1220 { max-width:1220px }
.max-960 { max-width:960px }
.max-780 { max-width:780px }
.max-640 { max-width:640px }

/* MARGINS/PADDING ********************************
Axis:
- v = vertical
- h = horizontal
Side:
- l = left
- r = right
- t = top
- b = bottom
Type:
- m = margin
- p = padding
Size:
- # = large screen pixels
.axis-side-type-size { }
*/

.vh-m-120 { margin:120px }
.vh-m-90 { margin:90px }
.vh-m-60 { margin:60px }
.vh-m-48 { margin:48px }
.vh-m-36 { margin:36px }
.vh-m-24 { margin:24px }
.vh-m-18 { margin:18px }
.vh-m-12 { margin:12px }
.vh-p-120 { padding:120px }
.vh-p-90 { padding:90px }
.vh-p-60 { padding:60px }
.vh-p-48 { padding:48px }
.vh-p-36 { padding:36px }
.vh-p-24 { padding:24px }
.vh-p-18 { padding:18px }
.vh-p-12 { padding:12px }

.v-t-m-120 { margin-top:120px }
.v-t-m-90 { margin-top:90px }
.v-t-m-60 { margin-top:60px }
.v-t-m-48 { margin-top:48px }
.v-t-m-36 { margin-top:36px }
.v-t-m-24 { margin-top:24px }
.v-t-m-18 { margin-top:18px }
.v-t-m-12 { margin-top:12px }
.v-b-m-120 { margin-bottom:120px }
.v-b-m-90 { margin-bottom:90px }
.v-b-m-60 { margin-bottom:60px }
.v-b-m-48 { margin-bottom:48px }
.v-b-m-36 { margin-bottom:36px }
.v-b-m-24 { margin-bottom:24px }
.v-b-m-18 { margin-bottom:18px }
.v-b-m-12 { margin-bottom:12px }
.v-t-p-120 { padding-top:120px }
.v-t-p-90 { padding-top:90px }
.v-t-p-60 { padding-top:60px }
.v-t-p-48 { padding-top:48px }
.v-t-p-36 { padding-top:36px }
.v-t-p-24 { padding-top:24px }
.v-t-p-18 { padding-top:18px }
.v-t-p-12 { padding-top:12px }
.v-b-p-120 { padding-bottom:120px }
.v-b-p-90 { padding-bottom:90px }
.v-b-p-60 { padding-bottom:60px }
.v-b-p-48 { padding-bottom:48px }
.v-b-p-36 { padding-bottom:36px }
.v-b-p-24 { padding-bottom:24px }
.v-b-p-18 { padding-bottom:18px }
.v-b-p-12 { padding-bottom:12px }

.h-l-m-120 { margin-left:120px }
.h-l-m-90 { margin-left:90px }
.h-l-m-60 { margin-left:60px }
.h-l-m-48 { margin-left:48px }
.h-l-m-36 { margin-left:36px }
.h-l-m-24 { margin-left:24px }
.h-l-m-18 { margin-left:18px }
.h-l-m-12 { margin-left:12px }
.h-r-m-120 { margin-right:120px }
.h-r-m-90 { margin-right:90px }
.h-r-m-60 { margin-right:60px }
.h-r-m-48 { margin-right:48px }
.h-r-m-36 { margin-right:36px }
.h-r-m-24 { margin-right:24px }
.h-r-m-18 { margin-right:18px }
.h-r-m-12 { margin-right:12px }
.h-l-p-120 { padding-left:120px }
.h-l-p-90 { padding-left:90px }
.h-l-p-60 { padding-left:60px }
.h-l-p-48 { padding-left:48px }
.h-l-p-36 { padding-left:36px }
.h-l-p-24 { padding-left:24px }
.h-l-p-18 { padding-left:18px }
.h-l-p-12 { padding-left:12px }
.h-r-p-120 { padding-right:120px }
.h-r-p-90 { padding-right:90px }
.h-r-p-60 { padding-right:60px }
.h-r-p-48 { padding-right:48px }
.h-r-p-36 { padding-right:36px }
.h-r-p-24 { padding-right:24px }
.h-r-p-18 { padding-right:18px }
.h-r-p-12 { padding-right:12px }

@media screen and (min-height:501px) and (max-height:1000px) {
.vh-m-120 { margin-top:12.0vh ; margin-bottom:12.0vh }
.vh-m-90 { margin-top:9.0vh ; margin-bottom:9.0vh }
.vh-m-60 { margin-top:6.0vh ; margin-bottom:6.0vh }
.vh-m-48 { margin-top:4.8vh ; margin-bottom:4.8vh }
.vh-m-36 { margin-top:3.6vh ; margin-bottom:3.6vh }
.vh-m-24 { margin-top:2.4vh ; margin-bottom:2.4vh }
.vh-m-18 { margin-top:1.8vh ; margin-bottom:1.8vh }
.vh-m-12 { margin-top:1.2vh ; margin-bottom:1.2vh }
.vh-p-120 { padding-top:12.0vh ; padding-bottom:12.0vh }
.vh-p-90 { padding-top:9.0vh ; padding-bottom:9.0vh }
.vh-p-60 { padding-top:6.0vh ; padding-bottom:6.0vh }
.vh-p-48 { padding-top:4.8vh ; padding-bottom:4.8vh }
.vh-p-36 { padding-top:3.6vh ; padding-bottom:3.6vh }
.vh-p-24 { padding-top:2.4vh ; padding-bottom:2.4vh }
.vh-p-18 { padding-top:1.8vh ; padding-bottom:1.8vh }
.vh-p-12 { padding-top:1.2vh ; padding-bottom:1.2vh }

.v-t-m-120 { margin-top:12.0vh }
.v-t-m-90 { margin-top:9.0vh }
.v-t-m-60 { margin-top:6.0vh }
.v-t-m-48 { margin-top:4.8vh }
.v-t-m-36 { margin-top:3.6vh }
.v-t-m-24 { margin-top:2.4vh }
.v-t-m-18 { margin-top:1.8vh }
.v-t-m-12 { margin-top:1.2vh }
.v-b-m-120 { margin-bottom:12.0vh }
.v-b-m-90 { margin-bottom:9.0vh }
.v-b-m-60 { margin-bottom:6.0vh }
.v-b-m-48 { margin-bottom:4.8vh }
.v-b-m-36 { margin-bottom:3.6vh }
.v-b-m-24 { margin-bottom:2.4vh }
.v-b-m-18 { margin-bottom:1.8vh }
.v-b-m-12 { margin-bottom:1.2vh }
.v-t-p-120 { padding-top:12.0vh }
.v-t-p-90 { padding-top:9.0vh }
.v-t-p-60 { padding-top:6.0vh }
.v-t-p-48 { padding-top:4.8vh }
.v-t-p-36 { padding-top:3.6vh }
.v-t-p-24 { padding-top:2.4vh }
.v-t-p-18 { padding-top:1.8vh }
.v-t-p-12 { padding-top:1.2vh }
.v-b-p-120 { padding-bottom:12.0vh }
.v-b-p-90 { padding-bottom:9.0vh }
.v-b-p-60 { padding-bottom:6.0vh }
.v-b-p-48 { padding-bottom:4.8vh }
.v-b-p-36 { padding-bottom:3.6vh }
.v-b-p-24 { padding-bottom:2.4vh }
.v-b-p-18 { padding-bottom:1.8vh }
.v-b-p-12 { padding-bottom:1.2vh }

}

@media screen and (max-height:500px) {
.vh-m-120 { margin-top:60px ; margin-bottom:60px }
.vh-m-90 { margin-top:45px ; margin-bottom:45px }
.vh-m-60 { margin-top:30px ; margin-bottom:30px }
.vh-m-48 { margin-top:24px ; margin-bottom:24px }
.vh-m-36 { margin-top:18px ; margin-bottom:18px }
.vh-m-24 { margin-top:12px ; margin-bottom:12px }
.vh-m-18 { margin-top:9px ; margin-bottom:9px }
.vh-m-12 { margin-top:6px ; margin-bottom:6px }
.vh-p-120 { padding-top:60px ; padding-bottom:60px }
.vh-p-90 { padding-top:45px ; padding-bottom:45px }
.vh-p-60 { padding-top:30px ; padding-bottom:30px }
.vh-p-48 { padding-top:24px ; padding-bottom:24px }
.vh-p-36 { padding-top:18px ; padding-bottom:18px }
.vh-p-24 { padding-top:12px ; padding-bottom:12px }
.vh-p-18 { padding-top:9px ; padding-bottom:9px }
.vh-p-12 { padding-top:6px ; padding-bottom:6px }

.v-t-m-120 { margin-top:60px }
.v-t-m-90 { margin-top:45px }
.v-t-m-60 { margin-top:30px }
.v-t-m-48 { margin-top:24px }
.v-t-m-36 { margin-top:18px }
.v-t-m-24 { margin-top:12px }
.v-t-m-18 { margin-top:9px }
.v-t-m-12 { margin-top:6px }
.v-b-m-120 { margin-bottom:60px }
.v-b-m-90 { margin-bottom:45px }
.v-b-m-60 { margin-bottom:30px }
.v-b-m-48 { margin-bottom:24px }
.v-b-m-36 { margin-bottom:18px }
.v-b-m-24 { margin-bottom:12px }
.v-b-m-18 { margin-bottom:9px }
.v-b-m-12 { margin-bottom:6px }
.v-t-p-120 { padding-top:60px }
.v-t-p-90 { padding-top:45px }
.v-t-p-60 { padding-top:30px }
.v-t-p-48 { padding-top:24px }
.v-t-p-36 { padding-top:18px }
.v-t-p-24 { padding-top:12px }
.v-t-p-18 { padding-top:9px }
.v-t-p-12 { padding-top:6px }
.v-b-p-120 { padding-bottom:60px }
.v-b-p-90 { padding-bottom:45px }
.v-b-p-60 { padding-bottom:30px }
.v-b-p-48 { padding-bottom:24px }
.v-b-p-36 { padding-bottom:18px }
.v-b-p-24 { padding-bottom:12px }
.v-b-p-18 { padding-bottom:9px }
.v-b-p-12 { padding-bottom:6px }

}

@media screen and (min-width:501px) and (max-width:1000px) {
.vh-m-120 { margin-left:12.0vw ; margin-right:12.0vw }
.vh-m-90 { margin-left:9.0vw ; margin-right:9.0vw }
.vh-m-60 { margin-left:6.0vw ; margin-right:6.0vw }
.vh-m-48 { margin-left:4.8vw ; margin-right:4.8vw }
.vh-m-36 { margin-left:3.6vw ; margin-right:3.6vw }
.vh-m-24 { margin-left:2.4vw ; margin-right:2.4vw }
.vh-m-18 { margin-left:1.8vw ; margin-right:1.8vw }
.vh-m-12 { margin-left:1.2vw ; margin-right:1.2vw }
.vh-p-120 { padding-left:12.0vw ; padding-right:12.0vw }
.vh-p-90 { padding-left:9.0vw ; padding-right:9.0vw }
.vh-p-60 { padding-left:6.0vw ; padding-right:6.0vw }
.vh-p-48 { padding-left:4.8vw ; padding-right:4.8vw }
.vh-p-36 { padding-left:3.6vw ; padding-right:3.6vw }
.vh-p-24 { padding-left:2.4vw ; padding-right:2.4vw }
.vh-p-18 { padding-left:1.8vw ; padding-right:1.8vw }
.vh-p-12 { padding-left:1.2vw ; padding-right:1.2vw }

.h-l-m-120 { margin-left:12.0vw }
.h-l-m-90 { margin-left:9.0vw }
.h-l-m-60 { margin-left:6.0vw }
.h-l-m-48 { margin-left:4.8vw }
.h-l-m-36 { margin-left:3.6vw }
.h-l-m-24 { margin-left:2.4vw }
.h-l-m-18 { margin-left:1.8vw }
.h-l-m-12 { margin-left:1.2vw }
.h-r-m-120 { margin-right:12.0vw }
.h-r-m-90 { margin-right:9.0vw }
.h-r-m-60 { margin-right:6.0vw }
.h-r-m-48 { margin-right:4.8vw }
.h-r-m-36 { margin-right:3.6vw }
.h-r-m-24 { margin-right:2.4vw }
.h-r-m-18 { margin-right:1.8vw }
.h-r-m-12 { margin-right:1.2vw }
.h-l-p-120 { padding-left:12.0vw }
.h-l-p-90 { padding-left:9.0vw }
.h-l-p-60 { padding-left:6.0vw }
.h-l-p-48 { padding-left:4.8vw }
.h-l-p-36 { padding-left:3.6vw }
.h-l-p-24 { padding-left:2.4vw }
.h-l-p-18 { padding-left:1.8vw }
.h-l-p-12 { padding-left:1.2vw }
.h-r-p-120 { padding-right:12.0vw }
.h-r-p-90 { padding-right:9.0vw }
.h-r-p-60 { padding-right:6.0vw }
.h-r-p-48 { padding-right:4.8vw }
.h-r-p-36 { padding-right:3.6vw }
.h-r-p-24 { padding-right:2.4vw }
.h-r-p-18 { padding-right:1.8vw }
.h-r-p-12 { padding-right:1.2vw }
	
}

@media screen and (max-width:500px) {
.vh-m-120 { margin-left:60px ; margin-right:60px }
.vh-m-90 { margin-left:45px ; margin-right:45px }
.vh-m-60 { margin-left:30px ; margin-right:30px }
.vh-m-48 { margin-left:24px ; margin-right:24px }
.vh-m-36 { margin-left:18px ; margin-right:18px }
.vh-m-24 { margin-left:12px ; margin-right:12px }
.vh-m-18 { margin-left:9px ; margin-right:9px }
.vh-m-12 { margin-left:6px ; margin-right:6px }
.vh-p-120 { padding-left:60px ; padding-right:60px }
.vh-p-90 { padding-left:45px ; padding-right:45px }
.vh-p-60 { padding-left:30px ; padding-right:30px }
.vh-p-48 { padding-left:24px ; padding-right:24px }
.vh-p-36 { padding-left:18px ; padding-right:18px }
.vh-p-24 { padding-left:12px ; padding-right:12px }
.vh-p-18 { padding-left:9px ; padding-right:9px }
.vh-p-12 { padding-left:6px ; padding-right:6px }

.h-l-m-120 { margin-left:60px }
.h-l-m-90 { margin-left:45px }
.h-l-m-60 { margin-left:30px }
.h-l-m-48 { margin-left:24px }
.h-l-m-36 { margin-left:18px }
.h-l-m-24 { margin-left:12px }
.h-l-m-18 { margin-left:9px }
.h-l-m-12 { margin-left:6px }
.h-r-m-120 { margin-right:60px }
.h-r-m-90 { margin-right:45px }
.h-r-m-60 { margin-right:30px }
.h-r-m-48 { margin-right:24px }
.h-r-m-36 { margin-right:18px }
.h-r-m-24 { margin-right:12px }
.h-r-m-18 { margin-right:9px }
.h-r-m-12 { margin-right:6px }
.h-l-p-120 { padding-left:60px }
.h-l-p-90 { padding-left:45px }
.h-l-p-60 { padding-left:30px }
.h-l-p-48 { padding-left:24px }
.h-l-p-36 { padding-left:18px }
.h-l-p-24 { padding-left:12px }
.h-l-p-18 { padding-left:9px }
.h-l-p-12 { padding-left:6px }
.h-r-p-120 { padding-right:60px }
.h-r-p-90 { padding-right:45px }
.h-r-p-60 { padding-right:30px }
.h-r-p-48 { padding-right:24px }
.h-r-p-36 { padding-right:18px }
.h-r-p-24 { padding-right:12px }
.h-r-p-18 { padding-right:9px }
.h-r-p-12 { padding-right:6px }

}