@charset "UTF-8";

/*

	Theme Name: Metis (2020 Revision)

	Theme URI: http://builtbycivilization.com

	Description: WordPress Theme by Civilization, modified PRatliff

	Version: 1.2

	Author: CIVILIZATION / Phillip Ratliff

	Author URI: http://builtbycivilization.com



*/

/*------------------------------------*		CSS RESET & SCSS MIXINS

\*------------------------------------*/

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



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



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



html { overflow-y: scroll; }



ul { list-style: none; }



a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; }



del { text-decoration: line-through; }



abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }



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



th { font-weight: bold; vertical-align: bottom; }



td { font-weight: normal; vertical-align: top; }



hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }



input, select { vertical-align: middle; }



pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }



input[type="radio"] { vertical-align: text-bottom; }



input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }



.ie6 input { vertical-align: text-bottom; }



select, input, textarea { font: 99% sans-serif; outline: 0; overflow: auto; }



table { font-size: inherit; font: 100%; }



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



small { font-size: 85%; }



strong, th { font-weight: bold; }



td, td img { vertical-align: top; }



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



sup { top: -0.5em; }



sub { bottom: -0.25em; }



pre, code, kbd, samp { font-family: monospace, sans-serif; }



.clickable, label, input[type=button], input[type=submit], button { cursor: pointer; outline: 0; }



button, input, select, textarea { margin: 0; }



button { width: auto; overflow: visible; border: 0; background: transparent; }



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



.hidden { display: none; visibility: hidden; }



.grid { display: block; letter-spacing: -0.31em; text-rendering: optimizeLegibility; padding-left: 5.7034220532%; padding-right: 5.7034220532%; }



@media only screen and (min-width: 600px) { .grid { padding-left: 3.8022813688%; padding-right: 3.8022813688%; } }



@media only screen and (min-width: 830px) { .grid { padding-left: 9.5057034221%; padding-right: 9.5057034221%; } }



.grid .col { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; padding-left: 1.3953488372%; padding-right: 1.3953488372%; }



.grid .col.only-col { display: block; margin-left: auto; margin-right: auto; }



@media only screen and (max-width: 829px) { .grid .col.title-col, .grid .col.title-col + .three-col { display: block !important; width: 100% !important; } }



.grid.five-col-grid .col { width: 17.2093023256%; }



.grid.five-col-grid .col.two-col { width: 37.2093023256%; }



.grid.five-col-grid .col.three-col { width: 87.9069767442%; }



@media only screen and (min-width: 600px) { .grid.five-col-grid .col.three-col { width: 57.2093023256%; } }



.grid.five-col-grid .col.four-col { width: 87.9069767442%; }



@media only screen and (min-width: 600px) { .grid.five-col-grid .col.four-col { width: 77.2093023256%; } }



.grid.five-col-grid .col.five-col { width: 87.9069767442%; }



.grid.four-col-grid .col { width: 22.2093023256%; }



.grid.four-col-grid .col.two-col { width: 47.2093023256%; }



.grid.four-col-grid .col.three-col { width: 72.2093023256%; }



.grid.four-col-grid .col.four-col { width: 97.2093023256%; }



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



.grid.center-grid .col { text-align: left; }



.intro-body, .images .slick-dots li button, .images .slide-count span { font-family: 'adobe-caslon-pro', 'Adobe Caslon Pro', Caslon, Georgia, serif; font-weight: 400; }



h2, .project-header dl dd .press q, .intro-quote { font-family: 'adobe-caslon-pro', 'Adobe Caslon Pro Semibold', Caslon, Georgia, serif; font-weight: 600; }



body, h1, .images-intro { font-family: 'franklin-gothic-urw', 'Franklin Gothic Book', 'Franklin Gothic', Helvetica, Arial, sans-serif; }



/*------------------------------------*		MAIN

\*------------------------------------*/

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



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



:-webkit-autofill { -webkit-text-fill-color: #231F20; -webkit-box-shadow: 0 0 0px 1000px #fff inset; }



:-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #231F20; -moz-box-shadow: 0 0 0px 1000px #fff inset; }



::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #231F20; -moz-box-shadow: 0 0 0px 1000px #fff inset; }



::-webkit-input-placeholder { color: #231F20; opacity: 0.5; }



:-moz-placeholder { /* Firefox 18- */ color: #231F20; opacity: 0.5; }



::-moz-placeholder { /* Firefox 19+ */ color: #231F20; opacity: 0.5; }



:-ms-input-placeholder { color: #231F20; opacity: 0.5; }



html { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-osx-font-smoothing: grayscale; /* fixes FF over-bolding */ font-size: 62.5%; /* 10px reset */ position: relative; min-height: 100%; height: 100%; background: #fff; }



html.wf-loading { opacity: 0; }



html.wf-inactive, html.wf-active { opacity: 1; }



body { width: 100%; height: 100%; background: #fff; color: #59595c; font-size: 1.6rem; line-height: 1.4; -webkit-overflow-scrolling: touch; }



@media only screen and (min-width: 600px) { body { font-size: 1.8rem; } }



h1, h2, h3, h4, button { text-rendering: optimizeLegibility; }



h1 { font-size: 3rem; line-height: 2.8rem; }



@media only screen and (min-width: 600px) { h1 { font-size: 4rem; line-height: 4.2rem; } }



h2 { font-size: 2.2rem; line-height: 3.4rem; }



@media only screen and (min-width: 600px) { h2 { font-size: 3rem; line-height: 5.6rem; } }



h2.title { text-transform: uppercase; }



h2 + p { margin-top: 1.2rem; }



h3 { font-size: 1.8rem; line-height: 2.4rem; }



@media only screen and (min-width: 600px) { h3 { font-size: 2.2rem; line-height: 3rem; } }



h3.title { text-transform: uppercase; }



h4 { font-size: 1.6rem; line-height: 1.4; font-weight: 800; }



@media only screen and (min-width: 600px) { h4 { font-size: 1.8rem; } }



p + p { margin-top: 1.2em; }



p + h2 { margin-top: 24px; }



p + h3 { margin-top: 24px; }



img { max-width: 100%; vertical-align: bottom; }



button { font-size: 1.2rem; font-weight: 800; letter-spacing: 0.05em; padding: 4px 8px; color: #231F20; border: 2px solid #231F20; -webkit-transition: all 0.125s; -moz-transition: all 0.125s; -o-transition: all 0.125s; transition: all 0.125s; }



a { color: #59595c; -webkit-transition: all 0.125s; -moz-transition: all 0.125s; -o-transition: all 0.125s; transition: all 0.125s; }



a:hover { color: #005c62; }



input, textarea { width: 100%; border: 2px solid #231F20; padding: 4px 12.5px; font: inherit; background: #fff; color: #231F20; resize: none; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }



textarea { padding: 12.5px; }



textarea.embed-code { display: none; }



input[type="submit"] { display: block; width: 50%; margin: 0 auto; border: 2px solid #231F20; font-size: 2.2rem; line-height: 3rem; }



input[type="submit"]:hover { background: #231F20; color: #fff; }



q, blockquote { display: block; quotes: "\201C" "\201D" "\2018" "\2019"; }



q:before, blockquote:before { content: open-quote; margin-left: -0.4em; }



q:after, blockquote:after { content: close-quote; margin-left: -0.25em; }



q:before, q:before, q p, blockquote:before, blockquote:before, blockquote p { display: inline; }



q + cite, blockquote + cite { display: block; font-style: normal; }



q + cite:before, blockquote + cite:before { content: "— "; }



/* clear */

.clear { *zoom: 1; }



.clear:before { content: " "; display: table; }



.clear:after { content: " "; display: table; clear: both; }



/*------------------------------------*	HEADER, MENU, LOADING & SITE-WIDE

\*------------------------------------*/

header { position: fixed; top: 0; left: 0; right: 0; height: 50px; background: #fff; z-index: 100; }

.social-icons { width:30px; height:30px; margin-top: 10px; margin-left: 5px; position:absolute;}

.fb-icon {margin-left: 50px}

@media only screen and (min-width: 600px) { .social-icons { display: inline; position:relative; } }


header .logo-wrap { position: absolute; right: 50px; perspective: 20vmax; }

@media only screen and (min-width: 600px) { header .logo-wrap { left: auto; } }



header .logo { display: block; width: 83px; height: 50px; background: url(i/metis.png) 50% 50% no-repeat; background-image: url(i/metis.svg); -webkit-background-size: auto 20px; -moz-background-size: auto 20px; -o-background-size: auto 20px; background-size: auto 20px; text-indent: 1500%; white-space: nowrap; overflow: hidden; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -o-transition: all 0.75s; transition: all 0.75s; z-index: 101; cursor: pointer; margin: 0 auto; }



header .logo.fallen { opacity: 0; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; }



@media only screen and (min-width: 600px) { header .logo { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } }



.menu-icon { position: fixed; top: 0; right: 0; height: 50px; padding: 14px 12.5px; z-index: 101; cursor: pointer; }



@media only screen and (min-width: 600px) { .menu-icon { display: none; } }



.menu-icon i { display: block; width: 25px; height: 4px; background: #59595c; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }



.menu-icon i + i { margin-top: 5px; }



.menu-icon.open i { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ margin-top: 10px; }



@media only screen and (min-width: 600px) { .menu-icon.open i { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } }



.menu-icon.open i + i { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ margin: 0; }



.menu-icon.open i + i + i { opacity: 1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ margin-top: -8px; }



/* MENU */

.main-menu { position: fixed; top: 0; left: 0; right: 0; text-align: center; z-index: 99; visibility: hidden; transition: visibility 0s linear 0.25s, top 0.25s linear; }



.main-menu.open { top: 50px; visibility: visible; transition-delay: 0s; }



.main-menu > ul { display: table; margin: 0 auto; width: 100%; letter-spacing: -0.31em; text-rendering: optimizeLegibility; }



.main-menu > ul > li { font-size: 1.4rem; letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; display: table-cell; line-height: 50px; height: 50px; text-align: center; vertical-align: center; text-transform: uppercase; color: #59595c; position: relative; cursor: pointer; background: #fff; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; }



.main-menu > ul > li:first-child { padding-left: 5px; }



.main-menu > ul > li:last-child { padding-right: 5px; }






@media only screen and (min-width: 600px) { .main-menu { right: 108px; left: 108px; visibility: visible; z-index: 101; }

  .main-menu.open { top: 0; }

  .main-menu > ul { display: block; margin: 0 auto; width: 100%; }

  .main-menu > ul > li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: initial; vertical-align: top; line-height: 50px; height: 50px; padding: 0 20px; }

  .main-menu > ul > li:first-child, .main-menu > ul > li:last-child { padding: 0 20px; }

  .main-menu > ul > li:hover { color: #005c62; padding: 0 20px; }

  .main-menu > ul > li:hover > a { color: #005c62; padding: 16px 0; cursor: pointer; }

  .main-menu > ul > li:hover:after { position: absolute; bottom: 8px; left: 20px; right: 20px; content: ''; display: block; height: 5px; background: #005c62; } }



.menu-hover { z-index: -1; position: fixed; top: 50px; left: 0; right: 0; bottom: 0; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: auto; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; cursor: default; }



@media only screen and (min-width: 600px) { .menu-hover { top: 50px; left: 25px; right: 25px; bottom: 25px; } }



.menu-hover.hidden { display: none; }



.menu-hover a { color: #fff; }



.menu-hover a:hover { color: #b9d9d7; }

menu.hover li:hover .menu-hover { visibility: visible; opacity: 1; transition-delay: 0s; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

.bottom { position: fixed; bottom: 0; left: 0; right: 0; text-align: center; background: #fff; height: 25px; z-index: 99; }



.wrap { position: relative; min-height: 100%; overflow-x: visible; }



body:not(.home) .wrap { background: #f3f2f0; }



@media only screen and (min-width: 600px) { body:not(.home) .wrap { margin: 50px 25px 5px; } }



body.single-project .wrap { background: #eceff3; }



body.single-job .wrap, body.page-template-page-contact .wrap { background: #005c62; }



.overlay { background: rgba(75, 97, 118, 0.55); }



.overlay.lite { background: rgba(34, 31, 31, 0.25); }



.overlay.contact-overlay { background: #005c62; }



/* loading */

.pace .pace-progress { position: fixed; z-index: 98; background: rgba(75, 97, 118, 0.55); height: 10px; top: 50px; left: 25px; right: 25px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }



.pace.pace-inactive { opacity: 0; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }



.loaded .pace-progress { top: 0; }



.fade-in { opacity: 0; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; }



.loaded .fade-in { opacity: 1; }



/*------------------------------------*	HOME

\*------------------------------------*/

.home-wrap { position: relative; display: table; width: 100%; height: 100%; background: rgba(64, 82, 108, 0.5); background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; }



.home-wrap > div { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; }



@media only screen and (min-width: 600px) { .home-wrap { border: 25px solid #fff; border-bottom-width: 0; } }



.home-wrap .home-section { vertical-align: top; text-align: left; padding: 100px 0 0 75px; }



@media only screen and (min-width: 830px) { .home-wrap .home-section { padding: 150px 0 0 125px; } }



.home-wrap:nth-child(odd) .home-section { vertical-align: bottom; text-align: right; padding: 0 75px 100px 0; }



@media only screen and (min-width: 830px) { .home-wrap:nth-child(odd) .home-section { padding: 0 125px 150px 0; } }



.home-wrap.phone { border-top: 50px solid #fff; }



.home-wrap.half { height: 33%; height: 33vh; }



@media only screen and (orientation: landscape) { .home-wrap.half { height: 100%; height: calc(100vh - 50px); } }



.intro-block { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 75%; max-width: 77.2093023256%; margin: 0 auto; position: relative; perspective: 100vmax; }



@media only screen and (min-width: 830px) { .intro-block { max-width: 57.2093023256%; } }



.intro-block span { position: absolute; top: 50px; right: 0; bottom: 50px; left: 0; display: block; width: 100%; background: url(i/metis-white.png) 50% 50% no-repeat; background-image: url(i/metis-white.svg); -webkit-background-size: 75% auto; -moz-background-size: 75% auto; -o-background-size: 75% auto; background-size: 75% auto; text-indent: 1500%; white-space: nowrap; overflow: hidden; }



@media only screen and (min-width: 600px) { .intro-block span { top: 0; bottom: 0; height: 100%; } }



@media only screen and (orientation: landscape) { .intro-block span { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } }



@media only screen and (min-width: 830px) { .intro-block span { -webkit-background-size: auto 40%; -moz-background-size: auto 40%; -o-background-size: auto 40%; background-size: auto 40%; } }



.intro-block .intro-block-wrap { -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; -webkit-transform: rotateX(120deg); -moz-transform: rotateX(120deg); -ms-transform: rotateX(120deg); -o-transform: rotateX(120deg); transform: rotateX(120deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; display: table; width: 100%; height: 100%; }



.intro-block .intro-block-wrap > div { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; }



.intro-block .intro-block-wrap > div { text-align: left; }



.intro-block .intro-text { padding: 4.2rem 6.5rem; }



.intro-block .intro-text:before { content: ''; display: block; width: 80px; height: 10px; background: #59595c; margin-bottom: 3rem; }



.intro-block .intro-link { display: block; text-align: center; font-size: 1.5rem; margin-top: 3rem; }



.intro-block .intro-link a { font-weight: 500; }



.intro-block .intro-link a:before, .intro-block .intro-link a:after { content: "—"; margin: 0 0.25em; }



.intro-block i { -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; position: absolute; display: block; width: 200%; width: 100vmax; height: 5px; background: white; bottom: 100%; left: 100%; left: 100vmax; }



.intro-block i + i { top: 100%; left: auto; right: 100%; right: 100vmax; bottom: auto; }



.intro-block i + i + i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; top: 100%; top: 100vmax; left: 100%; right: auto; }



.intro-block i + i + i + i { -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; top: -100%; top: -100vmax; left: auto; right: 100%; }



.home-intro .intro-block { max-width: 77.2093023256%; height: 33vh; cursor: pointer; }



@media only screen and (min-width: 600px) { .home-intro .intro-block { height: 50; } }



@media only screen and (orientation: landscape) { .home-intro .intro-block { height: 50vh; } }



.home-wrap.active .intro-block .intro-block-wrap { background: #fff; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }



.home-wrap.active .intro-block i { -webkit-transition-delay: 0.375s; -moz-transition-delay: 0.375s; -o-transition-delay: 0.375s; transition-delay: 0.375s; left: 0; }



.home-wrap.active .intro-block i + i { top: 100%; left: auto; right: 0; }



.home-wrap.active .intro-block i + i + i { top: 0; left: 100%; right: auto; }



.home-wrap.active .intro-block i + i + i + i { top: 100%; left: auto; right: 100%; }



.phone-intro-block { padding: 50px 25px; }



.phone-intro-block .intro-text { text-align: left; }



.phone-intro-block .intro-text:before { content: ''; display: block; width: 80px; height: 10px; background: #59595c; margin-bottom: 3rem; }



.phone-intro-block .intro-link { display: block; text-align: center; font-size: 1.5rem; margin-top: 3rem; }



.phone-intro-block .intro-link a { font-weight: 500; }



.phone-intro-block .intro-link a:before, .phone-intro-block .intro-link a:after { content: "—"; margin: 0 0.25em; }



/*------------------------------------*	PROJECTS

\*------------------------------------*/

.thumb { width: 100%; height: 0; padding-bottom: 56.25%; background-color: #005c62; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }



.thumb + p { margin-top: 2rem; }



.section-intro { width: 100%; position: relative; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin: 50px 0; }



.section-intro .section-intro-wrap { min-height: 50%; min-height: 50vw; display: table; width: 100%; height: 100%; }



.section-intro .section-intro-wrap > div { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; }



.section-intro .section-intro-text { background: rgba(34, 31, 31, 0.25); padding: 50px 25px; color: #fff; text-align: left !important; font-size: 1.8rem; line-height: 1.28; font-weight: 300; text-transform: none; padding-left: 5.7034220532%; padding-right: 5.7034220532%; }



@media only screen and (min-width: 600px) { .section-intro .section-intro-text { padding-left: 3.8022813688%; padding-right: 3.8022813688%; } }



@media only screen and (min-width: 830px) { .section-intro .section-intro-text { padding-left: 9.5057034221%; padding-right: 9.5057034221%; } }



.section-intro .section-intro-text:before { content: ''; display: block; width: 112px; height: 10px; background: #fff; margin-bottom: 20px; }



.slick-next, .slick-prev { position: absolute; top: 15px; left: 0; display: block; width: 30px; height: 48px; background: rgba(134, 151, 160, 0.88) url(i/arrow-left.png) 40% 50%; -webkit-background-size: auto 24px; -moz-background-size: auto 24px; -o-background-size: auto 24px; background-size: auto 24px; background-repeat: no-repeat; border: 0; text-indent: 1500%; white-space: nowrap; overflow: hidden; z-index: 98; }



.slick-next.small, .slick-prev.small { -webkit-background-size: auto 24px; -moz-background-size: auto 24px; -o-background-size: auto 24px; background-size: auto 24px; }



@media only screen and (min-width: 600px) { .slick-next, .slick-prev { width: 60px; height: 95px; -webkit-background-size: auto 40px; -moz-background-size: auto 40px; -o-background-size: auto 40px; background-size: auto 40px; } }



.slick-next { background-image: url(i/arrow-right.png); background-position: 60% 50%; left: auto; right: 0; }



.carousel { position: relative; overflow: hidden; z-index: 0; }



@media only screen and (min-width: 600px) { .carousel { padding-bottom: 50px; } }



@media only screen and (min-width: 830px) { .carousel { padding-bottom: 100px; } }



.carousel .slick-list { height: 100%; }



.carousel .slick-track { display: table; height: 100%; }



.carousel .slick-slide { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; padding: 0 15px; vertical-align: top; text-align: left; overflow: hidden; margin: 0 !important; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; }



.carousel .slick-slide.slick-active { opacity: 1; }



@media only screen and (min-width: 600px) { .carousel .slick-slide { opacity: 1; } }



.slideshow-wrap, .carousel-wrap { position: relative; width: 100%; }



@media only screen and (min-width: 600px) { .slideshow-wrap .slide-arrows .slick-prev, .carousel-wrap .slide-arrows .slick-prev { left: -25px; }

  .slideshow-wrap .slide-arrows .slick-next, .carousel-wrap .slide-arrows .slick-next { right: -25px; } }



.project-category { padding-top: 50px; padding-bottom: 50px; }



@media only screen and (min-width: 600px) { .project-category { padding-top: 50px; padding-bottom: 50px; } }



@media only screen and (min-width: 830px) { .project-category { padding-top: 50px; padding-bottom: 50px; } }



.project-hero { position: fixed; top: 50px; right: 0; left: 0; z-index: 0; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 60%; height: calc(60vh - 75px); overflow: hidden; }



@media only screen and (min-width: 600px) { .project-hero { right: 25px; left: 25px; } }



@media only screen and (min-width: 830px) { .project-hero { height: 100%; height: calc(100vh - 75px); } }



.project-hero .overlay { min-height: 100%; min-height: 100vh; }



.project-content { position: relative; }



.project-content:before { content: ''; display: block; height: 60%; height: calc(60vh - 75px); }



@media only screen and (min-width: 830px) { .project-content:before { height: 100%; height: calc(100vh - 75px); } }



.project-content .intro { background: #f3f2f0; }



.project-header { background: rgba(255, 255, 255, 0.95); -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.95); -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.95); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.95); }



@media only screen and (min-width: 830px) { .project-header { background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } }



.project-header .project-details { position: relative; text-align: left; display: block; padding: 25px 0 55px; margin: 0 auto; width: 100% !important; }



@media only screen and (min-width: 600px) { .project-header .project-details { padding: 25px 25px 55px; } }



@media only screen and (min-width: 830px) { .project-header .project-details { width: 77.2093023256% !important; background: rgba(255, 255, 255, 0.95); width: 50%; padding: 50px; margin: -200px 0 0; } }



@media only screen and (min-width: 1100px) { .project-header .project-details { width: 57.2093023256% !important; } }



.project-header .project-title { position: relative; }



.project-header .project-title:before { content: ''; display: block; width: 80px; height: 12px; background: #59595c; margin: 0 0 2.8rem; }



.project-header .project-title h1 { font-size: 3rem; line-height: 2.8rem; }



@media only screen and (min-width: 450px) { .project-header .project-title h1 { padding-right: 10rem; } }



@media only screen and (min-width: 600px) { .project-header .project-title h1 { font-size: 4rem; line-height: 4.2rem; } }



.project-header .project-title p { position: absolute; right: 0; top: 0; font-size: 1.4rem; line-height: 0.9; text-transform: uppercase; font-weight: 600; }



@media only screen and (min-width: 450px) { .project-header .project-title p { top: auto; line-height: 1.2; bottom: 0; } }



@media only screen and (min-width: 600px) { .project-header .project-title p { line-height: 1.7; } }



@media only screen and (min-width: 830px) { .project-header .project-title p { top: 0; line-height: 0.9; bottom: auto; } }



@media only screen and (min-width: 1100px) { .project-header .project-title p { top: auto; line-height: 1.7; bottom: 0; } }



.project-header .tags { font-size: 2.4rem; line-height: 5.6rem; min-height: 5.6rem; margin-bottom: 5.6rem; }



@media only screen and (min-width: 600px) { .project-header .tags { font-size: 3.4rem; } }



.project-header dl { display: block; margin-top: 2rem; border-top: 1px solid #59595c; }



.project-header dl dd { position: relative; display: block; padding: 1rem 0; border-bottom: 1px solid #59595c; font-size: 1.4rem; line-height: 4.2rem; }



.project-header dl dd .press, .project-header dl dd .map, .project-header dl dd .team { width: 100%; padding: 0; border: 0; line-height: 2.2rem; -webkit-transition: padding 0.5s; -moz-transition: padding 0.5s; -o-transition: padding 0.5s; transition: padding 0.5s; }



.project-header dl dd .press ul, .project-header dl dd .map ul, .project-header dl dd .team ul { padding-bottom: 1rem; }



@media only screen and (min-width: 930px) { .project-header dl dd .press ul, .project-header dl dd .map ul, .project-header dl dd .team ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } }



@media only screen and (min-width: 1100px) { .project-header dl dd .press ul, .project-header dl dd .map ul, .project-header dl dd .team ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } }



.project-header dl dd .map { width: 100%; height: 300px; filter: gray; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: grayscale(100%); -webkit-filter: grayscale(100%); }



.project-header dl dd .press q { font-size: 1.6rem; line-height: 2.2rem; }



.project-header dl dd .press a { padding-bottom: 1px; background: -webkit-linear-gradient(#f7f7f7, #f7f7f7), -webkit-linear-gradient(#f7f7f7, #f7f7f7), -webkit-linear-gradient(#59595c, #59595c); background: -moz-linear-gradient(#f7f7f7, #f7f7f7), -moz-linear-gradient(#f7f7f7, #f7f7f7), -moz-linear-gradient(#59595c, #59595c); background: -o-linear-gradient(#f7f7f7, #f7f7f7), -o-linear-gradient(#f7f7f7, #f7f7f7), -o-linear-gradient(#59595c, #59595c); background: -ms-linear-gradient(#f7f7f7, #f7f7f7), -ms-linear-gradient(#f7f7f7, #f7f7f7), -ms-linear-gradient(#59595c, #59595c); background: linear-gradient(#f7f7f7, #f7f7f7), linear-gradient(#f7f7f7, #f7f7f7), linear-gradient(#59595c, #59595c); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #f7f7f7, -0.03em 0 #f7f7f7, 0 0.03em #f7f7f7, 0 -0.03em #f7f7f7, 0.06em 0 #f7f7f7, -0.06em 0 #f7f7f7, 0.09em 0 #f7f7f7, -0.09em 0 #f7f7f7, 0.12em 0 #f7f7f7, -0.12em 0 #f7f7f7, 0.15em 0 #f7f7f7, -0.15em 0 #f7f7f7; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; }



.project-header dl dd .press cite { margin-top: 1rem; }



.project-header dl dd .press cite + q { margin-top: 3.2rem; }



.project-header dl dd .press .press-block + .press-block { margin-top: 3.2rem; }



.project-header dl dd span { vertical-align: baseline; font-size: 2.2rem; line-height: 4.2rem; }



.project-header dl dd.toggle { position: relative; }



.project-header dl dd.toggle:before { content: ''; display: block; position: absolute; top: 0; right: 0; width: 6rem; height: 6rem; background: url(i/toggle.png) 100% 50% no-repeat; -webkit-background-size: auto 12px; -moz-background-size: auto 12px; -o-background-size: auto 12px; background-size: auto 12px; }



.project-header dl dd.toggle .toggler { position: absolute; top: 0; left: 0; width: 100%; height: 6rem; cursor: pointer; z-index: 2; }



.project-header dl dd.open { padding-bottom: 2rem; }



.project-header dl dd.open:before { background-image: url(i/toggle-x.png); }



.project-header dl dd.open .press { padding-bottom: 1rem; }



.project-header dl dd.open .map { background: url(i/loading.gif) 50% 50% no-repeat; -webkit-background-size: auto 4px; -moz-background-size: auto 4px; -o-background-size: auto 4px; background-size: auto 4px; }



.map-load { visibility: hidden; opacity: 0; height: 0; }



.map-load .map { width: 100%; height: 300px; filter: gray; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: grayscale(100%); -webkit-filter: grayscale(100%); }



.project-related { background: #eceff3; padding-top: 55px; padding-bottom: 55px; -webkit-box-shadow: 0 0 0 1px #eceff3; -moz-box-shadow: 0 0 0 1px #eceff3; box-shadow: 0 0 0 1px #eceff3; }



@media only screen and (min-width: 600px) { .project-related { padding-top: 100px; padding-bottom: 100px; } }



.project-related .title-col, .project-related .related-block { padding-bottom: 3.2rem; }



@media only screen and (min-width: 450px) { .project-related .three-col { letter-spacing: -0.31em; text-rendering: optimizeLegibility; }

  .project-related .three-col .related-block { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 33.3333333333%; padding: 0 15px; } }



@media only screen and (min-width: 830px) { .project-related { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } }



/*------------------------------------*	SECTIONS

\*------------------------------------*/

.anchor-push { display: block; position: relative; top: -50px; visibility: hidden; }



section.intro { padding-top: 55px; -webkit-box-shadow: 0 0 0 1px #fff; -moz-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; }



@media only screen and (min-width: 830px) { section.intro { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } }



@media only screen and (min-width: 600px) { section.intro { padding-top: 100px; } }



section.intro:not(:first-child) { background: #fff; }



section.slideshow { background: #fff; -webkit-box-shadow: 0 0 0 1px #fff; -moz-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; }



@media only screen and (min-width: 830px) { section.slideshow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } }



section.slideshow + .slideshow { margin-top: -130px; }



section.list { padding-top: 55px; padding-bottom: 105px; }



@media only screen and (min-width: 600px) { section.list { padding-top: 105px; padding-bottom: 170px; } }



section.list.child-of-p16 { background: #005c62; color: #fff; }



section.company { padding-top: 80px; background: #fff; }



section.job-list, section.job { background: #005c62; color: #fff; padding-top: 55px; padding-bottom: 105px; }



@media only screen and (min-width: 600px) { section.job-list, section.job { padding-top: 105px; padding-bottom: 170px; } }



section.job-list a, section.job a { color: #fff; padding-bottom: 1px; background: -webkit-linear-gradient(#005c62, #005c62), -webkit-linear-gradient(#005c62, #005c62), -webkit-linear-gradient(#fff, #fff); background: -moz-linear-gradient(#005c62, #005c62), -moz-linear-gradient(#005c62, #005c62), -moz-linear-gradient(#fff, #fff); background: -o-linear-gradient(#005c62, #005c62), -o-linear-gradient(#005c62, #005c62), -o-linear-gradient(#fff, #fff); background: -ms-linear-gradient(#005c62, #005c62), -ms-linear-gradient(#005c62, #005c62), -ms-linear-gradient(#fff, #fff); background: linear-gradient(#005c62, #005c62), linear-gradient(#005c62, #005c62), linear-gradient(#fff, #fff); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #005c62, -0.03em 0 #005c62, 0 0.03em #005c62, 0 -0.03em #005c62, 0.06em 0 #005c62, -0.06em 0 #005c62, 0.09em 0 #005c62, -0.09em 0 #005c62, 0.12em 0 #005c62, -0.12em 0 #005c62, 0.15em 0 #005c62, -0.15em 0 #005c62; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; }



section.job-list a:hover, section.job a:hover { color: #b9d9d7; }



section.job-list .title-col h3:before, section.job .title-col h3:before { background: #fff; }



section.job-list li + li { margin-top: 55px; }



section.contact { padding-top: 55px; padding-bottom: 105px; background: #005c62; color: #fff; }



@media only screen and (min-width: 600px) { section.contact { padding-top: 105px; padding-bottom: 170px; } }



section.text { padding-top: 55px; }



section.processes { padding-bottom: 105px; background: #fff; }



section.processes + .text { background: #f3f2f0; }



section.process-intro { padding-top: 55px; background: #fff; }



section.process-intro h3 { text-align: center; }



section.history-intro { padding-top: 105px; }



section.history-intro, section.history-slideshow { background: #f3f2f0; }



section.history-intro h3, section.history-slideshow h3 { text-align: center; }



.intro-img { margin-top: -55px; text-align: center; }



.intro-quote { border-top: 10px solid #59595c; border-bottom: 10px solid #59595c; padding: 50px 0; margin-bottom: 55px; font-size: 2rem; line-height: 1.3823529412; }



@media only screen and (min-width: 600px) { .intro-quote { font-size: 2.4rem; } }



@media only screen and (min-width: 830px) { .intro-quote { font-size: 3rem; } }



@media only screen and (min-width: 1100px) { .intro-quote { font-size: 3.4rem; } }


section.meta { padding-bottom: 150px; background: #fff; -webkit-box-shadow: 0 0 0 1px #fff; -moz-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; }


@media only screen and (min-width: 600px) { section.meta { padding-bottom: 150px; } }



@media only screen and (min-width: 830px) { section.meta { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } }



section.meta + .meta { margin-top: -130px; }



.intro-quote.only-col { margin-bottom: 0; }



.intro-body { padding-top: 55px; padding-bottom: 55px; }

.page-id-16 .intro-body { padding-top: 55px; padding-bottom: 55px; }

.page-id-16 .intro-body { padding-bottom: 0; }

.page-id-16 .intro-body hr { display: none; }



@media only screen and (min-width: 600px) { .intro-body { padding-top: 65px; font-size: 2.2rem; line-height: 3rem; } }



.images-intro { padding-top: 65px; padding-bottom: 30px; font-size: 2.2rem; line-height: 3rem; }



.images { position: relative; overflow: hidden; z-index: 0; }



.images .slick-track { display: table; width: 100%; height: 100%; }



.images .slick-track > div { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: top; }



.images .slick-slide { width: 100%; position: relative; padding-top: 55px; overflow: hidden; }



@media only screen and (min-width: 600px) { .images .slick-slide { padding-top: 125px; } }



.images .slick-slide img { max-width: 100%; max-height: 77.2093023256%; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; }



@media only screen and (min-width: 600px) { .images .slick-slide img { max-width: 77.2093023256%; } }



@media only screen and (min-width: 1100px) { .images .slick-slide img { max-width: 57.2093023256%; max-height: 450px; } }



.images .slick-slide img[data-lazy] { opacity: 0; }



.images .slick-slide img[data-lazy] + .caption { opacity: 0 !important; }



.images .slick-slide iframe, .images .slick-slide video { width: 100%; }



@media only screen and (min-width: 600px) { .images .slick-slide iframe, .images .slick-slide video { width: 57.2093023256%; } }



@media only screen and (min-width: 1100px) { .images .slick-slide iframe, .images .slick-slide video { width: 37.2093023256%; } }



.images .slick-slide .caption { display: block; width: 77.2093023256%; margin: 0 auto; opacity: 0; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; -webkit-transition-delay: 0.125s; -moz-transition-delay: 0.125s; -o-transition-delay: 0.125s; transition-delay: 0.125s; }



@media only screen and (min-width: 450px) { .images .slick-slide .caption { width: 57.2093023256%; } }



@media only screen and (min-width: 600px) { .images .slick-slide .caption { width: 37.2093023256%; } }



@media only screen and (min-width: 1100px) { .images .slick-slide .caption { width: 17.2093023256%; } }



.images .slick-slide .caption:before { content: ''; display: block; width: 100px; height: 1px; background: #59595c; margin: 28px auto 22px; }



.images .slick-slide:hover .caption { opacity: 1; }



.images .slick-dots { position: absolute; top: 0; left: 0; right: 0; text-align: center; letter-spacing: -0.31em; text-rendering: optimizeLegibility; }



@media only screen and (min-width: 600px) { .images .slick-dots { top: 60px; } }



.images .slick-dots li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; }



.images .slick-dots li button { font-size: 1.6rem; line-height: 4.2rem; color: #005c62; padding: 0 12px; border: 0; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; }



.images .slick-dots li button:hover { background: transparent; }



.images .slick-dots li.slick-active button { color: #59595c; }



.images .slick-dots li + li { border-left: 1px solid #59595c; }



.images .slide-count { position: absolute; top: 0; left: 0; right: 0; text-align: center; font-size: 1.4rem; line-height: 4.2rem; color: #59595c; }



@media only screen and (min-width: 600px) { .images .slide-count { top: 60px; } }



.images .slide-count li { height: 0; overflow: hidden; }



.images .slide-count li.slick-active { height: auto; }



.title-col h3:before { content: ''; display: block; width: 80px; height: 10px; background: #59595c; margin-bottom: 30px; }



.title-col + .three-col { padding-top: 4.5rem; }



.list-items li { display: block; }



.list.child-of-p16 .list-title h3:before { background: #fff; }



.list.child-of-p16 .list-items ul { border-top: 2px solid #fff; }



.list.child-of-p16 .list-items li { border-bottom: 2px solid #fff; font-size: 2.4rem; line-height: 3rem; padding: 2rem 0; }



.list.child-of-p18 { padding-bottom: 12rem; }



.list.child-of-p18 .list-items ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; }



.list.child-of-p18 .list-items li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 100%; margin-bottom: 1.6rem; }



.list.child-of-p18.press { background: #fff; }



.circle { width: 100%; height: 0; padding-bottom: 100%; background-color: #59595c; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }



/*.company-intro { padding-bottom: 60px; }*/

.company-team { padding-bottom: 60px; text-align: center; }

.company-team h3 { letter-spacing: 0; }

.company-team .col { padding-top: 45px; padding-bottom: 30px; }

.company-team .col .circle {
	width: 90%;
	padding-bottom: 90%;
	margin: 0 auto 30px;
	filter: grayscale(0%);
	transition: all .2s ease-in-out;
}

.company-team .col .circle:hover { filter: grayscale(100%); }



@media only screen and (max-width: 829px) { .company-team .col { width: 47.2093023256% !important; } }



.contact-title h3:before { background: #fff; }



a[href^="tel:"], a[href^="auto-detected:"] { color: #59595c; }



section.contact a[href^="tel:"], section.contact a[href^="auto-detected:"], .main-menu a[href^="tel:"], .main-menu a[href^="auto-detected:"] { color: #fff; }



.contact-info .address { position: relative; padding-bottom: 2.4rem; }



.contact-info .address .map-toggle { position: absolute; right: 0; bottom: 2.4rem; cursor: pointer; }



.contact-info .map { position: relative; display: block; max-height: 0; overflow: hidden; -webkit-transition: max-height 1s; -moz-transition: max-height 1s; -o-transition: max-height 1s; transition: max-height 1s; border-bottom: 2px solid #fff; background-color: #4c5556; }



.contact-info .map.open { max-height: 302px; background: #ccc url(i/loading.gif) 50% 50% no-repeat; -webkit-background-size: auto 4px; -moz-background-size: auto 4px; -o-background-size: auto 4px; background-size: auto 4px; }



.contact-info .map iframe { width: 100%; height: 300px; filter: gray; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: grayscale(100%); -webkit-filter: grayscale(100%); /* mix-blend-mode: luminosity; -webkit-mix-blend-mode: luminosity; */ }



.contact-info ul { margin-top: 2.4rem; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; }



.contact-info li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 100%; }



.contact-info li + li, .contact-info p + p { margin-top: 1.6rem; }



.contact-info a { color: #fff; }



.contact-info a:hover { color: #b9d9d7; }



.process-grid { padding-top: 45px; }



.process-grid .col:not(.intro-body) { padding-bottom: 45px; }



@media only screen and (max-width: 829px) { .process-grid .col:not(.intro-body) { width: 47.2093023256% !important; } }



.process-grid .col.three-col.intro-body { width: 87.9069767442%; }



footer { position: relative; background: #eceff3; color: #59595c; font-size: 1.2rem; line-height: 1.4rem; }



footer .grid { padding-bottom: 45px; }



footer .col { border-top: 2px solid #59595c; padding-top: 36px; }



footer .title-col { padding-bottom: 1.6rem; font-weight: 600; }



@media only screen and (max-width: 829px) { footer .title-col { border-top: 0; } }



@media only screen and (min-width: 830px) { footer .three-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } }



footer ul { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 100%; margin-bottom: 1.6rem; letter-spacing: -0.31em; text-rendering: optimizeLegibility; }



footer ul li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin-right: 1rem; }



footer ul + ul li + li { padding-left: 1rem; border-left: 1px solid #59595c; }



html:not(.phone) .page-template-page-home .wrap > footer { display: none; }

section.spacer  { padding-top: 20px; } 

.collaborators-header, .press-header {padding-top: 20px; padding-bottom: 10px;}

.admin-div::before { content: "\a"; white-space: pre; }

a.post-edit-link { color: #005b7f; text-decoration: none; font-weight:bold; }

a.press-link { color: #005b7f; text-decoration: none; font-weight:bold; }

li.team-item::before {  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: grey; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
   }


/* PROJECTS PAGE TILE */
.image-container{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 1rem;
}

.tile{

    position: relative;
}

.tile img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tile:nth-child(1){
    grid-column: span 4;
    grid-row: span 2;
}

.tile:nth-child(2),
.tile:nth-child(3){
    grid-column: span 2;
}

.tile:nth-child(4),
.tile:nth-child(5){
    grid-column: span 3;
}
@media screen and (max-width: 650px){
    .image-container{
        display: block;
    }
    .tile{
        margin-bottom: 1rem;
    }
}

.cap {
   position: absolute; 
   bottom:0; 
   left: 0; 
   width: 100%; 
   color: antiquewhite;
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.5);
   text-align: center;
}

#footer { padding-top: 50px; } 

.more { display: none; }

#coming-soon {
  letter-spacing: -1px; 
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-size: 2.5em; 
}

.show-more-button { 
  color: #494949 !important;
  text-transform: uppercase;
  text-decoration: none;
  background: #ffffff;
  padding: 20px;
  border: 4px solid #494949 !important;
  display: inline-block;
  transition: all 0.4s ease 0s;
}

.show-more-button:hover {
color: #ffffff !important;
background: #f6b93b;
border-color: #f6b93b !important;
transition: all 0.4s ease 0s;
}

/ * Added by Tia */