/** 
 * Automatically Generated - DO NOT EDIT 
 * KPS3 / v1.0.0 / 2015-02-12 
 */ 


/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** 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. Hide the `template` element in IE, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 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; }

/* ========================================================================== Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** 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. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** 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. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** 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 Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
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"], 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; }

/** 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 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 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 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

meta.foundation-mq-small { font-family: "only screen and (min-width: 768px)"; width: 768px; }

meta.foundation-mq-medium { font-family: "only screen and (min-width:1280px)"; width: 1280px; }

meta.foundation-mq-large { font-family: "only screen and (min-width:1440px)"; width: 1440px; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { font-size: 16px; }

body { background: #fff; color: #222; padding: 0; margin: 0; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: default; }

a:hover { cursor: pointer; }

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

object, embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; }

.left { float: left !important; }

.right { float: right !important; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

.text-justify { text-align: justify !important; }

.hide { display: none; }

.antialiased { -webkit-font-smoothing: antialiased; }

img { display: inline-block; vertical-align: middle; }

textarea { height: auto; min-height: 50px; }

select { width: 100%; }

body { min-width: 62.5em; }

.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; *zoom: 1; width: 62.5em; max-width: none; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row.collapse > .column, .row.collapse > .columns { position: relative; padding-left: 0; padding-right: 0; float: left; }
.row.collapse .row { margin-left: 0; margin-right: 0; }
.row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; }
.row .row:before, .row .row:after { content: " "; display: table; }
.row .row:after { clear: both; }
.row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; }
.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; }
.row .row.collapse:after { clear: both; }

.column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; }

.large-1 { position: relative; width: 8.33333%; }

.large-2 { position: relative; width: 16.66667%; }

.large-3 { position: relative; width: 25%; }

.large-4 { position: relative; width: 33.33333%; }

.large-5 { position: relative; width: 41.66667%; }

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

.large-7 { position: relative; width: 58.33333%; }

.large-8 { position: relative; width: 66.66667%; }

.large-9 { position: relative; width: 75%; }

.large-10 { position: relative; width: 83.33333%; }

.large-11 { position: relative; width: 91.66667%; }

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

.row .large-offset-0 { position: relative; margin-left: 0%; }

.row .large-offset-1 { position: relative; margin-left: 8.33333%; }

.row .large-offset-2 { position: relative; margin-left: 16.66667%; }

.row .large-offset-3 { position: relative; margin-left: 25%; }

.row .large-offset-4 { position: relative; margin-left: 33.33333%; }

.row .large-offset-5 { position: relative; margin-left: 41.66667%; }

.row .large-offset-6 { position: relative; margin-left: 50%; }

.row .large-offset-7 { position: relative; margin-left: 58.33333%; }

.row .large-offset-8 { position: relative; margin-left: 66.66667%; }

.row .large-offset-9 { position: relative; margin-left: 75%; }

.row .large-offset-10 { position: relative; margin-left: 83.33333%; }

.row .large-offset-11 { position: relative; margin-left: 91.66667%; }

.column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; }

.column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; }

.column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; }

@font-face { font-family: '4th-street'; src: url("../fonts/4th-street.eot?lm5sa2"); src: url("../fonts/4th-street.eot?#iefixlm5sa2") format("embedded-opentype"), url("../fonts/4th-street.woff?lm5sa2") format("woff"), url("../fonts/4th-street.ttf?lm5sa2") format("truetype"), url("../fonts/4th-street.svg?lm5sa2#4th-street") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: '4th-street'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-speaker:before { content: "\e600"; }

.icon-twitter:before { content: "\e601"; }

.icon-facebook:before { content: "\e602"; }

.icon-mail:before { content: "\e603"; }

.icon-pin:before { content: "\e604"; }

.icon-search:before { content: "\e605"; }

.icon-gallery-right:before { content: "\e606"; }

.icon-gallery-left:before { content: "\e607"; }

.icon-close:before { content: "\e608"; }

.icon-up-arrow:before { content: "\e609"; }

.icon-down-arrow:before { content: "\e60a"; }

.icon-left-arrow:before { content: "\e60b"; }

.icon-right-arrow:before { content: "\e60c"; }

.icon-info:before { content: "\e60d"; }

.btn { display: inline-block; *display: inline; zoom: 1; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; text-transform: uppercase; text-decoration: none !important; font-size: 0.875em; line-height: normal !important; padding:  0.71429em 1.78571em; font-weight: 600; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.btn:hover { opacity: 0.9; }
.btn:hover, .btn:focus, .btn:active { outline: 0; }
.btn.btn-white { color: #4d7893; background: #ffffff; border: 3px solid #4d7893; box-shadow: 0px 0px 0px 1px #ffffff; }
.btn.btn-orange { color: #F5F4EF; background: #D86F4B; border: 3px solid #F5F4EF; box-shadow: 0px 0px 0px 1px #D86F4B; }

body.lightBoxCustom-overflow-hidden .content-wrapper { height: 100%; overflow: hidden; }

#lightBoxCustom-overlay { position: fixed; top: 0; left: 0; width: 100%; overflow: hidden; bottom: 0; z-index: 200; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.95); }
#lightBoxCustom-overlay .close-btn { position: absolute; top: 15px; right: 15px; width: 35px; height: 35px; font-size: 35px; line-height: 35px; text-align: center; color: #b1b1a8; text-decoration: none; z-index: 201; -moz-transition: color 250ms linear; -o-transition: color 250ms linear; -webkit-transition: color 250ms linear; transition: color 250ms linear; }
#lightBoxCustom-overlay .close-btn:hover { color: #5f5f5f; }
#lightBoxCustom-overlay .photo-wrapper { width: 50%; position: absolute; top: 50%; left: 0; padding: 10% 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 25%; }
#lightBoxCustom-overlay .photo-wrapper .photo img { width: 100%; height: auto !important; display: block; margin: 0 auto; }
#lightBoxCustom-overlay .photo-wrapper .caption { margin-top: 20px; font-size: 14px; line-height: 20px; color: #5f5f5f; }
#lightBoxCustom-overlay .photo-wrapper .caption p { margin: 0; }

body.logged-in #lightBoxCustom-overlay .close-btn { top: 80px; }

.lightBox-caption { display: none; color: #5f5f5f; }

.icon-info { background: #4d7893; border-radius: 50%; }

/** Article Slider */
.article-slider { margin: 30px 28px 35px 0; }
.article-slider .article-slider-main .item { position: relative; }
.article-slider .article-slider-main .item img { display: block; width: 100%; height: auto; }
.article-slider .article-slider-main .item .info-link { display: block; position: absolute; bottom: 15px; right: 15px; font-size: 32px; width: 30px; height: 30px; text-align: center; color: #ffffff; color: rgba(255, 255, 255, 0.7); -moz-transition: color 125ms linear; -o-transition: color 125ms linear; -webkit-transition: color 125ms linear; transition: color 125ms linear; z-index: 2; text-decoration: none; line-height: 30px; }
.article-slider .article-slider-main .item .info-link .icon { margin-left: -1px; }
.article-slider .article-slider-main .item .info-link:hover { color: #ffffff; }
.article-slider .thumb-slider { position: relative; }
.article-slider .page-nav { position: absolute; top: 50%; height: 30px; font-size: 20px; width: 28px; line-height: 30px; margin-top: -15px; color: #ffffff; color: rgba(255, 255, 255, 0.8); -moz-transition: color 125ms linear; -o-transition: color 125ms linear; -webkit-transition: color 125ms linear; transition: color 125ms linear; z-index: 2; text-align: center; text-decoration: none; }
.article-slider .page-nav:hover { color: #ffffff; }
.article-slider .page-prev { left: 0; }
.article-slider .page-next { right: 0; }
.article-slider .article-slider-thumb { width: 100%; background-color: #000000; padding: 5px 30px 1px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.article-slider .article-slider-thumb .item { opacity: 0.8; filter: alpha(opacity=80); -moz-transition: opacity 150ms linear; -o-transition: opacity 150ms linear; -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear; margin: 10px 8px; cursor: pointer; }
.article-slider .article-slider-thumb .item img { width: 100%; height: auto; }
.article-slider .article-slider-thumb .item:hover { opacity: 1; filter: alpha(opacity=100); }
.article-slider .article-slider-thumb .synced .item { opacity: 1; filter: alpha(opacity=100); }

html { height: 100%; }

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; min-height: 100%; margin: 0; padding: 0; font-family: "proxima-nova", sans-serif; }

h1, h2, h3, h4 { font-family: "Kreon", rockwell; font-weight: 400; }

#main-content { padding: 50px 0; }
#main-content h1 { color: #4d7893; font-size: 1.8em; line-height: 1.3em; }
#main-content h2 { color: #4d7893; font-size: 1.5em; line-height: 1.2em; }
#main-content h3 { color: #4d7893; font-size: 1.3em; line-height: 1.4em; }
#main-content h4 { color: #4d7893; font-size: 1.1em; line-height: 1em; }
#main-content p { color: #5f5f5f; line-height: 1.4em; }
#main-content .article { padding-right: 40px; }
#main-content p > a { color: #4d7893; }
#main-content p > a:hover { opacity: 0.9; }
#main-content ul li, #main-content ol li { color: #5f5f5f; margin-bottom: 10px; }
#main-content ul li a, #main-content ol li a { color: #4d7893; }
#main-content ul li a:hover, #main-content ol li a:hover { opacity: 0.9; }

footer { background: #C77050 url("../img/footer-bkg.png") top center no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; padding: 50px 0; width: 100%; }
footer .social { margin: 0 auto; text-align: center; }
footer .social ul { margin: 0; padding: 0; display: inline-block; *display: inline; zoom: 1; }
footer .social ul li { display: inline-block; *display: inline; zoom: 1; margin:  0 0.46875em; padding: 0; list-style: none; }
footer .social ul li a { display: block; text-decoration: none; color: #ffffff; text-transform: uppercase; }
footer .social ul li a:hover { opacity: 0.9; }
footer .social ul li a .icon { font-size: 2em; }
footer .footer-nav { padding-top: 30px; text-align: center; }
footer .footer-nav ul { margin: 0; padding: 0; display: inline-block; *display: inline; zoom: 1; }
footer .footer-nav ul li { display: inline-block; *display: inline; zoom: 1; margin:  0 0 0 1.375em; padding: 0; list-style: none; border-right: 1px solid #ffffff; padding-right: 22px; }
footer .footer-nav ul li:first-child { margin-left: 0; }
footer .footer-nav ul li:last-child { border: none; padding-right: 0; }
footer .footer-nav ul li a { display: block; text-decoration: none; color: #ffffff; }
footer .footer-nav ul li a:hover { opacity: 0.9; text-decoration: underline; }
footer .logos { padding-top: 30px; margin: 0 auto; text-align: center; }
footer .logos ul { margin: 0; padding: 0; display: inline-block; *display: inline; zoom: 1; }
footer .logos ul li { display: inline-block; *display: inline; zoom: 1; margin:  0 0.9375em; padding: 0; list-style: none; }
footer .logos ul li a { display: block; text-decoration: none; }
footer .logos ul li a:hover { opacity: 0.9; }
footer .disclaimer { padding: 30px 0 0 0; color: #ffffff; text-align: center; font-size: 0.7em; }

#header { background: #C77050 url("../img/header-bkg-min.png") top center no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }

#secondary-header { background: #C77050 url("../img/header-bkg-min.png") top center no-repeat; z-index: 100000; }

.main-header { border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 30px; }

#secondary-intro { background: url("../img/history-intro-bkg.jpg"); -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; padding: 50px 0; border-bottom: 1px solid #EDEDEB; z-index: -999; text-align: center; }
#secondary-intro h1 { color: #4d7893; font-size: 2em; line-height: 1.4em; }
#secondary-intro h3 { color: #4d7893; }
#secondary-intro p { color: #5f5f5f; line-height: 1.8em; }

#logo a { text-decoration: none; line-height: 1em; }
#logo .history-project { background-color: #ffffff; color: #D86F4B; text-transform: uppercase; font-size: .3em; padding: 5px; letter-spacing: .08em; font-family: "proxima-nova", sans-serif; font-weight: 700; }
#logo .street { color: #ffffff; font-size: .8em; font-family: "proxima-nova", sans-serif; font-weight: 600; }

nav { margin-top: 1.5625em; z-index: 1000; }
nav ul { margin: 0; padding: 0; position: relative; list-style: none; }
nav ul li { margin:  0 1.5625em 0 0; list-style: none; display: list-item; display: inline-block; *display: inline; zoom: 1; }
nav ul li a { display: block; text-decoration: none; color: #ffffff; font-weight: 600; padding: 10px 12px 7px 9px; }
nav ul li a .icon { font-size: 1.1em; }
nav ul li a .icon-down-arrow { font-size: .9em; position: relative; top: 1px; }
nav ul li ul { display: none; position: absolute; top: 36px; width: 140px; height: 80px; left: 0; z-index: 999999; }
nav ul li:hover a { background-color: #ffffff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #D86F4B; }
nav ul li:hover ul { display: block; }
nav ul li:hover ul li { width: 170px; display: block; margin: 0; padding: 0; }
nav ul li:hover ul li a { margin: 0; background-color: #ffffff; padding: 10px 15px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
nav ul li:hover ul li a:hover { color: #e19175; }
nav ul li:first-child:hover { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px; border-radius: 3px 3px 0 0; }

.intro { text-align: center; color: #ffffff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); min-height: 417px; background: url("../img/intro-collage.png") top center no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }
.intro h1 { font-family: "Kreon", rockwell; font-weight: 400; font-size: 2.8em; padding: 60px 50px 0 50px; line-height: 1.4em; }

#timeline { background-color: #F5F4EF; padding: 20px 0; }
#timeline h2 { text-align: center; color: #4d7893; font-size: 2.4em; }
#timeline p { text-align: center; color: #4d7893; font-size: 1.2em; }
#timeline .timeline-area { height: 500px; position: relative; margin: 30px 0; }
#timeline .timeline-area .bar { display: block; height: 1px; width: 100%; top: 50%; margin-top: -2px; background: #4d7893; position: absolute; }
#timeline .timeline-area .bar:before { display: block; content: ""; height: 20px; width: 1px; background: #4d7893; position: absolute; top: -10px; left: 0%; }
#timeline .timeline-area .bar:after { display: block; content: ""; height: 20px; width: 1px; background: #4d7893; position: absolute; top: -10px; right: 0%; }
#timeline .timeline-area .timeline { height: 300px; display: block; padding: 0; margin-top: -150px; top: 50%; left: 0; width: 100%; position: absolute; }
#timeline .timeline-area .timeline li { display: inline-block; height: 140px; width: 163px; margin: 0; }
#timeline .timeline-area .timeline li p, #timeline .timeline-area .timeline li h4 { margin: 2px; padding: 2px; font-family: "proxima-nova", sans-serif; }
#timeline .timeline-area .timeline li p { font-size: 1em; }
#timeline .timeline-area .timeline li h4 { font-size: 0.8em; font-weight: 700; }
#timeline .timeline-area .timeline li.item img { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding: 10px; border: 1px solid #4d7893; text-align: center; margin: 12px; }
#timeline .timeline-area .timeline li.item img:hover { border: 1px solid #D86F4B; }
#timeline .timeline-area .timeline li a { text-decoration: none; color: #4d7893; text-align: center; }
#timeline .timeline-area .timeline li a:hover { opacity: 0.9; }
#timeline .timeline-area .timeline li.above { position: relative; top: -90px; }
#timeline .timeline-area .timeline li.below { position: relative; top: 114px; }
#timeline .timeline-area .timeline li.below:before { display: block; content: ""; height: 12px; width: 1px; background: #4d7893; position: absolute; top: -36px; left: 50%; }
#timeline .timeline-area .timeline li.above:after { display: block; content: ""; height: 12px; width: 1px; background: #4d7893; position: absolute; top: 227px; left: 50%; }

#community-collaboration { background: #4d7893 url("../img/community-bkg.png") top center no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; padding: 20px 50px 40px 50px; text-align: center; color: #ffffff; }
#community-collaboration h2 { font-size: 2.4em; }
#community-collaboration p { font-size: 1.1em; line-height: 2em; padding-bottom: 15px; }

#histories { background-color: #F5F4EF; padding: 20px 0 70px 0; }
#histories h2 { text-align: center; font-size: 2.4em; padding-bottom: 30px; }
#histories h3, #histories p { text-align: right; }
#histories h2, #histories h3 { color: #4d7893; }
#histories p { line-height: 1.6em; color: #5f5f5f; }
#histories h3 { font-size: 1.4em; line-height: 1.6em; margin-top: 0; }
#histories .btn { position: absolute; right: 20px; }
#histories .thumbnail { position: relative; }
#histories .thumbnail img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

#photo-highlight { background: url("../img/location-highlight.jpg") top center no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; max-height: 700px; color: #ffffff; text-align: center; position: relative; }
#photo-highlight .photo-overlay { background: url("../img/gradient-overlay.png") top center repeat-x; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; max-height: 700px; }
#photo-highlight .photo-overlay .photo-caption { padding: 40% 15% 3% 15%; font-family: "Kreon", rockwell; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }
#photo-highlight .photo-overlay .photo-caption h3 { font-size: 1.6em; }
#photo-highlight .photo-overlay .photo-caption h4 { font-size: 1.3em; font-weight: 400; line-height: 1.3em; }
#photo-highlight .photo-overlay .photo-caption .icon-pin { margin-right: 10px; font-size: 1.3em; }

#era-filter { background: #ffffff; border-bottom: 1px solid #EDEDEB; }
#era-filter ul { list-style: none; display: table; width: 100%; padding: 0; margin: 0; }
#era-filter ul li { display: table-cell; list-style: none; text-align: center; position: relative; padding: 5px 15px; color: #769eb7; }
#era-filter ul li:hover, #era-filter ul li.active-era { background: #769eb7; cursor: pointer; color: #ffffff; }
#era-filter ul li:hover:after, #era-filter ul li.active-era:after { content: ''; width: 0; height: 0; display: block; margin: 13px auto 0; border-top: solid 10px #769eb7; border-left: solid 13px transparent; border-right: solid 13px transparent; position: absolute; bottom: -10px; left: 42%; }
#era-filter ul li .date { font-size: 12px; font-weight: 700; }
#era-filter ul li a { display: block; text-decoration: none; color: #4d7893; text-transform: uppercase; }

#featured-blocks { background-color: #F5F4EF; padding: 50px 0; padding-bottom: 30px; }
#featured-blocks .row { margin-bottom: 50px; }
#featured-blocks .feature-container { background-color: #ffffff; max-width: 288px; text-align: center; border-radius: 3px; margin-bottom: 40px; height: 475px; overflow: hidden; }
#featured-blocks .feature-container .feature-detail { padding: 0 10px 30px 10px; }
#featured-blocks .feature-container .feature-detail h3 { color: #4d7893; font-size: 1.2em; }
#featured-blocks .feature-container .feature-detail p { color: #5f5f5f; font-size: 0.9em; line-height: 1.5em; padding-bottom: 15px; height: 100px; }

#oral-history-header { background-image: url("../img/oral-history-header-bkg.jpg"); -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; padding: 50px 0; border-bottom: 1px solid #EDEDEB; text-align: center; }
#oral-history-header img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#oral-history-header h1 { text-align: center; color: #4d7893; font-size: 2em; line-height: 1.4em; }
#oral-history-header p { color: #5f5f5f; text-align: center; line-height: 1.8em; padding-bottom: 20px; }

.related-link-container { border: 1px solid #EDEDEB; margin-top: 25px; }
.related-link-container .related-link-header { background-color: #f7f7f6; border-bottom: 1px solid #EDEDEB; padding: 3px 15px; }
.related-link-container .related-link-header p { font-size: 0.8em; color: #4d7893 !important; padding: 0; }
.related-link-container .link-list { padding: 15px 0; }
.related-link-container .link-list ul { padding: 0; margin: 0; }
.related-link-container .link-list ul li { list-style: none; padding: 10px 30px; }
.related-link-container .link-list ul li a { text-decoration: none; color: #5f5f5f; font-size: 0.8em; }
.related-link-container .link-list ul li a:hover { text-decoration: underline; }
.related-link-container .related-logos { background-color: #f7f7f6; border-top: 1px solid #EDEDEB; display: block; padding: 15px; }
.related-link-container .related-logos ul { padding: 0; margin: 0; display: inline-block; *display: inline; zoom: 1; }
.related-link-container .related-logos ul li { list-style: none; display: inline-block; *display: inline; zoom: 1; margin: 0 12px; }
.related-link-container .related-logos ul li a:hover { opacity: 0.9; }

body, html { height: 100%; }

#landing { height: 100%; width: 100%; background: #C77050 url("../img/landing-bkg.png") top center no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }
#landing .main-header { border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 30px; }
#landing #logo a { text-decoration: none; line-height: 1em; }
#landing #logo .history-project { background-color: #ffffff; color: #D86F4B; text-transform: uppercase; font-size: .3em; padding: 5px; letter-spacing: .08em; font-family: "proxima-nova", sans-serif; font-weight: 700; }
#landing #logo .street { color: #ffffff; font-size: .8em; font-family: "proxima-nova", sans-serif; font-weight: 600; }
#landing .intro { padding-top: 30px; }
#landing .intro a { color: #ffffff; }

/* 	Core Owl Carousel CSS File 	v1.3.2 */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }

.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }

.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

/* mouse grab icon */
.grabbing { cursor: url(../img/grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.2
*/
.owl-theme .owl-controls { margin-top: 10px; text-align: center; }

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; }

/*  Owl Carousel CSS3 Transitions  v1.3.2 */
.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }

/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }

.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }

/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }

.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }

.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }

/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }

/* Keyframes */
/*empty*/
@-webkit-keyframes empty { 0% { opacity: 1; } }
@-moz-keyframes empty { 0% { opacity: 1; } }
@keyframes empty { 0% { opacity: 1; } }
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } }
@-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } }
@keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } }
@-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } }
@-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } }
@keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); } }
@-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } }
@-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } }
@keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } }
@-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } }
@-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } }
@keyframes goDown { from { transform: translateY(-100%); } }
@-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } }
@keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } }
@-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } }
@keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } }