/** Your site title */
/*
font-family:'AvenirNextLTW01-Regular';
font-family:'AvenirNextLTW01-Italic';
font-family:'Avenir Next LT W01 Bold';
font-family:'AvenirNextLTW01-BoldIta';
*/
/* CSS Reset */
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; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, 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; }

/* Base styles */
*, *:before, *:after { box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; }

html { height: 100%; overflow-y: scroll; }

body { background: #fff; text-align: center; height: 100%; }

::-moz-selection { background: #000; color: #fff; text-shadow: none; }

::selection { background: #000; color: #fff; text-shadow: none; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

blockquote { margin: 1em 2em; font-size: 18px; font-style: italic; }

img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }

.lt-ie9 object, .lt-ie9 embed { max-width: none; }

abbr[title] { border-bottom: 1px dotted; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

table { border-collapse: collapse; border-spacing: 0; }

/* Misc */
.cf { *zoom: 1; }
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }

.cta, .gform_button, .form-submit #submit { cursor: pointer; display: inline-block; text-transform: uppercase; text-decoration: none; font-size: 13px; letter-spacing: 1px; margin: 0 1em; padding: 0 20px 0 0; border: none; line-height: 1; background: url(img/sprites.png) right -57px no-repeat; }
.cta:hover, .gform_button:hover, .form-submit #submit:hover { background-position: right -93px; }
.cta.rule, .rule.gform_button, .post + .gform_button.post, h1 + .gform_button.post, .comment-respond h3.gform_button, .gform_button.widget, .post + .cta.post, .form-submit .post + .post#submit, h1 + .cta.post, .form-submit h1 + .post#submit, .comment-respond h3.cta, .comment-respond .form-submit h3#submit, .form-submit .comment-respond h3#submit, .form-submit .rule#submit, .form-submit #submit.widget, .cta.widget { background-position: right -37px; }
.cta.rule:hover, .rule.gform_button:hover, .post + .gform_button.post:hover, h1 + .gform_button.post:hover, .comment-respond h3.gform_button:hover, .gform_button.widget:hover, .post + .cta.post:hover, .form-submit .post + .post#submit:hover, h1 + .cta.post:hover, .form-submit h1 + .post#submit:hover, .comment-respond h3.cta:hover, .comment-respond .form-submit h3#submit:hover, .form-submit .comment-respond h3#submit:hover, .form-submit .rule#submit:hover, .form-submit #submit.widget:hover, .cta.widget:hover { background-position: right -73px; }
.cta.rule-centered:before, .rule-centered.gform_button:before, .form-submit .rule-centered#submit:before { margin-left: -15px; }

.cta-unadorned { padding-right: 0; background: none; }

[class*="col-"] > h1:first-child, [class*="col-"] > h2:first-child, [class*="col-"] > h3:first-child, [class*="col-"] > h4:first-child, [class*="col-"] > h5:first-child, [class*="col-"] > h6:first-child { margin-top: 0; }

.constrain { max-width: 1200px; }

.hide { display: none; }

.invisible { visibility: hidden; }

.center { text-align: center; }

.muted { color: #8b8b8b; }

.screen-reader-text { display: none; }

.unselectable, .project-slider { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fade-in { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* Buttons */
.btn { cursor: pointer; display: inline-block; border: none; border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; padding: 9px 22px; color: #fff; font-family: "AvenirNextLTW01-Regular", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; background: #3b3b3b; background: -webkit-linear-gradient(top, #3b3b3b 0%, #222222 100%); background: linear-gradient(to bottom, #3b3b3b 0%, #222222 100%); }
.btn:hover { color: #fff; background: #3b3b3b; background: -webkit-linear-gradient(top, #555555 0%, #3b3b3b 100%); background: linear-gradient(to bottom, #555555 0%, #3b3b3b 100%); outline: none; }

/* Hero images and RoyalSlider overrides */
.hero { position: fixed; top: 120px; height: 700px; width: 100%; overflow: hidden; background: #f8f8f8; }
.hero .inner { position: absolute; width: 100%; height: 700px; }
.hero .backstretch { z-index: 1 !important; }

.post-type-archive-eckersley_project .hero, .page-project-test .hero, .touch .hero, .no-js .hero { position: static; }

div.rsImg { visibility: hidden; }

.preloader, .rsPreloader { position: absolute; left: 50%; top: 50%; margin: -16px 0 0 -16px; z-index: -1; width: 32px; height: 32px; background: #f8f8f8 url(img/preloader.gif) 50% 50% no-repeat; }

.rsContainer > .rsSlide:first-child > * { -webkit-transition-duration: 2s !important; transition-duration: 2s !important; }

/* Icons */
.icon:before { display: inline-block; -webkit-font-smoothing: antialiased; width: 16px; height: 16px; margin-right: 7px; font-family: 'FontAwesome'; font-size: 16px; line-height: 1; font-weight: normal; font-style: normal; vertical-align: top; }

a.icon { color: #3b3b3b; }
a.icon:hover { color: #6e6e6e; }

.icon-twitter:before { content: '\f099'; }

.icon-facebook:before { content: '\f09a'; }

.icon-instagram:before { content: '\f16d'; }

.icon-pintrest:before { content: '\f0d2'; }

.icon-envelope:before { content: '\f0e0'; }

.icon-star:before { content: '\f005'; }

.icon-map-marker:before { content: '\f041'; }

.icon-file:before { content: '\f15b'; }

.icon-tag:before { content: '\f02b'; }

.icon-comments:before { content: '\f086'; }

.icon-rss:before { content: '\f09e'; }

.icon-search:before { content: '\f002'; }

.icon .label { display: none; }

/* Lists */
ul, ol, dl { margin: 0; padding: 0; list-style: none; }

ul { margin: 0 0 1em 0; }
ul ul, ul ol { margin-bottom: 0; }
ul li { background-image: url(img/arrow.png); background-repeat: no-repeat; background-position: 0 0.35em; padding-left: 15px; }

ol { list-style: decimal; margin: 0 0 1em 1.5em; }
ol ul, ol ol { margin-bottom: 0; }

dl { line-height: 1.4; }

dt { color: #3b3b3b; font-family: "Avenir Next LT W01 Bold", Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; }

dd { margin: 0 0 0.5em 0; }

/* Media object */
.media .img { float: left; margin-right: 20px; }
.media .img img { display: block; }
.media .img-reverse { float: right; margin-left: 20px; }

.media, .media .content { overflow: hidden; _overflow: visible; zoom: 1; }

.rule:before, .post + .post:before, h1 + .post:before, .comment-respond h3:before, .widget:before { content: ''; display: block; width: 49px; height: 2px; background: #3b3b3b; overflow: hidden; margin-bottom: 18px; }

.rule-centered:before { position: relative; left: 50%; margin-left: -25px; }

.rule-row, .post + .post, h1 + .post { margin-top: 35px; }
.rule-row:first-child, .post + .post:first-child, h1 + .post:first-child { margin-top: 0; }
.rule-row:before, .post + .post:before, h1 + .post:before { margin-left: 10px; }

/* Pagination */
.pagination { margin-top: 50px; text-align: center; }
.pagination a, .pagination span { display: inline-block; vertical-align: middle; }
.pagination .page-numbers { line-height: 1; margin: 0; padding: 3px 3px; font-size: 13px; text-decoration: none; }
.pagination .current { padding: 3px 5px; color: #fff; background: #3b3b3b; }
.pagination .prev, .pagination .next { text-indent: 100%; white-space: nowrap; overflow: hidden; width: 20px; height: 20px; }
.pagination .prev { margin-right: 10px; background: url(img/sprites.png) 6px -271px no-repeat; }
.pagination .prev:hover { background-position: 6px -302px; }
.pagination .next { margin-left: 10px; background: url(img/sprites.png) 8px -333px no-repeat; }
.pagination .next:hover { background-position: 8px -364px; }

/* Tables */
table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; line-height: 2; margin: 1em 0; width: 100%; }

th, td { font-weight: normal; text-align: left; }

th { font-weight: bold; text-transform: uppercase; }

td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; }

/* Thumbnail grid */
.thumb-grid { margin: 0 -10px; }

.thumb { position: relative; display: inline-block; vertical-align: top; padding: 0 10px 30px 10px; width: 20%; }

#infscr-loading { position: absolute; bottom: -40px; left: 0; width: 100%; text-align: center; padding: 40px 0 0 0; }

/* Video */
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-container iframe { background: #fff; }

/* Typography */
@font-face { font-family: 'FontAwesome'; src: url("fonts/fontawesome/font/fontawesome-webfont.eot"); src: url("fonts/fontawesome/font/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fontawesome/font/fontawesome-webfont.woff") format("woff"), url("fonts/fontawesome/font/fontawesome-webfont.ttf") format("truetype"), url("fonts/fontawesome/font/fontawesome-webfont.svg#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face{ font-family:"AvenirNextLTW01-Regular"; src:url("fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2") format("woff2"),url("fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff"); }
@font-face{ font-family:"AvenirNextLTW01-Italic"; src:url("fonts/7377dbe6-f11a-4a05-b33c-bc8ce1f60f84.woff2") format("woff2"),url("fonts/92b66dbd-4201-4ac2-a605-4d4ffc8705cc.woff") format("woff"); }
@font-face{ font-family:"Avenir Next LT W01 Bold"; src:url("fonts/14c73713-e4df-4dba-933b-057feeac8dd1.woff2") format("woff2"),url("fonts/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff") format("woff"); }
@font-face{ font-family:"AvenirNextLTW01-BoldIta"; src:url("fonts/eaafcb26-9296-4a57-83e4-4243abc03db7.woff2") format("woff2"),url("fonts/25e83bf5-47e3-4da7-98b1-755efffb0089.woff") format("woff"); }
body { line-height: 1.4; color: #3b3b3b; font-family: "AvenirNextLTW01-Regular", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 16px; }

h1, h2, h3, h4, h5, .h { margin: 1.5em 0 15px 0; line-height: 1.1; color: #3b3b3b; font-family: "Avenir Next LT W01 Bold", Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; }
h1 a, h2 a, h3 a, h4 a, h5 a, .h a { text-decoration: none; }

h1 { font-size: 24px; letter-spacing: 0.097em; margin-bottom: 1.1em; }

h2 { font-size: 18px; }

h3, h4, h5, .h-small { margin: 2.2em 0 15px 0; font-size: 13px; letter-spacing: 1px; }

.h-tight { line-height: 1.4; margin-top: 0; margin-bottom: 0.2em; }

p { margin: 0 0 1em 0; }

a img { border: none; }

a { color: #3b3b3b; text-decoration: underline; -webkit-transition: color 0.25s linear; transition: color 0.25s linear; outline-style: none; }

a:hover { color: #6e6e6e; }

a:focus { color: #6e6e6e; }

b, strong { font-weight: normal; font-family: "Avenir Next LT W01 Bold", Helvetica, Arial, sans-serif; }

i, em { font-style: normal; font-family: "AvenirNextLTW01-Italic", Helvetica, Arial, sans-serif; }

/* Grid */
.row { max-width: 100%; margin-left: auto; margin-right: auto; *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row .row { width: auto; max-width: none; margin-left: -10px; margin-right: -10px; }

[class*="col-"] { float: left; padding: 0 10px; position: relative; }

[class*="col-"] + [class*="col-"]:last-child { float: right; }

[class*="col-"] + .last[class*="col-"] { float: right; }

.col-1 { width: 6.25%; }

.col-2 { width: 12.5%; }

.col-3 { width: 18.75%; }

.col-4 { width: 25%; }

.col-5 { width: 31.25%; }

.col-6 { width: 37.5%; }

.col-7 { width: 43.75%; }

.col-8 { width: 50%; }

.col-9 { width: 56.25%; }

.col-10 { width: 62.5%; }

.col-11 { width: 68.75%; }

.col-12 { width: 75%; }

.col-13 { width: 81.25%; }

.col-14 { width: 87.5%; }

.col-15 { width: 93.75%; }

.col-16 { width: 100%; }

.row .prefix-1 { margin-left: 6.25%; }

.row .prefix-2 { margin-left: 12.5%; }

.row .prefix-3 { margin-left: 18.75%; }

.row .prefix-4 { margin-left: 25%; }

.row .prefix-5 { margin-left: 31.25%; }

.row .prefix-6 { margin-left: 37.5%; }

.row .prefix-7 { margin-left: 43.75%; }

.row .prefix-8 { margin-left: 50%; }

.row .prefix-9 { margin-left: 56.25%; }

.row .prefix-10 { margin-left: 62.5%; }

.row .prefix-11 { margin-left: 68.75%; }

.row .prefix-12 { margin-left: 75%; }

.row .prefix-13 { margin-left: 81.25%; }

.row .prefix-14 { margin-left: 87.5%; }

.row .prefix-15 { margin-left: 93.75%; }

.row .suffix-1 { margin-right: 6.25%; }

.row .suffix-2 { margin-right: 12.5%; }

.row .suffix-3 { margin-right: 18.75%; }

.row .suffix-4 { margin-right: 25%; }

.row .suffix-5 { margin-right: 31.25%; }

.row .suffix-6 { margin-right: 37.5%; }

.row .suffix-7 { margin-right: 43.75%; }

.row .suffix-8 { margin-right: 50%; }

.row .suffix-9 { margin-right: 56.25%; }

.row .suffix-10 { margin-right: 62.5%; }

.row .suffix-11 { margin-right: 68.75%; }

.row .suffix-12 { margin-right: 75%; }

.row .suffix-13 { margin-right: 81.25%; }

.row .suffix-14 { margin-right: 87.5%; }

.row .suffix-15 { margin-right: 93.75%; }

.push-1 { left: 6.25%; }

.pull-1 { right: 6.25%; }

.push-2 { left: 12.5%; }

.pull-2 { right: 12.5%; }

.push-3 { left: 18.75%; }

.pull-3 { right: 18.75%; }

.push-4 { left: 25%; }

.pull-4 { right: 25%; }

.push-5 { left: 31.25%; }

.pull-5 { right: 31.25%; }

.push-6 { left: 37.5%; }

.pull-6 { right: 37.5%; }

.push-7 { left: 43.75%; }

.pull-7 { right: 43.75%; }

.push-8 { left: 50%; }

.pull-8 { right: 50%; }

.push-9 { left: 56.25%; }

.pull-9 { right: 56.25%; }

.push-10 { left: 62.5%; }

.pull-10 { right: 62.5%; }

.push-11 { left: 68.75%; }

.pull-11 { right: 68.75%; }

.push-12 { left: 75%; }

.pull-12 { right: 75%; }

.push-13 { left: 81.25%; }

.pull-13 { right: 81.25%; }

.push-14 { left: 87.5%; }

.pull-14 { right: 87.5%; }

.push-15 { left: 93.75%; }

.pull-15 { right: 93.75%; }

/* Layout */
.l-header, .l-content-wrap, .l-footer { position: relative; z-index: 2; margin: 0 auto; }

.l-header { max-width: 1420px; margin: 0 auto; background: #fff; }

.page-home .l-header .border, .post-type-archive-eckersley_project .l-header .border, .page-about .l-header .border, .page-contact .l-header .border, .page-mailing-list .l-header .border, .blog .l-header .border { display: none; }

.page-home .l-header, .page-about .l-header, .page-mailing-list .l-header, .page-contact .l-header { position: fixed; top: 0; margin: 0; width: 100%; max-width: none; }

.touch .l-header, .no-js .l-header { position: static; }

.l-content-wrap { position: relative; z-index: 999; padding: 40px 0 70px 0; background: #fff; }

.touch .l-content-wrap, .no-js .l-content-wrap { margin-top: 0 !important; }

.l-content { margin: 0 auto; max-width: 1440px; text-align: left; }

.l-footer { max-width: 1420px; *zoom: 1; background: #fff; }
.l-footer:before, .l-footer:after { content: " "; display: table; }
.l-footer:after { clear: both; }

/* Header */
.site-title { display: inline-block; margin: 0 40px 0 0; vertical-align: middle; }
.site-title img { display: block; height: 80px; width: auto; }

.header { position: relative; min-height: 120px; text-align: center; padding: 20px 0 0; }
.header .border { position: absolute; width: 100%; bottom: 0; border-bottom: 2px solid #3b3b3b; }
.header .icon { display: inline-block; vertical-align: middle; height: 19px; margin: 0 18px; text-decoration: none; }
.header .icon:before { margin-right: 0; }
.header.short { min-height: 80px; }
.header.short .site-title { display: none; }

/* Navigation */
.nav-primary { text-align: left; display: inline-block; vertical-align: middle; }

.nav-menu { margin: 0; padding: 0; }

.nav-menu li, .nav-footer li { display: block; float: left; margin: 0 18px 0 18px; padding: 0; background: none; }
.nav-menu li.small-screen-only, .nav-footer li.small-screen-only { display: none; }

.nav-menu a, .nav-footer a { color: #3b3b3b; display: block; line-height: 1; border-bottom: 2px solid transparent; padding: 14px 0 14px 0; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; text-decoration: none; }

.nav-menu li:hover > a, .nav-menu li:hover > a, .nav-footer li a:hover, .nav-footer li a:hover { color: #3b3b3b; border-bottom: 2px solid #3b3b3b; }

.current_page_item > a, .current_page_ancestor > a, .current-menu-item > a, .current-menu-ancestor > a { color: #3b3b3b; border-bottom: 2px solid #3b3b3b; }

.menu-toggle { display: none; float: right; margin: 0; width: 64px; height: 56px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: transparent url("img/sprites.png") 22px -101px no-repeat; }

/* Footer */
.l-footer .inner { padding: 0; border-top: 2px solid #3b3b3b; }

.footer { text-align: left; padding: 30px 0 70px 0; font-size: 13px; }
.footer .social { text-align: right; }
.footer .social .icon { margin: 0 0 0 12px; }
.footer .social .icon:before { height: 20px; width: 20px; font-size: 20px; }
.footer a { text-decoration: none; }
.footer a:not(.icon):hover { text-decoration: underline; }

/* Forms */
label { font-size: 11px; letter-spacing: 0.1em; font-family: "Avenir Next LT W01 Bold", Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

input[type=text], input[type=email], input[type=password], input[type=search], textarea { width: 100%; }
input[type=text].is-empty, input[type=email].is-empty, input[type=password].is-empty, input[type=search].is-empty, textarea.is-empty { color: #a1a1a1; }

input[type=text], input[type=email], input[type=password], input[type=search] { display: block; margin: 0 0 20px 0; border: none; padding: 12px; color: #3b3b3b; font-size: 16px; font-family: "AvenirNextLTW01-Regular", Helvetica, Arial, sans-serif; background: #ededed; }
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus { outline: none; }

input[type=submit] { -webkit-appearance: none; }
input[type=submit]:focus { outline: none; }

textarea { resize: vertical; vertical-align: top; display: inline-block; margin: 0 0 20px 0; border: none; padding: 12px; color: #3b3b3b; font-size: 16px; font-family: "AvenirNextLTW01-Regular", Helvetica, Arial, sans-serif; background: #ededed; }
textarea:focus { outline: none; }

select { margin: 0; }

/* Gravity Forms */
.gform_wrapper { margin: 0 0 1em 0; }
.gform_wrapper .validation_error { margin: 0 0 10px 0; padding: 10px; color: #b72525; background: #FCFFDF; }
.gform_wrapper .validation_message { display: inline-block; margin: 0 0 10px 0; transform: translateY(-7px); -webkit-transform: translateY(-7px); -ms-transform: translateY(-7px); -moz-transform: translateY(-7px); -o-transform: translateY(-7px); color: #b72525; }
.gform_wrapper label { display: none; }

.gform_description { display: block; margin: 0 0 1em 0; }

.gfield_error label { color: #b72525; }

.gform_confirmation_message { margin: 0 0 1em 0; padding: 15px; background: #e7fad2; }

#gforms_confirmation_message { margin: 0 0 1em 0; padding: 0; }

.gform_fields { margin: 0; list-style-type: none; }
.gform_fields li { margin-left: 0; padding: 0; background: none; }

.gform_validation_container { display: none; position: absolute; left: -9999px; }

.gform_button { margin: 0; }

.gform_ajax_spinner { display: inline-block; margin: 0 5px; vertical-align: middle; }

/* Home */
.page-home .l-content-wrap { padding-top: 70px; }

.scroll-arrow { cursor: pointer; position: absolute; left: 50%; top: -32px; margin-left: -23px; width: 46px; height: 32px; background: #fff url(img/sprites.png) 12px 15px no-repeat; }
.scroll-arrow:hover { background-position: 12px -9px; }

.slide-nav { position: absolute; top: -38px; right: 26px; height: 8px; overflow: hidden; }
.slide-nav a { display: inline-block; opacity: 0.5; vertical-align: top; margin: 0 4px 0 4px; width: 8px; height: 8px; background: #fff; border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; transition: opacity 0.25s linear; -webkit-transition: opacity 0.25s linear; -ms-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; -o-transition: opacity 0.25s linear; }
.slide-nav a.selected { opacity: 1; }

.mission { font-size: 30px; line-height: 1.25; letter-spacing: 0.097em; text-transform: uppercase; text-align: center; font-family: "Avenir Next LT W01 Bold", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.mission p { max-width: 1040px; margin-left: auto; margin-right: auto; }

.project-grid { max-width: 1188px; margin-bottom: 40px; }
.project-grid .row { margin: 0 -5px; }
.project-grid [class*="col-"] { padding: 0 5px; }

.img-sq img, .img-h img, .img-v img { display: block; }

.img-sq img, .img-h img { margin-bottom: 10px; }

.img-h, .img-v { position: relative; }
.img-h .center, .img-v .center { height: 100%; transform: translate(50%, 50%); -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); }
.img-h img, .img-v img { transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

.img-h { margin-bottom: 10px; overflow: hidden; }

.img-v { overflow: hidden; }
.img-v img { height: 100%; max-width: none; }

/* About */
.page-about .l-content-wrap { padding-top: 70px; }

.team-member { width: 33.3333%; list-style: none; background: none; }
.team-member .img-wrap { position: relative; padding-bottom: 100%; height: 0; }
.team-member img { position: absolute; top: 0; left: 0; }
.team-member .name, .team-member .role { padding-right: 40px; }
.team-member .name { margin: 0 0 0.3em 0; }
.team-member .role { font-size: 13px; margin: 0; }
.team-member .bio { display: none; font-size: 13px; }
.team-member .meta { margin: 10px 0 10px 0; position: relative; }
.team-member .expand { position: absolute; right: 0; top: 3px; width: 22px; height: 22px; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(img/sprites.png) 0 -193px no-repeat; }
.team-member .expand:hover { background-position: 0 -235px; }

/* Projects */
.thumb--project { width: 33.3333%; list-style: none; background: none; }
.thumb--project .img-wrap { position: relative; display: block; height: 0; padding-bottom: 66.66667%; }
.thumb--project img { position: absolute; top: 0; left: 0; width: 100%; }
.thumb--project img.border { outline: 1px solid #d4d4d4; outline-offset: -1px; }
.thumb--project .title { opacity: 0; margin: 10px 0 0 0; -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; }
.thumb--project.hover .title { opacity: 1; }

.touch .thumb--project .title { opacity: 1; }

.project-slider { position: relative; margin: 0 0 50px 0; }
.project-slider .inner { margin: 0 auto; width: 100%; max-width: 1200px; height: 500px; overflow: hidden; }
.project-slider .rsPreloader { background: #fff url(img/preloader-white-bg.gif) 50% 50% no-repeat; }
.project-slider .slide { height: 100%; width: 100%; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); }
.project-slider .slide img { margin-left: 0 !important; }
.project-slider .slide-split { position: absolute; left: 0; width: 50%; height: 100%; border-right: 10px solid #fff; overflow: hidden; }
.project-slider .slide-split img { position: absolute; left: 0; top: 0; margin-left: 0 !important; margin-top: 0 !important; }
.project-slider .slide-split + .slide-split { left: 50%; border-left: 10px solid #fff; border-right: none; }
.project-slider .slide-counter { max-width: 1200px; text-align: right; margin: 10px auto 0 auto; font-size: 14px; }
.project-slider .btn-prev, .project-slider .btn-next { position: absolute; top: 50%; margin-top: -22px; cursor: pointer; background-color: #fff; }
.project-slider .arrow-icon { display: block; width: 32px; height: 46px; -webkit-backface-visibility: hidden; }
.project-slider .arrow-icon { background-image: url(img/sprites.png); background-repeat: no-repeat; -webkit-transition: opacity 2s; transition: opacity 2s; }
.project-slider .btn-prev { left: 0; }
.project-slider .btn-prev .arrow-icon { background-position: 10px -648px; }
.project-slider .btn-prev:hover .arrow-icon { opacity: 0.6; }
.project-slider .btn-next { right: 0; }
.project-slider .btn-next .arrow-icon { background-position: 15px -697px; }
.project-slider .btn-next:hover .arrow-icon { opacity: 0.6; }

/* Media */
.media-item { margin: 0; list-style: none; background: none; }
.media-item .meta { margin: 10px 0 10px 0; position: relative; }
.media-item .title { margin: 0 0 0.3em 0; }
.media-item .publication { font-size: 13px; margin: 0 0 9px 0; }
.media-item .download { display: inline-block; font-size: 13px; text-decoration: none; line-height: 1; }
.media-item .download .icon { margin-right: 6px; vertical-align: middle; margin-bottom: 2px; }
.media-item .download:hover { text-decoration: underline; }
.media-item .img-wrap { position: relative; height: 0; }
.media-item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.media-item img.border { outline: 1px solid #d4d4d4; outline-offset: -1px; }

/* Contact */
.page-contact .l-content-wrap { padding-top: 70px; }

.map img { max-width: none; position: absolute; left: 0; top: 0; }
.map .inner { overflow: hidden; }
.map .location { position: absolute; left: 50%; top: 50%; }
.map .address { position: absolute; left: -150px; bottom: 35px; width: 300px; background: #fff; border: 2px solid #3b3b3b; padding: 30px 20px; line-height: 1.5; }
.map .address:after, .map .address:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.map .address:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 16px; left: 50%; margin-left: -16px; }
.map .address:before { border-color: rgba(255, 0, 0, 0); border-top-color: #3b3b3b; border-width: 19px; left: 50%; margin-left: -19px; }
.map .address h3 { margin: 0 0 0.4em 0; }
.map .icon-star { position: absolute; left: -8px; top: -8px; }

.contact-details .col-txt { width: 33.333%; }

.contact-form #field_1_1, .contact-form #field_1_2 { width: 50%; }
.contact-form #field_1_1 { float: left; width: 50%; padding-right: 10px; }
.contact-form #field_1_2 { float: right; width: 50%; padding-left: 10px; }

/* Mailing List */
.mailing-list-form #field_2_1, .mailing-list-form #field_2_3 { width: 50%; }
.mailing-list-form #field_2_1 { float: left; width: 50%; padding-right: 10px; }
.mailing-list-form #field_2_3 { float: right; width: 50%; padding-left: 10px; }

/* Wordpress (Blog) */
.post + .post, h1 + .post { margin-top: 40px; }

/* Blog post meta */
.post-meta { font-size: 13px; }
.post-meta .post-date { margin-top: 0; }
.post-meta .post-author { margin: 0 0 0.6em 0; }
.post-meta .post-cats, .post-meta .comments-link { margin: 0 0 0.5em 0; }
.post-meta .post-cats:before { padding-top: 3px; }
.post-meta .social .icon { margin: 0 5px; }
.post-meta .social .icon-twitter { margin-left: 8px; }
.post-meta .social .icon-facebook { margin-right: 0; }
.post-meta a { text-decoration: none; }
.post-meta a:hover { text-decoration: underline; }

/* Blog post thumbs */
.thumb-grid--posts { margin: 0 -10px; }

.thumb--post { float: left; width: 33.3333%; padding: 0 10px 20px 10px; }
.thumb--post h1 { margin: 0 0 15px 0; font-size: 18px; }
.thumb--post .post-meta { margin-top: 1.5em; *zoom: 1; }
.thumb--post .post-meta:before, .thumb--post .post-meta:after { content: " "; display: table; }
.thumb--post .post-meta:after { clear: both; }
.thumb--post .post-date { display: inline; float: left; margin: 0; }
.thumb--post .post-cats { float: right; margin-bottom: 0; }
.thumb--post:after { content: ''; display: block; width: 49px; height: 2px; background: #3b3b3b; overflow: hidden; margin-top: 40px; }

.thumb--post__img { position: relative; display: block; height: 0; padding-bottom: 66.66667%; }
.thumb--post__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.thumb--post__img img.border { outline: 1px solid #d4d4d4; outline-offset: -1px; }
.thumb--post__img + .thumb--post__info h1 { margin-top: 20px; }

.post-header { margin: 0 0 20px 0; }
.post-header img { width: 100%; }
.post-header h1 { margin-top: 0; }

.js .blog .pagination, .js .category .pagination { display: none; }

/* Blog post content */
.post-content img { display: block; }

p:not(.post-img) + .post-img { margin-top: 2em; }

.post-img + p:not(.post-img), .post-img + ol, .post-img + ul { margin-top: 2em; }

.post__feature-img { margin: 0 0 2em 0; }

.post-img { margin: 1em 0; }

.post-content img { margin: 0 auto; }

.wp-caption-text { display: block; margin: 0.5em 0 1em 0; font-size: 14px; font-style: italic; text-align: center; }

.post .alignleft, .post .alignright { max-width: 50%; margin-bottom: 40px; }

.post .alignleft { float: left; margin-top: 0; margin-right: 40px; }

.post .alignright { float: right; margin-top: 0; margin-left: 40px; }

/* Blog comments */
.comments-area { margin-top: 35px; }

.comments-title { margin-top: 0; }

.comment-list { padding-left: 60px; }

.comment { position: relative; font-size: 14px; margin-bottom: 2em; }
.comment .children { margin-top: 2em; margin-left: 60px; }

.vcard .avatar { position: absolute; top: 0; left: -60px; border-radius: 50%; }
.vcard .fn { font-size: 16px; font-family: "Avenir Next LT W01 Bold", Helvetica, Arial, sans-serif; }

.byuser { padding: 10px; background: #eeeeee; }

.comment-meta { font-size: 13px; margin-bottom: 0.75em; }
.comment-meta a { text-decoration: none; }

.comment-reply-link { font-size: 13px; }

.comment-respond { margin-top: 50px; }

.form-submit #submit { margin: 0; }

.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment, .form-submit { margin: 0; }

/* Blog sidebar */
.sidebar { font-size: 13px; }
.sidebar a { text-decoration: none; }
.sidebar a:hover { text-decoration: underline; }

.search-form { position: relative; }
.search-form input[type=text], .search-form input[type=search] { font-size: 13px; padding-right: 40px; margin: 0; }
.search-form .search-submit { position: absolute; right: 22px; top: 12px; background: none; height: 16px; width: 16px; border: none; padding: 0; outline: none; }

.widgets { margin: 0; }

.widget { padding: 50px 0 0 0; margin: 0; list-style: none; background: none; }
.widget h2, .widget h3 { margin: 0 0 15px 0; }
.widget h2 { font-size: 13px; letter-spacing: 1px; }

.widget-subscribe ul, .widget_categories ul { margin: 0; padding: 0; list-style: none; }
.widget-subscribe li, .widget_categories li { padding: 0; background: none; }

.widget-subscribe li { margin: 0 0 0.5em 0; }
.widget-subscribe li:last-child { margin-bottom: 0; }

.widget_categories li { margin: 0 0 0.4em 0; padding: 0; color: #8b8b8b; list-style: none; background: none; }
.widget_categories li a { color: #3b3b3b; }
.widget_categories li a:hover { color: #6e6e6e; }

/* Wordpress image galleries (created using media uploader) */
.gallery { margin: 0 auto 18px; }

.gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; }

.gallery-columns-2 .gallery-item { width: 50%; }

.gallery-columns-4 .gallery-item { width: 25%; }

.gallery img { padding: 0; max-width: 100%; height: auto; }

.gallery img:hover { background: white; }

.gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; }

.gallery dl { margin: 0; }

.gallery dt { margin: 5px; }

.gallery br + br { display: none; }

/* Forms */
label { font-size: 11px; letter-spacing: 0.1em; font-family: "Avenir Next LT W01 Bold", Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

input[type=text], input[type=email], input[type=password], input[type=search], textarea { width: 100%; }
input[type=text].is-empty, input[type=email].is-empty, input[type=password].is-empty, input[type=search].is-empty, textarea.is-empty { color: #a1a1a1; }

input[type=text], input[type=email], input[type=password], input[type=search] { display: block; margin: 0 0 20px 0; border: none; padding: 12px; color: #3b3b3b; font-size: 16px; font-family: "AvenirNextLTW01-Regular", Helvetica, Arial, sans-serif; background: #ededed; }
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus { outline: none; }

input[type=submit] { -webkit-appearance: none; }
input[type=submit]:focus { outline: none; }

textarea { resize: vertical; vertical-align: top; display: inline-block; margin: 0 0 20px 0; border: none; padding: 12px; color: #3b3b3b; font-size: 16px; font-family: "AvenirNextLTW01-Regular", Helvetica, Arial, sans-serif; background: #ededed; }
textarea:focus { outline: none; }

select { margin: 0; }

/* Gravity Forms */
.gform_wrapper { margin: 0 0 1em 0; }
.gform_wrapper .validation_error { margin: 0 0 10px 0; padding: 10px; color: #b72525; background: #FCFFDF; }
.gform_wrapper .validation_message { display: inline-block; margin: 0 0 10px 0; transform: translateY(-7px); -webkit-transform: translateY(-7px); -ms-transform: translateY(-7px); -moz-transform: translateY(-7px); -o-transform: translateY(-7px); color: #b72525; }
.gform_wrapper label { display: none; }

.gform_description { display: block; margin: 0 0 1em 0; }

.gfield_error label { color: #b72525; }

.gform_confirmation_message { margin: 0 0 1em 0; padding: 15px; background: #e7fad2; }

#gforms_confirmation_message { margin: 0 0 1em 0; padding: 0; }

.gform_fields { margin: 0; list-style-type: none; }
.gform_fields li { margin-left: 0; padding: 0; background: none; }

.gform_validation_container { display: none; position: absolute; left: -9999px; }

.gform_button { margin: 0; }

.gform_ajax_spinner { display: inline-block; margin: 0 5px; vertical-align: middle; }

/* Responsive: desktop */
@media only screen and (max-width: 1460px) { .project-grid { margin-left: 15px; margin-right: 15px; }
  .l-content { margin-left: 10px; margin-right: 10px; }
  .l-header, .l-footer { margin-left: 20px; margin-right: 20px; } }
@media only screen and (max-width: 1240px) { .media-item { width: 25%; }
  .post-content, .pagination-blog, .comments-col { width: 75%; } }
@media only screen and (max-width: 920px) { .media-item { width: 33.3333%; } }
@media only screen and (max-width: 980px) { .thumb--project, .thumb--post { width: 50%; } }
@media only screen and (max-width: 568px) { .thumb--project, .thumb--post { width: 100%; } }
@media only screen and (max-width: 800px) { .nav-menu li { margin-left: 15px; margin-right: 15px; } }
@media only screen and (max-width: 768px) { .collapse-1, .contact-details .col-txt { clear: both; width: auto; float: none; }
  [class*="col-"] + .collapse-1:last-child { float: none; }
  .collapse-1[class*="pull-"] { right: 0; }
  .collapse-1[class*="push-"] { left: 0; }
  .page-home .l-header, .page-about .l-header, .page-contact .l-header, .page-mailing-list .l-header, .hero { position: static; transform: translate3d(0, 0, 0) !important; -webkit-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; -o-transform: translate3d(0, 0, 0) !important; }
  .l-content-wrap { margin-top: 0 !important; }
  .scroll-arrow { display: none; }
  .slide-nav { top: -28px; width: 100%; right: 0; text-align: center; }
  .slide-nav a { display: inline-block; }
  .page-wrap { padding-top: 0 !important; }
  .project-grid { margin-left: 5px; margin-right: 5px; }
  .l-content { margin-left: 0; margin-right: 0; }
  .l-header, .l-footer { margin-left: 10px; margin-right: 10px; }
  .l-content-wrap { padding: 40px 0 50px 0; }
  .blog .l-content-wrap, .category .l-content-wrap { padding-bottom: 90px; }
  .mission { font-size: 24px; }
  .project-slider .slide-split { border-right: 5px solid #fff; }
  .project-slider .slide-split + .slide-split { border-left: 5px solid #fff; }
  .map .address { left: -125px; width: 250px; padding: 15px; }
  .map .address h3, .map .address p { display: none; }
  .post + .post { margin-top: 45px; }
  .post-meta { margin-top: 2em; }
  .post-meta .post-date, .post-meta .post-author { display: inline-block; margin-bottom: 0.6em; }
  .post-meta .comments-link { display: none; }
  .comments-area { margin-top: 50px; }
  .search-form { display: none; }
  .footer [class*="col-"] { width: auto; float: none; }
  .footer [class*="col-"] + [class*="col-"]:last-child { float: none; }
  .footer .social { margin-top: 2em; text-align: left; }
  .footer .social .icon { margin: 0 12px 0 0; } }
@media only screen and (min-width: 761px) { .nav-menu { display: block !important; } }
@media only screen and (max-width: 760px) { .l-header { margin-left: 0; margin-right: 0; }
  .header { padding: 10px 0 0; min-height: 90px; }
  .header .border { margin: 0 10px; width: auto; position: static; }
  .header .icon { display: none; }
  .site-title { position: absolute; left: 10px; }
  .site-title img { height: 70px; }
  .menu-toggle { display: inline-block; }
  .menu-toggle:hover { color: #fff; }
  #nav-primary { position: static; margin-top: 24px; width: 100%; }
  .nav-menu { display: none; position: static; float: none; clear: both; margin-top: 0; margin-bottom: -2px; background: #3b3b3b; width: 100%; *zoom: 1; }
  .nav-menu:before, .nav-menu:after { content: " "; display: table; }
  .nav-menu:after { clear: both; }
  .nav-menu li { float: none; width: 100%; margin: 0; }
  .nav-menu li.small-screen-only { display: block; }
  .nav-menu > li:first-child { border-top: 20px solid transparent; display: block; }
  .nav-menu > li:last-child { border-bottom: 20px solid transparent; }
  .nav-menu a { display: block; border: none; color: #fff; padding: 13.33333px 25px; -webkit-font-smoothing: antialiased; }
  .nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a { color: #fff; background: #4a4a4a; border: none; }
  .is-open .menu-toggle { background: #3b3b3b url("img/sprites.png") 22px -137px no-repeat; } }
@media only screen and (max-width: 594px) { .project-grid > .col-4 { width: 50%; }
  .project-grid > .col-8 { width: 100%; float: none; } }
@media only screen and (max-width: 600px) { .collapse-2 { width: auto; float: none; }
  [class*="col-"] + .collapse-2:last-child { float: none; }
  .collapse-2[class*="pull-"] { right: 0; }
  .collapse-2[class*="push-"] { left: 0; }
  .u-ss-hide { display: none; }
  .rule-row, .post + .post, h1 + .post { margin-top: 20px; }
  .rule-row > .col-4 > .h-small, .post + .post > .col-4 > .h-small, h1 + .post > .col-4 > .h-small { margin-bottom: 2em; }
  .media-item, .team-member { width: 50%; }
  .project-slider { margin-bottom: 25px; }
  .project-title { margin-bottom: 10px; } }
@media only screen and (max-width: 480px) { .l-content-wrap { padding: 20px 0 40px 0; }
  .page-about .l-content-wrap, .page-home .l-content-wrap, .page-contact .l-content-wrap { padding-top: 20px; }
  .slide-nav { top: -18px; }
  .mission { font-size: 18px; width: auto; left: 0; }
  .contact-form #field_1_1, .contact-form #field_1_2 { width: 100%; float: none; padding-left: 0; padding-right: 0; }
  .mailing-list-form #field_2_1, .mailing-list-form #field_2_3 { width: 100%; float: none; padding-left: 0; padding-right: 0; }
  .projects-gallery .rsArrowIcn { width: 20px; }
  .projects-gallery .rsArrowLeft .rsArrowIcn { background-position: 7px -261px; }
  .projects-gallery .rsArrowRight .rsArrowIcn { background-position: 8px -323px; } }
/* 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; } }

/*# sourceMappingURL=style.css.map */