/*
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.
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:#1A1818 }
	a img { border:none }
a.cta, .cta a, a strong em, strong a em, strong em a, a em strong, em a strong, em strong a {  }
.alignleft { float:left ; margin:0 18px 18px 0 }
.alignright { float:right ; margin:0 0 18px 18px }
.aligncenter { display:block ; margin:auto }
.clear { clear:both }
.screen-reader-text { display:none }
.gform_validation_container { height:0 ; visibility:hidden }
strong { font-weight:700 }

html { font-size:20px }
body { background:#FFF ; color:#1A1818 ; font-family:"Titling Gothic FB Nrm Lt",sans-serif ; transition:background 350ms ease }
/* .pagewrap { background:#FFF ; box-shadow:0 0 8px rgba(0,0,0,.35) ; color:#43525A ; 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 { box-sizing:border-box ; left:0 ; margin-top:0 ; padding-top:42px ; position:fixed ; top:0 ; transition:margin-top 500ms ease ; width:100% ; z-index:99999 }
	header > .inner { display:table ; position:relative ; width:100% }
		header .logo { display:table-cell ; position:relative ; vertical-align:middle ; width:165px ; z-index:1000 }
			header .logo a { display:block ; font-size:0 ; text-decoration:none ; width:100% }
				header .logo a img { height:20.3883% ; transition:filter 500ms ease ; width:100% }
				header.filtered .logo a img, header.light .logo a img { filter:brightness(0) invert(1) }

		/* MAIN NAV */
		header nav { display:table-cell ; vertical-align:middle }
			/* header a.close { color:#FFF ; display:none ; font-size:36px ; position:absolute ; right:36px ; text-decoration:none ; top:30px ; z-index:1000 } */
			header a.close { color:#FFF ; display:none ; height:30px ; position:absolute ; right:36px ; text-decoration:none ; top:48px ; width:30px ; z-index:1000 } 
				header a.close .slash { background:#FFF ; height:30px ; margin-left:14px ; position:absolute ; transform:rotateY(0deg) rotate(45deg) ; width:2px } 
				header a.close .backslash { background:#FFF ; height:30px ; margin-left:14px ; position:absolute ; transform:rotateY(0deg) rotate(-45deg) ; width:2px } 
			header nav > ul { float:right }
				header nav > ul > li { float:left ; margin-left:80px ; position:relative }
				header nav > ul > li:first-child { padding-left:0 }
					header nav > ul > li > a { color:#000 ; display:block ; font-family:'Titling Gothic FB Wd Reg',sans-serif ; font-size:.55rem ; font-weight:normal ; letter-spacing:.1em ; line-height:30px ; min-height:30px ; padding:3px 0 ; text-decoration:none ; text-transform:uppercase ; transition:color 500ms ease }
					header nav > ul > li:last-child > a { padding-right:0 }
					header.filtered nav > ul > li > a, header.light nav > ul > li > a { color:#FFF }
		/* /MAIN NAV */

			header .menubtn { display:none ; font-size:0 ; height:30px ; padding:15px ; position:absolute ; right:21px ; text-decoration:none ; top:36px ; width:40px }
			header .menubtn.active, header .menubtn:hover {  }
				header .menubtn span { background:#1A1818 ; border-radius:3px ; display:block ; height:2px ; margin-bottom:8px }
				header.filtered .menubtn span { background:#FFF }
				header.light .menubtn span { background:#FFF }
				header .menubtn span:nth-of-type(2) { margin-left:15px }
				header .menubtn span:last-child { margin-bottom:0 }

@media screen and (min-width:1251px) {
					header nav > ul > li > a:after { border-bottom:2px solid #1A1818 ; content:'' ; display:block ; left:auto ; margin-top:-5px ; position:absolute ; right:0 ; transition:width 500ms ease ; width:0 }
					header nav > ul > li > a:hover:after { display:block ; left:0 ; right:auto ; width:100% }
					header.filtered nav > ul > li > a:after, header.light nav > ul > li > a:after { border-bottom:2px solid #FFF }
					header.filtered nav > ul > li > a:hover:after, header.light nav > ul > li > a:hover:after { border-bottom:2px solid #FFF }
}
@media screen and (max-width:1160px) {
				header nav > ul > li { margin-left:60px }
					header nav > ul > li.page_item_has_children > a { padding:15px 30px 15px 12px }
}
@media screen and (max-width:960px) {
				header nav > ul > li { margin-left:40px }
}
@media screen and (max-width:1050px) {
	header > .inner { position:static }
		header nav { background:#152943 ; color:#FFF ; display:none ; left:0 ; min-height:100vh ; position:absolute ; top:0 ; width:100% ; z-index:100 }
			header a.close { display:block }
			header nav > ul { display:table-cell ; float:none ; height:100vh ; vertical-align:middle ; width:100vw }
				header nav > ul > li { float:none ; margin-left:0 }
					header nav > ul > li > a { color:#FFF ; font-size:1rem ; line-height:normal ; padding:12px 0 ; text-align:center }
			header .menubtn { display:block }
}

@media screen and (min-width:481px) and (max-width:720px) {
					header .mainnav > ul > li { padding:1.5% ; width:30.3333% }
					header .mainnav > ul > li:nth-of-type(3n+1) { clear:left }
}
@media screen and (max-width:480px) {
				header nav .topnav li.support { display:none }
					header .mainnav > ul > li { float:none ; padding:1.5% 3% ; width:97% }
						header .mainnav > ul > li.page_item_has_children > a:after { content: '+' }
						header .mainnav > ul > li > ul { display:none }
}

/**************************************************
MAIN
**************************************************/
main { position:relative }
	main > .inner { background:#FFF ; color:#333 }
	main.no-space-top > .inner { padding-top:0 !important }
	main.no-space-bottom > .inner { padding-bottom:0 !important }

section { position:relative }
section a { color:#641E11 ; text-decoration:none }
	section a.cta { border:2px solid #FFF ; box-shadow:3px 3px 0 #FFF ; color:#FFF ; display:inline-block ; font-size:.65rem ; left:0 ; margin-bottom:3px ; padding:18px 36px ; position:relative ; text-decoration:none ; text-transform:uppercase ; top:0 ; transition:all 100ms linear }
	section p a.cta { line-height:1em }
	section a.cta:hover { box-shadow:5px 5px 0 #FFF ; left:-3px ; top:-3px }
section.wall { overflow:hidden }
section .big { padding-top:24px }
	section big { font-size:1.5rem ; letter-spacing:.125em }
section h1, section h2, section h3, section h4 { font-family:'Canela Web',serif ; font-weight:500 ; padding-top:36px }
section h1 { font-size:3rem }
section .textlines { font-family:'Canela Web',serif ; width:100% }
	section .textlines.changed, section .textline.changed { transform:translateY(0rem) translateZ(0) ; opacity:1 !important }
section h2 { font-size:2rem }
	section h1 + h2 { font-size:1.5rem ; padding-top:6px }
section h3 { font-size:1.5rem }
section h4 { font-size:1rem }
	section h1 > span:not(.animatext), section h2 > span:not(.animatext) { display:block ; font-weight:400 ; font-size:1rem }
	section h3 > span:not(.animatext) { display:block ; font-weight:400 ; font-size:.7rem }
section img { height:auto ; max-width:100% }
	section .alignleft img, section .alignright img, section img.alignleft, section img.alignright { max-width:50% }
section ol, section ul {  }
	section li { font-family:'Titling Gothic FB Wd reg',sans-serif ; font-size:.55rem ; line-height:1.7em ; letter-spacing:.1em ; list-style:none ; padding-top:9px ; text-transform:uppercase }
		section li > ol, section li > ul { padding-top:0 }
section ul.liststyle1 { border-top:1px solid #DEDEDE ; margin:36px 0 0 0 ; padding:0 }
	section ul.liststyle1 li { border-bottom:1px solid #DEDEDE ; list-style:none ; margin-left:0 ; padding:24px 12px }
section p { font-size:.8rem ; line-height:2em ; padding-top:24px }
section p.byline { font-size:.7rem ; padding-top:18px ; text-transform:uppercase }
section .small { padding-top:24px }
	section small { font-size:.65rem }
section table { margin-top:36px ; width:100% }
	section table th, section table td { font-size:.9rem ; padding:9px }
	section table thead th { background:#2A3171 ; color:#FFF ; text-align:left }

@media screen and (min-width:1251px) {
	section .textline { display:block ; opacity:0 !important ; transform:translateY(6rem) translateZ(0) ; transition:transform cubic-bezier(0.19, 1, 0.22, 1) 3s, opacity cubic-bezier(0.19, 1, 0.22, 1) 3s ; will-change:transform }
}
@media screen and (max-width:1250px) {
section .p { display:inline-block ; padding-top:27px }
section p > .p { padding-top:0 !important }
section .textlines { opacity:0 !important ; transform:translateY(6rem) translateZ(0) ; transition:transform cubic-bezier(0.19, 1, 0.22, 1) 3s, opacity cubic-bezier(0.19, 1, 0.22, 1) 3s ; will-change:transform }
	/* section .textline { padding-right:.2em } */
}
@media screen and (max-width:960px) {
section h1 { font-size:2.5rem }
}
@media screen and (max-width:640px) {
section h1 { font-size:2rem }
}
@media screen and (max-width:640px) {
/*	.secwrap:nth-last-of-type(2) section .hook-outer { padding-bottom:40px } */
}

/* SECTIONS **************************************/
.secwrap { background-position:center center ; background-repeat:no-repeat ; background-size:cover ; overflow:hidden ; position:relative }
	.secwrap .bgvid { background-position:center center ; background-repeat:no-repeat ; background-size:cover ; display:none ; height:100% ; overflow:hidden ; position:absolute ; width:100% ; z-index:1 }
		.secwrap .bgvid video { height:auto ; left:50% ; min-height:100% ; min-width:100% ; position:absolute ; transform:translate(-50%,-50%) ; top:50% ; width:auto }
		.secwrap .bgvid.fixed video { position:fixed }
section { background-position:center center ; background-repeat:no-repeat ; background-size:cover ; overflow:hidden ; position:relative }
@media screen and (orientation:portrait) { section { background-size:100% auto } }
@media screen and (orientation:landscape) { section { background-size:auto 100% } }
section.center { text-align:center }
section.right { text-align:right }
section.no-space-top { padding-top:0 !important }
section.no-space-bottom { padding-bottom: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 > h2:first-child { font-size:1.8rem } */
	section.dark a { color:#E5D158 }
	section > .mask { bottom:0 ; left:0 ; position:absolute ; right:0 ; top:0 }
	section .hook-outer { position:relative ; z-index:1 }
		section .hook { margin:auto }
				section .hook .precontent { padding-bottom:30px }

/* HEIGHT OF THE SCREEN */
		section .hook-outer.viewport { display:table ; height:100vh ; width:100% }
			section .hook-outer.viewport > .hook { display:table-cell ; text-align:center ; vertical-align:middle }
				section .hook-outer.viewport > .hook > .hook-inner { padding:40px 0 }

@media screen and (max-width:1440px) {
/* section:not(bg) > .hook-outer > .hook > .hook-inner > h2:first-child { font-size:1.4rem } */
}
@media screen and (max-width:1280px) and (orientation:portrait) {
section { background-attachment:initial !important }
}
@media screen and (max-width:820px) and (orientation:portrait) {
section { margin-left:0 !important ; margin-right:0 !important }
}
@media screen and (max-height:1080px) {
.secwrap.videobg { background-size:auto }
}
@supports (-webkit-overflow-scrolling: touch) {
section { background-attachment:scroll !important }
}

/* SECTION: Accent: 3 pictures */
section.accent3pic {  }
	section.accent3pic .accent { overflow:hidden }
		section.accent3pic .accent > div { float:left ; width:30% }
		section.accent3pic .accent .accent1 {  }
		section.accent3pic .accent .accent2 { margin:0 5% ; padding-top:5% }
		section.accent3pic .accent .accent3 {  }
			section.accent3pic .accent > div > div { background-position:center center ; background-repeat:no-repeat ; background-size:cover ; height:0 ; padding-top:125% ; width:100% }

/* SECTION: Archives */
section.archives .lead { background-position:center center ; background-repeat:no-repeat ; background-size:cover ; min-height:600px }
	section.archives .lead > .inner { min-height:520px ; padding:40px 440px 40px 40px ; position:relative }
		section.archives .lead .leadbox { background:rgba(255,255,255,.7) ; bottom:40px ; color:#000 ; max-width:600px ; padding:24px ; position:absolute ; right:440px }
			section.archives .lead .leadbox .cats { font-size:.65rem ; text-transform:uppercase }
				section.archives .lead .leadbox .cats a { color:#000 ; text-decoration:none }
			section.archives .lead .leadbox h2 { font-size:1.1rem ; padding-top:36px }
				section.archives .lead .leadbox h2 a { color:#000 ; text-decoration:none }
section.archives .articles { margin:auto ; max-width:1220px ; overflow:hidden ; padding:10vw }
		section.archives .post .pic { height:0 ; padding-top:87% ; width:100% }
		section.archives .post .info { padding:24px 0 }
			section.archives .post .cats { font-size:.65rem ; text-transform:uppercase }
				section.archives .post .cats a { color:#000 ; text-decoration:none }
			section.archives .post .h2 { font-size:.8rem ; padding-top:24px }
				section.archives .post .h2 a { color:#000 ; text-decoration:none }

@media screen and (max-width:640px) {
	section.archives .articles .post:nth-of-type(odd) { float:left ; width:48% }
	section.archives .articles .post:nth-of-type(even) { float:right ; width:48% }
}

/* SECTION: Asset List */
.assets { overflow:hidden }
	.assets .asset { display:block ; overflow:hidden ; text-decoration:none }
		.assets.boxes .asset .pic { text-align:center }
		.assets.stacked .asset .pic { float:left ; width:72px }
			.assets.boxes .asset .pic img { max-height:200px ; width:auto }
			.assets.stacked .asset .pic img { height:auto ; max-width:100% }
		.assets.stacked .asset .content.yespic { margin-left:96px }
		.assets.boxes .asset .content { text-align:center }
			section.asset_list .assets.stacked .asset .content p { padding-top:24px }
			section.asset_list .assets.stacked .asset .content span { color:#233762 ; border-bottom:1px solid #233762 }
			section.asset_list .assets.stacked .asset .content > *:first-child { padding-top:0 }
section.asset_list .assets.stacked a.asset .content { color:#43525A }
@media screen and (min-width:1021px) {
	.max-1220 .assets.boxes .asset, .max-full .assets.boxes .asset { padding-left:3% ; padding-right:3% ; width:19% }
	.max-1220 .assets.boxes .asset:nth-of-type(4n+5), .max-full .assets.boxes .asset:nth-of-type(4n+5) { clear:left }
	.max-960 .assets.boxes .asset { padding-left:3% ; padding-right:3% ; width:27.3333% }
	.max-960 .assets.boxes .asset:nth-of-type(3n+4) { clear:left }
		.assets.stacked .asset .pic { width:180px }
		.assets.stacked .asset .content.yespic { margin-left:216px }
}
@media screen and (min-width:721px) and (max-width:1020px) {
	.assets.boxes .asset { padding-left:3% ; padding-right:3% ; width:27.3333% }
	.max-960 .assets.boxes .asset:nth-of-type(3n+4) { clear:left }
		.assets.stacked .asset .pic { width:120px }
		.assets.stacked .asset .content.yespic { margin-left:144px }
}
@media screen and (min-width:421px) and (max-width:720px) {
	.assets.boxes .asset { padding-left:3% ; padding-right:3% ; width:44% }
	.max-960 .assets.boxes .asset:nth-of-type(odd) { clear:left }
		.assets.stacked .asset .pic { width:96px }
		.assets.stacked .asset .content.yespic { margin-left:120px }
}
@media screen and (min-width:421px) {
	.assets.boxes .asset { border-top:1px solid #E2E2E2 ; float:left }
}

/* SECTION: Billboard */
section.billboard {  }
	section.billboard .hook-inner { height:0 ; position:relative ; width:100% ; z-index:10 }
		section.billboard .preload { height:0 ; position:absolute ; visibility:hidden }
			section.billboard .preload .small { display:none }
		section.billboard .slide { background-position:center center ; background-repeat:no-repeat ; background-size:contain ; bottom:0 ; display:none ; font-size:0 ; left:0 ; position:absolute ; right:0 ; text-decoration:none ; top:0 }
		section.billboard .slide:first-child { display:block }
	section.billboard a.control { background:rgba(42,49,113,.8) ; color:#E5D158 ; display:none ; font-size:2rem ; font-weight:700 ; height:72px ; line-height:72px ; margin-top:-36px ; position:absolute ; top:50% ; text-align:center ; text-decoration:none ; text-shadow:1px 1px 1px rgba(0,0,0,.5) ; transform: scale(0.5,1.0) ; width:72px ; z-index:20 }
	section.billboard a.control.back { border-radius:0 4px 4px 0 ; left:-18px }
	section.billboard a.control.next { border-radius:4px 0 0 4px ; right:-18px }

@media screen and (max-width:820px) {
			section.billboard .preload .large { display:none }
			section.billboard .preload .small { display:block }
}

/* SECTION: Billboard: 3 pictures */
section.bb3pic { background:#000 }
	section.bb3pic .table { font-size:2rem ; height:50vh ; min-height:720px ; overflow:hidden ; position:relative ; width:100% }
		section.bb3pic .table .cell { background-position:center center ; background-repeat:no-repeat ; background-size:cover ; bottom:0 ; left:0 ; position:absolute ; right:50% ; text-align:center ; top:0 }
		section.bb3pic .table.layout1 .pic1 { bottom:0 ; left:0 ; right:50% ; top:0 }
		section.bb3pic .table.layout1 .pic2 { bottom:50% ; left:50% ; right:0 ; top:0 }
		section.bb3pic .table.layout1 .pic3 { bottom:0 ; left:50% ; right:0 ; top:50% }
		section.bb3pic .table.layout2 .pic1 { bottom:0 ; left:65% ; right:0 ; top:0 }
		section.bb3pic .table.layout2 .pic2 { bottom:50% ; left:0 ; right:35% ; top:0 }
		section.bb3pic .table.layout2 .pic3 { bottom:0 ; left:0 ; right:35% ; top:50% }
			section.bb3pic .table .cell > span { display:table ; height:100% ; width:100% }
				section.bb3pic .table .cell > span > span { display:table-cell ; padding:24px 6vw ; vertical-align:middle }
					section.bb3pic .table .cell > span > span > *:first-child { padding-top:0 }
					section.bb3pic .table .cell > span > span > p { font-size:2rem ; line-height:1.25em }
						section.bb3pic .table .cell > span > span small { font-size:1.25rem }

@media screen and (max-width:960px) {
	section.bb3pic .table { font-size:1.5rem ; min-height:540px }
					section.bb3pic .table .cell > span > span > p { font-size:1.5rem }
						section.bb3pic .table .cell > span > span small { font-size:1rem }
}
@media screen and (max-width:640px) {
	section.bb3pic .table { font-size:1rem ; min-height:360px }
					section.bb3pic .table .cell > span > span > p { font-size:1rem }
						section.bb3pic .table .cell > span > span small { font-size:.65rem }
}

/* SECTION: Gallery */
.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 { font-size:0 ; text-align:center }
.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% }

/* SECTION: Latest Posts */
section.latest_posts {  }
	section.latest_posts .posts { overflow:hidden }
		section.latest_posts .post { color:#000 ; display:block ; text-align:center ; text-decoration:none }
				section.latest_posts .post .pic { background:#EEE ; padding-bottom:87% ; width:100% }
				section.latest_posts .post .cats { font-size:.8rem ; font-weight:700 ; padding-top:24px }
				section.latest_posts .post .title { font-size:.8rem ; padding-top:24px }

@media screen and (min-width:641px) {
		section.latest_posts .post { float:left ; padding-top:48px ; width:30% }
		section.latest_posts .post.post2 { margin:0 5% }
}
@media screen and (max-width:640px) {
		section.latest_posts .post { padding-top:2em }
		section.latest_posts .post:first-child { padding-top:0 }
}

/* SECTION: Links: 3 pictures */
section.links3pic { padding-top:48px }
			section.links3pic .accent > div > div > div { text-align:center }

@media screen and (min-width:721px) {
section.links3pic { padding-top:72px }
	section.links3pic .accent { overflow:hidden }
		section.links3pic .accent > div { float:left ; width:30% }
		section.links3pic .accent .accent1 { padding-top:5% }
		section.links3pic .accent .accent2 { margin:0 5% }
		section.links3pic .accent .accent3 { padding-top:5% }
			section.links3pic .accent > div > div { background-position:center center ; background-repeat:no-repeat ; background-size:cover ; height:0 ; padding-top:125% ; position:relative ; width:100% }
			section.links3pic .accent > div > div > div { bottom:48px ; left:15% ; position:absolute ; text-align:center ; right:15% }
}
@media screen and (min-width:721px) and (max-width:960px) {
			section.links3pic .accent > div > div > div { bottom:24px ; left:7.5% ; right:7.5% }
}

/* SECTION: Logos */
section.logos {  }
	section.logos .outer { overflow:hidden }
	.thelogos { padding-top:1em ; vertical-align:middle }
		.thelogos .logo { display:inline-block ; padding:0 24px ; text-align:center ; vertical-align:middle }
			.thelogos .logo img { height:auto ; max-height:100px ; max-width:200px ; vertical-align:middle ; width:auto }

/* SECTION: Masonry Columns */

/* SECTION: Picture Highlight */
section.pic_highlight .outer { display:table ; width:100% }
section.pic_highlight .outer.pic-left { direction:rtl }
	section.pic_highlight .content { border-right:12px solid #FFF ; display:table-cell ; width:348px }
	section.pic_highlight .pic-left .content { border-left:12px solid #FFF ; border-right:none ; direction:ltr }
		section.pic_highlight .content > *:first-child { padding-top:0 !important }
		section.pic_highlight .content h1, section.pic_highlight .content h2, section.pic_highlight .content h3 { font-size:3rem }
	section.pic_highlight .pic { background-position:center center ; background-size:cover ; display:table-cell }

@media screen and (max-width:820px ) {
section.pic_highlight .outer { display:block }
	section.pic_highlight .content { border-right:none ; display:block ; width:auto }
	section.pic_highlight .pic-left .content { border-left:none }
	section.pic_highlight .pic { display:none }
}

/* SECTION: Projects */
section.projects .filters { border-top:2px solid #1A1818 ; border-bottom:2px solid #1A1818 ; cursor:pointer ; font-family:'Titling Gothic FB Wd reg',sans-serif ; font-size:.55rem ; font-weight:500 ; letter-spacing:.1em ; line-height:24px ; margin-bottom:24px ; text-transform:uppercase }
	section.projects .filters .icon { float:right ; font-size:0 ; height:16px ; margin-top:4px ; position:relative ; width:16px }
		section.projects .filters .icon .line1 { background:#000 ; height:16px ; left:50% ; margin-left:-1px ; position:absolute ; width:2px }
		section.projects .filters .icon .line2 { background:#000 ; height:2px ; margin-top:-1px ; position:absolute ; top:50% ; width:16px }
	section.projects .filters > .inner { padding:18px 0 }
		section.projects .filters .filtered { display:none }
		section.projects .filters .filter { display:none }
		section.projects .filters .filtered.active, section.projects .filters .filter.active { display:inline }
section.projects .fselect { background:rgba(11,60,44,.95) ; color:#FFF ; display:none ; left:0 ; min-height:100vh ; position:fixed ; top:0 ; width:100% ; z-index:100 }
	/* section.projects .fselect > .inner { display:table ; height:calc(100vh - 200px) ; margin-top:150px ; width:100% } */
	section.projects .fselect > .inner { display:table ; height:100vh ; width:100% } 
		section.projects .fselect > .inner > .inner2 { display:table-cell ; vertical-align:middle }
			section.projects .fselect .fcols { margin:auto ; max-width:480px ; padding:0 30px }
					section.projects .fselect .fcols a { display:block ; color:#FFF ; font-family:'Canela Web',serif ; font-size:3rem ; font-weight:500 ; padding:12px 0 ; text-decoration:none }
						section.projects .fselect .fcols a span { font-family:'Titling Gothic FB Wd Reg',sans-serif ; font-size:.55rem ; font-weight:500 ; letter-spacing:.1em ; margin:0 16px 0 0 ; position:relative ; top:14px ; vertical-align:top }

/* Filters Media Queries */
@media screen and (min-width:881px) {
		section.projects .fselect > .inner > .inner2 { vertical-align:middle }
			section.projects .fselect .fcols { max-width:1120px ; padding:0 60px }
				section.projects .fselect .fcols .fcol1 { float:left ; width:46% }
				section.projects .fselect .fcols .fcol2 { float:right ; width:46% }
}
@media screen and (max-width:960px) {
					section.projects .fselect .fcols a { font-size:2.5rem }
}
@media screen and (max-width:640px) {
					section.projects .fselect .fcols a { font-size:2rem }
}
/* Project Gallery Media Queries */
.projectslg, .projectsmd, .projectssm { display:none }

@media screen and (min-width:1251px) {
	.projectslg { display:block }
}
@media screen and (min-width:481px) and (max-width:1250px) {
	.projectsmd { display:block }
}
@media screen and (max-width:480px) {
	.projectssm { display:block }
}

	.theprojects { overflow:hidden }
		.theprojects a { color:#1A1818 ; display:block ; padding-top:24px ; position:relative ; text-decoration:none }
		.theprojects a.inactive { display:none }
			.theprojects a .ppic { height:400px ; overflow:hidden ; position:relative }
				.theprojects a .ppic > div { background-position:center top ; background-repeat:no-repeat ; background-size:cover ; bottom:0 ; left:0 ; position:absolute ; right:0 ; top:0 ; transition:transform 500ms ease }
				.theprojects a:hover .ppic > div { transform:scale(1.1) }
			.theprojects a .pcontent { background:#FFF ; bottom:0 ; left:0 ; padding-top:12px ; position:absolute ; right:0 }
				.theprojects a .ptitle { font-family:'Titling Gothic FB Wd reg',sans-serif ; font-size:.55rem ; font-weight:500 ; letter-spacing:.1em ; text-transform:uppercase }
				.theprojects a .pcat { font-family:'Canela Web',serif ; font-size:1rem }
	
	/* Sizing */
	@media screen and (min-width:1251px) {
	.theprojects a { float:left ; width:23% }
	.theprojects a:nth-of-type(12n+1) { clear:both ; margin-right:2% ; width:48% }
	.theprojects a:nth-of-type(12n+2) { margin-left:1% ; margin-right:1% }
	.theprojects a:nth-of-type(12n+3) { margin-left:2% }
	.theprojects a:nth-of-type(12n+4) { clear:both ; height:824px ; margin-right:3% ; width:48% }
		.theprojects a:nth-of-type(12n+4) .ppic { height:824px }
	.theprojects a:nth-of-type(12n+5) { float:right ; width:49% }
	.theprojects a:nth-of-type(12n+6) { clear:right ; float:right ; width:49% }
	.theprojects a:nth-of-type(12n+7) { clear:both ; width:22.5% }
	.theprojects a:nth-of-type(12n+8) { margin-left:3% ; width:22.5% }
	.theprojects a:nth-of-type(12n+9) { float:right ; width:49% }
	.theprojects a:nth-of-type(12n+10) { clear:both ; width:22.5% }
	.theprojects a:nth-of-type(12n+11) { margin-left:3% ; width:49% }
	.theprojects a:nth-of-type(12n+12) { float:right ; width:22.5% }
	}
	@media screen and (min-width:481px) and (max-width:1250px) {
	.theprojects a, .theprojects a .ppic { height:60vw }
	.theprojects a:nth-of-type(12n+1) { clear:both }
	.theprojects a:nth-of-type(12n+2) { float:left ; width:48% }
	.theprojects a:nth-of-type(12n+3) { float:right ; width:48% }
	.theprojects a:nth-of-type(12n+4) { clear:both }
	.theprojects a:nth-of-type(12n+5) {  }
	.theprojects a:nth-of-type(12n+6) {  }
	.theprojects a:nth-of-type(12n+7) { float:left ; width:48% }
	.theprojects a:nth-of-type(12n+8) { float:right ; width:48% }
	.theprojects a:nth-of-type(12n+9) { clear:both }
	.theprojects a:nth-of-type(12n+10) { float:left ; width:48% }
	.theprojects a:nth-of-type(12n+11) { float:right ; width:48% }
	.theprojects a:nth-of-type(12n+12) { clear:both }
	}
	@media screen and (max-width:480px) {
	.theprojects a, .theprojects a .ppic { height:70vw }
	.theprojects a:nth-of-type(12n+1) {  }
	.theprojects a:nth-of-type(12n+2), .theprojects a:nth-of-type(12n+2) .ppic { height:120vw }
	.theprojects a:nth-of-type(12n+3), .theprojects a:nth-of-type(12n+3) .ppic { height:120vw }
	.theprojects a:nth-of-type(12n+4) {  }
	.theprojects a:nth-of-type(12n+5) {  }
	.theprojects a:nth-of-type(12n+6) {  }
	.theprojects a:nth-of-type(12n+7), .theprojects a:nth-of-type(12n+7) .ppic { height:120vw }
	.theprojects a:nth-of-type(12n+8), .theprojects a:nth-of-type(12n+8) .ppic { height:120vw }
	.theprojects a:nth-of-type(12n+9) {  }
	.theprojects a:nth-of-type(12n+10), .theprojects a:nth-of-type(12n+10) .ppic { height:120vw }
	.theprojects a:nth-of-type(12n+11) {  }
	.theprojects a:nth-of-type(12n+12) {  }
	}
	/* /Sizing */
	
	/* Adaptive resizing */
	@media screen and (min-width:1251px) { /*  and (max-width:1920px) in case I need this again */
			.theprojects a .ppic { height:27vw }
	.theprojects a:nth-of-type(12n+4) { height:calc(54vw + 24px) }
		.theprojects a:nth-of-type(12n+4) .ppic { height:calc(54vw + 24px) }
	}
	/* /Adaptive resizing */

/* SECTION: Quick Links */
		section.quick_links .col a { background-position:center center ; background-size:cover ; box-sizing:border-box ; color:#FFF ; display:block ; font-size:2rem ; font-weight:700 ; position:relative ; text-decoration:none ; text-shadow:0 0 2px #000, 0 0 2px #000 ; width:100% }
		section.quick_links .col.small a { font-size:1rem }
	section.quick_links .smallscreen { display:none ; text-align:center }

@media screen and (min-width:641px) {
section.quick_links .hook-inner { border-color:#FFF ; border-style:solid ; border-width:12px 0 12px 12px }
	section.quick_links .col { float:left ; width:25% }
		section.quick_links .col a { border-right:12px solid #FFF ; height:0 }
		section.quick_links .col.large a { padding-bottom:100% }
		section.quick_links .col.small a { padding-bottom:50% }
			section.quick_links .col a > span.text { bottom:0 ; left:0 ; position:absolute ; right:0 }
			section.quick_links .col.small a.link1 span.brdr { border-bottom:6px solid #FFF ; position:absolute ; bottom:0 ; width:100% }
			section.quick_links .col.small a.link2 span.brdr { border-top:6px solid #FFF ; position:absolute ; top:0 ; width:100% }
				section.quick_links .col a span.text > span { display:block ; padding:0 36px 36px 36px }
				section.quick_links .col.small a.link1 span.text > span { padding:0 36px 42px 36px }
}
@media screen and (min-width:641px) and (max-width:1440px) {
		section.quick_links .col a { font-size:1.5rem }
				section.quick_links .col a span.text > span { padding:0 24px 24px 24px }
				section.quick_links .col.small a.link1 span.text > span { padding:0 24px 30px 24px }
}
@media screen and (min-width:641px) and (max-width:960px) {
		section.quick_links .col a { font-size:1.25rem ; line-height:.9em }
				section.quick_links .col a span.text > span { padding:0 18px 18px 18px }
				section.quick_links .col.small a.link1 span.text > span { padding:0 18px 24px 18px }
}
@media screen and (max-width:640px) {
	section.quick_links .col { display:none }
	section.quick_links .smallscreen { display:block }
}

/* SECTION: Staff */
	section.staff .pics { overflow:hidden ; padding-bottom:36px }
		section.staff .pics > .inner {  }
			section.staff .pics .pic { background-position:center center ; background-repeat:no-repeat ; background-size:cover }
				section.staff .pics .pic1 > .inner { height:0 ; padding-bottom:75% ; position:relative }
					section.staff .pics .pic1 > .inner > span { bottom:30px ; color:#FFF ; font-family:'Titling Gothic FB Wd Reg',sans-serif ; font-size:.55rem ; font-weight:500 ; left:30px ; letter-spacing:.1em ; position:absolute ; text-transform:uppercase }
						section.staff .pics .pic1 > .inner > span > span { border-bottom:1px solid #FFF }
			section.staff .pics .pic2 { float:left ; margin-top:36px ; width:50% }
			section.staff .pics.picsleft .pic2 { float:right }
				section.staff .pics .pic2 > .inner { height:0 ; padding-bottom:125% }
			section.staff .pics .pic3 { float:right ; margin-top:36px ; width:50% }
			section.staff .pics.picsleft .pic3 { float:left }
				section.staff .pics .pic3 > .inner { height:0 ; padding-bottom:125% }
	section.staff .bio { background:#FFF }
		section.staff .bio > .inner { padding:48px }
			section.staff .bio > .inner > *:first-child { padding-top:0 }
			section.staff .bio > .inner h2 { font-size:1.5rem }
			section.staff .bio > .inner .position { font-family:'Titling Gothic FB Wd Reg',sans-serif ; font-size:.55rem ; font-weight:500 ; letter-spacing:.1em ; padding-top:6px ; text-transform:uppercase }
			section.staff .bio > .inner .position:after { border-bottom:2px solid #707070 ; content:'' ; display:block ; margin-bottom:12px ; padding-bottom:36px ; width:120px }

@media screen and (min-width:1251px) {
	section.staff .pics { float:right ; overflow:visible ; width:48% }
	section.staff .pics.picsleft { float:left }
			section.staff .pics .pic2 { width:calc(55% - 18px) }
			section.staff .pics .pic3 { width:calc(45% - 18px) }
	section.staff .bio { background:#FFF ; float:left ; width:48% }
	section.staff .bio.picsleft { float:right }
}
@media screen and (min-width:481px) and (max-width:1250px) {
	section.staff .bio { margin-bottom:48px }
			section.staff .pics .pic2, section.staff .pics .pic3 { width:calc(50% - 18px) }
}
@media screen and (max-width:480px) {
	section.staff .bio { margin-bottom:48px }
			section.staff .pics .pic2 { display:none }
			section.staff .pics .pic3 { display:none }
}

/* SECTION: Timeline */
section.timeline.center .the-timeline { text-align:left }
section.timeline h2 { padding-bottom:10vh }
.the-timeline { background:url('img/timeline-line.gif') 19px center repeat-y, url('img/timeline-circle.png') left bottom no-repeat ; overflow:hidden }
		.the-timeline .timeline-entry { padding:3vh 0 0 0 }
		.the-timeline .timeline-entry:first-child { padding:0 0 5vh 0 }
			.the-timeline .timeline-entry .date {  }
				.the-timeline .timeline-entry .date span { background:#FFF url('img/timeline-circle.png') right center no-repeat ; display:inline-block ; font-size:1.5rem ; line-height:38px ; padding-right:74px  }
			.the-timeline .timeline-entry .desc { padding:48px }

@media screen and (min-width:601px) {
.the-timeline { background:url('img/timeline-line.gif') center center repeat-y, url('img/timeline-circle.png') center bottom no-repeat, url('img/timeline-circle.png') center top no-repeat }
	.the-timeline > .inner { padding:15vh 0 10vh 0 }
		.the-timeline .timeline-entry { padding:15vh 0 0 0 }
		.the-timeline .timeline-entry:nth-of-type(odd) { float:right ; width:50% }
			.the-timeline .timeline-entry .date { background:url('img/timeline-line.gif') center center repeat-x }
			section.timeline.center .the-timeline .timeline-entry:nth-of-type(odd) .date { text-align:right }
				.the-timeline .timeline-entry:nth-of-type(odd) .date span { background:#FFF url('img/timeline-circle.png') left center no-repeat ; padding-left:74px ; padding-right:0 }
		.the-timeline .timeline-entry:nth-of-type(even) { float:left ; width:50% }
}
@media screen and (max-width:600px) {
.the-timeline { padding:0 0 5vh 0 }
				.the-timeline .timeline-entry .date span { background:#FFF url('img/timeline-circle.png') left center no-repeat ; padding-left:74px ; padding-right:0 }
}

/* SECTION: columns */
div.col { overflow:hidden }

@media screen and (min-width:1251px) {
div.col.loadlast { opacity:0 }
}

@supports (-webkit-overflow-scrolling: touch) {
div.col.loadlast { opacity:1 }
}

/* SECTION: 2 columns */
section.cols2 .cols.top > div { vertical-align:top }
section.cols2 .cols.middle > div { vertical-align:middle }
section.cols2 .cols.bottom > div { vertical-align:bottom }
	section.cols2 .hook-inner > h1, section.cols2 .hook-inner > h2 { padding-bottom:36px }
	section.cols2 .hook-inner > div.cols > div.col.bg { padding:0 96px}
		section.cols2 .hook-inner > div.cols > div.col > .inner { margin:auto }
	section.cols2.bg .hook-inner > div.cols > div.col { padding-bottom:36px }
		section.cols2 div.col.bg > .inner { padding:96px 0 }
	section > .hook-outer > .hook > .hook-inner > .cols > .col1 > .inner > *:first-child { padding-top:0 }

@media screen and (min-width:1251px) {
section.cols2 .hook-inner > div.cols:not(.break) { display:table ; width:100% }
	section.cols2 .hook-inner > div.cols:not(.break) > div.col1 { background-repeat:no-repeat ; padding-right:3.125vw }
	section.cols2 .hook-inner > div.cols:not(.break) > div.col2 { background-repeat:no-repeat ; padding-left:3.125vw }
	section.cols2 .hook-inner > div.cols:not(.break) > div.col { display:table-cell ; width:50% }
	section.cols2 .hook-inner > div.cols.split-12:not(.break) > div.col1 { width:34% }
	section.cols2 .hook-inner > div.cols.split-12:not(.break) > div.col2 { width:66% }
	section.cols2 .hook-inner > div.cols.split-21:not(.break) > div.col1 { width:66% }
	section.cols2 .hook-inner > div.cols.split-21:not(.break) > div.col2 { width:34% }
	section > .hook-outer > .hook > .hook-inner > .cols > .col2:not(.break) > .inner > *:first-child { padding-top:0 } /* section:not(bg) > .hook-outer > .hook > .hook-inner > .cols > .col > *:first-child,  */
} /* also removed: .nohead from 'section' */



/* SECTION: 3 columns */
@media screen and (min-width:1251px) {
	section.cols3 .hook-inner > div.cols > div.col1 { padding-right:80px }
	section.cols3 .hook-inner > div.cols > div.col2 { padding-left:40px ; padding-right:40px }
	section.cols3 .hook-inner > div.cols > div.col3 { padding-left:80px }
section.cols3 .hook-inner > div.cols { display:table ; width:100% }
	section.cols3 .hook-inner > div.cols > div.col { display:table-cell ; vertical-align:top ; width:33.3333% }
}
@media screen and (min-width:641px) and (max-width:1250px) {
	section.cols3 .hook-inner > div.cols > div.col1 { float:left ; width:calc(50% - 40px) }
	section.cols3 .hook-inner > div.cols > div.col2 { float:right ; width:calc(50% - 40px) }
	section.cols3 .hook-inner > div.cols > div.col3 { clear:both ; padding-top:80px ; width:calc(50% - 40px) }
}
@media screen and (max-width:640px) {
	section.cols3 .hook-inner > div.cols > div.col { margin:40px auto }
}

/* SECTION: 3 columns w/background(s) */
	section.cols3_bg .cols { display:block ; flex-direction:row ; justify-content:space-between }
	section.cols3_bg .cols .col { display:flex ; flex-direction:column }
	section.cols3_bg > .hook-outer > .hook > .hook-inner > .cols > .col > .inner > *:first-child { padding-top:0 }

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

footer {  }
footer.fixed { bottom:0 ; left:0 ; position:absolute ; right:0 }
	footer .footercta { background:#0B3C2C ; color:#FFF ; padding:90px 36px ; text-align:center }
		footer .footercta .callout { font-family:'Canela Web',serif ; font-size:3rem ; padding-bottom:36px }
		footer .footercta a strong em { border:2px solid #FFF ; box-shadow:3px 3px 0 #FFF ; color:#FFF ; display:inline-block ; font-family:'Titling Gothic FB Wd Reg',sans-serif ; font-size:.55rem ; font-style:normal ; font-weight:500 ; left:0 ; letter-spacing:.1em ; padding:18px 0 ; position:relative ; text-decoration:none ; text-transform:uppercase ; top:0 ; transition:all 100ms linear ; width:200px }
		footer .footercta a:hover strong em { box-shadow:5px 5px 0 #FFF ; left:-3px ; top:-3px }
	footer .middle { background:#000 ; height:170px ; position:relative }
		footer .middle a.logo { display:block ; font-size:0 ; left:120px ; position:absolute ; text-decoration:none ; top:68px ; width:180px }
			footer .middle a.logo img { filter:brightness(0) invert(1) ; height:100% ; width:100% }
		footer .middle .top { background:url('img/box-up.svg') center bottom 0 no-repeat ; background-size:100% auto ; display:block ; filter:brightness(0) invert(1) ; font-size:0 ; height:82px ; position:absolute ; right:120px ; top:44px ; text-decoration:none ; transition:background-position 250ms ease ; width:64px }
			footer .middle .top span { background:url('img/arrow-up.svg') center top 16px no-repeat ; background-size:66px auto ; display:block ; height:82px ; text-decoration:none ; transition:background-position 250ms ease ; width:64px }
		footer .middle .top:hover { background-position: center bottom 5px }
			footer .middle .top:hover span { background-position: center top -18px }
	footer .bottom { background:#000 ; color:#FFF ; font-size:.8rem ; overflow:hidden ; padding:24px 120px 36px 120px }
			footer .copyright { font-size:.65rem ; letter-spacing:.05em  }
			footer .bottom a { color:#FFF ; font-family:'Titling Gothic FB Wd Reg',sans-serif ; font-size:.55rem ; font-weight:normal ; letter-spacing:.1em ; padding-bottom:10px ; position:relative ; text-decoration:none ; text-transform:uppercase }
				footer .bottom a span { display:block }

@media screen and (max-width:1250px) {
		footer .middle a.logo { left:60px }
		footer .middle .top { right:60px }
	footer .bottom { padding:24px 60px 36px 60px }
}
@media screen and (max-width:780px) {
		footer .middle a.logo { left:30px ; top:48px }
		footer .middle .top { right:30px ; top:32px }
	footer .bottom { padding:24px 30px 36px 30px }
}
@media screen and (min-width:781px) {
		footer .bottom > .inner { display:table ; width:100% }
			footer .social { display:table-cell ; overflow:hidden ; padding-left:30px ; text-align:right ; vertical-align:top ; width:60% }
				footer .social a { display:inline-block ; margin-left:5vw }
				footer .social a:first-child { margin-left:0 }
			footer .copyright { display:table-cell ; padding-right:30px ; vertical-align:top ; width:40% }
					footer .bottom a span:after { border-bottom:2px solid #FFF ; content:'' ; display:block ; left:auto ; margin-top:20px ; position:absolute ; right:0 ; top:0 ; transition:width 500ms ease ; width:0 }
					footer .bottom a span:hover:after { display:block ; left:0 ; right:auto ; width:100% }
}
@media screen and (max-width:780px) {
	footer .middle { height:80px }
	footer .bottom { padding:24px 36px 36px 36px }
			footer .bottom a { color:#FFF ; display:block ; margin-bottom:0 ; padding-bottom:20px ; text-decoration:none }
			footer .social { padding-top:1.5em }
			footer .copyright { padding:1.5em 78px 0 0 }
}

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

/* ANIMATED LETTERS **********************/
.animatext { font-weight:100 ; opacity:0 }
.animatext .letter { display:inline-block ; line-height: 1em }

/* ACCORDION *****************************/
.accordion { border-top:2px solid #1A1818 }
.accordion:first-of-type { margin-top:72px }
.accordion:last-of-type { border-bottom:2px solid #1A1818 }
	.accordion .accordion-q { cursor:pointer ; font-family:'Titling Gothic FB Wd Reg',sans-serif ; font-size:.55rem ; font-weight:500 ; letter-spacing:.1em ; line-height:24px ; text-transform:uppercase }
		.accordion .accordion-q > span { display:block ; padding:18px 0 }
		.accordion .accordion-q .icon { float:right ; font-family:arial,helvetica,sans-serif ; height:16px ; margin-top:4px ; position:relative ; width:16px }
			.accordion .accordion-q .icon .line1 { background:#000 ; height:16px ; left:50% ; margin-left:-1px ; position:absolute ; width:2px }
			.accordion .accordion-q .icon .line2 { background:#000 ; height:2px ; margin-top:-1px ; position:absolute ; top:50% ; width:16px }
	.accordion .accordion-a { display:none ; font-size:.8rem ; line-height:2em ; padding-bottom:24px }

@media screen and (max-width:1250px) {
.accordion:first-of-type { margin-top:48px }
}
@media screen and (max-width:640px) {
.accordion:first-of-type { margin-top:36px }
}

/* CHROME ********************************/
.chrome { background-position:center top ; background-repeat:no-repeat ; background-size:100% 100% ; display:block ; font-size:0 ; height:auto ; position:relative ; width:100% }
.chrome.top { border-width:2px 2px 0 2px }
.chrome.bottom { border-width:0 2px 2px 2px }
	.chrome img { height:100% ; left:0 ; position:absolute ; top:0 ; width:100% }
.chrome ~ p { font-size:0 ; padding-top:0 }
.chrome.nopic { background:#FFF ; border-style:solid ; border-color:#0B0B0B ; border-width:2px 2px 0 2px ; display:table ; vertical-align:middle ; width:calc(100% - 4px) }
.chrome.bottom.nopic { border-width:0 2px 2px 2px }
.chrome.nopic.dark { background:#000 }
	.chrome.nopic > .inner { display:table-cell ; padding-left:24px ; vertical-align:middle }
		.chrome.nopic span { border-radius:50% ; display:inline-block ; height:9px ; margin-right:8px ; width:9px }
		.chrome.nopic span:nth-of-type(1) { background:#FD5858 ; border:1px solid #DF3B3F }
		.chrome.nopic span:nth-of-type(2) { background:#FEBE30 ; border:1px solid #DFA21C }
		.chrome.nopic span:nth-of-type(3) { background:#36CD40 ; border:1px solid #2BB029 }

@media screen and (max-width:920px) {
.chrome.nopic { border-width:1px 1px 0 1px ; width:calc(100% - 2px) }
.chrome.bottom.nopic { border-width:0 1px 1px 1px }
	.chrome.nopic > .inner { padding-left:12px }
		.chrome.nopic span { height:4px ; margin-right:5px ; width:4px }
}

/* GRAVITY FORMS  ********************************/

/* height:142px ; left:50% ; margin:-71px 0 0 -71px ; position:absolute ; top:50% ; width:142px; */

.gfield_description { font-size:.65rem }
.validation_error, .gform_confirmation_message { font-size:.8rem }
.gfield_error .validation_message { display:none !important }
	.gfield_error input, .gfield_error textarea { background:rgba(239,68,35,.15) !important }
	.gfield_error input::placeholder, .gfield_error textarea::placeholder { color:#E92A17 }
.gform_footer { padding-top:12px }

section .gform_wrapper ul { margin-left:0 ; padding-top:0 }
	section .gform_wrapper li { border-bottom:2px solid #1A1818 ; display:table ; line-height:normal ; list-style:none ; margin-left:0 ; padding-bottom:6px ; vertical-align:bottom ; width:100% }
		/* section .gform_wrapper li > label { display:table-cell ; font-family:'Titling Gothic FB Wd Med',sans-serif ; font-size:.6rem ; font-weight:500 ; line-height:1em ; text-transform:uppercase ; vertical-align:bottom ; width:100px } */
		section .gform_wrapper li > label { display:none }
		section .gform_wrapper li > div { display:table-cell ; vertical-align:bottom }

.gform_body input, .gform_body select, .gform_body textarea { background:#FFF ; border:none ; font-family:'Titling Gothic FB Wd Reg',sans-serif ; font-size:.55rem ; font-weight:500 ; letter-spacing:.1em ; padding:12px 0 ; width:100% }
.gform_body textarea { height:90px }
.gform_body ::placeholder { color:#000 ; opacity:1 }
.gform_body :-ms-input-placeholder { color:#000 ; opacity:1 }
.gform_body ::-ms-input-placeholder { color:#000 ; opacity:1 }
.gform_body :focus::placeholder { opacity:0 }
.gform_body :focus:-ms-input-placeholder { opacity:0 }
.gform_body :focus::-ms-input-placeholder { opacity:0 }
.gform_body ul li:last-child { height:0 ; position:absolute ; visibility:hidden }
input[type="checkbox"], input[type="radio"] { width:auto }
.gform_footer { padding:36px 6px 6px 6px ; text-align:right }
section .gform_wrapper input[type="submit"] { background:#FFF url('img/button-arrow.svg') right 40px top 18px no-repeat ; background-size:30px 12px; border:2px solid #000 ; border-radius:0 ; box-shadow:3px 3px 0 #000 ; color:#000 ; display:inline-block ; font-family:'Titling Gothic FB Wd Reg',sans-serif ; font-size:.55rem ; font-weight:500 ; left:0 ; letter-spacing:.1em ; padding:18px 36px 18px 0 ; position:relative ; text-decoration:none ; text-transform:uppercase ; top:0 ; transition:all 100ms linear ; width:200px }
section .gform_wrapper input[type="submit"]:hover { box-shadow:4px 4px 0 #000 ; left:-3px ; top:-3px }

@media screen and (max-width:480px) {
		section .gform_wrapper li > label { width:70px }
}

/* MAPS  *****************************************/
.wpgmza_map { overflow:hidden ; margin-top:36px }
.section1 .hook-inner > a ~ .wpgmza_map { margin-top:0 }

/* NUMBERED ITEMS ********************************/
.numbered { overflow:hidden }
	.numbered .number { float:left ; font-family:'Titling Gothic FB Wd Reg',sans-serif ; font-size:.55rem ; font-weight:500 ; letter-spacing:.1em ; margin:0 8px 0 0 ; position:relative ; top:4px ; vertical-align:top }
	.numbered .item { margin-left:30px }
		section .numbered .item > *:first-child { padding-top:0 }
		section .numbered .item > p { padding-top:18px }
		section .numbered .item > h1:first-child, section .numbered .item > h2:first-child, section .numbered .item > h3:first-child { line-height:1em }

@media screen and (max-width:1250px) {
	.col2 .numbered { padding-top:36px }
}

/* SLIDER ****************************************/
/* .metaslider .theme-default .nivo-directionNav a { background-image:url('img/slider-arrows.png') !important } */
.metaslider .theme-default .nivo-directionNav a { background-image:url('img/slider-arrows2.png') !important ; background-size:64px 12px !important ; width:40px !important }
.metaslider .theme-default a.nivo-nextNav { background-position:-24px 0 !important }

/* VIDEOS ****************************************/
.vjs-control-bar { display:none !important }
.video-js:first-child { padding-bottom:56.25% !important }

.vwrap-outer { margin:36px auto 0 auto }
.chrome ~ p .vwrap-outer, .hook-inner > p:first-child > .vwrap-outer:first-child { margin:auto }
	.vwrap-inner { font-size:.8rem ; height:0 ; padding-bottom:56.25% ; position:relative ; width:100% }
		.vwrap-inner iframe { bottom:0 ; height:100% ; left:0 ; position:absolute ; right:0 ; top:0 ; width:100% }

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



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

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