/* resets
--------------------------------------------------------------------------
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.lt-ie8 * { behavior: url(/ie/boxsizing.php); }

html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-y: scroll; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
.lt-ie8 audio, .lt-ie8 canvas, .lt-ie8 video { display: inline; zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }

svg:not(:root) { overflow: hidden; }

img, iframe { border: 0; vertical-align: middle; }
.lt-ie8 img { -ms-interpolation-mode: bicubic; }

strong { font-weight: bold; }
em { font-style: italic; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }

button, input, optgroup, select, textarea { margin: 0; font: inherit; line-height: normal; vertical-align: baseline; color: inherit; outline: 0; border-radius: 0; -webkit-font-smoothing: inherit; }
.lt-ie8 button, .lt-ie8 input, .lt-ie8 select, .lt-ie8 textarea { vertical-align: middle; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
legend { white-space: normal; }
.lt-ie8 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
input[type="checkbox"], input[type="radio"] { padding: 0; }
.lt-ie7 input[type="checkbox"], .lt-ie7 input[type="radio"] { height: 13px; width: 13px; }
.lt-ie8 input[type="checkbox"] { vertical-align: baseline; }
label, button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; }
.lt-ie8 button, .lt-ie8 input[type="button"], .lt-ie8 input[type="reset"], .lt-ie8 input[type="submit"] { overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
button { width: auto; overflow: visible; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input[type="search"] { -webkit-appearance: none; border-radius: 0; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { font-weight: normal; text-align: left; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ul, ol { list-style: none; }
li { display: list-item; }

a { color: #000; background: transparent; text-decoration: none; cursor: pointer; -webkit-transition: color .4s ease, border-color .4s ease; -moz-transition: color .4s ease, border-color .4s ease; -ms-transition: color .4s ease, border-color .4s ease; -o-transition: color .4s ease, border-color .4s ease; transition: color .4s ease, border-color .4s ease; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }

.hide { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* global
--------------------------------------------------------------------------
*/

html { height: 100%; }
html, body { -webkit-overflow-scrolling: touch; }
body { font: 62.5%/1 'Maison Neue Book', Calibri, Arial, Roboto, sans-serif; font-weight: 300; letter-spacing: .01em; background: #efece8; color: #333; text-align: center; }

::selection { background: rgba(13, 17, 51, 0.99); color: #fff; }
::-moz-selection { background: rgba(13, 17, 51, 0.99); color: #fff; }

/* header */

body > header { width: 100%; padding: 36px 0; background: #fff; position: fixed; top: 0; left: 0; z-index: 5; -webkit-transform: translate3d(0,0,0); }
body > header h1 { width: 220px; height: 26px; margin: 0 auto; position: relative; z-index: 2; }
body > header h1 a { display: inline-block; }
body > header h1 a span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
body > header h1 a svg + svg { display: none; }
body > header h1 a path,
body > header h1 a polygon { fill: #333; -webkit-transition: fill .4s ease; -moz-transition: fill .4s ease; -ms-transition: fill .4s ease; -o-transition: fill .4s ease; transition: fill .4s ease; }
body > header h1 a:hover path,
body > header h1 a:hover polygon { fill: #eb561b; }
body > header h1 img { width: 100%; height: 100%; }
body > header nav { width: 980px; height: 100%; position: absolute; top: 0; left: 50%; margin: 0 0 0 -490px; }
body > header nav li a { width: 105px; position: absolute; top: 50%; left: 0; margin-top: -1em; font-size: 1.8em; padding: .5em 0; color: #333; display: inline-block; }
body > header nav li + li a { left: auto; right: 0; }
body > header nav li a:hover { color: #eb561b; }

/* main content */

body > main { margin: 98px auto 0; padding: 9em 0; position: relative; z-index: 3; text-align: left; -webkit-transform: translate3d(0,0,0); -webkit-transition: height .4s ease; -moz-transition: height .4s ease; -ms-transition: height .4s ease; -o-transition: height .4s ease; transition: height .4s ease; }

body > main > h1 { max-width: 730px; margin: 0 auto; font-size: 4.8em; line-height: .833em; color: #eb561b; text-align: center; }

body > main > h2 { max-width: 940px; margin: 84px auto 0; font-size: 3.2em; line-height: 1.25em; color: #eb561b; text-align: center; }
body > main > h2 ~ h2 { padding: 76px 0 0; border-top: 1px solid #d7d6d5; }

body > main > nav { padding: 6.2em 0 0; text-align: center; }
body > main > nav li { display: inline-block; }
body > main > nav a { margin: 0 20px; min-width: 260px; font-family: 'Lora', serif; font-weight: 400; letter-spacing: .02em; font-size: 2em; color: #333; border-bottom: 1px solid #333; display: inline-block; padding: 1.1em 0; }
body > main > nav li.on a,
body > main > nav a:hover { color: #eb561b; border-bottom-color: #eb561b; }
body > main > nav #ajax { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; display: none; }

body > main > .intro { max-width: 730px; margin: 0 auto; padding: 8em 0 0; text-align: center; }
body > main > .intro p { font-size: 2.6em; line-height: 1.154em; }

body > main > .text { max-width: 730px; margin: 0 auto; padding: 7.8em 0 0; }
body > main > .text > div { max-width: 48.5%; padding: 0 10px 0 0; float: left; }
body > main > .text > div + div { padding: 0; float: right; }
body > main > .text h1,
body > main > .text h2,
body > main > .text h3 { margin: 1.750em 40px 0 0; font-size: 1.6em; line-height: 1.125em; color: #eb561b; letter-spacing: -.01em; }
body > main > .text h1:first-child,
body > main > .text h2:first-child,
body > main > .text h3:first-child { margin-top: 0; }
body > main > .text p { margin: 1.647em 0 0; font-family: 'Lora', serif; font-weight: 400; letter-spacing: .02em; font-size: 1.7em; line-height: 150%; }
body > main > .text p:first-child { margin-top: 0; }
body > main > .text ul { margin: 1.647em 40px 0 0; font-family: 'Lora', serif; font-weight: 400; letter-spacing: .02em; font-size: 1.5em; line-height: 150%; }
body > main > .text ul:first-child { margin-top: 0; }
body > main > .text ul li { padding-left: 2em; text-indent: .2em; }
body > main > .text ul li ~ li { margin: 12px 0 0; }
body > main > .text ul li:before { margin: 0 18px 0 -1.8em; content: "•"; color: #eb561b; }

body > main > p.image { margin: 7.8em 0 0; text-align: center; }

body > main > .links { max-width: 730px; margin: 84px auto 0; border-top: 1px solid #d7d6d5; }
body > main > .links > h2 { margin: 1.5em 0 0; font-size: 1.6em; line-height: 1.125em; color: #eb561b; letter-spacing: -.01em; float: left; }
body > main > .links > ul { max-width: 355px; float: right; }
body > main > .links > ul li ~ li { border-top: 1px solid #d7d6d5; }
body > main > .links > ul a { padding: 1.5em 0; font-size: 1.6em; line-height: 1.125em; letter-spacing: -.01em; display: block; }
body > main > .links > ul a:hover { color: #eb561b; }
body > main > .links > ul a span { font-family: 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif; left: 0; padding: .375em 0 0; position: relative; display: block; display: block; -webkit-transition: left .4s ease; -moz-transition: left .4s ease; -ms-transition: left .4s ease; -o-transition: left .4s ease; transition: left .4s ease; }
body > main > .links > ul a:hover span { left: 10px; }

body > main > .accordion { max-width: 730px; margin: 0 auto; padding: 8em 0 0; }
body > main > .accordion article { border-top: 1px solid #b8b6b4; }
body > main > .accordion article + article { border-top: 0; }
body > main > .accordion article h2 { padding: 25px 0 23px; font-size: 2.2em; line-height: 1.409em; letter-spacing: -.01em; border-bottom: 1px solid #b8b6b4; cursor: pointer; position: relative; -webkit-transition: color .4s ease; -moz-transition: color .4s ease; -ms-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; }
body > main > .accordion article h2:before,
body > main > .accordion article h2:after { width: 14px; height: 2px; display: block; background: #333; backface-visibility: hidden; right: 46px; top: 50%; margin: -1px 0 0; border-radius: 2px; content: " "; position: absolute; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
body > main > .accordion article h2:after { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
body > main > .accordion article h2:hover { color: #eb561b; }
body > main > .accordion article.open h2 { color: #eb561b; }
body > main > .accordion article.open h2:before { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
body > main > .accordion article.open h2:after { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

body > main > .accordion article .panel { max-height: 0; overflow: hidden; position: relative; -webkit-transition: max-height .4s ease; -moz-transition: max-height .4s ease; -ms-transition: max-height .4s ease; -o-transition: max-height .4s ease; transition: max-height .4s ease; }
body > main > .accordion article.open .panel { max-height: 1000px; border-bottom: 1px solid #b8b6b4; }
body > main > .accordion article .panel ul { padding: 56px; font-family: 'Lora', serif; font-weight: 400; letter-spacing: .03em; font-size: 2em; line-height: 150%; }
body > main > .accordion article .panel ul li { padding-left: 1em; text-indent: -.4em; }
body > main > .accordion article .panel ul li ~ li { margin: 12px 0 0; }
body > main > .accordion article .panel ul li:before { margin: 0 1em 0 -1em; content: "•"; color: #eb561b; }

body > main > .quotes { max-width: 480px; margin: 0 auto; text-align: center; }
body > main > .quotes blockquote { padding: 8.6em 0 0; display: block; }
body > main > .quotes blockquote p { font-family: 'Lora', serif; font-weight: 400; letter-spacing: .02em; font-size: 1.7em; line-height: 150%; }
body > main > .quotes blockquote p strong { font-family: 'Maison Neue Book', Calibri, Arial, Roboto, sans-serif; font-weight: 300; }
body > main > .quotes blockquote p ~ p { margin: 1.176em 0 0; }
body > main > .quotes blockquote cite { margin: 1.25em 0 0; font-size: 1.6em; line-height: 120%; display: block; color: #eb561b; }

body > main > .cform { max-width: 730px; margin: 8em auto 0; position: relative; text-align: right; overflow: hidden; }
body > main > .cform fieldset { width: 48%; margin: 0 0 0 auto; text-align: left; }
body > main > .cform fieldset legend { font-size: 1.8em; line-height: 1.111em; color: #eb561b; }

body > main > .cform fieldset.cf-fs1 { position: absolute; top: 0; left: 0; }
body > main > .cform fieldset.cf-fs1 li { margin: 4.4em 0 0; position: relative; }
body > main > .cform fieldset.cf-fs1 li + li { margin-top: 3.6em; }
body > main > .cform fieldset.cf-fs1 label { position: absolute; top: 0; left: 0; padding: 0 6px; font-family: 'Lora', serif; font-weight: 400; letter-spacing: .02em; width: 100%; font-size: 1.8em; height: 2.111em; line-height: 2.111em; color: #666; }
body > main > .cform fieldset.cf-fs1 input { padding: 0 6px; font-family: 'Lora', serif; font-weight: 400; letter-spacing: .02em; width: 100%; font-size: 1.8em; height: 2.111em; line-height: 2.111em; color: #666; background: transparent; border: 0; border-bottom: 1px dotted #b8b6b4; }

body > main > .cform fieldset.cf-fs2 { }
body > main > .cform fieldset.cf-fs2 label { margin: 4.4em 0 0; position: relative; display: block; }
body > main > .cform fieldset.cf-fs2 label span { padding: 0 6px; font-family: 'Lora', serif; font-weight: 400; letter-spacing: .02em; width: 100%; font-size: 1.8em; height: 2.111em; line-height: 2.111em; color: #666; border-bottom: 1px dotted #b8b6b4; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body > main > .cform fieldset.cf-fs2 .field { margin: 3em 0 0; position: relative; float: left; }
body > main > .cform fieldset.cf-fs2 .field input { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
body > main > .cform fieldset.cf-fs2 .field span { height: 2.5em; line-height: 2.5em; padding: 0 22px; font-size: 1.6em; color: #333; float: left; border: 1px solid #807f7e; -webkit-transition: color .4s ease, background-color .4s ease; -moz-transition: color .4s ease, background-color .4s ease; -ms-transition: color .4s ease, background-color .4s ease; -o-transition: color .4s ease, background-color .4s ease; transition: color .4s ease, background-color .4s ease; }
body > main > .cform fieldset.cf-fs2 .field:hover span { background: #807f7e; color: #fff; }

body > main > .cform fieldset.cf-fs3 { margin-top: 9em; }
body > main > .cform fieldset.cf-fs3 li.cf-box-title { display: none; }
body > main > .cform fieldset.cf-fs3 li.cf-box-group { margin-top: 54px; }
body > main > .cform fieldset.cf-fs3 li.cf-box-group input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
body > main > .cform fieldset.cf-fs3 li.cf-box-group label { padding: 0 0 0 38px; font-size: 1.8em; position: relative; display: block; }
body > main > .cform fieldset.cf-fs3 li.cf-box-group label ~ label { margin: 22px 0 0; }
body > main > .cform fieldset.cf-fs3 li.cf-box-group label:before { width: 20px; height: 20px; position: absolute; top: 50%; margin: -10px 0 0; left: 0; border: 1px solid #686868; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
body > main > .cform fieldset.cf-fs3 li.cf-box-group input[type="radio"]:checked + label:after { width: 8px; height: 8px; position: absolute; top: 50%; left: 6px; margin: -4px 0 0; background: #f37020; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

body > main > .cform .cf_hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

body > main > .cform .cf-sb { margin: 9em 0 0; width: 100%; float: left; clear: both; text-align: center; }
body > main > .cform .cf-sb input { height: 2.5em; line-height: 2.5em; padding: 0 22px; font-size: 1.6em; color: #333; display: inline-block; background: transparent; border: 1px solid #807f7e; -webkit-transition: color .4s ease, background-color .4s ease; -moz-transition: color .4s ease, background-color .4s ease; -ms-transition: color .4s ease, background-color .4s ease; -o-transition: color .4s ease, background-color .4s ease; transition: color .4s ease, background-color .4s ease; }
body > main > .cform .cf-sb input:hover { background: #807f7e; color: #fff; }

/* footer */

body > footer { background: #0d1133; position: relative; z-index: 3; -webkit-transform: translate3d(0,0,0); }
body > footer .wrap { max-width: 980px; margin: 0 auto; padding: 0 20px; position: relative; text-align: left; }
body > footer .wrap .arbuthnotyon { width: 164px; height: 19px; position: absolute; bottom: 4.4em; left: 50%; margin: 0 0 0 -82px; }
body > footer .wrap .arbuthnotyon path,
body > footer .wrap .arbuthnotyon polygon { fill: #f1f1f1; }
body > footer .wrap .logo { width: 50px; height: 50px; position: absolute; top: 4.4em; left: 50%; margin: 0 0 0 -25px; }
body > footer .wrap .logo path,
body > footer .wrap .logo polygon { fill: #f1f1f1; }
body > footer .wrap nav { width: 230px; padding: 4.2em 0; position: relative; float: left; }
body > footer .wrap nav + nav { right: -105px; float: right; }
body > footer .wrap nav h2,
body > footer .wrap nav p,
body > footer .wrap nav ul { font-size: 1.4em; line-height: 1.286em; color: #f1f1f1; }
body > footer .wrap nav h2 { color: #eb561b; }
body > footer .wrap nav h2 ~ h2 { margin: 10px 0 0; }
body > footer .wrap nav a { color: #f1f1f1; }
body > footer .wrap nav a:hover { color: #eb561b; }
body > footer .wrap nav ul li ~ li { margin: 13px 0 0; }
body > footer .wrap nav ul li.on a { border-bottom: 1px solid #f1f1f1; }
body > footer .wrap nav ul li.on a:hover { border-bottom-color: #eb561b; }
body > footer .credit { padding: .8em 0 .7em; background: #000; }
body > footer .credit a { font-size: 1.2em; color: #fff; display: inline-block; }
body > footer .credit a span { display: inline-block; border-bottom: 1px solid #000; -webkit-transition: border-color .4s ease; -moz-transition: border-color .4s ease; -ms-transition: border-color .4s ease; -o-transition: border-color .4s ease; transition: border-color .4s ease; }
body > footer .credit a:hover span { border-bottom-color: #fff; }

/* home */

@-webkit-keyframes bounce {
	0%, 10%, 20%, 100% { -webkit-transform: translateY(0); }
	5% { -webkit-transform: translateY(-10px); }
	15% { -webkit-transform: translateY(-5px); }
} 
@keyframes bounce {
	0%, 10%, 20%, 100% { transform: translateY(0); }
	5% { transform: translateY(-10px); }
	15% { transform: translateY(-5px); }
} 
body.home > .hint { z-index: 99; width: 2em; height: 2em; line-height: 1.8em; background: #fff; bottom: 20px; left: 50%; margin-left: -1em; font-family: 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif; font-size: 2.6em; color: #eb561b; position: fixed; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: translate3d(0,0,0); -webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }

body.home > #home { width: 100%; /*height: calc(100vh - 98px); min-height: 670px;*/ height: 670px; background: #efece8; position: fixed; top: 98px; left: 0; z-index: 2; }
body.home > #home .cycle-slideshow { width: 100%; height: 100%; }
body.home > #home .cycle-slideshow .slide { width: 100%; height: 100%; }
body.home > #home .cycle-slideshow .slide-1 { background: url(images/home-slide-1.png) no-repeat 50% 100%; }
body.home > #home .cycle-slideshow .slide-2 { background: url(images/home-slide-2.png) no-repeat 50% 100%; }
body.home > #home .cycle-slideshow .slide-3 { background: url(images/home-slide-3.png) no-repeat 50% 100%; }
body.home > #home .cycle-slideshow .slide-4 { background: url(images/home-slide-4.png) no-repeat 50% 100%; }
body.home > #home .cycle-slideshow .slide .text { width: 100%; position: absolute; top: 40px; left: 0; }
body.home > #home .cycle-slideshow .slide .text p { max-width: 360px; padding: 0 20px; margin: 0 auto; min-height: 96px; font-family: 'Lora', serif; font-weight: 400; letter-spacing: .02em; font-size: 2em; line-height: 140%; }
body.home > #home .cycle-slideshow .slide .nav { width: 100%; position: absolute; top: 170px; left: 0; }
body.home > #home .cycle-slideshow .slide .nav p { font-size: 1.8em; line-height: 120%; letter-spacing: -.01em; }
body.home > #home .cycle-slideshow .slide .nav p a { font-family: 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif; color: #b3b3b3; }
body.home > #home .cycle-slideshow .slide .nav p a:hover { color: #333; }
body.home > #home .cycle-slideshow .slide-1 .text { top: 256px; }
body.home > #home .cycle-slideshow .slide-1 .text p { max-width: 800px; font-size: 4em; }
body.home > #home .cycle-slideshow .slide-1 .nav { top: 480px; }

body.home > main { margin-top: 768px; /*margin-top: 100vh;*/ background: #0d1133; }

body.home > main > .values { max-width: 730px; margin: 0 auto; position: relative; text-align: center; }
body.home > main > .values article ~ article { border-top: 1px solid #444653; }
body.home > main > .values article { padding: 8em 0 8.8em; }
body.home > main > .values article h2 { font-size: 6em; color: #f1f1f1; cursor: pointer; letter-spacing: 0; -webkit-transition: color .4s ease; -moz-transition: color .4s ease; -ms-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; }
body.home > main > .values article.open h2,
body.home > main > .values article h2:hover { color: #eb561b; }
body.home > main > .values article h2 span { padding: 0 0 1em; font-family: 'Lora', serif; font-weight: 400; letter-spacing: .02em; font-size: 24px; display: block; color: #eb561b; }
body.home > main > .values article .panel { max-height: 0; overflow: hidden; position: relative; -webkit-transition: max-height .4s ease; -moz-transition: max-height .4s ease; -ms-transition: max-height .4s ease; -o-transition: max-height .4s ease; transition: max-height .4s ease; }
body.home > main > .values article.open .panel { max-height: 300px; }
body.home > main > .values article .panel p { padding: 3.455em 0 0; font-family: 'Lora', serif; font-weight: 400; letter-spacing: .02em; font-size: 2.2em; line-height: 150%; color: #f1f1f1; }

body.home > main > .links { margin-top: 0; border-top-color: #444653; }
body.home > main > .links > ul li ~ li { border-top-color: #444653; }
body.home > main > .links > ul a { color: #fff; }
body.home > main > .links > ul a:hover { color: #eb561b; }

body.home > footer { background: #efece8; z-index: 6; }
body.home > footer .wrap nav h2,
body.home > footer .wrap nav p,
body.home > footer .wrap nav ul { color: #333; }
body.home > footer .wrap nav h2 { color: #eb561b; }
body.home > footer .wrap nav a { color: #333; }
body.home > footer .wrap nav a:hover { color: #eb561b; }
body.home > footer .wrap nav ul li.on a { border-bottom-color: #333; }
body.home > footer .wrap nav ul li.on a:hover { border-bottom-color: #eb561b; }
body.home > footer .wrap .arbuthnotyon path,
body.home > footer .wrap .arbuthnotyon polygon { fill: #333; }
body.home > footer .wrap .logo path,
body.home > footer .wrap .logo polygon { fill: #333; }

/* menu overlays */

body > .overlay { width: 100%; height: 100%; background: #eb561b; background: rgba(235,86,27,.95); position: fixed; top: 0; left: 0; z-index: 6; display: none; -webkit-transform: translate3d(0,0,0); }
body > .overlay > header { padding: 36px 0; position: relative; }
body > .overlay > header h1 { width: 220px; height: 26px; margin: 0 auto; position: relative; z-index: 2; }
body > .overlay > header h1 a { display: inline-block; }
body > .overlay > header h1 span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
body > .overlay > header h1 svg + svg { display: none; }
body > .overlay > header h1 path,
body > .overlay > header h1 polygon { fill: #fff; }
body > .overlay > header nav { width: 980px; height: 100%; position: absolute; top: 0; left: 50%; margin: 0 0 0 -490px; }
body > .overlay > header nav li a { width: 105px; position: absolute; top: 50%; left: 0; margin-top: -1em; font-size: 1.8em; padding: .5em 0; color: #fff; display: inline-block; }
body > .overlay > header nav li + li a { left: auto; right: 0; }
body > .overlay > header nav li a.close { height: 2em; }
body > .overlay > header nav li a.close:before,
body > .overlay > header nav li a.close:after { width: 1.1em; height: 2px; display: block; background: #fff; backface-visibility: hidden; left: 50%; top: 50%; margin: 0 0 0 -.5em; border-radius: 2px; content: " "; position: absolute; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; }
body > .overlay > header nav li a.close:after { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
body > .overlay > header nav li a:hover { color: #333; }
body > .overlay > header nav li a:hover.close:before,
body > .overlay > header nav li a:hover.close:after { background: #333; }
body > .overlay .logo { width: 50px; height: 50px; margin: 0 auto; display: block; position: absolute; bottom: 100px; left: 50%; margin-left: -25px; }
body > .overlay .logo path,
body > .overlay .logo polygon { fill: #fff; }

body > #menu > nav { padding: 5.6em 0 0; }
body > #menu > nav li ~ li { padding: 3.2em 0 0; }
body > #menu > nav a { font-size: 3.6em; color: #fff; display: inline-block; }
body > #menu > nav a:hover { color: #333; }
body > #menu > nav li.on a { border-bottom: 2px solid #fff; }
body > #menu > nav li.on a:hover { border-bottom-color: #333; }

body > #contact { background: #05082d; background: rgba(5,8,45,.95); }
body > #contact > header nav li a:hover { color: #eb561b; }
body > #contact > header nav li a:hover.close:before,
body > #contact > header nav li a:hover.close:after { background: #eb561b; }
body > #contact > section { padding: 8.8em 0 0; }
body > #contact > section h2 { font-size: 2.8em; color: #eb561b; }
body > #contact > section h2 ~ h2 { margin: 26px 0 0; }
body > #contact > section p { margin: 8px 0 0; font-size: 2.8em; color: #fff; }
body > #contact > section a { color: #fff; }
body > #contact > section a:hover { color: #eb561b; }

/* responsive
--------------------------------------------------------------------------
*/

@media only screen and (max-height: 720px) {

	body > .overlay .logo { display: none; }

}

@media only screen and (max-width: 1024px) {

	body > header nav li a { left: 125px; }
	body > header nav li + li a { left: auto; right: 125px; }

	body > footer .wrap { max-width: 750px; }

	body > .overlay > header nav li a { left: 125px; }
	body > .overlay > header nav li + li a { left: auto; right: 125px; }

}

@media only screen and (max-width: 770px) {

	body > header nav { width: 100%; left: 0; margin: 0; }
	body > header nav li a { left: 85px; }
	body > header nav li + li a { left: auto; right: 85px; }

	body > main > .intro,
	body > main > .text,
	body > main > .accordion { padding-left: 70px; padding-right: 70px; }

	body > main > h2 { margin-left: 20px; margin-right: 20px; }

	body > main > nav a { margin: 0 10px; min-width: 230px; }

	/*body.home > #home { height: 830px; }*/
	body.home > #home .cycle-slideshow .slide-1 .text p { font-size: 3.2em; }
	body.home > #home .cycle-slideshow .slide-1 .nav { top: 410px; }

	body.home > main { margin-top: 768px; }

	body.home > main > .values article .panel p { max-width: 480px; margin-left: auto; margin-right: auto; }

	body > footer .wrap nav { margin-left: 45px; }
	body > footer .wrap nav + nav { width: 180px; right: auto; }

	body > .overlay > header nav { width: 100%; left: 0; margin: 0; }
	body > .overlay > header nav li a { left: 85px; }
	body > .overlay > header nav li + li a { left: auto; right: 85px; }

}

@media only screen and (max-width: 700px) {

	body > header { padding: 16px 0; position: relative; }
	body > header h1 { width: 40px; height: 40px; }
	body > header h1 a svg { display: none; }
	body > header h1 a svg + svg { display: block; }
	body > header nav li a { left: 20px; }
	body > header nav li + li a { left: auto; right: 20px; }

	body > main { margin: 0; padding: 5em 20px; }

	body > main > h1 { font-size: 3.6em; line-height: 1.111em; }

	body > main > h2 { margin: 50px auto 0; font-size: 2.6em; line-height: 120%; }
	body > main > h2 ~ h2 { padding: 42px 0 0; }

	body > footer .wrap { padding: 5.2em 0 6em; text-align: center; }
	body > footer .wrap .logo { position: relative; top: auto; left: auto; margin: 0 auto; }
	body > footer .wrap .arbuthnotyon { position: relative; bottom: auto; left: auto; margin: 4.4em auto 0; }
	body > footer .wrap nav { width: 100%; margin: 5em 0 0; padding: 0; float: none; }
	body > footer .wrap nav + nav { width: 100%; margin: 4.4em 0 0; float: none; }

	body > main > nav { padding: 2.8em 0 0; }
	body > main > nav li { display: block; }
	body > main > nav a { margin: 0; display: block; }

	body > main > .intro { padding: 5em 0 0; }
	body > main > .intro p { font-size: 1.8em; line-height: 120%; }

	body > main > .text { max-width: 730px; margin: 0 auto; padding: 4.8em 0 0; }
	body > main > .text > div { width: 100%; max-width: 100%; padding: 0; float: none; }
	body > main > .text > div + div { margin: 2.8em 0 0; padding: 0; float: none; }

	body > main > p.image img { max-width: 100%; height: auto; }

	body > main > .links > h2 { float: none; }
	body > main > .links > ul { max-width: 100%; float: none; }
	body > main > .links > ul a { padding-right: 80px; }

	body > main > .quotes blockquote { padding-top: 4.6em; }

	body > main > .accordion { padding: 5em 0 0; }
	body > main > .accordion article h2 { font-size: 1.6em; line-height: 120%; }
	body > main > .accordion article h2:before,
	body > main > .accordion article h2:after { right: 0; }

	body > main > .accordion article .panel ul { padding: 36px 10px; font-size: 1.6em; }

	body > main > .cform { margin-top: 5em; padding: 0; }
	body > main > .cform fieldset { width: 100%; margin: 0; text-align: left; }
	body > main > .cform fieldset + fieldset,
	body > main > .cform fieldset.cf-fs3 { margin: 5em 0 0; }
	body > main > .cform fieldset legend { text-align: center; }
	body > main > .cform fieldset.cf-fs1 { position: relative; top: auto; left: auto; }

	body > main > .cform fieldset.cf-fs3 li.cf-box-group label { width: 50%; display: inline-block; }

	body.home > #home { position: relative; top: auto; height: 470px; }
	body.home > #home .cycle-slideshow .slide { background-size: auto 90%; }
	body.home > #home .cycle-slideshow .slide .text p { font-size: 1.8em; }
	body.home > #home .cycle-slideshow .slide .nav { top: 170px; }
	body.home > #home .cycle-slideshow .slide .nav p { font-size: 1.6em; }
	body.home > #home .cycle-slideshow .slide-1 .text { top: 195px; }
	body.home > #home .cycle-slideshow .slide-1 .text p { max-width: 320px; }
	body.home > #home .cycle-slideshow .slide-1 .nav { top: 305px; }

	body.home > main { margin-top: 0; }

	body.home > main > .values article .panel p { font-size: 1.8em; line-height: 120%; }

	body > .overlay > header { padding: 16px 0; }
	body > .overlay > header h1 { width: 40px; height: 40px; }
	body > .overlay > header h1 svg { display: none; }
	body > .overlay > header h1 svg + svg { display: block; }
	body > .overlay > header nav li a { left: 20px; }
	body > .overlay > header nav li + li a { left: auto; right: 20px; }

	body > #menu > nav a { font-size: 2.2em; }
	body > #menu > nav { padding: 2.4em 0 0; }

	body > #contact > section { padding: 2.4em 0 0; }
	body > #contact > section h2,
	body > #contact > section p { font-size: 2.2em; }

}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	body.home > #home .cycle-slideshow .slide-1 { background-image: url(images/retina/home-slide-1.png); background-size: 3000px 670px; }
	body.home > #home .cycle-slideshow .slide-2 { background-image: url(images/retina/home-slide-2.png); background-size: 3000px 670px; }
	body.home > #home .cycle-slideshow .slide-3 { background-image: url(images/retina/home-slide-3.png); background-size: 3000px 670px; }
	body.home > #home .cycle-slideshow .slide-4 { background-image: url(images/retina/home-slide-4.png); background-size: 3000px 670px; }
}

@media (max-width: 700px) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	body.home > #home .cycle-slideshow .slide { background-size: auto 90%; }
}

/* clearfix
--------------------------------------------------------------------------
*/

.clearfix:before, .clearfix:after, div:before, div:after, header:before, header:after, section:before, section:after, article:before, article:after, nav:before, nav:after, ul:before, ul:after, ol:before, ol:after, footer:before, footer:after { content: ""; display: table; }
.clearfix:after, div:after, header:after, section:after, article:after, nav:after, ul:after, ol:after, footer:after { clear: both; }
.lt-ie8 .clearfix, .lt-ie8 div, .lt-ie8 header, .lt-ie8 section, .lt-ie8 article, .lt-ie8 nav, .lt-ie8 ul, .lt-ie8 ol, .lt-ie8 footer { zoom: 1; }

/* print
--------------------------------------------------------------------------
*/

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