/* ==========================================================================
   normalize.css v3.0.2 | MIT License | git.io/normalize 
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox prior to 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

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

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

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

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.nowrap {white-space: nowrap;}


/* ==========================================================================
   Fontello
   ========================================================================== */
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?73998054');
  src: url('../font/fontello.eot?73998054#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?73998054') format('woff2'),
       url('../font/fontello.woff?73998054') format('woff'),
       url('../font/fontello.ttf?73998054') format('truetype'),
       url('../font/fontello.svg?73998054#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?73998054#fontello') format('svg');
  }
}
*/


.fa-twitter:before { content: '\e801'; } /* '_' */
.fa-linkedin:before { content: '\e802'; } /* '_' */
.fa-left-open:before { content: '\e804'; } /* '_' */
.fa-right-open:before { content: '\e805'; } /* '_' */
.fa-play-1:before { content: '\e806'; } /* '_' */
.fa-pause-1:before { content: '\e807'; } /* '_' */
.fa-circle:before { content: '\e810'; } /* '_' */
.fa-search:before { content: '\e815'; } /* '_' */
.fa-link-ext:before { content: '\e819'; } /* '_' */
.fa-facebook:before { content: '\f09a'; } /* '_' */
.fa-angle-up:before { content: '\f106'; } /* '_' */
.fa-angle-down:before { content: '\f107'; } /* '_' */
.fa-youtube:before { content: '\f167'; } /* '_' */
.fa-instagram:before { content: '\f16d'; } /* '_' */
.fa-angle-left:before { content: '\f104'; } /* '_' */
.fa-angle-right:before { content: '\f105'; } /* '_' */
.fa-phone:before { content: '\e800'; } /* '_' */
.fa-mail-alt:before { content: '\f0e0'; } /* '_' */

.fa {
  display: inline-block;
  font-family: "fontello"; line-height: 1;
  font-weight: normal; font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  speak: none;
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%; 
}
.fa-2x { 
	font-size: 2em; }
.fa-3x { 
	font-size: 3em; }
.fa-4x { 
	font-size: 4em; }
.fa-5x { 
	font-size: 5em; }
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x { 
	line-height: inherit; }
.fa-stack-2x { 
	font-size: 2em; }

.fa-inverse, a:hover .fa-inverse, a:active .fa-inverse {
    color: #fff;
}


/* ==========================================================================
   Custom
   ========================================================================== */

/* =Base
-------------------------------------------------------------------------------------------------------------------- */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box; }
* > :first-child { margin-top: 0; margin-left: 0; }
* > :last-child { margin-right: 0; }
:focus { outline: #666 dotted 1px; }
[data-whatintent='mouse'] *:focus { outline: none; }


.wf-loading p, .wf-loading ul, .wf-loading ol, .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4 {
	visibility: hidden;
}
.wf-active p, .wf-active ul, .wf-active ol, .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4 {
	visibility: visible;
}
.wf-inactive p, .wf-inactive ul, .wf-inactive ol, .wf-inactive p, .wf-inactive h1, .wf-inactive h2, .wf-inactive h3, .wf-inactive h4 {
	visibility: visible;
}



body { 
	background: #fff;  color: #000; 
	font-family: "stevie-sans", Helvetica, Arial, sans-serif;  font-weight: 300; letter-spacing: 0.03em;
	font-size: 1.125em; line-height: 1.66;   }

@media (max-width:767px) {
	body  {font-size: 1em;}
}


body.menu-extended main, body.menu-extended footer {height: 0; overflow: hidden;}
body.menu-extended {height: auto; min-height: 100vh; }
body.menu-extended header {height: auto; min-height: 100vh;}


strong, b {font-weight: 600;}




p, figure {margin: 18px 0; }
img { display: inline-block; max-width: 100%; height: auto !important; }
iframe {border: 0;}
.inline {display: inline-block;}

figcaption {font-size: 14px; line-height: 1.333; font-weight: 400;}

h1 { font-size: 42px; font-weight: 700;  line-height: 1.2; margin: 18px 0; letter-spacing: normal;}
.project-single  h1 {margin-bottom: 0;}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

h2 {font-size: 27px; line-height: 1; font-weight: 600; margin: 18px 0; letter-spacing: normal;}
h2.project-title {font-size: 18px; line-height: 1.3; font-weight: 600;}
h2.project-title.featured {font-size: 27px; line-height: 1; font-weight: 600;}

.copy h2 {text-transform: uppercase; font-weight: 300; font-size: 28px; line-height: 1;}
h3 {font-size: 18px; line-height: 1.333; font-weight: 600; margin: 18px 0; letter-spacing: 0.03em;}
h4 {line-height: 1.333;}


a {color: inherit; text-decoration: none; font-weight: 600; border-bottom: solid 1px transparent;}
a:hover, a:active {color: inherit; text-decoration: none; border-color: #000;}

.copy a {border-color: #000;}
.copy a:hover, .copy a:active {border-color: transparent;}

.copy ul, .editor ul { padding-left: 0; margin-left: 0;}
.copy ul li, .editor ul li   { margin-left: 1em;}

.copy p+div {margin: 18px 0;}

.centered-text {text-align: center;}

.sparkbird-blue {color: #4285f4;}

@media only screen and (max-width: 769px) {
	h2[aria-hidden="true"] { display: none;}
}

.pullout {
    font-size: 1.5em; line-height: 1.5;
    letter-spacing: 0.02em;
    color: #0f79bf;
    font-style: normal;
    margin: 0 0 1em 0; 
}
blockquote {
    font-size: 24px; line-height: 1.3;
    font-style: normal;
    margin: 60px 0 60px 30px;
}
blockquote p {margin: 0;}


blockquote .cite {
    display: inline-block;
    margin: 0 !important; text-indent: 0; 
    text-indent: 0;
    font-size: 14px;  
    font-style: normal;
}

blockquote .cite:before {
	content: "\2014";
	margin-right: 6px;
}
@media only screen and (min-width: 768px) {
	blockquote {margin-left: 60px;}
}


a.thumb {display: block;  text-decoration: none; border-bottom-width: 0;}
a.thumb:hover, a.thumb:active {border-bottom-width: 0;}
a.thumb img {display: block; vertical-align: top;}

.projects-featured a.thumb, .feature-project a.thumb {padding-bottom: 60px;}

@media (max-width:767px) {
	.projects-featured a.thumb, .feature-project a.thumb  {padding: 0 0 30px 0;}
}


.projects-list a.thumb  {padding: 15px 0; border-top: solid 1px #000; min-height: 80px;}

.feature-project .background-element {height: 635px; min-height: 200px; background-repeat: no-repeat; background-size: cover;}

@media (max-width:1330px) {
	.feature-project .background-element {height: calc(100vh * 40/100);}
}


a.thumb .image { position: relative; margin-bottom: 30px; }

a.thumb .project-title {margin: 0; }
a.thumb .project-title:after {
	content: ">"; 
	margin-left: 6px;
	opacity: 0;
}

a.thumb:hover .project-title:after {
	opacity: 1;
}
a.thumb div.project-location {font-size: 14px; font-weight: 400;}




.more-button > a, a.more {font-weight: 600; border-bottom-width: 0;}
.more-button > a:hover, .more-button > a:active, a.more-button:hover, a.more:active {text-decoration: none;}
.more-button > a:after, a.more:after { content: "\f105"; font-family: 'fontello';   margin-left: 6px; opacity: 0;}
.more-button > a:hover:after, a.more:hover:after { opacity: 1;}


ul.no-bullet {
    margin-left: 0;
	padding: 0;
	list-style: none; }

ul.no-bullet li ul,
ul.no-bullet li ol {
    margin-left: 1.25em;
    margin-bottom: 0;
    list-style: none;}

ul.inline-list {
    list-style: none;
	margin: 0;
	padding: 0;
}
ul.inline-list>li {
	display: inline; }
ul.inline-list>li>* {
    display: inline-block;
	margin: 0 0.5em;
}


/* .borderTop:before {content: ""; display: block; height: 20px; margin: 0 15px; border-top: solid 1px #6d6e71;} */

.borderTop {border-top: solid 1px #000; padding-top: 10px;}
.bottomPad {padding-bottom: 60px;}

/*
.separator {height: 10px; margin: 0 15px; border-top: solid 1px #6d6e71;}
.column .separator {margin: 0;} */

hr { border: 0; border-bottom: solid 1px #000; margin: 10px 15px !important; clear: both; }
.column hr {margin: 10px 0 !important;}


/* NEXT PREV */
.project-single .prev a {display: block; padding: 0 0 0 160px; height: 76px;  border-width: 0;
	background-size: 138px 76px; background-repeat: no-repeat; background-position: 0 0; }
.project-single .next a {display: block; padding: 0 160px 0 0; height: 76px;  border-width: 0;
	background-size: 138px 76px; background-repeat: no-repeat; background-position: 100% 0; }
.prev strong, .next strong {display: block;}
.next {text-align: right;}

.next-prev a {font-weight: 300;}

.next, .prev {width: 28%; float: left; min-height: 1px; padding: 0 15px;}
.all {width: 22%; float: left; min-height: 1px; padding: 0 15px; }
.prev {margin-right: 22%;}

@media only screen and (max-width: 768px) {
	.next, .prev {width: 50%; margin: 0;}
	.all {display: none;}
	.project-single .prev a, .project-single .next a {padding: 96px 0 0 0; height: 100%; background-position: 0 0;}
	.project-single .next a {background-position: 100% 0;}

}

@media only screen and (min-width: 768px) {
	.next.column, .all.column, .prev.column {width: 25%;}
	.all.column {margin-left: 25%;}

}

/* Pagination */
.pagination { margin-bottom: 60px; font-size: 27px; line-height: 1;}
.pagination a {font-weight: 300;}
.pagination .here {font-weight: 700;}
.pagination >*:last-child {margin-right: 0;}



@media only screen and (max-width: 768px) {
	.pagination .pages {margin: 0; padding-top: 18px; clear:both; text-align: left;}

.auto-split {
   -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0px;
}

}

/* =General Layout
-------------------------------------------------------------------------------------------------------------------- */
.row {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 1330px;
	padding-left: 15px;
	padding-right: 15px;}
.row:before, .row:after {
	content: " ";
	display: table; }
.row:after {
	clear: both; }

.row .row {padding: 0; margin: 0 -15px;}

.column,
.columns {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  min-height: 1px;
  float: left; }

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

[class*="column"] + [class*="column"].end {
  float: left; }

.column + .column {margin-top: 1em;}


@media only screen and (min-width: 767px) {

	.column + .column {margin-top: 0;}

	.grid-12 {
	  position: relative;
	  width: 100%; }

	.grid-4 {
	  position: relative;
	  width: 50%; }

	.grid-items .grid-4:nth-child(4n+1) { clear: none;}
	.grid-items .grid-4:nth-child(2n+1) { clear: left;}

	.grid-6 {
	  position: relative;
	  width: 50%; }

}

@media only screen and (min-width: 1024px) {
	.grid-4 {
	  position: relative;
	  width: 25%; }
	.grid-items .grid-4:nth-child(2n+1) { clear: none;}
	.grid-items .grid-4:nth-child(4n+1) { clear: left;}
}



/* =Header
-------------------------------------------------------------------------------------------------------------------- */

/* .js #nav {display: none;} */

.headroom { position: fixed; z-index: 9999; top: 0;  left: 0; right: 0; will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned { top: 0; }
.headroom--unpinned { top: -200px; }

#navToggle {visibility: hidden;}
.mobile #navToggle {visibility: visible;}

#header #navToggle { display: block; position: absolute; top: 6px; right: 15px; border-width: 0;}

#header {background-color: #fff; font-size: 16px;}
.header-bound { position: relative; padding: 42px 0;}
.headroom--not-top  .header-bound {padding: 24px;}

#logo {  width: 218px; /* width: 232px; */}
#logo svg { display: block;  width: 218px; /* width: 232px; */ height: 52px;}
#logo .logo-fill  { fill: #acaeb1; }

#logo svg.logo60 {width:116px;}

.headroom--not-top  #logo { width: 148px; /* width: 160px; */ }
.headroom--not-top  #logo svg { width: 148px; /* width: 160px; */ height: 36px; }

#header nav { position: absolute; top: 32px; right: 0; height: 30px; }
#header.headroom--not-top  nav {top: 16px;}

#header nav ul { list-style: none; margin: 0 15px 0 0; padding: 0; overflow: visible;  }
#header nav ul ul { width: 100%; float: none; }
#header:not(.mobile) nav ul ul ul {padding-top: 3px;}
#header nav ul li { display: block; float: left; position: relative; }

#nav a {display: inline-block; text-decoration: none; }


#header li.level-1 { padding: 0 30px 0 0; }

@media (min-width:1024px) and  (max-width:1140px) {
	#header li.level-1 { padding: 0 20px 0 0; }
}	

#header li.level-1>a {
    position: relative;
    display: block;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 30px;
	letter-spacing: 0.07em;
    text-rendering: optimizeLegibility;
    cursor: pointer;
	text-decoration: none;
}

#header li.level-1:hover>a, #header li.level-1>a:hover {border-color: #fff;}

@media only screen and (min-width: 1024px) {
	#header li.level-1.here>a,  #header li.level-1.parent-here>a { border-color: #000;  }
}
#header li.level-2>a { color: #000; text-decoration: none; font-weight: 400; border-width: 0;}

#header li.level-2>a:after { content: "\f105"; font-family: 'fontello';   margin-left: 6px; opacity: 0;}
#header li.level-2>a:hover:after { opacity: 1;}


.mega-dropdown { position: absolute; visibility: hidden; left: 0; top: 62px; max-height: 0;  overflow: hidden;}

@media only screen and (min-width: 1024px) {
	li.search {padding-left: 30px;}
	li.search .mega-dropdown {left: -200px;}
}

#header.headroom--not-top .mega-dropdown { top: 32px;}
#header.mobile.headroom--not-top .mega-dropdown { top: 0;}

.mega-dropdown:after, 
.mega-dropdown:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -600%;
    width: 1200%;
/*	border-bottom: solid 1px #6d6e71;  */

}

.mega-dropdown:before {
    z-index: 1;
    height: 100%;
    background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 0.85);
 }


.mega-dropdown .content {
    z-index: 2;
    position: relative;
    overflow: hidden;
    padding: 16px 0;
    width: 625px; 
	opacity: 0;
 -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.mega-dropdown.open {
	visibility: visible;
    max-height: 500px; 
    overflow: visible; 
    transition-duration: 1s;
    transition-delay: 250ms; 
    transition-property: max-height; 
}


.mega-dropdown.open:after { width: 1200%; margin-left: -600%; transition: .5s }
.mega-dropdown.open .content { opacity: 1; transition: 250ms .5s;   }

li.level-2 { opacity: 0; }

#header nav ul li.level-2:not(.has-children), 
#header nav ul li.level-3 {
	float:none;
}
#header nav ul li.level-2, #header nav ul li.level-3 {padding-bottom: 3px;}

.mega-dropdown.open li.level-2 {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition: 250ms; }



@media (max-width:1023px) {

	.topnav {margin: 0 -30px;}

	.headroom { position: relative; }


	.header-bound,  .headroom--not-top  .header-bound  {padding: 12px 0;}
	
	#logo, #logo svg, .headroom--not-top #logo svg { /* width: 107px; */ width: 116px; height: 26px; }
	#logo svg.logo60 {width: 58px;}

	#header.mobile {height: 50px; overflow: hidden;} 
    .mega-dropdown.open { max-height: 1200px;}

   #header nav,
    #header.headroom--not-top nav {
        position: relative;  
        top: 50px;
		left: 0;
		right: 0;
       height: 100%;
        width: 100%;
        background: #fff;
    }


    #header nav>ul,
    #header.headroom--not-top nav>ul {
        position: relative;
        top: 0;
        float: none;
        margin: 0
    }
    #header nav>ul li, #header.headroom--not-top nav>ul li { float: none; }

	#header li.level-1, #header li.search { padding: 0 30px !important;}
	#header li.level-2 {padding-left: 20px;}

    #header nav>ul li.level-1>a,  #header nav>ul li.search>a,
    #header.headroom--not-top nav>ul li.level-1>a, #header.headroom--not-top nav>ul li.search>a {
        height: 40px;
        line-height: 40px;
                opacity: 1;
        transition: 450ms;

    }


    #header nav>ul li.level-2>a,
    #header.headroom--not-top nav>ul li.level-2>a {
		display: block;
        border-bottom: 1px solid #fff;
        opacity: 1;
        transition: 450ms;
    }

    #header nav>ul li.level-3>a,
    #header.headroom--not-top nav>ul li.level-3>a {
		display: block;
        opacity: 1;
        transition: 450ms
    }


    #header nav>ul ul,  #header.headroom--not-top nav>ul ul { margin-right: 0; }

    .mega-dropdown {
        position: relative;
        background: #fff;
        top: 0;
        left: 0;
		width: 100%;
		overflow: hidden;
    }
    .mega-dropdown:after, .mega-dropdown:before { display: none; } 
    .mega-dropdown .content { width: 100%; padding: 0; }

	#header nav>ul li.has-children>a:after {
			content: '\f107'; font-family: "fontello"; 
			display: inline-block !important;
			font-size: 28px;
			line-height: 40px;
			float:right;
			font-weight: 400;
			color: #000;}

	#header nav>ul li.has-children>a.open:after {
			content: '\f106'; font-family: "fontello";  }



	#header li.level-1:hover>a,
	#header li.level-1>a:hover,
	#header li.level-1.here>a, 
	#header li.level-1.parent-here>a {
		color: #000;
	}

	#header li.level-2.has-children > ul {visibility: hidden; height: 0; max-height: 0;}
	#header li.level-2.has-children:hover > ul {visibility: visible; height: auto; max-height: 500px;
    transition-duration: 2s;
    transition-delay: 250ms; 
    transition-property: max-height; }

	#header li.level-2.has-children:hover>a:after { content: "\2013"; }

}


[role="navigation"] { transition: 0.5s visibility ease; }

#header.nav-visible {height: auto;}
#header.nav-visible #nav { height: auto; visibility: visible; }
#header.nav-hidden  #nav { height: 0; visibility: hidden; }


/* Hamburger */


.hamburger { cursor: pointer; padding: 7px 20px 10px 0px; }
.hamburger span, .hamburger span:before, .hamburger span:after {
  cursor: pointer;
  border-radius: 2px;
  height: 2px;
  width: 20px;
  background: black;
  position: absolute;
  display: block;
  content: '';
}
.hamburger span:before {
  top: -7px; 
}
.hamburger span:after {
  bottom: -7px;
}

.hamburger span, .hamburger span:before, .hamburger span:after {
  transition: all 200ms ease-in-out;
}

.hamburger.active span {
  background-color: transparent;
}
.hamburger.active span:before, .hamburger.active span:after {
  top: 0;
}
.hamburger.active span:before {
  -webkit-transform: rotate(45deg);  /* Chrome, Opera 15+, Safari 3.1+  */
      -ms-transform: rotate(45deg);  /* IE 9 */
          transform: rotate(45deg);  /* Firefox 16+, IE 10+, Opera  */
}
.hamburger.active span:after {
  -webkit-transform: rotate(-45deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(-45deg);  /* IE 9 */
          transform: rotate(-45deg);  /* Firefox 16+, IE 10+, Opera */
}

/* Scroller */

.scroller {
    display: block;
    position: absolute;
    bottom: 24px;
    left: 50%;
    width: 60px;
    height: 40px;
    margin-left: -30px;
    cursor: pointer;
    z-index: 1001;
    transition: .5s ease-out
}

.scroller:hover {
    -webkit-transform: translate(0, 5px);
    -ms-transform: translate(0, 5px);
    transform: translate(0, 5px);
    -webkit-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}

.scroller:after,
.scroller:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 17px;
    left: 50%;
    width: 40px;
    height: 4px;
    background: #fff;
}

.scroller:hover:after,
.scroller:hover:before {
	background: #E32727; }

.scroller:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: -34px;
}

.scroller:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -7px
}




/* =Footer
-------------------------------------------------------------------------------------------------------------------- */
.site-footer {padding-bottom: 45px; font-size: 0.875em; line-height: 1.5; font-size: 14px; line-height: 18px; font-weight: 400;}
.site-footer .borderTop {padding-top: 45px;}
.site-footer a {color: #000; text-decoration: none; border-bottom: solid 1px #fff;}
.site-footer a:hover, .site-footer a:active {color: #000; text-decoration: none; border-bottom-color: #000;}

.social-links {text-align: right;}
.social-links a {display: inline-block; width: 36px; height: 36px; text-align: center; line-height: 36px; background-color: #000; color: #fff; border-width: 0;}

.social-links a:hover, .social-links a:focus, .social-links a:active {background-color: #999;}

.scroll-top {text-transform: uppercase; margin-top: 20px; font-weight: 600; cursor: pointer; line-height: 2;}
.scroll-top:after {content: "\f106"; font-family: 'fontello';   margin-left: 6px; opacity: 0;}
.scroll-top:hover:after { opacity: 1;}


/* =Content
-------------------------------------------------------------------------------------------------------------------- */

/* #content {height: 100%;} */

body { padding-top: 136px;}


@media (max-width:1023px) {
	body { padding-top: 0;}
}

.breadcrumb {margin: 20px 0 30px 0;   color: #74767b; font-size: 14px; line-height: 1.5; }
.breadcrumb:before { content: "\f105"; font-family: 'fontello'; display: inline-block; margin-right: 6px; }
.breadcrumb a {font-weight: 300;}

.fullscreen {
    position: relative;
    overflow: hidden;
    height: calc(70vh) ;
    padding-bottom: 0;
}


.item {padding: 0 0 60px 0;}

@media (max-width:767px) {
	.item {padding: 0 0 30px 0;}
}



/* NEWS */
.news-list {margin-top: -30px;}
.news-list .borderTop {padding-top: 30px;}
.news-list .meta {font-size: 12px; font-weight: 400;  color: #74767b; }

.news-list .meta:before {
    content: "\f105";
    font-family: 'fontello';
    display: inline-block;
    margin-right: 6px;
}
.news-list .meta time {color: #000;}
.news-list .meta a {font-weight: 400; text-transform: uppercase;}
.news-list .item img  {display: block;}

.news-list h2.post-title {font-size: 18px; line-height: 1.33333; font-weight: 600; }

@media only screen and (max-width: 767px) {
	body.news-single h1 {font-size: 22px; }
}


.news-description {padding-bottom: 60px;}
.news-single .meta {font-weight: 400;  font-size: 14px; color: #000; text-transform: uppercase;}

.share {font-size: 14px; font-weight: 400; margin: 30px 0;}
.share .label {margin-right: 6px;}
.share a {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-color: #000;
    color: #fff;
	margin-left: 6px;
	border-radius: 2px;
	border-width : 0;
}
.share a:hover, .share a:focus, .share a:active {background-color: #999;}

.news-footer .links  ul {margin: 0; padding: 0; list-style: none;}
.news-footer .links li {display: block; font-size: 14px; line-height: 1.3;}

.news-footer .links li:before { content: "\f105"; font-family: 'fontello'; display: inline-block; margin-right: 6px; }
.news-footer .links a {font-weight: 400;}

.news-footer p {margin: 0;}
.news-footer h4 {margin: 0;}

/* PEOPLE */
h1.bio {margin-bottom: 9px;}
.bio-details {padding-top: 60px; padding-bottom: 60px;}


.people-single .position {font-weight: 700;}
.people-single .credentials {font-size: 14px; line-height: 1.5; }
.people-single .contact {font-size: 14px; line-height: 1.5; margin-top: 18px;}

.people-single .contact i {width: 18px; text-align: center;}

.bio-projects {border-top: solid 1px #000; padding-top: 30px;}
.bio-projects h3 {margin: 0;}
.bio-projects a.thumb {padding-bottom: 60px;}

.people-list {padding-top: 60px;}
.bottomPad  + .people-list {padding-top: 0;}

.people-list .thumb {padding-bottom: 60px;}
.people-list h3 {margin-bottom: 0;}
.people-list .contact {font-size: 14px; line-height: 1.5;}
.people-list .contact a {font-weight: 300;}

.people-list .more-button {margin-top: 18px;  font-size: 14px; line-height: 1.5;}
.people-list .more-button a {font-weight: 300;}

.people-list img, .bio-details img, .bio-projects img {
   filter: grayscale(100%);
   -webkit-filter: grayscale(100%); /* CSS for Webkit Browsers */
    filter: gray;
    -webkit-filter: grayscale(1); /* Old WebKit */
}

/* PROJECT */

.project-slider-wrapper {height: 635px; min-height: 200px; overflow: hidden;}

@media (max-width:1200px) {
	.project-slider-wrapper {height: calc(100vh * 40/100);}
}

.project-slider.slick-slider, .project-slider .slick-list, .project-slider .slick-track, .project-slider .slick-slide>div {
  height: 100%; width: auto; float: left;
}
.project-slider .slick-slide img {height: 100% !important; width: auto !important; padding: 0 3px;  /* opacity: 0.3;
 -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out; */
}
 /* .project-slider .slick-current img {opacity: 1;} */


.project-slider-controls { float: right; padding: 20px 0;  }
.project-slider-controls > div { float: left;}
.project-slider-controls .project-count {margin-right: 60px;}

.project-slider-controls.simplified .project-play, .project-slider-controls.simplified .project-count {visibility: hidden;}

@media (min-width:768px) {
	.project-slider-controls { margin-bottom: -60px; position: relative; z-index: 99;}
}

@media (max-width:639px) {
	.project-slider-controls #project-dots { display: none;}
}

.project-info dt {font-weight: 400; float: left; clear: both; margin-right: 6px;}
.project-info dd {font-weight: 600; margin-left: 0; }

.project-awards {font-size: 14px; line-height: 18px;}
.project-awards h3 {font-size: 18px; line-height: 1.66; font-weight: 400; margin: 0;}
.project-awards p {margin: 6px 0;}


.project-details {padding-top: 60px; padding-bottom: 60px;}

/* HOME SLIDER */

.hero {position: relative; margin-bottom: 30px;}

.home-slider-wrapper {height: 635px; min-height: 200px;}

@media (max-width:1330px) {
	.home-slider-wrapper {height: calc(100vh * 40/100);}
}

.home-slider.slick-slider, .home-slider .slick-list, .home-slider .slick-track, .home-slider .slick-slide>div { height: 100%;}

.home-slider .slide  {width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.home-slider .slide>a {display: block; position: relative; width: 100%; height: 100%; border-width: 0;}
.home-slider .slide img {display: none;}
.home-slider .slide .caption {visibility: hidden;}
.home-slider-controls {position: absolute; left: 0 ; bottom: 30px; width: 100%;}

.home-slider-controls .buttons {float: right;}
.home-slider-controls .slide-caption {color: #fff;}

.home-slider-controls .slick-play:hover:before, .home-slider-controls .slick-prev:hover:before, .home-slider-controls .slick-next:hover:before { color: #fff; cursor: default;}


.home-slider .slide>a:before {
	content: "";
	display: block; width: 100%; height: 100%;
	position: absolute; top: 0; left: 0;
	background: transparent;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,0.5998774509803921) 100%);
}

@media (max-width:767px) {
	.home-slider-controls .slide-caption {display: none !important;}
}

/* HOME LATEST */

.latest .item {border-top: solid 1px #000; padding-top: 30px; font-size: 14px; line-height: 1.5;}
.latest h3 {margin-bottom: 0;}	
.latest .meta {font-size: 14px; font-weight: 400;}


/* SEARCH */

 input[type=search] {
    -webkit-appearance: none;
    border-radius: 0;
    background-color: transparent;
    font-family: inherit;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #000;
    color: #000000bf;
    display: block;
	float: left;
    margin: 0 0 1em;
    padding: .5em 0;
    height: 2.3125em;
    width: 250px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .15s linear;
}


li.search>a svg {width: 18px; height: 18px; fill: #000; vertical-align: -3px; }

#search-form button[type="submit"] { padding: .5em; margin: 0 0 1em; border: none; background-color: inherit; display: inline-block; height: 2.3125em;}



@media (max-width:767px) {
	li.level-1.search>a svg{ fill: #6d6e71 !important; padding-top: 0; vertical-align: -3px; }
	input[type=search] { width: 100%; }
	#search-form {padding: 18px; } 
	li.search>a .visuallyhidden {
	clip: auto;
    height: auto;
    margin: 0 0 0 6px;
    overflow: visible;
    position: static;
    width: auto;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 0.1em;
	}
}

/* TIMELINE */

.timeline .year {font-size: 27px; font-weight: 300;}
.timeline .thumb {padding-bottom: 60px;}

/* PAGE */

.page-slider-controls { width: 100%; overflow: hidden; padding: 20px 0; }
.page-slider-controls > div { float: left; }
.page-slider-controls .buttons {float: right;}

.team-footer ul {margin: 0; padding: 0; list-style: none;}
.team-footer li {display: block;}
.team-footer a {font-weight: 600; border-bottom-width: 0;}
.team-footer a:hover, .team-footer a:active {text-decoration: none;}
.team-footer a:after { content: "\f105"; font-family: 'fontello';   margin-left: 6px; opacity: 0;}
.team-footer a:hover:after { opacity: 1;}

@media (min-width: 768px) {
	.team-footer ul, ul.multicolumn {column-count: 2; -moz-column-count: 2; -webkit-column-count: 2;
		column-gap: 15px; -moz-column-gap: 15px; -webkit-column-gap: 15px; margin: 0 auto; }

	ul.multicolumn li {
	    -webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid-column;

	}
}

.content-grid .grid-6 {padding-bottom: 30px;}

@media only screen and (min-width: 768px) {
	.content-grid .grid-6 {padding-bottom: 60px;}
}


.content-grid .borderTop {padding-top: 30px;}

.content-grid .grid-12 figure {margin-bottom: 30px;}


.embed_map {
        position: relative;
        padding-bottom: 56.25%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
.embed_map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;

  -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
    }


/* AWARDS */


.awards-list ul {margin: 0; padding: 0; list-style-type: none;}
.awards-list ul ul {padding: 9px 0 60px 0;}
.awards-list h4 {margin-bottom: 0; font-weight: 400;}
.awards-list .more {font-weight: 400;}
.awards-list .project-location {color: #515151; margin-top: -0.3em;}

.awards-list li.award-line {clear: both; font-size: 14px; line-height: 18px;}
.awards-list .year {display: block; width: 50px; float: left; font-weight: 600; }
.awards-list .award {display: block; margin-left: 50px;}

.awards-list .panel-title a {display: block; width: 100%; overflow: hidden; border-width: 0;}
.awards-list  h3 {width: 50%; float: left;}
.awards-list .icon {display: block; width: 50%; float: right; font-size: 14px;  font-weight: 400; padding-left: 7px;}
.awards-list .icon:before { content: "See Awards"; margin-right: 6px;}
.awards-list a.active .icon:before {content: "Close";}

/* CLIENTS */


.clients-list ul {margin: 0; padding: 0; list-style-type: none;}
.clients-list h4 {margin-bottom: 0; font-weight: 400;}

.clients-list .panel-title a {display: block; width: 100%; overflow: hidden; border-width: 0;}
.clients-list  h3 {width: 50%; float: left;}
.clients-list .icon {display: block; width: 50%; float: right; font-size: 14px;  font-weight: 400; padding-left: 7px;}
.clients-list .icon:before { content: "See Clients"; margin-right: 6px;}
.clients-list a.active .icon:before {content: "Close";}
.clients-list  .panel-content {padding: 10px 0 60px 0; }
.clients-list li {line-height: 1.1; margin-bottom: 15px;}
.clients-list  .more {font-weight: 300;}

@media only screen and (min-width: 767px) {
	.clients-list ul.multicolumn {margin-left: 50%; padding-left: 7px;}
}

.panel-title .icon:after {content: "+"; display: inline-block;}
.panel-title a.active .icon:after {
   -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}



/* Slider */

.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}


.slick-loading .slick-list { background: #fff url('../img/ajax-loader.gif') center center no-repeat; }

.slick-dots { display: block; padding: 0; margin: 0; list-style: none; line-height: 20px;}
.slick-dots li { display: block; float: left; position: relative; width: 14px; height: 20px; margin-right: 6px; padding: 0; cursor: pointer; line-height: 20px;}
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 14px; height: 14px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before	{ opacity: 1; }
.slick-dots li button:before {
    font-family: 'fontello';
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 14px;
    content: '\e810';
    text-align: center;
    color: #b2b2b2;
}
.slick-dots li.slick-active button:before {color: black; }

.slick-play, .slick-prev, .slick-next {
	float: left;
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	margin-right: 26px;
	text-align: center;
}
.slick-next {margin-right: 0;}

.slick-play:before, .slick-prev:before, .slick-next:before {
    font-family: 'fontello';
    font-size: 20px;
    line-height: 1;
    color: #b2b2b2;
}
.slick-play.paused:before { content: '\e806'; }
.slick-play:before { content: '\e807'; }
.slick-prev:before { content: '\e804';  }
.slick-next:before { content: '\e805';  }

.slick-play:hover:before, .slick-prev:hover:before, .slick-next:hover:before { color: #000; cursor: default;}
.slick-prev.slick-disabled:hover:before, .slick-next.slick-disabled:hover:before { color: #b2b2b2; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }


.slider-count {font-size: 14px; line-height: 20px; font-weight: 500; }
.slider-count span {padding: 0 3px;}


@media (max-width:639px) {
	.slick-play, .slick-prev, .slick-next { width: 24px; height: 24px; margin-top: -2px;}
	.slick-play:before, .slick-prev:before, .slick-next:before { font-size: 24px;}
}


/* TWITTER FEED */

#twitter-feed { overflow:auto; }
.twitter-article, #loading-container { width:100%;overflow: hidden;}
 
.twitter-text { width:100%; float:left;  font-size:14px; line-height: 1.3; }
.twitter-text p+p { margin-top:18px; } 
.tweet-time { fonts-size: 12px; font-weight: 300; text-transform: uppercase;  }

#loading-container img {width: 100px;}
#loading-container {text-align: center;}



/* SPLIT IN 2 COLUMNS */

@media (min-width: 960px) {

	.split {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
		-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
		-moz-column-gap: 40px; /* Firefox */
		column-gap: 40px;
	}
	.split h2 { 
		-webkit-column-span: all; /* Chrome, Safari, Opera */
		column-span: all; 
	}
	.split li, .split p {
	   -webkit-column-break-inside: avoid; /* Chrome, Safari */
		page-break-inside: avoid;           /* Theoretically FF 20+ */
		break-inside: avoid-column;         /* IE 11 */
	}

	.split > * {margin: 0 !important; padding-bottom: 18px;}
}

#header #nav-sparkbird > a { color: #4285f4;}