/*
Theme Name: The Deeper Story
Author: Big Fish Creative
Version: 9999
*/

/* ----------------------------------------------------------------
    RESET
-----------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, main,
footer, header, hgroup, menu, nav, section { display: block; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { line-height: 1; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
[hidden] { display: none; }
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
input[type="text"],
input[type="email"],
input[type="password"],
textarea { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }
input[type="submit"],
input[type="reset"] { -webkit-appearance: none; }
.input-block-level { display: block; width: 100% !important; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; *zoom:1;}
* html .clearfix { height: 1%;} /* Hides from IE-mac \*/
.clearfix { display: block;}
.clear { height: 0; background: transparent; width: 100% !important; clear: both; margin: 0 !important; }

/* ----------------------------------------------------------------
    STRUCTURE
-----------------------------------------------------------------*/

.container { margin: 0 auto; padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container-1200 { max-width: 1200px; }
.container-1020 { max-width: 1020px; }
.container-880 { max-width: 880px; }
.inset { padding: 6% 8%; }
.align-left { float: left; }
.align-right { float: right; }

.col-full { width: 100%; }
.col-half { width: 48%; }
.col-one-third { width: 30.63%; }
.col-two-third { width: 65.33%; }
.col-one-fourth { width: 22%; }
.col-three-fourth { width: 74%; }
.col-one-fifth { width: 16.8%; }
.col-two-fifth { width: 37.6%; }
.col-three-fifth { width: 58.4%; }
.col-four-fifth { width: 79.2%; }
.col-one-sixth { width: 13.33%; }
.col-five-sixth { width: 82.67%; }

.col-full, .col-half, .col-one-third, .col-two-third, .col-three-fourth, .col-one-fourth, .col-one-fifth, .col-two-fifth, .col-three-fifth, .col-four-fifth, .col-one-sixth, .col-five-sixth { display: block; position: relative; margin-right: 4%; margin-bottom: 50px; float: left; }

.col-full { clear: both; float: none; margin-right: 0; }
.col-last { margin-right: 0; clear: right; }

/* ----------------------------------------------------------------
    REPEATABLE PATTERNS
-----------------------------------------------------------------*/

::selection { background: #871C16; color: #fff; }
::-moz-selection { background: #871C16; /* Firefox */ color: #fff; }
::-webkit-selection { background: #871C16; /* Safari */ color: #fff; }

html { height: 100%; }
html, body { width: 100%; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { min-height: 100%; position: relative; }

/* TABLES */

table { border-left: 1px solid #040404; border-top: 1px solid #040404; width: 100%; margin-top: 30px; }
th, td {border-bottom: 1px solid #040404; border-right: 1px solid #040404; padding: 10px 15px; text-align: left; }
th { background: #f7941d; color: #fff; font-weight: bold; }

hr { width: 100%; clear: both; height: 1px; background: transparent; border: none; border-bottom: 1px dashed #c5c5c5; outline: none; margin: 20px 0; }

/* FORMS */

.input-wrapper { float: left; margin-bottom: 2%; }
.input-full { width: 100%; clear: both; }
.input-half { width: 49%; margin-right: 2%; }
.input-one-fourth { width: 23%; margin-right: 2%; }
.input-last { margin-right: 0; }

form { margin-bottom: 50px; }
form small { color: #000; }
label, .wpcf7-checkbox label span { display: inline-block; padding-bottom: 5px; color: #000; font-weight: 700; }
label span { color: #871C16; }
span.note { font-size: 16px; line-height: 20px; font-style: italic; display: block; margin-bottom: 10px; }
small span { color: #871C16; font-size: 18px; font-style: normal; }
input[type="text"], input[type="email"], input[type="password"], select, textarea { display: block; background: #f6f6f6; color: #000; padding: 10px 14px; border: 1px solid #bababa; outline: 0; font-family: 'Raleway', sans-serif; font-size: 18px; line-height: 24px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08); -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08); -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
input[type="text"], input[type="email"], input[type="password"], textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
textarea { height: 250px; }
input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, select:focus, textarea:focus { background-color: #e8f4ff; border-color: #263b4e; color: #263b4e; -webkit-box-shadow: 0 0 5px rgba(38, 59, 78, 1); -moz-box-shadow: 0 0 5px rgba(38, 59, 78, 1); box-shadow: 0 0 5px rgba(38, 59, 78, 1); }
input[type="submit"] { font-family: 'Raleway', sans-serif; background-color: #E3773A; color: #fff; font-size: 20px; line-height: 24px; font-weight: 700; letter-spacing: 1px; text-align: center; display: inline-block; position: relative; text-transform: uppercase; cursor: pointer; border: none; padding: 10px 30px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active { background-color: #871C16; }
#captcha { margin-bottom: 20px; }
span.wpcf7-list-item { margin-left: 0; }
div.wpcf7 img.ajax-loader { margin-left: 15px; }
div.wpcf7-response-output { margin: 2em 0 1em 0 !important; padding: 12px 15px !important; border: none; }
div.wpcf7-validation-errors { border-left: 5px solid #e90e0e; background-color: #ffe7e7 !important; color: #e90e0e !important; }
span.wpcf7-not-valid-tip { font-size: 14px !important; font-style: italic; width: auto !important; padding: 3px 8px; color: red !important; text-shadow: none; font-weight: 400; }
div.wpcf7-mail-sent-ok { display: none !important; }
#wpcf7-f14-o1 div.wpcf7-mail-sent-ok { display: none !important; }

/* LISTS */

ul, ol, dl { margin: 0 0 30px 35px; }
ul { list-style: disc; }
ol { list-style: decimal; }
ul li, ol li { margin-bottom: 8px; }
.list-reset { margin: 0; padding: 0; list-style: none; }

/* IMAGES */

img { max-width: 100%; height: auto; }
.rounded { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.cover { background-repeat: no-repeat; background-position: 50% 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-backface-visibility: hidden; overflow: hidden; }
.full-width-image { width: 100%; }
.alignleft,
.alignright,
.aligncenter,
.alignnone { margin-bottom: 15px; }
.alignleft,
.alignright { display: inline; }
.alignleft { margin-right: 25px; float: left; }
.alignright { margin-left: 25px; float: right; }
p img,
.wp-caption { margin-top: 5px; }
.wp-caption { margin-bottom: 15px; }
.alignleft,
.alignright,
.aligncenter,
.alignnone,
.wp-caption { border: none; background: transparent; padding: 0; width: auto !important; }
.wp-caption img { display: block; line-height: 0; width: 100%; }
.wp-caption-text { font-family: 'Raleway', sans-serif; background: #dcdcdc; font-size: 13px; line-height: 18px; padding: 10px; margin: 0; }
.wp-caption.alignleft .wp-caption-text, .wp-caption.alignright .wp-caption-text { max-width: 430px; }

/* BUTTONS */

.btn { font-family: 'Raleway', sans-serif; background-color: #E3773A; color: #fff; font-size: 20px; line-height: 24px; font-weight: 700; letter-spacing: 1px; text-align: center; display: inline-block; position: relative; text-transform: uppercase; cursor: pointer; border: none; padding: 10px 30px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.btn.btn-deeper:after { content: ""; position: absolute; border-top: 18px solid #E3773A; border-left: 18px solid transparent; border-right: 18px solid transparent; bottom: -16px; left: 50%; margin-left: -18px; -webkit-transition: border 0.15s ease-in-out; -moz-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }
.btn.btn-wire { border: 3px solid #fff; background-color: transparent; }
.btn.toggle { margin-bottom: 40px; background-color: #871C16; }
.btn:hover, .btn:focus, .btn:active { background-color: #E4963E; color: #fff; }
.btn.btn-deeper:hover, .btn.btn-deeper:focus, .btn.btn-deeper:active { background-color: #871C16; }
.btn.btn-wire:hover { background-color: #871C16; border-color: #871C16; }
.btn.btn-deeper:hover:after, .btn.btn-deeper:focus:after, .btn.btn-deeper:active:after { border-top-color: #871C16; }
.btn.btn-deeper:active { bottom: -2px; }

/* PAGE SECTIONS */

.page-section { width: 100%; overflow: hidden; clear: both; padding: 60px 0; }
.next-section { clear: both; padding: 20px 30px 0 30px; }
.bg-fill { background-color: #fff; color: #000; }
.wave { background-color: #263b4e; background-color: rgba(38,59,78,0.85); position: relative; padding: 60px 0; }
.wave:before { content: ""; background: transparent url("gfx/bg-wave.png") repeat-x left top; position: absolute; left: 0; top: -8px; height: 8px; width: 100%; }

/* MODALS */

.modal-dialog { width: 500px; overflow: hidden; }
.modal-open { overflow: hidden; }
.modal { display: none; overflow: hidden;  position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10050; -webkit-overflow-scrolling: touch; outline: 0; background: rgba(0,0,0,0.6); }
.modal.fade .modal-dialog { -webkit-transform: translate3d(0, -25%, 0); -moz-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.modal.in .modal-dialog { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog { position: relative; margin: 2% auto 0 auto; text-align: left; }
.modal-content { position: relative; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; background-color: #fff; }
.modal-content .close { position: absolute; top: 15px; right: 15px; outline: none; display: block; width: 30px; height: 30px; border: none; cursor: pointer; background-color: transparent; }
.modal-content .close span { display: block; padding: 0; position: absolute; top: 0; left: 0; }
.modal-content .close i {  width: 30px; height: 30px; color: #fff; font-size: 22px; line-height: 28px; background-color: #263b4e; }
.modal-content .close:hover i { background-color: #871C16; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #404041; }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in { opacity: 0.6; filter: alpha(opacity=60); }
.modal-header, .modal-footer { min-height: 20px; padding: 25px 30px 0 30px; position: relative; }
.modal-header h3 { width: 90%; margin-bottom: 0; color: #2A3E50; }
.modal-title { margin: 0; line-height: 1.42857143; }
.modal-body { position: relative; padding: 25px 30px; overflow: hidden; font-size: 16px; line-height: 26px; }
.modal-body div { margin-bottom: 20px; }
.modal-footer { display: none; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

.hidden { display: none; }

/* ----------------------------------------------------------------
    TYPOGRAPHY
-----------------------------------------------------------------*/

body { font-family: 'Raleway', sans-serif; font-size: 20px; line-height: 30px; color: #fff; }

p, blockquote, table, fieldset { margin-bottom: 20px; }

strong { font-weight: 700; }
em, i { font-style: italic; }
small { font-size: 13px; font-style: italic; }
caption { text-align: left; }

.kicker { color: #871C16; font-size: 28px; line-height: 38px; }
.success { background: #f1ffeb; color: #398F14; border-left: 5px solid #398F14; padding: 20px; font-weight: 700; }
.success p { margin-bottom: 0; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; position: absolute !important; }

.centered { text-align: center;}
.upper { text-transform: uppercase; }

/* HEADINGS */

h1, h2, h3, h4, h5, h6 { color: #fff; margin-bottom: 20px; font-weight: 700; }
h1 { font-size: 54px; line-height: 58px; margin-bottom: 30px; }
h1#page-title { color: #f36f21; }
h2 { font-size: 50px; line-height: 54px; margin-bottom: 30px; }
h3 { font-size: 28px; line-height: 34px; }
h4 { font-size: 26px; line-height: 30px; }
h5 { font-size: 20px; line-height: 24px; }
h6 { font-size: 18px; line-height: 22px; }

/* LINKS */

a { text-decoration: none; color: #E3773A; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
a:hover, a:active { color: #E4963E; }
a.more { display: inline-block; border-bottom: 2px solid #F37022; font-weight: 700; }
a.more:hover, a.more:focus, a.more:active { border-color: transparent; }

/* ----------------------------------------------------------------
    HEADER
-----------------------------------------------------------------*/

#hero-header { position: relative; z-index: 1; }
	
	#crawler { background-color: #304b61; color: #fff; font-size: 14px; width: 100%; height: 39px; overflow: hidden; }
	#crawler span { position: absolute; top: 0; left: 0; padding: 0 20px; line-height: 39px; display: inline-block; text-transform: uppercase; font-weight: bold; z-index: 10; background-color: #E4963E; }
	#crawler-wrap { height: 39px !important; }
	#crawler-wrap div { line-height: 36px; }
	
	/* HEADER VIDEO */
	
	#hero-video { line-height: 0; background-color: #072F39; }
	#hero-video video { margin: 0 auto; padding: 0; width: 100%; }
	
	/* HEADER IMAGE */
	
	#hero-image { position: relative; }
	.header-image { width: 100%; }
		
		/* LOGO */
		
		#logo { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; }
		#logo img { padding-top: 12%; }

	/* MAIN NAV */
	
	#responsive-nav { display: none; }
	#main-nav { position: absolute; top: 10px; right: 20px; z-index: 100; }
	#menu-main-navigation { zoom: 1; list-style: none; padding: 0; margin: 0; text-align: center; }
	#menu-main-navigation > li { display: inline-block; margin-bottom: 0; position: relative; }
	#menu-main-navigation > li > a { display: inline-block; position: relative; color: #fff; padding: 25px; font-size: 18px; line-height: 24px; font-weight: 700; text-shadow: 2px 2px 3px rgba(0,0,0,0.4); letter-spacing: 1px; }
	#menu-main-navigation a:hover, #menu-main-navigation a:focus, #menu-main-navigation a:active,
	#menu-main-navigation > li.current-menu-item > a { color: #E4963E; }
		
/* ----------------------------------------------------------------
    MAIN CONTENT
-----------------------------------------------------------------*/

#main-content { position: relative; z-index: 1; background-color: transparent; }
	
	#content { background-color: #fff; overflow: hidden; color: #000; }
	#content h2 { color: #871C16; font-size: 40px; line-height: 44px; position: relative; padding-top: 50px; }
	#content h2:before { content: ""; position: absolute; top: 15px; left: 0; width: 70px; height: 4px; background-color: #871C16; }
	#content h3, #content h4 { color: #000; }
	
	/* INTRODUCTION */
	
	#introduction { background-color: #000; background-repeat: no-repeat; background-position: center top; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; padding-top: 18%; padding-bottom: 80px; }
	#introduction-promos { position: absolute; top: -500px; left: 0; width: 100%; }
	#introduction-promos .kicker { color: #fff; margin-bottom: 30px; padding: 0 4%; text-shadow: 4px 4px 5px rgba(0,0,0,0.4); letter-spacing: 1px; font-size: 32px; line-height: 38px; font-weight: 700; }
	.promo-wrapper { max-width: 1200px; }
	.introduction-promo { color: #000; background-color: #fff; background-color: rgba(255,255,255,0.9); }
	.introduction-promo div { padding: 30px 30px 5px 30px; }
	.introduction-promo h3 { margin-bottom: 10px; }
	.introduction-promo p { margin-bottom: 0; font-size: 19px; line-height: 27px; }
	.introduction-promo .btn { bottom: -20px; display: block; padding: 15px 30px; } 
	.introduction-promo .btn:active { bottom: -22px; }
	
	#ceo-video { display: inline-block; margin-bottom: 50px; text-transform: uppercase; font-weight: 600; color: #fff; }
	#ceo-video i { font-size: 100px; color: #E4963E; -webkit-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; }
	#ceo-video:hover i { color: #E3773A; }
	
	#promo-full-story h3 { color: #E4963E; }
	#promo-full-story .btn.btn-deeper { background-color: #E4963E; }
	#promo-full-story .btn.btn-deeper:after { border-top-color: #E4963E; }
	#promo-full-story .btn.btn-deeper:hover { background-color: #871C16; }
	#promo-full-story .btn.btn-deeper:hover:after { border-top-color: #871C16; }
	#promo-go-deep h3 { color: #E3773A; }
	
	#introduction-content { margin-bottom: 50px; }
	#introduction-title { padding-top: 70px; }
	
	/* OVERVIEW */
	
	#overview { background-color: #304b61; position: relative; overflow: visible; -webkit-box-shadow: 0px -10px 50px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px -10px 50px 0px rgba(0,0,0,0.5); box-shadow: 0px -10px 50px 0px rgba(0,0,0,0.5); padding-top: 0; z-index: 10; border-bottom: 6px solid #3a5a75; top: -10px; }
	#overview:before { content: ""; background: transparent url("gfx/bg-wave-overview.png") repeat-x left top; position: absolute; left: 0; top: -7px; height: 7px; width: 100%; }
	#overview .container-1200 { position: relative; }
	
	#overview-content { padding-top: 80px; }
	#overview-content .col-half { width: 46.5%; margin-right: 7%; margin-bottom: 15px; }
	#overview-content .col-half.col-last { margin-right: 0; }
	
	#ship-graphic { margin: 30px 0 40px 0; }
	#ship-graphic img { display: block; line-height: 0; }
	#ship-graphic video { width: 100%; height: auto; }
	#ship-content { background-color: #6C6E73; overflow: hidden; padding: 0 15px; margin-top: -30px; }
	#ship-content h5 { margin-bottom: 8px; font-size: 20px; }
	#ship-content h5 span { display: none; }  
	#ship-content p { padding: 0 10px; font-size: 18px; }
	#ship-content span { background-color: #930609; display: inline-block; margin-bottom: 20px; padding: 12px 20px; font-weight: 700; font-size: 28px; }
	
	/* PROPOSAL */
	
	#proposal .container-880 { margin-bottom: 60px; }
	#proposal .next-section h3:last-of-type { color: #000; }
	
	#proposal-tabs { margin-bottom: 30px; }
	#proposal-tabs #tabs-wrapper { background-color: #304b61; z-index: 10; }
	#proposal-tabs ul { width: 70%; margin: 0 auto; -webkit-box-shadow: 0px 5px 20px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 20px -5px rgba(0,0,0,0.75); box-shadow: 0px 5px 20px -5px rgba(0,0,0,0.75); position: relative; z-index: 10; background-color: #304b61; }
	#proposal-tabs li { position: relative; margin: 0; float: left; width: 33.24%; color: #fff; text-align: center; }
	#proposal-tabs #tab-1, #proposal-tabs #tab-2 { border-right: 1px solid #fff; }
	#proposal-tabs li.ui-state-active:after { content: ""; font-size: 0px; line-height: 0; width: 0px; border-top: 15px solid #1e3548; border-left: 18px solid transparent; border-right: 18px solid transparent; position: absolute; bottom: -15px; left: 50%; margin-left: -18px; }
	#proposal-tabs li a { display: block; background-color: #304b61; color: #fff; padding: 20px 15px; }
	#proposal-tabs .tab-title { display: block; font-weight: 700; line-height: 0.9; margin-bottom: 10px; }
	#proposal-tabs .tab-number { background-color: #f1921d; display: inline-block; width: 30px; height: 30px; color: #304b61; line-height: 28px; margin-right: 5px; }
	#proposal-tabs ul em { font-weight: 500; text-align: center; font-size: 14px; line-height: 18px; display: block; margin-top: 5px; }
	#proposal-tabs li a:hover, #proposal-tabs li a:focus, #proposal-tabs li a:active, #proposal-tabs li.ui-state-active a { background: #1e3548; }
	#proposal-tabs div { clear: both; position: relative; z-index: 1; line-height: 0; background-color: #fafafa; }
	#proposal-tabs video, #proposal-tabs video[poster] { width: 70%; height: auto; }

	/* ECONOMY */
	#economy { background-color: #263b4e; background-repeat: no-repeat; background-position: center top;  -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; padding-top: 25%; border-bottom: 6px solid #2a4054; }
	#economy .col-half { width: 46.5%; margin-right: 7%; margin-bottom: 20px; }
	#economy .col-half.col-last { margin-right: 0; }
	
	/* ENVIRONMENT */
	
	#environment { background-color: #000000; background-repeat: no-repeat; background-position: center top; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; padding-top: 32%; border-bottom: 6px solid #2b2b2b; }
	#environment h2 { margin-bottom: 150px; }
	#environment .container { margin-bottom: 50px; }
	
	/* SAFETY */
	
	#safety { background-color: #000000; background-repeat: no-repeat; background-position: center top; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; padding-top: 40%; position: relative; }
	#safety h2 { position: absolute; top: 28%; width: 92%; padding: 0 4%; }
	
	/* REPORTS */
	
	#key-considerations { background: #273e51 url("gfx/bg-reports.jpg") no-repeat center top; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; border-top: 6px solid #2a4054; border-bottom: 6px solid #334f68; }
	#key-consideration-list { padding-top: 20px; margin-bottom: 40px; }
	#key-consideration-list li { position: relative; margin-bottom: 25px; background-color: #000; }
	#key-consideration-list a { color: #fff; }
	#key-consideration-list img { line-height: 0; display: block; opacity: 0.4; -webkit-transition: opacity 0.15s ease-in-out; -moz-transition: opacity 0.15s ease-in-out; -o-transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out; }
	#key-consideration-list a:hover strong { color: #F37022; }
	#key-consideration-list a:hover img { opacity: 0.2; }
	.key-consideration { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.key-consideration-overlay { padding: 20px 22px 0 22px; }
	.key-consideration-overlay h3 { margin-bottom: 10px; }
	.key-consideration-overlay p { margin-bottom: 10px; font-size: 15px; line-height: 24px; }
	
	#document-links { width: 100%; clear: both; overflow: hidden; display: none; }
	#document-links div { margin-bottom: 20px; }
	#document-links h3 i { font-size: 20px; position: relative; top: -3px; margin-right: 5px; }
	#document-links h5 { color: #E4963E; margin-bottom: 15px; }
	#document-links ul { margin-bottom: 20px; }
	#document-links li { position: relative; }
	#document-links li:before { content: "\f019"; font-family: FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: -4px; left: 0; }
	#document-links a { font-size: 16px; line-height: 20px; display: inline-block; color: #fff; padding-left: 30px; }
	#document-links a em { font-size: 12px; }
	#document-links a:hover { color: #F37022; }
	 
	#downloads { margin-bottom: 60px; }
	
	/* RESOURCE CONSENTS */
	
	.bg-white { background-color: #fff; color: #000; }
	.bg-white h2 { color: #E3773A; }
	.bg-white h3 { color: #871C16; }
	
	#resource-consent-content a { border-bottom: 2px solid #E3773A; }
	#resource-consent-content a:hover { border-color: transparent; }
	
	#consent-tabs { margin-bottom: 40px; }
	#consent-tab-list { position: relative; z-index: 5; }
	#consent-tab-list li { float: left; margin: 0 10px 0 0; }
	#consent-tab-list li:last-child { margin-right: 0; }
	#consent-tab-list li a { display: block; text-align: center; padding: 12px 25px; font-weight: 700; border: 1px solid #bababa; background-color: #eee; color: #333; }
	#consent-tab-list li a:before { content: "\f18e"; font-family: FontAwesome; padding-right: 5px; }
	#consent-tab-list li a:focus,
	#consent-tab-list li a:hover,
	#consent-tab-list li.ui-tabs-active a { border-left: 1px solid #bababa; border-right: 1px solid #bababa; border-bottom-color: #fff; background-color: #fff; color: #E3773A; position: relative; outline: none; }
	#consent-tab-list li a:focus:before,
	#consent-tab-list li.ui-tabs-active a:before { content: "\f01a"; }
	#consent-tab-list li a:focus:after,
	#consent-tab-list li a:hover:after,
	#consent-tab-list li.ui-tabs-active a:after { content: ""; position: absolute; top: -4px; left: -1px; width: 100%; height: 4px; background-color: #E3773A; border-left: 1px solid #E3773A; border-right: 1px solid #E3773A; }
	#consent-tabs .ui-tabs-panel { padding: 35px 25px 20px 30px; border: 1px solid #bababa; position: relative; top: -1px; z-index: 1; }
	
	#consent-downloads { padding-top: 30px; }
	
	/* FEEDBACK */
	
	#feedback { background-color: #F37022; }
	#feedback h3 { font-size: 40px; line-height: 44px; }
	#feedback h4 { color: #273e51; }
	#feedback p { color: #000; }
	#feedback .btn { margin-top: 30px; }
	#feedback img { margin-bottom: 15px; }
	#feedback a { color: #871C16; border-bottom: 2px solid #871C16; }
	#feedback a:hover { border-color: transparent; }
	#feedback p:last-of-type { margin-bottom: 40px; }

	#expert-info ul { margin-bottom: 25px; }
	#expert-info li { padding-left: 0; margin-bottom: 5px; font-weight: 400; }
	#expert-info li strong { font-size: 17px; }
	#expert-info li:before { display: none; }
	#expert-info h5 { padding-left: 23px; position: relative; margin-bottom: 20px; }
	#expert-info h5:before { content: "\f073"; font-family: FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: -1px; left: 0; font-size: 16px; font-weight: 400; }
	
	.consultation-dates { padding: 30px; background-color: #fff; overflow: hidden; color: #000; margin-bottom: 65px; }
	.consultation-dates div { margin-bottom: 0; }
	.consultation-dates h4 { color: #871C16 !important; margin-bottom: 30px; }
	.consultation-dates h5 { margin-bottom: 10px; color: #F37022; }
	.consultation-dates p { font-size: 16px; line-height: 22px; margin-bottom: 10px; }
	.consultation-dates ul { margin-bottom: 20px; }
	.consultation-dates li { font-size: 15px; line-height: 21px; margin-bottom: 10px; font-weight: 600; position: relative; padding-left: 20px; }
	.consultation-dates li:before { content: "\f073"; font-family: FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: -1px; left: 0; font-size: 14px; font-weight: 400; }
	.consultation-dates li.location { font-weight: 400; }
	.consultation-dates em { font-size: 14px; display: block; }
	.consultation-dates em span { font-size: 22px; position: relative; top: 5px; margin-right: 4px; font-style: normal; font-weight: 700; }
	
	/* FAQS */
	
	#faqs { border: 1px solid #ffa067; margin-top: 30px; margin-bottom: 50px; overflow: hidden; }
	.ui-accordion h4.ui-accordion-header { margin-bottom: 0; background-color: #F37022; color: #fff !important; font-size: 20px; line-height: 26px; cursor: pointer; position: relative; padding: 15px 60px 12px 20px; zoom: 1; border-top: 1px solid #ffa067; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
	.ui-accordion h4#ui-id-1 { border-top: none; }
	.ui-accordion h4.ui-accordion-header:after { font-family: FontAwesome; display: inline-block; content: "\f055"; position: absolute; right: 20px; color: #fff; }
	.ui-accordion .ui-accordion-header-icon { position: absolute; left: 10px; top: 15px; width: 20px; height: 20px; }
	.ui-accordion h4.ui-accordion-header:hover, .ui-accordion h4.ui-accordion-header.ui-state-active { background-color: #ff9727; }
	.ui-accordion h4.ui-accordion-header.ui-state-active:after { content: "\f056"; }
	.ui-accordion .ui-accordion-content { padding: 20px 20px 20px; border-top: 1px solid #e4e4e4; overflow: auto; zoom: 1; height: auto; background-color: #fff; }
	.ui-accordion .ui-accordion-content ul { color: #000; }
	
	/* ----------------------------------------------------------------
	    SINGLE KEY CONSIDERATION
	-----------------------------------------------------------------*/
	
	.consideration-summary { margin-bottom: 40px; }
	
	/* UPDATES */
	
	.post-list { padding: 20px 0 10px 0; }
	.teaser { border: 1px solid #bababa; background-color: #fafafa; padding: 25px 30px 30px 30px; margin-bottom: 30px; }
	.teaser h3 { margin-bottom: 0; }
	.teaser h3 a { color: #263b4e; }
	.teaser p { margin-bottom: 10px; }
	.teaser p.post-meta { margin-bottom: 15px; font-size: 18px; font-weight: 700; }
	
	#post-navigation { width: 100%; clear: both; overflow: hidden; padding-top: 60px; }
	#post-navigation li { width: 50%; float: left; }
	#post-navigation li#next-post { text-align: right; }
	#post-navigation a { display: inline-block; }
	
	/* SUBSCRIBE */

	#subscribe { max-width: 500px; }
	#subscribe form { background-color: #263b4e; padding: 20px 30px; }
	#subscribe .es_lablebox { font-weight: 700; color: #fff; }
	#subscribe #es_msg_pg { display: none; }
	.es_shortcode_form_email { color: #fff; }
	.es_button input { font-family: 'Raleway', sans-serif; letter-spacing: 1px; width: auto; font-weight: 700; padding: 10px 30px; display: block; background-color: #E3773A; color: #fff; font-size: 20px; line-height: 24px; border: none; text-transform: uppercase;  -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; }
	.es_button input:hover, .es_button input:focus, .es_button input:active { background-color: #E4963E; cursor: pointer; }
	
	/* DOWNLOADS */
	
	#downloads li { margin-bottom: 15px; }
	#downloads a em { font-size: 16px; font-weight: 400; }
		
	/* ----------------------------------------------------------------
	    SIDE MENU
	-----------------------------------------------------------------*/
	
	#side-nav { position: fixed; right: 0; top: 300px; z-index: 1000; }
	#side-nav li { margin-bottom: 15px; min-width: 165px; }
	#side-nav a { background-color: #cccccc; color: #6C6E73; display: block; font-size: 14px; line-height: 20px; padding: 4px 8px; font-weight: 700; letter-spacing: 1px; }
	#side-nav a:hover, #side-nav a:focus, #side-nav a:active, #side-nav li.active a { color: #cccccc; background-color: transparent; margin-left: -10px; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); }
	
/* ----------------------------------------------------------------
    RIGHT SIDEBAR
-----------------------------------------------------------------*/
	
#sidebar-right-sticky-wrapper { width: 30.63%; float: right; }
#sidebar-right-sticky-wrapper.is-sticky #sidebar-right.col-one-third { width: 349px !important; }
#sidebar-right.col-one-third { width: 100%; }
	
	#subnav { text-align: right; padding-left: 50px; }
	#subnav h3 { color: #871C16; }
	#subnav li { margin-bottom: 10px; }
	#subnav a { font-weight: 700; padding: 12px 20px; display: block; background-color: #263b4e; color: #fff; }
	#subnav a:hover, #subnav a:focus, #subnav a:active, #subnav li.current-menu-item a { background-color: #E3773A; }
	
/* ----------------------------------------------------------------
    FOOTER
-----------------------------------------------------------------*/

#global-footer { bottom: 0; width: 100%; z-index: 100; color: #000; background-color: #FEF1E9; overflow: hidden; }
#global-footer ul { margin-left: 30px; }
	
	#footer-contact, #footer-nav { margin-top: 32px; }
	
	#footer-contact li { display: inline-block; margin-right: 15px; }
	#footer-contact i { color: #F37022; }
	#footer-contact a { color: #000; }
	
	#footer-nav li { display: inline-block; margin-right: 15px; }
	
	#footer-signup form { margin-bottom: 0; }
	#footer-signup .es_textbox,
	#footer-signup .es_button { float: left; }
	
	#footer-fb { margin: 26px 6% 0 0; background-color: #f36f21; color: #fff; width: 40px; height: 40px; display: block; text-align: center; line-height: 40px; }
	#footer-fb:hover { background-color: #f1921d; }
	
/* ----------------------------------------------------------------
    BACK TO TOP
-----------------------------------------------------------------*/

#back-to-top { display: none; z-index: 999; position: fixed; top: auto; left: auto; right: 30px; bottom: 30px; cursor: pointer; background-color: #871C16; color: #fff; display: inline-block; height: 40px; width: 40px; text-align: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#back-to-top span { position: absolute; left: -5000px; }
#back-to-top i { padding: 0; font-size: 32px; line-height: 38px; }
#back-to-top:hover, #back-to-top:focus, #back-to-top:active { background-color: #E49635; }