/*
Theme Name: Bond
Theme URI: http://bondbrothers.com
Description: Bond 2015+
Author: circle S studio
Author URI: http://circlesstudio.com
Version: 1.0
*/

/* ===================================================================== */
/* =============================== Style =============================== */
/* ===================================================================== */

/* ====================
	- CSS Reset
    - Colors
	- Layout
	- Navigation
	- General
	- Forms & Buttons
    - Fonts
	- Clearfix
	- Media:Print
   ====================
*/

/* ==================== CSS Reset ==================== */

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, cite, code, em, img, q, s, samp, small, strong, sub, sup, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, embed, footer, header, nav, section, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ==================== Colors ==================== */

/* Orange - #ff8200 - rgb(249,101,26) */
/* Blue - #456a7d - rgb(69,106,125) */
/* Grey - #616466 - rgb(97,100,102) */
/* Green - #d2d867 - rgb(210,216,103) */
/* Seafoam - #9bc0ab - rgb(155,192,171) */
/* Tan - #dccfa9 - rgb(220,207,169) */
/* Red - #b74526 - rgb(183,69,38) */
/* Purple - #53284f - rgb(83,40,79) */
/* Yellow - #FEE88A */

/* ==================== Layout ==================== */

body {
    background: #262728;
    color: #484c4e;
    font-family: 'Avenir Medium', Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    animation-duration: 5s;
}
.header-main {
    position: relative;
    box-shadow: 0px 0px 5px #555;
    z-index: 10000;
}
@media screen and (min-width: 1024px) {
    .header-main {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }
}
.top-bar {
    display: none;
}
@media screen and (min-width: 1024px) {
    .top-bar {
        display: block;
        background: #484c4e;
    }
}
.header-inner {
    background: #fff;
}
.bond-container {
    background: #fff;
}
@media screen and (min-width: 1024px) {
    .bond-container {
        padding-top: 52px;
    }
}
.page-header {
    background: #fff;
    padding: 100px 0 20px 0;
    text-align: center;
    animation-duration: 1s;
}
@media screen and (min-width: 1024px) {
    .page-header {
        padding: 100px 0 50px 0;
    }
}
.page-content {
    background: #fff;
    animation-duration: 1s;
    animation-delay: 0.3s;
}
.page-content > .inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 20px 35px 20px;
}

.inner:after{
    content: "";
    display: table;
    clear: both;
}
.page-template-template-firm-overview .page-content > .inner {
    max-width: 860px;
    padding: 35px 20px 35px 20px;
}
@media screen and (min-width: 769px) {
    .page-content > .inner {
        margin: 0 auto;
        padding: 0 35px 50px 35px;
    }
    .page-template-template-firm-overview .page-content > .inner {
        padding: 50px 35px;
    }
}
.single-content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
}
@media screen and (min-width: 800px) {
    .single-content {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        align-items: flex-start;
        align-content: flex-start;
    }

    .single-blog-content .single-pagination{
        padding: 25px 0 50px;
    }
}
.single-main {
    margin-bottom: 30px;
    width: 100%;

}
@media screen and (min-width: 800px) {
    .single-main {
        -ms-flex-grow: 1;
        -ms-flex-shrink: 0;
        -ms-flex-basis: calc(100% - 300px);
        -webkit-flex-grow: 1;
        -webkit-flex-shrink: 0;
        -webkit-flex-basis: calc(100% - 300px);
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: calc(100% - 300px);
        padding-right: 30px;
        margin: 0;
    }

    .single-blog-content .single-main {
        max-width: calc(100% - 344px);
        -ms-flex-basis: 756px;
        -webkit-flex-basis:756px;
        flex-basis: 756px;
    }

    .single-blog-content{
        padding: 0 !important;
    }
}
.single-aside {
    width: 100%;
}
.single-bond_markets .bond-container .page-content .inner{
    padding-bottom: 15px;
}

.single-bond_projects .single-aside {
    -webkit-order: -1;
    -moz-order: -1;
    order: -1;
}
@media screen and (min-width: 800px) {
    .single-aside,
    .single-bond_projects .single-aside {
        width: 270px;
        border-left: 1px solid #c0c1c2;
        padding-left: 30px;
        -webkit-order: 2;
        -moz-order: 2;
        order: 2;
    }

    .single-blog-content .single-aside{
        width: 343px;
        min-width: 343px;
    }
}
.single-aside section {
    margin-top: 35px;
}
.single-aside section:first-of-type {
    margin-top: 0;
}
.page-grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.grid-item {
    padding: 0 0 20px 0;
    width: 100%;
    margin: 0;
}
@media screen and (min-width: 480px) {
    .grid-item {
        width: calc(50% - 50px);
        padding: 0 0 20px 0;
        margin: 0 20px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
    }
}
.grid-item-left {
    -ms-flex: 0 0 20%;
    -webkit-flex-grow: 0;
    -webkit-flex-shrink: 0;
    -webkit-flex-basis: 20%;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 20%;

}
.grid-spotlight-item .grid-item-left {
    -ms-flex: 0 0 30%;
    -webkit-flex-grow: 0;
    -webkit-flex-shrink: 0;
    -webkit-flex-basis: 30%;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 30%;

}
.grid-item-right {
    -ms-flex: 0 0 80%;
    -webkit-flex-grow: 0;
    -webkit-flex-shrink: 0;
    -webkit-flex-basis: 80%;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 80%;
}
.grid-spotlight-item .grid-item-right {
    -ms-flex: 0 0 70%;
    -webkit-flex-grow: 0;
    -webkit-flex-shrink: 0;
    -webkit-flex-basis: 70%;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 70%;
}
.footer-main {
    background: url('images/footer-level-2.gif') no-repeat top center, #000 url('images/footer-bg.jpg') no-repeat 0 0;
    background-size: 249px 54px, cover;
}

@media screen and (min-width: 1024px) {
    .footer-main {
        min-height: 300px;
    }
}
.footer-main .inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 60px 0 35px 0;
}

@media screen and (min-width: 1024px) {
	.footer-main .inner {
		display: flex;
		justify-content: center;
	}
}

.footer-main .EEO{
    display: inline-block;
    width: 100%;
    padding-left: 35px;
    color: #fff;
    padding-top: 35px;
}

.footer-col {
    padding: 35px 35px 0 35px;
}
.col-building h3 strong {
	color: #E9EE7C;
}
.col-cu h3 strong {
	color: #A8CABA;
}
.col-mech h3 strong {
	color: #FEE88A;
}
@media screen and (min-width: 1024px) {
    .footer-col {
        /* float: left;
        width: 33.333333%; */
        padding: 50px 50px;
    }

    .footer-main .EEO{
        padding-top: 0;
    }
}
/* ==================== Alert Bar ==================== */
.headercontainer {
position:relative;
}
.alert-bar {
    display: none;
    /*background-color: #ff8200;*/
    background-color: #616466;
    color: #fff;
    padding: 7px 4rem 7px 2rem;
    text-align: center;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 999;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 700;
}
.alert-bar.visible {
    display: flex;
}
.alert-bar .close {
    position: absolute;
    top: 9px;
    right: 24px;
    cursor: pointer;
}
.alert-bar .close svg {
	width: 14px;
	height: 14px;
}
.alert-bar a {
color:#fff;
text-decoration:underline;
}

/* ==================== Navigation ==================== */

.nav-main {
    display: none;
}
@media screen and (min-width: 1024px) {
    .nav-main {
        display: block;
        float: right;
    }
}
.nav-main > ul > li {
    float: left;
    position: relative;
}
.nav-main > ul > li > a {
    display: block;
    padding: 20px 20px 18px 20px;
    text-decoration: none;
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 0.875em;
    text-transform: uppercase;
    color: #616466;
    transition: 0.1s all ease;
}
.nav-main > ul > li > a:hover,
.nav-main > ul > li.hover > a,
.nav-main > ul > li.current-menu-item > a,
.nav-main > ul > li.current-menu-ancestor > a,
.single-post .nav-main > ul > li.nav-resources > a,
.single-bond_bios .nav-main > ul > li.nav-who-we-are > a,
.single-bond_markets .nav-main > ul > li.nav-what-we-do > a,
.single-bond_capabilities .nav-main > ul > li.nav-what-we-do > a,
.single-bond_projects .nav-main > ul > li.nav-portfolio > a {
    background: #eee1ba;
}
.nav-search > a {
    background: url('images/icon-search.png') no-repeat center center;
    background-size: 16px 16px;
    min-width: 60px;
    text-indent: -999em;
    cursor: pointer;
}
.nav-main > ul > li.nav-search > a:hover,
.search-results .nav-main > ul > li.nav-search > a,
.nav-main > ul > li.nav-search.open > a {
    background: #eee1ba url('images/icon-search.png') no-repeat center center;
    background-size: 16px 16px;
}
.subnav {
    position: absolute;
    top: 100%;
    left: 0;
    width: 225px;
    background: #fff;
    border: 1px solid #aaa;
    border-top: 0;
    display: none;
}
.nav-what-we-do > .subnav {
    width: 600px;
    padding: 20px 10px;
}
.nav-what-we-do > .subnav:after {
    content: "";
    display: table;
    clear: both;
}
.nav-what-we-do > .subnav > ul > li {
    border: 0;
    width: 50%;
    float: left;
    display: block;
    padding: 0 10px;
}
.nav-what-we-do > .subnav > ul > li > a,
.nav-what-we-do > .subnav > ul > li > a:hover {
    background: #466a7c;
    color: #fff;
    border: 0;
}
.nav-what-we-do > .subnav > ul > li > .subnav {
    position: relative;
    display: block;
    border: 0;
    width: 100%;
}
.subnav ul li {
    display: block;
    border-top: 1px solid rgba(100,100,100,0.07);
}
.subnav ul li:first-child {
    border-top: 0;
}
.subnav ul li a {
    display: block;
    padding: 15px 20px;
    text-decoration: none;
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    color: #616466;
    transition: 0.1s all ease;
}
.subnav ul li a:hover {
    background: #f8f3e3;
}
.nav-mobile {
    background: #fff;
    display: none;
}
.nav-mobile ul li a {
    display: block;
    padding: 15px 20px;
    text-decoration: none;
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    text-align: center;
    color: #616466;
    transition: 0.1s all ease;
    border-top: 1px solid #eee;
}
.nav-mobile > ul > li:first-of-type > a {
    border-top: 0;
}
.nav-mobile ul li a:hover,
.nav-mobile ul li.open a {
    background: #f8f3e3;
}
.nav-mobile ul li .subnav {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border: 0;
    display: none;
}
.nav-mobile ul li .subnav ul li a {
    background: #fcf9f1;
}
.bottom-bar {
    background: #262728;
    display: block;
}
.nav-secondary > .inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}
@media screen and (min-width: 1024px) {
    .nav-secondary > .inner {
        padding: 0 35px;
    }
}
.nav-secondary ul > li {
    float: left;
}
.nav-secondary ul > li > a {
    display: block;
    padding: 20px 40px 18px 20px;
    background-color: transparent;
    background-image: url('images/icon-arrow-yellow.svg');
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border: 0;
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 0.8125em;
    text-transform: uppercase;
    text-decoration: none;
    color: #FEE88A;
    display: block;
    transition: 0.1s all ease;
}
.nav-secondary ul > li > a:hover {
    background-position: 98% 50%;
}
.trigger-mobile-nav {
    float: right;
    display: block;
    position: relative;
    cursor: pointer;
    padding: 12px 20px 9px 30px;
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 0.875em;
    text-transform: uppercase;
    color: #616466;
}
@media screen and (min-width: 1024px) {
    .trigger-mobile-nav {
        display: none;
    }
}
.hamburger-line {
    width: 20px;
    height: 2px;
    display: block;
    background: #616466;
    position: absolute;
    left: 0;
}
.hamburger--top {
    top: 12px;
}
.hamburger--middle {
    top: 17px;
}
.hamburger--bottom {
    top: 22px;
}

/* -------------------- Search -------------------- */
.search-container {
    background: #31586a;
    padding: 13px 20px 20px 20px;
    color: #484c4e;
    display: none;
}
.search-container > .inner {
    width: 50%;
    margin: 0 auto;
}
.search-container input {
    padding: 10px;
    background: #fff;
    border: 1px solid #c0c1c2;
    border-radius: 5px;
    font-family: 'Avenir Medium', Arial, sans-serif;
    font-size: 1em;
    line-height: 1em;
    width: calc(100% - 150px);
    margin-right: 20px;
    color: #484c4e;
}
.search-container ::-webkit-input-placeholder {
   padding-top: 3px;
   color: #484c4e;
}
.search-container :-moz-placeholder {
   padding-top: 3px;
   color: #484c4e;
}
.search-container ::-moz-placeholder {
   padding-top: 3px;
   color: #484c4e;
}
.search-container :-ms-input-placeholder {
   padding-top: 3px;
   color: #484c4e;
}

/* ==================== General ==================== */

/* -------------------- Header -------------------- */
/* .logo {
    position: absolute;
    top: 0;
    left: 20px;
    background: #ff8200;
}
.logo.open {
    top: 82px;
}
.logo a {
    display: block;
    position: relative;
    padding: 10px;
    width: 70px;
    height: 60px;
    transition: 0.1s all ease;
}
@media screen and (min-width: 1024px) {
    .logo a {
        padding: 20px;
        width: 140px;
        height: 96px;
    }
}
.logo img {
    width: 50px;
    position: absolute;
    bottom: 10px;
    transition: 0.1s all ease;
}
@media screen and (min-width: 1024px) {
    .logo img {
        width: 100px;
        bottom: 15px;
    }
} */
.logo {
	position: absolute;
	top: 0;
	left: 20px;
	background: #ff8200;
	display: flex;
	justify-content: center;
	text-align: center;
	color: white;
	width: 75px;
	height: 75px;
	text-decoration: none;
	font-weight: 600;
	font-size: 18px;
	padding-bottom: 6px;
}
@media (min-width: 1024px) {
	.logo {
		width: 150px;
		height: 150px;
		font-size: 38px;
		padding-bottom: 8px;
	}
}
.logo span.logotype {
	font-weight: 600;
	color: white;
	display: inline-block;
	align-self: flex-end;
}

.wp-caption, .wp-caption img{
    max-width: 100%;
    height: auto;
}

/* -------------------- Homepage -------------------- */
.full-viewport {
    width: 100%;
    height: auto;
}
@media screen and (min-width: 1024px) {
    .full-viewport {
        height: calc(100vh - 52px);
        position: relative;
        min-height: 360px;
    }
}
.scroll-down {
    display: none;
}

@media screen and (min-width: 1024px) {
    .scroll-down {
        display: block;
		position: absolute;
		bottom: 32px;
		left: 0;
		width: 100%;
        padding: 0 20px;
        text-align: center;
        cursor: pointer;
    }
}
.scroll-down a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.2) url(images/arrow-down.svg) no-repeat center 13px;
    background-size: 15px 15px;
    text-indent: -999em;
    font-size: 0;
    line-height: 0;
    border-radius: 50%;
    opacity: 0.7;
    transition: 0.2s ease all;
}
.scroll-down a:hover {
    opacity: 1;
}
.slide {
    height: 360px;
    transition: all 0.1s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (min-width: 769px) {
    .slide {
        height: calc(100vh - 52px);
        min-height: 360px;
    }
}
.slide-content {
    position: relative;
    text-align: center;
}
.home-slider .slide-content {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
@media screen and (min-width: 1024px) {
    .slide-content {
        position: relative;
        text-align: center;
    }
}
.slide-1 h1 {
    font-family: 'Palatino Roman', Georgia, 'Times New Roman', serif;
    font-size: 2.4375em;
    color: #fff;
    text-shadow: 0px 1px 2px #222;
}
@media screen and (min-width: 769px) {
    .slide-1 h1 {
        font-family: 'Palatino Bold', Georgia, 'Times New Roman', serif;
        font-size: 4.5em;
        color: #fff;
    }
}
.slide-1 h1 span {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1.1em;
    line-height: 1.3em;
    text-transform: uppercase;
    display: block;
    color: #ff8200;
}
.slide-1 p {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    color: #fff;
    max-width: 80%;
    margin: 0 auto;
    text-shadow: 0px 1px 2px #222;
    padding: 0 20px;
}
@media screen and (min-width: 769px) {
    .slide-1 p {
        font-size: 1.5625em;
        max-width: 800px;
        margin: 0 auto;
    }
}
.home-markets {
    background: #375665 url('images/blue-seamless-bg.jpg') repeat;
    border-top: 5px solid #ff8200;
    padding: 0 20px;
}
@media screen and (min-width: 1024px) {
    .home-markets {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 300px;
    }
}
.home-markets .section-heading {
    background: #ff8200;
    display: block;
    width: 200px;
    padding: 10px 20px 10px 20px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    color: #fff;
    font-family: 'Avenir Black', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.125em;
    line-height: 1.3em;
}
.home-markets .inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 35px 0 20px 0;
}
.home-markets li {
    border-top: 1px solid #617985;
}
@media screen and (min-width: 1024px) {
    .home-markets li {
        border-top: 0;
        border-left: 1px solid #617985;
        float: left;
        width: 14.248571%;
        height: 120px;
        padding: 0 13px 0 10px;
    }
}
.home-markets li:first-child {
    border-top: 0;
}
@media screen and (min-width: 1024px) {
    .home-markets li:first-child {
        border-left: 0;
    }
}
.home-markets svg {
    width: 30px;
    height: 30px;
    display: block;
    vertical-align: middle;
    margin-right: 15px;
    position: absolute;
    top: calc(50% - 15px);
    left: 0;
}
.home-markets .market-icon {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.home-markets .market-icon-fill {
    fill: #fff;
}
.home-markets .market-icon-stroke {
    stroke: #fff;
}
.home-markets .market-title {
    display: block;
    width: calc(100% - 45px);
    float: left;
}
/*@media screen and (min-width: 1024px) {
    .home-markets li span {
        display: inline-block;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}*/
.home-markets li a {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1em;
    text-decoration: none;
    line-height: 1.2em;
    color: #fff;
    padding: 13px 0 13px 45px;
    display: block;
    transition: 0.2s ease all;

    position: relative;
    top: 0%;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}
.home-markets li a:hover {
    color: #ff8200;
}
@media screen and (min-width: 1024px) {
    .home-markets li a {
        font-size: 0.875em;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
@media screen and (min-width: 1400px) {
    .home-markets li a {
        font-size: 1.125em;
    }
}
.home-capabilities, .trench-capabilities {
    background: #fff;
    padding: 35px;
}
@media screen and (min-width: 769px) {
    .home-capabilities {
        padding: 50px 50px 0 50px;
        background: url('images/capabilities-hook.png') no-repeat 10% 0%;
        background-size: 223px 350px;
    }

    .trench-capabilities {
        padding: 50px 50px 0 50px;
        background: url('images/drill-bit-2x.png') no-repeat 10% 0%;
        background-size: 223px 350px;
    }
}
.home-capabilities .section-heading {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1.375em;
    text-transform: uppercase;
    color: #ff8200;
    margin-bottom: 30px;
    text-align: center;
}
.home-capabilities .inner {
    max-width: 1024px;
    margin: 0 auto;
}
@media screen and (min-width: 769px) {
    .home-capabilities .inner {
        padding-left: 200px;
    }
}
.capability-list ul {
    margin: 5px 0 0 0;
}
#what-we-do .capability-list ul {
    margin: 15px 0 0 0;
}
@media screen and (min-width: 769px) {
    .capability-list ul {
        margin: 5px 0 70px 0;
    }
    #what-we-do .capability-list ul {
        margin: 15px 0 0 0;
    }
}
.capability-list ul li {
    margin-bottom: 15px;
}
.capability-list ul li a {
    display: inline-block;
    background: url('images/icon-arrow-seafoam.svg') no-repeat 0 1px;
    background-size: 16px 16px;
    padding-left: 30px;
    color: #484c4e;
    font-size: 0.875em;
    font-weight: 600;
    line-height: 1.35em;
    text-decoration: none;
    transition: 0.1s all ease;
}
.capability-list ul li a:hover {
    background: url('images/icon-arrow-seafoam.svg') no-repeat 3px 1px;
    background-size: 16px 16px;
    color: #9bc0ab
}
@media screen and (min-width: 769px) {
    .capability-list ul li a {
        background: url('images/icon-arrow-seafoam.svg') no-repeat 0 1px;
        background-size: 20px 20px;
        font-size: 1.125em;
    }
    .capability-list ul li a:hover {
        background: url('images/icon-arrow-seafoam.svg') no-repeat 3px 1px;
        background-size: 20px 20px;
    }
}
@media screen and (min-width: 769px) {
    .split-list ul {
        float: left;
        width: 50%;
        padding: 0 25px;
    }
    .full-list {
        display: none;
    }
}
.home-companies {
	width: 100%;
	background: url('images/case-studies-bg.jpg') no-repeat 0 0;
    background-size: cover;
	color: #FFFFFF;
	border-top: 5px solid #ff8200;
    padding: 0 20px;
}
.home-companies .section-heading {
    background: #ff8200;
    display: block;
    width: 200px;
    padding: 10px 20px 10px 20px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    color: #fff;
    font-family: 'Avenir Black', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.125em;
    line-height: 1.3em;
}
.home-companies .home-companies-content {
	padding: 35px 0;
	max-width: 1300px;
	margin: 0 auto;
}
@media (min-width: 768px) {
	.home-companies .home-companies-content {
		padding: 50px 0;
		display: flex;
		justify-content: center;
	}
}
.home-company {
	border: 5px solid #FFF;
	padding: 24px 15px 52px 15px;
	width: 100%;
	text-align: center;
	position:relative;
}
.home-company a.button {
	position:absolute;
	bottom:20px;
	left: 40%;
}
@media (min-width: 768px) {
	.home-company {
		width: 500px;
		max-width: 100%;
	}
}
.home-company:nth-child(1) {

}
@media (min-width: 768px) {
	.home-company {
		flex:1;
		margin: 0 10px;
	}
}
@media (min-width: 768px) {
	.home-company:nth-child(2) {
	}
}
.home-company > span {
	color: #ff8200;
	font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1.125em;
    text-transform: uppercase;
	margin-bottom: 16px;
	display: block;
}
.home-company > h3 {
    font-family: 'Palatino Bold', Georgia, 'Times New Roman', serif;
    font-size: 1.125em;
    line-height: 1.33em;
    color: #fff;
    margin-bottom: 15px;
    cursor: default;
}
@media screen and (min-width: 769px) {
    .home-company > h3 {
        font-size: 1.25em;
    }
}
@media screen and (min-width: 1024px) {
    .home-company > h3 {
        font-size: 1.8em;
    }
}
.company-markets {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 1.5rem;
	flex-wrap: wrap;
}
.company-market {
	color: white;
	text-align: center;
	padding: 0 .2rem;
	max-width: 120px;
	margin:5px;
	flex-basis: 29%;
	min-height: 95px;
}
.company-market .image {
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: top left;
	display: inline-block;
	margin-bottom: 8px;
}
.company-market span {
	font-family: 'Avenir Black', Arial, sans-serif;
	font-size: .875rem;
	line-height: 1.25em;
	display: block;
}
.home-video {
    padding: 35px 20px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(220,220,220,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(220,220,220,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(220,220,220,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(220,220,220,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(220,220,220,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(220,220,220,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc', GradientType=0 );
}
@media screen and (min-width: 1000px) {
    .home-video {
        padding: 50px 20px;
    }
}
.home-video > .inner {
    background: #fff;
    border-top: 5px solid #ff8200;
    max-width: 1080px;
    margin: 0 auto;
}
.home-video > .home-strong {
	margin: 0 auto 35px auto;
	max-width: 640px;
	color: #000;
	text-align: center;
}
@media (min-width: 1000px) {
	.home-video > .home-strong {
		margin: 0 auto 50px auto;
	}
}
.home-strong h2 {
	font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1.375em;
    text-transform: uppercase;
    color: #484c4e;
	margin-bottom: 20px;
}
.home-strong p {
	font-size: 1em;
	line-height: 1.5em;
}
@media (min-width: 1000px) {
	.home-strong p {
		font-size: 1.125em;
	}
}
.home-video-col {
	width: 100%;
	position: relative;
	padding-bottom: 28.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 1000px) {
    .home-video-col {
    	width: 50%;
    	float: left;
    	padding-bottom: 28.25%;
    }
}
.home-video-col iframe,
.home-video-col object,
.home-video-col embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.home-video-content {
    padding: 30px;
}
.home-video-content h2 {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-weight: 400;
    font-size: 1.375em;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #484c4e;
}
.home-video-content h3 {
    font-family: 'Palatino Roman', Georgia, serif;
    font-weight: 400;
    font-size: 1.375em;
    margin-bottom: 5px;
    color: #000;
}
.home-video-content p {
    line-height: 1.5em;
}
.home-featured-projects {
    background: url('images/case-studies-bg.jpg') no-repeat 0 0;
    background-size: cover;
    padding: 0 20px 30px 20px;
}
@media screen and (min-width: 769px) {
    .home-featured-projects {
        padding: 0 0 50px 0;
        position: relative;
        z-index: 1;
    }
    .case-study-image {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 2;
    }
    .case-study-image-1 {
        background: url('images/casestudy-1.jpg') no-repeat 0 0;
        background-size: cover;
    }
    .case-study-image-2 {
        background: url('images/casestudy-2.jpg') no-repeat 0 0;
        background-size: cover;
    }
    .case-study-image-3 {
        background: url('images/casestudy-3.jpg') no-repeat 0 0;
        background-size: cover;
    }
    .case-study-image-4 {
        background: url('images/casestudy-4.jpg') no-repeat 0 0;
        background-size: cover;
    }
}
.home-featured-projects .section-heading {
    background: #ff8200;
    display: block;
    width: 200px;
    height: 120px;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 3;
}
.home-featured-projects .section-heading span {
    width: 130px;
    display: inline-block;
    position: relative;
    top: 35px;
    margin: 0 auto;
    color: #fff;
    font-family: 'Avenir Black', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.125em;
    line-height: 1.3em;
}
.home-featured-projects .inner {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}
.home-case-studies {
    padding-top: 30px;
}
@media screen and (min-width: 769px) {
    .home-case-studies {
        padding-top: 150px;
    }
}
.home-case-study {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
@media screen and (min-width: 769px) {
    .home-case-study {
        width: 50%;
        float: left;
        padding: 20px 80px;
        margin: 0;
    }
}
.case-study-image {
    display: none;
}
.home-case-study > .inner {
    border: 5px solid #fff;
    padding: 20px;
    transition: 0.2s ease all;
}
/*.home-case-study:nth-child(1) {
    background: url('images/casestudy-1-bw.jpg') no-repeat 0 0;
    background-size: cover;
}*/
.home-case-study > .inner {
    background: rgba(76,97,113,0.9);
}
.home-case-study.active > .inner {
    background: rgba(76,97,113,0.9)!important;
}
/*.home-case-study:nth-child(2) {
    background: url('images/casestudy-2-bw.jpg') no-repeat 0 0;
    background-size: cover;
}*/
/*.home-case-study:nth-child(2) > .inner {
    background: rgba(191,195,100,0.9);
}*/
/*.home-case-study.active:nth-child(2) > .inner {
    background: rgba(76,97,113,0.9)!important;
}*/
/*.home-case-study:nth-child(3) {
    background: url('images/casestudy-3-bw.jpg') no-repeat 0 0;
    background-size: cover;
}*/
/*.home-case-study:nth-child(3) > .inner {
    background: rgba(72,42,75,0.9);
}*/
/*.home-case-study.active:nth-child(3) > .inner {
    background: rgba(76,97,113,0.9)!important;
}*/
/*.home-case-study:nth-child(4) {
    background: url('images/casestudy-4-bw.jpg') no-repeat 0 0;
    background-size: cover;
}*/
/*.home-case-study:nth-child(4) > .inner {
    background: rgba(150,173,154,0.9);
}*/
/*.home-case-study.active:nth-child(4) > .inner {
    background: rgba(76,97,113,0.9)!important;
}*/
@media screen and (min-width: 769px) {
    .home-case-study {
        background: none!important;
    }
    .home-case-study > .inner {
        border: 5px solid #fff;
        padding: 20px;
        background: none!important;
    }
}
.home-case-study h3 {
    font-family: 'Palatino Bold', Georgia, 'Times New Roman', serif;
    font-size: 1.125em;
    line-height: 1.33em;
    color: #fff;
    margin-bottom: 15px;
    cursor: default;
}
@media screen and (min-width: 769px) {
    .home-case-study h3 {
        font-size: 1.25em;
    }
}
@media screen and (min-width: 1024px) {
    .home-case-study h3 {
        font-size: 1.8em;
    }
}
.home-case-study a {
    font-family: 'Avenir Black', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 0.875em;
    line-height: 2em;
    display: inline-block;
    text-decoration: none;
    color: #ff7e30;
    background: url(images/icon-arrow-orange.svg) no-repeat right center;
    background-size: 20px 20px;
    padding-right: 30px;
}
@media screen and (min-width: 769px) {
    .home-case-study a {
        color: #fff;
        background: url(images/icon-arrow-white.svg) no-repeat right center;
        background-size: 20px 20px;
    }
}
.home-case-study.active a {
    color: #ff7e30;
    background: url(images/icon-arrow-orange.svg) no-repeat right center;
    background-size: 20px 20px;
    padding-right: 30px;
}
.home-white-papers {
    background: #fff;
    padding: 0;
}
@media screen and (min-width: 1024px) {
    .home-white-papers {
        padding: 0;
        width: 65%;
        float: left;
    }
}
.home-white-papers .section-heading {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1.375em;
    text-transform: uppercase;
    color: #db6526;
    padding: 35px;
    background: #f6f6f6;
    text-align: center;
}
.white-papers {
    overflow: hidden;
}
@media screen and (min-width: 1024px) {
    .white-paper {
        float: left;
        width: 33.333333%;
    }
    .home-white-papers .section-heading {
    padding: 50px 35px 30px 35px;
}
}
.white-paper-image {
    height: 215px;
    overflow: hidden;
    padding-top: 20px;
    text-align: center;
    background: #f6f6f6;
}
.white-paper-image img {
    width: 100%;
    position: relative;
}
.touch .white-paper-image img {
    top: 0px!important;
}
.white-paper-content {
    background: #fff;
    padding: 35px 35px 35px 35px;
    text-align: center;
}
@media screen and (min-width: 1024px) {
    .white-paper-content {
        text-align: left;
        padding: 35px 50px 35px 45px;
    }
}
.white-paper-title {
    font-family: 'Palatino Roman', Georgia, 'Times New Roman', serif;
    font-size: 1.25em;
    color: #000;
    margin-bottom: 8px;
}
.touch .white-paper-title {
    font-family: 'Palatino Roman', Georgia, 'Times New Roman', serif;
    font-size: 1em;
    color: #000;
    margin-bottom: 8px;
}
.white-paper-excerpt {
    font-size: 0.875em;
    color: #616466;
    line-height: 1.5em;
}
.touch .white-paper-excerpt {
    font-size: 0.5em!important;
    color: #616466;
    line-height: 1.5em;
}
@media screen and (min-width: 1024px) {
    .white-paper-excerpt {
        font-size: 1em;
    }
}
.mobile-instructions {
    display: none;
}
.touch .mobile-instructions {
    display: block;
    font-family: 'Avenir Medium', Arial, sans-serif;
    font-size: 0.7em;
    padding-top: 10px;
    text-transform: none;
}
.home-news {
    background: #ffe691;
    background-size: auto 100%;
    padding: 35px 35px 0 35px;
    width: 100%;
}

#resources .home-news-posts{
        float: none;
    }

    #resources .home-news-post{
        float: left;
    }
@media screen and (min-width: 1024px) {
    .home-news {
        /*padding: 50px;
        width: 35%;
        float: left;*/
        background: #ffe691;
        background-size: 100% auto;
        padding: 35px 35px 15px 35px;
        box-sizing: border-box;
        display: inline-block;
    }

    .home .home-news{
        width: 33.33%;
    }
}
.news-blog{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
    .news-blog {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.home-blog {
    /*background: #bde0c2 url('images/blog-top.png') no-repeat 0 0;
    background-size: 100% auto;*/
    padding: 35px 35px 0 35px;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .home-blog {
        width: 66.66%;
        box-sizing: border-box;
        display: inline-block;
        padding: 35px 0 0;
    }
}
.home-blog .image-container img{
    width: 100%;
    height: auto;
    border: 5px solid #484c4e;
}
.home-blog .section-heading {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1.375em;
    text-transform: uppercase;
    color: #484c4e;
    margin-bottom: 35px;
    text-align: center;
}
.home-news .section-heading{
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1.375em;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 35px;
    text-align: center;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .home-news .section-heading,
    .home-blog .section-heading {
        margin-bottom: 65px;
    }
    .home-blog .section-heading {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
}
.home-news-posts {
    margin: 0 auto;
    max-width: 1100px;
}
.home .home-news-posts{
    max-width: 350px;
}
.page-template-template-blog .home-news-posts {
	display: block;
	margin: 0 auto;
	float: none;
	width: 100%;
}
@media (min-width: 1024px) {
	.page-template-template-blog .home-news-posts {
		display: flex;
		justify-content: center;
	}
}
.page-template-template-blog .home-news-post {
	width: 100%;
}
@media (min-width: 1024px) {
	.page-template-template-blog .home-news-post {
		width: 33.333333;
	}
}
.home .home-news-post .button-container .button,
.page-template-template-blog .home-news-post .button-container .button {
	color: #484c4e;
}
.home .home-news-post .button-container .button:hover {
	color: #ff8200;
}
.home-blog-posts {
    margin: 0 auto;
    max-width: 790px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.home-news-post,
.home-blog-post {
    padding: 0 0 35px 0;
}
@media screen and (min-width: 1024px) {
    .home-news-posts{
        float: left;
    }
    .home-blog-posts{
        float: right;
    }
    .home-news-post{
        padding: 0 35px 35px 35px;
        width: 33.333333%;
    }
    .home .home-news-post{
        width: 100%;
    }
    .home-blog-post {
        float: left;
        width: 33.333333%;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        padding: 0 20px 35px;
    }
}
.home .home-blog-post .button-container{
    position: absolute;
    bottom: 0;
    left: 0;
}
.home .home-blog-post .excerpt{
    line-height: 1.5em;
    font-size: .9em;
    position: relative;
    padding-bottom: 42px;
}

.home-news-post-date,
.home-blog-post-date {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 0.8125em;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.home-news-post-title a,
.home-blog-post-title a {
    font-size: 1.125em;
    color: #000;
    line-height: 1.33em;
    text-decoration: none;
    opacity: 0.8;
    transition: 0.1s ease all;
}
.home-blog-post-title{
    font-family: 'Palatino Bold', Georgia, 'Times New Roman', serif;
    margin: 35px 0;
    line-height: 1.5em;
}
.home-news-post-title a:hover,
.home-blog-post-title a:hover {
    opacity: 1;
    color: #ff8200;
}

/* ---------- Added 12/2019 ---------- */

.home-history {
	background-repeat: no-repeat;
	background-position: center center;
	padding: 40px;
	color: white;
}
@media (min-width: 1024px) {
	.home-history {
		background-repeat: no-repeat;
		background-position: center center;
		display: flex;
		justify-content: center;
		padding: 150px;
		color: white;
		min-height: 600px;
	}
}
.home-history .title {
	font-family: 'Palatino Bold', Georgia, 'Times New Roman', serif;
	color: white;
	font-size: 2.5rem;
	margin-bottom: 20px;
}
@media (min-width: 1024px) {
	.home-history .title {
		width: 600px;
		font-size: 4.5rem;
		margin-bottom: 0;
	}
}
.home-history .title strong {
	display: block;
	font-family: 'Avenir Black', Arial, sans-serif;
	color: #ff8200;
	text-transform: uppercase;
}
.home-history .content {
	font-size: 1.25rem;
	line-height: 1.5em;
}
@media (min-width: 1024px) {
	.home-history .content {
		width: 430px;
		padding-left: 80px;
	}
}

/* -------------------- Pages -------------------- */
.page-header-title h1 {
    font-family: 'Palatino Roman', Georgia, 'Times New Roman', serif;
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.25em;
    margin: 0 auto 10px auto;
    color: #484c4e;
    max-width: 1070px;
    padding: 0 15px;
}
@media screen and (min-width: 769px) {
    .page-header-title h1 {
        font-size: 4.5em;
        margin: 0 auto 20px auto;
    }
    .single-post .page-header-title h1,
    .single-bond_projects .page-header-title h1 {
        font-size: 3.125em;
    }
}
.page-header-title.spotlight-title h1 {
    font-size: 3.125em;
}
.page-header-title h2 {
    font-family: 'Palatino Bold', Georgia, 'Times New Roman', serif;
    font-size: 1.25em;
    color: #ff8200;
}
.ancestor-page-title {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 0.75em;
    line-height: 1em;
    text-transform: uppercase;
    color: #484c4e;
    margin: 0 0 20px 0;
}
@media screen and (min-width: 769px) {
    .ancestor-page-title {
        font-size: 1.125em;
    }
}
div.share_container {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
}
	div.share_container p {
		margin-bottom: 6px;
	}
	div.share_container div.a2a_kit {
		display: flex;
		justify-content: center;
	}
		div.share_container div.a2a_kit img {
			margin-left: 3px;
			margin-right: 3px;
		}
.page-header-intro {
    margin: 0 auto;
    max-width: 860px;
    padding: 0 20px;
}
.page-header-intro p {
    font-size: 0.875em;
    line-height: 1.5em;
    color: #484c4e;
    margin-bottom: 1em;
    text-align: left;
}
@media screen and (min-width: 769px) {
    .page-header-intro p {
        font-size: 1.125em;
    }
}
.page-header-intro p a {
    color: #ff8200;
}
.page-header-image img {
    width: 100%;
    height: auto;
    display: block;
}
.page-header-image-alt img {
    width: 300px;
    max-width: 100%;
    height: auto;
    display: inline-block;
}
.page-content p {
    font-size: 0.875em;
    line-height: 1.5em;
    margin-bottom: 1.5em;
}
.page-template-template-awards .page-content p {
    line-height: 1.25em;
}
@media screen and (min-width: 769px) {
    .page-content p {
        font-size: 1.125em;
    }
}
.page-content a {
    color: #ff8200;
}
.page-content em {
    font-family: 'Avenir Medium Oblique', Arial, sans-serif;
    font-style: normal;
}
.page-content em strong,
.page-content strong em {
    font-family: 'Avenir Black Oblique', Arial, sans-serif;
    font-style: normal;
}
.page-content ul,
.page-content ol {
    margin-bottom: 1.5em;
}
.page-content ul {
    list-style: disc;
    margin-left: 30px;
}
.page-content ol {
    list-style: decimal;
    margin-left: 30px;
}
.page-content ul ul, .page-content ul ol, .page-content ol ul, .page-content ol ol{
    margin: 10px 0 0 30px;
}
.single-bond_capabilities .page-content ul {
    list-style: disc;
    list-style-position: inside;
    margin: 15px 0 20px 12px;
}
@media screen and (min-width: 600px) {
    .single-bond_capabilities .page-content ul {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }
}
.page-content .market-list,
.page-content .capability-list ul {
    list-style: none;
    margin-left: 0;
}
.page-content ul li,
.page-content ol li {
    font-size: 0.875em;
    line-height: 1.8em;
    margin-bottom: 0.5em;
}
.page-content ul li li,
.page-content ol li li{
    font-size: 1em;
}
@media screen and (min-width: 769px) {
    .page-content ul li,
    .page-content ol li {
        font-size: 1.125em;
    }
    .page-content ul li li,
    .page-content ol li li{
        font-size: 1em;
    }
}
.single-bond_capabilities .page-content ul li {
    margin-bottom: 0.25em;
    list-style-position: outside;
    margin-left: 1em;
}
.page-content strong {
    font-family: 'Avenir Black', Arial, sans-serif;
}
.page-content h2 {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1.125em;
    text-transform: uppercase;
    color: #ff8200;
    margin-bottom: 5px;
}
@media screen and (min-width: 769px) {
    .page-content h2 {
        font-size: 1.375em;
    }
}
.page-content h3 {
    font-family: 'Palatino Bold', Georgia, serif;
    font-size: 1.125em;
    color: #484c4e;
    margin-bottom: 10px;
}
@media screen and (min-width: 769px) {
    .page-content h3 {
        font-size: 1.375em;
    }
}
.page-content img.alignleft {
    float: left;
    width: 40%;
    height: auto;
    max-width: 100%;
    margin: 0 20px 20px 0;
    display: block;
}
.page-content img.alignright {
    float: right;
    height: auto;
    max-width: 100%;
    margin: 0 0 20px 20px;
    display: block;
}
.page-content img.aligncenter {
    float: none;
    margin: 0 auto;
    width: 50%;
    height: auto;
    max-width: 100%;
    display: block;
}

.page-content img.alignnone {
    height: auto;
    max-width: 100%;
    display: block;
}
.grid-news-item,
.grid-blog-item,
.grid-award-item,
.grid-spotlight-item {
    border-bottom: 1px solid #dfe0e0;
    margin-bottom: 20px;
}
.grid-news-item .grid-item-left,
.grid-blog-item .grid-item-left,
.grid-award-item .grid-item-left,
.grid-spotlight-item .grid-item-left {
    /*border-right: 1px solid #dfe0e0;*/
    padding: 10px 0 0 0;
}
.grid-news-item .grid-item-right,
.grid-blog-item .grid-item-right,
.grid-award-item .grid-item-right,
.grid-spotlight-item .grid-item-right {
    padding: 10px 0;
}
@media screen and (min-width: 480px) {
    .grid-news-item .grid-item-right,
    .grid-blog-item .grid-item-right,
    .grid-award-item .grid-item-right,
    .grid-spotlight-item .grid-item-right {
        padding: 10px 0 10px 20px;
    }
}
.grid-date-container {
    border-right: 1px solid #dfe0e0;
    padding-right: 20px;
}
.grid-date-md,
.grid-date-y {
    color: #ff8200;
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 0.875em;
    line-height: 1.125em;
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
@media screen and (min-width: 1240px) {
    .grid-date-md,
    .grid-date-y {
        font-size: 1.125em;
    }
}
.page-content p.blog-date {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1em;
    line-height: 1.25em;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.page-content p.blog-author,
.page-content p.blog-tags {
    font-size: 0.9375em;
    margin-bottom: 5px;
}
.page-content p.blog-tags {
    margin-bottom: 15px;
}
.page-content p.blog-tags a {
    text-decoration: none;
}
.page-content p.blog-tags a:hover {
    text-decoration: underline;
}
.single-post .blog-author{
    font-size: 0.9375em;
    margin-bottom: 15px;
}
.single-post .blog-author p{
    display: inline;
    font-size: 1em;
}
.single-post .bios .button-submit{
    font-size: 1em;
}
.single-post .blog-author a{
    text-decoration: none;
}
.single-post .blog-author a:hover{
    text-decoration: underline;
}
.single-post .author-text h4{
    display: inline-block;
    font-weight: 400;
    color: #484c4e;
    font-size: 1.5em;
    padding-left: 0;
    line-height: 1.3em;
}
.single-post .author-text .title{
    display: inline-block;
    color: #FF8100;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
}
.single-post .author-text p{
    font-size: 14px;
}
.single-post .bios{
    background: #EFEFEF;
    padding: 15px 2em 2em;
    margin-bottom: 50px;
}
.single-post .bios h4{
    margin-top: 1em;
    margin-bottom: 1em;
    color: #474343;
    font-size: 24px;
    line-height: 35px;
    font-family: 'Palatino Bold', Georgia, 'Times New Roman', serif;
}
.single-post .author-thumb{
    width: 96px;
    float: left;
}
.single-post .author-thumb img{
    max-width: 96px;
    height: auto;
    display: inline-block;
}
.author-text {
    float: left;
    padding: 0;
    box-sizing: border-box;
}
@media screen and (max-width: 500px){
    .author-text {
        width: 100%;
        padding-left: 0;
        padding-top: 10px;
    }
    .single-post .bios h3{
        padding-left: 0;
    }
}
.grid-item-right h2 {
    font-family: 'Palatino Bold', Georgia, 'Times New Roman', serif;
    margin-bottom: 10px;
    font-size: 1.5em;
    line-height: 1.3em;
}
.grid-news-item .grid-item-right h2,
.grid-blog-item .grid-item-right h2,
.grid-spotlight-item .grid-item-right h2 {
    text-transform: none;
}
.grid-award-item .grid-item-right h2 {
    color: #484c4e;
    text-transform: none;
}
.grid-item-right h2 a,
.grid-item-right h4 a {
    color: #484c4e;
    text-decoration: none;
}
.grid-item-right h2 a:hover {
    text-decoration: underline;
}
.grid-spotlight-item .grid-item-right h2 {
    margin-bottom: 0;
}
.grid-spotlight-item .grid-item-right h4 {
    font-family: 'Avenir Medium', Arial, sans-serif;
    margin-bottom: 15px;
    font-size: 1.125em;
    line-height: 1.3em;
}
.grid-item-right .excerpt {
    font-size: 0.875em;
    line-height: 1.5em;
    color: #484c4e;
}
@media screen and (min-width: 769px) {
    .grid-item-right .excerpt {
        font-size: 1.125em;
    }
}
.grid-news-item .button {
    display: inline-block;
}
.grid-blog-item .grid-item-left img,
.grid-spotlight-item .grid-item-left img {
    width: 100%;
    height: auto;
    display: block;
}
.pagination,
.single-pagination {
    padding: 25px 0;
    text-align: center;
    position: relative;
}
.single-pagination {
    border-top: 1px solid #dcdddd;
    margin-top: 50px;
}

.single-pagination:before{
    content: "";
    display: table;
    clear: both;
}

.pagination a,
.pagination span,
.single-pagination a {
    /*font-size: 0.8125em;*/
    text-decoration: none;
    padding: 5px;
    display: inline-block;
}
.pagination a,
.single-pagination a {
    color: #ff8200;
}
.pagination a:hover {
    text-decoration: underline;
}
.pagination a.next,
.single-pagination span.next {
    position: absolute;
    top: 25px;
    right: 0;
    background-image: url('images/icon-arrow-orange.svg');
    color: #ff8200;
    background-color: transparent;
    background-position: 98% 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border: 0;
    padding: 5px 25px 0 0;
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 0.8125em;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    min-height: 20px;
    transition: 0.1s all ease;
}
.pagination a.prev,
.pagination a.previous,
.single-pagination span.previous {
    position: absolute;
    top: 25px;
    left: 0;
    background-image: url('images/icon-arrow-orange-left.svg');
    color: #ff8200;
    background-color: transparent;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border: 0;
    padding: 5px 0 0 25px;
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 0.8125em;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    min-height: 20px;
    transition: 0.1s all ease;
}
.award-logo {
    background: #fcf9f1;
    padding: 10px;
    width: 100%;
    height: auto;
    display: block;
}
@media screen and (min-width: 480px) {
    .award-logo {
        padding: 10%;
    }
}
.page-content p.award-instance {
    margin-bottom: 8px;
}
.award-instance .award-year {
    font-family: 'Avenir Black', Arial, sans-serif;
}
.featured-image {
    margin-bottom: 30px;
}
.featured-image img {
    width: 100%;
    height: auto;
    display: block;
}
.single-main p {
    font-size: 0.875em;
    line-height: 1.5em;
    margin-bottom: 1em;
}
.single-main .wp-caption-text{
    font-style: italic;
    font-size: 16px;
}
.featured-image .wp-caption-text{
    font-size: 1em;
}
@media screen and (min-width: 769px) {
    .single-main p {
        font-size: 1.125em;
    }
}
.aside-item {
    padding: 10px 0;
}
.single-main .post-meta,
.page-content .aside-meta {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1.125em;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}
.page-content .aside-meta {
    font-size: 0.75em;
    margin-bottom: 5px;
}
.page-content .aside-title {
    color: #484c4e;
    font-family: 'Palatino Bold', Georgia, 'Times New Roman', serif;
    font-size: 1.5em;
    line-height: 1.3em;
    margin-bottom: 10px;
    text-transform: none;
}
.page-content .aside-item h3 {
    font-size: 1em;
    line-height: 1.5em;
}
.page-content .aside-news-item h3 a,
.page-content .aside-blog-item h3 a {
    font-family: 'Palatino Roman', Georgia, 'Times New Roman', serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5em;
    text-decoration: none;
    color: #484c4e;
}
.page-content .aside-news-item h3 a:hover,
.page-content .aside-blog-item h3 a:hover {
    text-decoration: underline;
}
.page-content .aside-item h4 {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 0.75em;
    text-transform: uppercase;
    line-height: 1.125em;
    margin-bottom: 5px;
}
.page-content .aside-project-item p, .page-content  .aside-project-item ul li {
    font-family: 'Palatino Roman', Georgia, 'Times New Roman', serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5em;
    text-decoration: none;
    margin-bottom: 5px;
}
.aside-item img{
    max-width: 100%;
    height: auto;
}
.aside-item a{
    color: #484c4e;
}
.aside-item a img{
    vertical-align: bottom;
    margin-bottom: 10px;
}
span.project-service::before {
    content: ',';
    padding: 0 5px 0 0;
}
span.project-service:first-child::before {
    content: '';
    padding: 0;
}
.shareaholic-canvas {
    margin-bottom: 5px!important;
    position: relative;
    left: -10px;
}
.shareaholic-share-buttons-container ul.shareaholic-share-buttons {
    margin: 0 0 0 0!important;
    padding: 0 0 0 0!important;
}
.shareaholic-share-buttons-container li.shareaholic-share-button:first-of-type {
    padding: 5px 5px 5px 0!important;
}
.what-we-do-container {
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    max-width: 860px;
    margin: 0 auto;
    -webkit-flex-direction: column;
    flex-direction: column;
}
@media screen and (min-width: 600px) {
    .what-we-do-container {
        -webkit-flex-direction: row;
        flex-direction: row;
    }
}
.what-we-do-col {
    padding: 0 20px;
}
@media screen and (min-width: 600px) {
    .what-we-do-col {
        width: 50%;
        padding: 0 30px 35px 30px;
    }
}
.what-we-do-col h2 {
    color: #fff;
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1em;
    line-height: 1em;
    background: #ff8200;
    padding: 15px 15px 12px 15px;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
    .what-we-do-col h2 {
        font-size: 1.375em;
    }
}
.market-list {
    margin-bottom: 50px;
}
@media screen and (min-width: 769px) {
    .market-list {
        margin-bottom: 0;
    }
}
.page-content .market-list li {
    margin: 0;
}
.market-list li a {
    display: block;
    padding: 17px 15px 15px 15px;
    border-bottom: 1px solid #dadbdc;
    font-size: 0.875em;
    font-weight: 600;
    text-decoration: none;
    color: #484c4e;
    transition: 0.2s ease all;
}
.market-list li a:hover {
    background: #f9f4e6;
}
.market-list svg {
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    vertical-align: middle;
    margin-right: 15px;
}
.market-list .market-icon-fill {
    fill: #b6b7b8;
}
.market-list .market-icon-stroke {
    stroke: #b6b7b8;
}
.market-list .market-title {
    display: block;
    width: calc(100% - 45px);
    float: left;
}
@media screen and (min-width: 769px) {
    .market-list li a {
        font-size: 1.125em;
    }
}
.what-we-do-region-container {
    position: relative;
    background: #305768;
    animation-duration: 1s;
    animation-delay: 0.6s;
}
.what-we-do-region-container > img {
    width: 100%;
    height: auto;
    display: block;
}
.what-we-do-region-container > .inner {
    padding: 20px;
}
@media screen and (min-width: 1150px) {
    .what-we-do-region-container > .inner {
        width: 30%;
        position: absolute;
        top: 50%;
        left: 60%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
.what-we-do-region-container > .inner h2 {
    color: #ff7e30;
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1.375em;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.what-we-do-region-container > .inner p {
    font-size: 1.125em;
    color: #fff;
    line-height: 1.5em;
}
.firm-overview-header {
    padding: 100px 20px 35px 20px;
    text-align: center;
    animation-duration: 1s;
}
@media screen and (min-width: 1024px) {
    .firm-overview-header {
        padding: 130px 20px 100px 20px;
    }
}
.firm-overview-header .ancestor-page-title {
    color: #fff;
    margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
    .firm-overview-header .ancestor-page-title {
        color: #fff;
        margin-bottom: 75px;
    }
}
.firm-overview-col-container {
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    max-width: 1024px;
    margin: 0 auto;
    -webkit-flex-direction: column;
    flex-direction: column;
}
@media screen and (min-width: 769px) {
    .firm-overview-col-container {
        -webkit-flex-direction: row;
        flex-direction: row;
    }
}
.firm-overview-col {
    width: 100%;
}
@media screen and (min-width: 769px) {
    .firm-overview-col {
        width: 50%;
    }
}
.firm-overview-title {
    margin-bottom: 25px;
}
@media screen and (min-width: 769px) {
    .firm-overview-title {
        padding-right: 35px;
        margin-bottom: 0;
    }
}
.firm-overview-title h1 {
    font-family: 'Palatino Bold', Georgia, 'Times New Roman', serif;
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.25em;
    color: #fff;
    text-align: center;
}
.firm-overview-title h1 span {
    font-family: 'Avenir Black', Arial, sans-serif;
    text-transform: uppercase;
    color: #ff7e30;
    display: inline-block;
}
@media screen and (min-width: 769px) {
    .firm-overview-title h1 {
        font-size: 4em;
        text-align: right;
    }
    .firm-overview-title h1 span {
        font-family: 'Avenir Black', Arial, sans-serif;
        text-transform: uppercase;
        color: #ff7e30;
        display: block;
    }
}
.firm-overview-header .firm-overview-content {
    color: #fff;
    text-align: left;
    background: rgba(96,62,20,0.8);
    border: 5px solid #e0dad3;
    padding: 20px;
}
@media screen and (min-width: 769px) {
   .firm-overview-header .firm-overview-content {
       padding: 40px;
   }
}
.firm-overview-header .firm-overview-content.overlay-brown {
    background: rgba(96,62,20,0.8);
}
.firm-overview-header .firm-overview-content.overlay-blue {
    background: rgba(69,106,125,.8);
}
.firm-overview-header .firm-overview-content p {
    font-size: 0.875em;
    line-height: 1.8em;
}
@media screen and (min-width: 769px) {
   .firm-overview-header .firm-overview-content p {
       font-size: 1.125em;
   }
}
.firm-overview-header .firm-overview-content p.firm-overview-featured {
    font-family: 'Palatino Bold', Georgia, 'Times New Roman', serif;
    font-size: 1em;
    line-height: 1.5em;
    color: #eee1ba;
    margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
   .firm-overview-header .firm-overview-content p.firm-overview-featured {
       font-size: 1.5em;
   }
}
.firm-overview-gallery {
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    height: auto;
    padding: 10px;
    -webkit-flex-direction: column;
    flex-direction: column;
}
@media screen and (min-width: 800px) {
    .firm-overview-gallery {
        height: 400px;
        -webkit-flex-direction: row;
        flex-direction: row;
    }
}
.firm-overview-gallery-col {
    width: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
}
.fogc-left {
    width: 40%;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 0 10px 0 0;
}
.fogc-right {
    width: 60%;
}
.fogcl-top,
.fogcl-bottom {
    min-height: 100px;
    -webkit-flex: 1;
    flex: 1;
}
@media screen and (min-width: 800px) {
    .firm-overview-gallery-col.col2 {
        width: 60%;
        display: -moz-flex;
        display: -ms-flex;
        display: -webkit-flex;
        display: flex;
    }
    .fogc-left {
        padding: 0 10px;
    }
}
.gallery-image-1 {
    min-height: 200px;
    margin-bottom: 10px;
    position: relative;
}
.gallery-image-2 {
    margin: 0 0 5px 0;
    position: relative;
}
.gallery-image-3 {
    margin: 5px 0 0 0;
    position: relative;
}
.gallery-image-4 {
    min-height: 200px;
    position: relative;
}
@media screen and (min-width: 600px) {
    .gallery-image-1 {
        width: 100%;
    }
    .gallery-image-2 {
        -webkit-flex: 1;
        flex: 1;
        margin-bottom: 5px;
    }
    .gallery-image-3 {
        -webkit-flex: 1;
        flex: 1;
    }
    .gallery-image-4 {
        width: 60%;
    }
}
@media screen and (min-width: 800px) {
    .gallery-image-1 {
        width: 40%;
        margin-bottom: 0;
    }
    .gallery-image-2 {
        -webkit-flex: 1;
        flex: 1;
        margin-bottom: 5px;
    }
    .gallery-image-3 {
        -webkit-flex: 1;
        flex: 1;
        /*margin-top: 5px;*/
    }
    .gallery-image-4 {
        width: 60%;
    }
}
.gallery-caption {
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 5px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.bio-slider-container {
    background: #fff;
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
}
.bio-slider {
    position: relative;
    padding: 0 20px;
    background: #fff;
}
@media screen and (min-width: 769px) {
    .bio-slider {
        padding: 0 100px;
    }
}
.bio-slide {
    border-top: 1px solid #ddd;
    border-bottom: 0;
    padding: 30px 0 30px 0;
    margin-bottom: 0px;
    background: #fff;
    display: none;
    text-align: center;
    position: relative;
}
@media screen and (min-width: 1280px) {
    .bio-slide {
        padding: 30px 10px 100px 10px;
        margin-bottom: 70px;
        border-bottom: 1px solid #ddd;
        min-height: 500px;
    }
}
.active-slide {
    display: block;
}
.bio-content {
    float: none;
    width: 100%;
}
@media screen and (min-width: 900px) {
    .bio-content {
        width: 100%;
    }
}
@media screen and (min-width: 1280px) {
    .bio-content {
        width: calc(100% - 670px);
        float: right;
    }
}
.bio-content .inner {
    text-align: left;
    position: relative;
    z-index: 1000;
}
.bio-nav-container {
    display: none;
}
@media screen and (min-width: 1280px) {
    .bio-nav-container {
        display: block;
        position: absolute;
        top: 30px;
        left: 100px;
        z-index: 100;
    }
}
.bio-nav ul {
    list-style: none;
    margin: 0;
}
.bio-nav li {
    margin-bottom: 10px;
}
.bio-nav a {
    color: #9bc0ab;
    font-size: 0.8125em;
    text-transform: uppercase;
    padding: 8px 8px 5px 8px;
    text-decoration: none;
    transition: 0.1s all ease;
    cursor: pointer;
    font-family: 'Avenir Black', Arial, sans-serif;
}
.bio-nav a:hover,
.bio-nav a.active-nav-item {
    background: #bde0c3;
    color: #000;
    cursor: pointer;
}
.bio-slide-image {
    position: relative;
    margin-bottom: 25px;
    background: #f5f5f5;
    padding: 15px 15px 0 15px;
    width: 100%;
    height: 315px;
    z-index: 10;
}
@media screen and (min-width: 1280px) {
    .bio-slide-image {
        position: absolute;
        z-index: 10;
        bottom: 0;
        left: 0px;
        width: 100%;
        height: 100%;
        margin: 0;
        border: 0;
        padding: 0;
        background: transparent;
    }
}
.bio-slide-image img {
    width: 300px;
    max-width: 100%;
    height: auto;
    display: block;
    bottom: 0;
    left: calc(50% - 150px);
    position: absolute;
}
@media screen and (min-width: 1280px) {
    .bio-slide-image img {
        position: absolute;
        bottom: 0;
        left: 90px;
        width: 600px;
        max-width: 100%;
        display: block;
        margin: 0;
    }
}
.bio-prev,
.bio-next {
    position: absolute;
    height: 70px;
    width: 70px;
    display: inline-block;
    position: relative;
    bottom: 70px;
    animation-duration: 1s;
    animation-delay: 1s;
}
.bio-prev {
    background: rgba(0,0,0,0.6) url('images/lrg-arrow-left-white.svg') no-repeat center center;
    background-size: 20px 20px;
    left: 0;
    bottom: 0;
    position: absolute;
    opacity: 0.7;
}
@media screen and (min-width: 1280px) {
    .bio-prev {
        background: url('images/lrg-arrow-left.svg') no-repeat center center;
        background-size: 30px 30px;
        left: -85px;
        opacity: 0.7;
        top: calc(50% - 35px);
    }
}
.bio-slide:first-of-type .bio-prev {
    display: none!important;
}
.bio-next {
    background: rgba(0,0,0,0.6) url('images/lrg-arrow-right-white.svg') no-repeat center center;
    background-size: 20px 20px;
    right: 0;
    bottom: 0;
    position: absolute;
    opacity: 0.7;
}
@media screen and (min-width: 1280px) {
    .bio-next {
        background: url('images/lrg-arrow-right.svg') no-repeat center center;
        background-size: 30px 30px;
        right: -85px;
        opacity: 0.7;
        top: calc(50% - 35px);
    }
}
.bio-slide:last-of-type .bio-next {
    display: none!important;
}
.page-content .bio-content h2.leadership-heading {
    color: #fff;
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1em;
    line-height: 1em;
    background: #ff8200;
    padding: 15px 15px 12px 15px;
    display: none;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.page-content .bio-content h2.leadership-heading-top {
    color: #fff;
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1em;
    line-height: 1em;
    background: #ff8200;
    padding: 15px 15px 12px 15px;
    display: inline-block;
    text-transform: uppercase;
    margin: 0 auto 20px auto;
}
@media screen and (min-width: 769px) {
    .page-content .bio-content h2 {
        font-size: 1.375em;
    }
}
@media screen and (min-width: 1280px) {
    .page-content .bio-content h2.leadership-heading {
        display: inline-block;
        margin: 0 auto 20px auto;
    }
    .page-content .bio-content h2.leadership-heading-top {
        display: none;
    }
}
.bio-content h3 {
    font-family: 'Palatino Bold', Georgia, 'Times New Roman', serif;
    margin-bottom: 10px;
    font-size: 1.5em;
    line-height: 1.3em;
}
.bio-content h4 {
    font-family: 'Avenir Black', Arial, sans-serif;
    margin-bottom: 10px;
    font-size: 1.125em;
    line-height: 1.3em;
}
.page-content .bio-content p {
    margin-bottom: 0;
}
.team-container,
.portfolio-container {
    background: #375665 url('images/blue-seamless-bg.jpg') repeat;
	/* background: url('images/case-studies-bg.jpg') no-repeat 0 0; */
    background-size: cover;
    border-top: 5px solid #ff8200;
    padding: 0 20px;
    color: #fff;
}
.team-container .section-heading {
    background: #ff8200;
    display: block;
    width: 200px;
    padding: 13px 20px 10px 20px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    color: #fff;
    font-family: 'Avenir Black', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.125em;
    line-height: 1.3em;
}
.team-post-container {
    padding: 20px 0;
    max-width: 1180px;
    margin: 0 auto;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
    .team-post-container,
    .portfolio-post-container {
        padding: 70px 0;
    }
}
.portfolio-post-container {
    padding: 20px 0;
    max-width: 1180px;
    margin: 0 auto;
}
@media screen and (min-width: 769px) {
    .portfolio-post-container {
        padding: 70px 0;
    }
}
.portfolio-search-results {
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.team-post,
.portfolio-post {
    /*flex: 1 0 100%;*/
    padding: 0 10px 20px 0;
    display: block;
    text-decoration: none;
    color: #fff;
    width: 100%;
    position: relative;
}
@media screen and (min-width: 480px) {
    .team-post,
    .portfolio-post {
        /*flex: 1 0 50%;*/
        width: 50%;
        padding: 0 10px 20px 10px;
    }
}
@media screen and (min-width: 860px) {
    .team-post,
    .portfolio-post {
        /*flex: 1 0 25%;*/
        width: 25%;
    }
}
.team-post-image,
.portfolio-post-image {
    overflow: hidden;
    float: left;
    width: 40%;
}
@media screen and (min-width: 480px) {
    .team-post-image,
    .portfolio-post-image {
        margin-bottom: 10px;
        overflow: hidden;
        float: none;
        width: 100%;
    }
}
.team-post-image img,
.portfolio-post-image img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    -webkit-backface-visibility: hidden;
}
.team-post:hover .team-post-image img,
.portfolio-post:hover .portfolio-post-image img {
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05);
}
.team-post-content,
.portfolio-post-content {
    color: #fff;
    width: calc(60% - 10px);
    height: calc(100% - 20px);
    border-bottom: 1px solid #5c7581;
    position: absolute;
    top: 0;
    right: 0;
}
@media screen and (min-width: 480px) {
    .team-post-content,
    .portfolio-post-content {
        border-right: 1px solid #5c7581;
        border-bottom: 0;
        padding-right: 25px;
        width: 100%;
        height: auto;
        position: relative;
    }
}
.team-post-content > .inner,
.portfolio-post-content > .inner {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (min-width: 480px) {
    .team-post-content > .inner,
    .portfolio-post-content > .inner {
        position: relative;
        top: 0%;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
}
.team-post-content h3,
.portfolio-post-content h3 {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 0.875em;
    margin-bottom: 5px;
    line-height: 1.33em;
    background: url('images/icon-arrow-orange.svg') no-repeat 0 0;
    background-size: 14px 14px;
    padding-left: 22px;
}
@media screen and (min-width: 480px) {
    .team-post-content h3,
    .portfolio-post-content h3 {
        font-size: 1.125em;
        background: url('images/icon-arrow-orange.svg') no-repeat 0 0;
        background-size: 20px 20px;
        padding-left: 28px;
    }
}
.team-post-content p.bio-title {
    font-family: 'Palatino Roman', Georgia, 'Times New Roman', serif;
    line-height: 1.33em;
    font-size: 0.75em;
    padding-left: 22px;
}
@media screen and (min-width: 480px) {
    .team-post-content p.bio-title {
        font-size: 1em;
        padding-left: 28px;
    }
}
.team-infographic {
    max-width: 1180px;
    margin: 0 auto;
    padding-bottom: 20px;
    display: none;
}
@media screen and (min-width: 769px) {
    .team-infographic {
        padding-bottom: 70px;
        display: block;
    }
}
.team-infographic img {
    width: 100%;
    height: auto;
    display: block;
}
.bio-single-wrapper {
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 15px;
    -webkit-flex-direction: column;
    flex-direction: column;
}
@media screen and (min-width: 600px) {
    .bio-single-wrapper {
        -webkit-flex-direction: row;
        flex-direction: row;
        margin-bottom: 50px;
    }
}
.bio-single-aside {
    position: relative;
    margin-bottom: 10px;
    display: block;
    height: auto;
}

.bio-single-aside:after{
    content: "";
    display: table;
    clear: both;
}

@media screen and (min-width: 600px) {
    .bio-single-aside {
        -webkit-flex: 1 0 160px;
        flex: 1 0 160px;
        -webkit-order: -1;
        order: -1;
    }
}
@media screen and (min-width: 860px) {
    .bio-single-aside {
        -webkit-flex: 1 0 320px;
        flex: 1 0 320px;
    }
}
.bio-single-aside img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 25px;
}
@media screen and (min-width: 600px) {
    .bio-single-aside img {
        position: relative;
        top: 8px;
        margin-bottom: 0;
    }
}
@media screen and (min-width: 600px) {
    .bio-single-content {
        -webkit-flex: 1 0 calc(100% - 320px);
        flex: 1 0 calc(100% - 320px);
        padding-left: 50px;
    }
}
.bio-single-image {
    margin-bottom: 30px;
}
.bio-single-image img {
    width: 100%;
    height: auto;
    display: block;
}
.beyond-bond {
    background: #FEE88A;
    padding: 30px;
    display: block;
    position: relative;
    margin-bottom: 10px;
}

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

.page-content .beyond-bond h2 {
    color: #444;
    font-size: 1.125em;
    margin-bottom: 15px;
}
.page-content .beyond-bond p {
    font-family: 'Palatino Roman', Georgia, 'Times New Roman', serif;
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 0;
    height: 100%;
}

.bio-single-hard-hat {
    display: none;
}
@media screen and (min-width: 600px) {
    .bio-single-hard-hat {
        max-width: 200px;
        height: auto;
        position: relative;
        top: -50px;
        display: inline-block;
    }
}
.portfolio-filter-bar {
    background: #be6028;
    border-top: 5px solid #ff8200;
    padding: 20px;
    text-align: center;
}
.portfolio-filter-bar h4 {
    color: #fff;
    font-size: 0.875em;
}
#filter-bar {
   padding-top: 50px;
}
.searchandfilter ul li {
    display: block;
    padding: 0;
    vertical-align: top;
    margin-bottom: 15px;
}
.searchandfilter ul li[data-sf-field-input-type=select] {
    display: block;
    padding: 0;
    margin-bottom: 15px;
}
.searchandfilter ul li.sf-field-submit,
.searchandfilter ul li.sf-field-reset {
    display: inline-block;
    padding: 0 15px;
    vertical-align: top;
    margin-bottom: 0;
}
@media screen and (min-width: 980px) {
    .searchandfilter ul li {
        display: inline-block;
        padding: 0 15px;
        vertical-align: top;
        margin-bottom: 0;
    }
    .searchandfilter ul li[data-sf-field-input-type=select] {
        display: inline-block;
        padding: 0 15px;
        min-width: 350px;
        margin-bottom: 0;
    }
}
.sf-field-submit input,
.sf-field-reset input {
    background: #fff;
    border-radius: 0;
    border: 0;
    padding: 20px 30px;
    color: #ff8200;
    text-align: center;
    display: inline-block;
    height: 60px;
    font-family: 'Avenir Medium', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 0.9375em;
    outline: none;
}
.portfolio-search-pagination {
    padding: 0 10px;
    margin-top: 30px;
    display: none;
}

/* -------------------- Fluid Video Embeds -------------------- */
.fve-video-wrapper {
    position: relative;
    overflow: hidden;
    height: 0;
    background-color: transparent;
    padding-bottom: 56.25%;
    margin: 0.5em 0 35px 0;
}
.fve-video-wrapper iframe,
.fve-video-wrapper object,
.fve-video-wrapper embed {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fve-video-wrapper a.hyperlink-image {
    position: relative;
    display: none;
}
.fve-video-wrapper a.hyperlink-image img {
    position: relative;
    z-index: 2;
    width: 100%;
}
.fve-video-wrapper a.hyperlink-image .fve-play-button {
    position: absolute;
    left: 35%;
    top: 35%;
    right: 35%;
    bottom: 35%;
    z-index: 3;
    background-color: rgba(40, 40, 40, 0.75);
    background-size: 100% 100%;
    border-radius: 10px;
}
.fve-video-wrapper a.hyperlink-image:hover .fve-play-button {
    background-color: rgba(0, 0, 0, 0.85);
}
.project-slider-container {
    border-bottom: 5px solid #ff8200;
    padding-top: 30px;
    margin-bottom: 0px;
}
.project-slider-wrapper {
    position: relative;
    max-width: 1240px;
    margin: 0 auto;
}
@media screen and (min-width: 769px) {
    .project-slider-wrapper {
        padding: 0 70px;
    }
}
.project-slide,
.related-project-slide {
    width: 100%!important;
}
.project-slide img {
    /*width: 100%;*/
    max-width: 100%;
    margin: 0 auto;
    max-height: 700px;
    height: auto;
    display: block;
}
.project-slider-prev,
.project-slider-next {
    display: none;
}
@media screen and (min-width: 769px) {
    .project-slider-prev,
    .project-slider-next {
        position: absolute;
        height: 70px;
        width: 70px;
        display: block;
        top: calc(50% - 25px);
    }
}
.project-slider-prev a,
.project-slider-next a {
    height: 70px;
    width: 70px;
    display: block;
    text-indent: -999em;
    font-size: 0;
    line-height: 0;
}
.project-slider-prev {
    left: 0px;
}
.project-slider-prev a {
    background: url('images/lrg-arrow-left.svg') no-repeat center center;
    background-size: 30px 30px;
    opacity: 0.7;
}
.project-slider-next {
    right: 0px;
}
.project-slider-next a {
    background: url('images/lrg-arrow-right.svg') no-repeat center center;
    background-size: 30px 30px;
    opacity: 0.7;
}
.related-project-slider-prev,
.related-project-slider-next {
    display: none;
}
@media screen and (min-width: 769px) {
    .related-project-slider-prev,
    .related-project-slider-next {
        position: absolute;
        height: 70px;
        width: 70px;
        display: block;
        top: calc(50% - 25px);
    }
}
.related-project-slider-prev a,
.related-project-slider-next a {
    height: 70px;
    width: 70px;
    display: block;
    text-indent: -999em;
    font-size: 0;
    line-height: 0;
}
.related-project-slider-prev {
    left: 0px;
}
.related-project-slider-prev a {
    background: url('images/lrg-arrow-left-white.svg') no-repeat center center;
    background-size: 30px 30px;
    opacity: 0.9;
}
.related-project-slider-next {
    right: 0px;
}
.related-project-slider-next a {
    background: url('images/lrg-arrow-right-white.svg') no-repeat center center;
    background-size: 30px 30px;
    opacity: 0.9;
}
.current-openings-container {
    background: #FEE88A;
    max-width: 1300px;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
}
@media screen and (min-width: 600px) {
    .current-openings-container {
        padding: 50px 20px;
    }
}
.page-content .current-openings-container h2 {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1.375em;
    margin-bottom: 35px;
    text-transform: uppercase;
    color: #000;
}
.page-content .current-openings-container h3 {
    font-family: 'Palatino Roman', Georgia, serif;
    font-size: 1.25em;
    color: #484c4e;
    margin-bottom: 20px;
}
.page-content .current-openings-container ul {
    list-style: none;
    max-width: 640px;
    margin: 0 auto;
    text-align: left;
}
@media screen and (min-width: 600px) {
    .page-content .current-openings-container ul {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }
}
.page-content .current-openings-container ul li {
    display: block;
}
.page-content .current-openings-container ul li a {
    background: url('images/icon-arrow-orange.svg') no-repeat 0 0;
    background-size: 20px 20px;
    padding-left: 30px;
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1.125em;
    line-height: 1.5em;
    color: #484c4e;
    text-decoration: none;
    display: inline-block;
    min-height: 20px;
}
@media screen and (min-width: 600px) {
    .page-content .current-openings-container ul li a {
        background: url('images/icon-arrow-orange.svg') no-repeat 0 2px;
        background-size: 20px 20px;
        padding-left: 30px;
        font-family: 'Avenir Black', Arial, sans-serif;
        font-size: 1.125em;
        line-height: 1.3em;
        color: #484c4e;
        text-decoration: none;
        display: inline-block;
        min-height: 20px;
    }
}
.employee-spotlight {
    padding: 35px 0;
}
@media screen and (min-width: 1000px) {
    .employee-spotlight {
        padding: 50px 20px;
    }
}
.employee-spotlight > .inner {
    background: #fff;
    max-width: 860px;
    margin: 0 auto;
}
@media screen and (min-width: 640px) {
    .employee-spotlight > .inner {
        background: #fff;
        max-width: 860px;
        margin: 0 auto;
        display: flex;
    }
}
.spotlight-col {
	width: 100%;
	position: relative;
	padding-bottom: 20px;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 1000px) {
    .spotlight-col {
    	width: 50%;
    	padding-bottom: 0;
    }
}
/*.spotlight-col iframe,
.spotlight-col object,
.spotlight-col embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}*/
.spotlight-col img {
    width: 100%;
    height: auto;
    display: block;
}
/*.spotlight-image {
    margin-right: 30px;
}*/
.spotlight-content {
    padding: 10px 0;
    width: 100%;
}
@media screen and (min-width: 640px) {
    .spotlight-content {
        padding: 10px 20px;
    }
}
@media screen and (min-width: 1000px) {
    .spotlight-content {
        width: 50%;
        padding: 0 20px;
    }
}
.spotlight-content h2 {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-weight: 400;
    font-size: 1.375em;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #fff;
    background: #ff8200;
    padding: 13px 20px 10px 20px;
    display: inline-block;
}
.spotlight-content h3 {
    font-family: 'Palatino Bold', Georgia, 'Times New Roman', serif;
    margin-bottom: 0;
    font-size: 1.5em;
    line-height: 1.3em;
}
.spotlight-content h4 {
    font-family: 'Avenir Medium', Arial, sans-serif;
    margin-bottom: 15px;
    font-size: 1.125em;
    line-height: 1.3em;
}
.spotlight-content h3 a,
.spotlight-content h4 a {
    color: #484c4e;
    text-decoration: none;
}
.spotlight-content h3 a:hover {
    text-decoration: underline;
}
.spotlight-content p {
    line-height: 1.5em;
    margin-bottom: 0;
}
.pusher {
    position: relative;
    width: 100%;
    padding: 70px 20px;
}
.pusher-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.pusher-brown .pusher-overlay,
.pusher-brown .pusher-box {
    background: rgba(95,60,17,.85);
}
.pusher-tan .pusher-overlay,
.pusher-tan .pusher-box {
    background: rgba(238,225,186,.85);
}
.pusher-yellow .pusher-overlay,
.pusher-yellow .pusher-box {
    background: rgba(254,232,138,.85);
}
.pusher-green .pusher-overlay,
.pusher-green .pusher-box {
    background: rgba(189,224,195,.85);
}
.pusher-blue .pusher-overlay,
.pusher-blue .pusher-box {
    background: rgba(69,106,125,.85);
}
.pusher-box {
    border: 5px solid #fff;
    padding: 40px 20px;
    position: relative;
    z-index: 2;
    max-width: 460px;
    margin: 0 auto;
    text-align: center;
}
.pusher .background-image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	filter:grayscale(100%);
}
.pusher-box p {
    font-family: 'Palatino Roman', Georgia, serif;
    font-size: 1.55em;
    margin-bottom: 20px;
    color: #fff;
}
.pusher-box .button {
	color: #484c4e;
	font-size:20px;
}
.pusher-yellow .pusher-box {
    border: 5px solid #666;
}
.pusher-yellow .pusher-box p {
    color: #484c4e;
}
.pusher-tan .pusher-box {
    border: 5px solid #666;
}
.pusher-tan .pusher-box p {
    color: #484c4e;
}
.pusher-green .pusher-box {
    border: 5px solid #666;
}
.pusher-green .pusher-box p {
    color: #484c4e;
}
.related-project-container {
    border-top: 5px solid #ff8200;
    border-bottom: 5px solid #ff8200;
    position: relative;
}
.related-project-image {
    position: relative;
    z-index: 1;
    max-height: 600px;
    overflow: hidden;
}
.related-project-image img {
    width: 100%;
    height: auto;
    display: block;
}
.related-project-box-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    text-align: center;
    padding: 0 20px;
}
@media screen and (min-width:480px) {
    .related-project-box-wrapper {
        padding: 0;
    }
}
.related-project-box {
    border: 5px solid #fff;
    padding: 40px 20px;
    position: relative;
    z-index: 2;
    max-width: 460px;
    margin: 0 auto;
    text-align: center;
    background: rgba(69,106,125,.85);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.related-project-box p {
    font-family: 'Palatino Roman', Georgia, serif;
    font-size: 1.375em;
    margin-bottom: 10px;
    color: #fff;
}
.related-project-container h2.section-heading {
    background: #ff8200;
    display: block;
    width: 100%;
    height: auto;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 3;
    top: auto;
    left: auto;
}
@media screen and (min-width: 769px) {
    .related-project-container h2.section-heading {
        background: #ff8200;
        display: block;
        width: 200px;
        height: 120px;
        padding: 20px;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        z-index: 3;
        top: 0;
        left: calc(50% - 100px);
    }
}
.related-project-container h2.section-heading span {
    width: auto;
    display: block;
    position: relative;
    top: auto;
    margin: 0 auto;
    color: #fff;
    font-family: 'Avenir Black', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.125em;
    line-height: 1.3em;
}
@media screen and (min-width: 769px) {
    .related-project-container h2.section-heading span {
        width: 130px;
        display: inline-block;
        position: relative;
        top: 35px;
        margin: 0 auto;
        color: #fff;
        font-family: 'Avenir Black', Arial, sans-serif;
        text-transform: uppercase;
        font-size: 1.125em;
        line-height: 1.3em;
    }
}
.aside-locations-container,
.aside-inquiry-container {
    margin-top: 20px
    ;
}
.aside-locations-container h3,
.aside-inquiry-container h4 {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 0.875em;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #484c4e;
}
.aside-locations-container p,
.aside-inquiry-container p {
    font-family: 'Palatino Roman', Georiga, serif;
    font-size: 1em;
}
.subcontractor-message {
    margin-top: 50px;
}
.subcontractor-message h4 {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1.125em;
    margin-bottom: 5px;
}
.subcontractor-message a,
.aside-inquiry-container a {
    color: #ff8200;
}
.blog-form-container {
    background: #efefef;
    padding: 30px;
    margin-top: 40px;
}
.blog-form-container button{
    font-size: 1em;
}
.blog-landing-form-container {
    background: #efefef;
    padding: 30px;
    margin-bottom: 60px;
}
@media screen and (min-width: 769px) {
    .blog-landing-form-container {
        text-align: center;
    }
}
.blog-landing-form-container .blog-fields-wrapper {
    padding: 15px 0 0 0;
}
@media screen and (min-width: 769px) {
    .blog-landing-form-container .blog-fields-wrapper {
        padding: 30px 0;
    }
}
.blog-landing-form-container .blog-fields-wrapper:after {
    content: "";
    display: table;
    clear: both;
}
.search-post {
    margin-bottom: 45px;
}
.search-post h3 a {
    color: #484c4e;
    text-decoration: none;
}
.search-post h3 a:hover {
    text-decoration: underline;
}
.page-content .search-post p.excerpt {
    margin-bottom: 0;
}
.page-content .search-post p.post-type {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.quote-container {
    background: url('images/bg-quotes.jpg') no-repeat center center;
    background-size: cover;
    text-align: center;
    position: relative;
}
.quote-container h2 {
    position: absolute;
    top: 50px;
    left: 0;
    text-align: center;
    width: 100%;
    font-family: 'Avenir Black', Arial, sans-serif;
    font-weight: 400;
    font-size: 1.125em;
    text-transform: uppercase;
}
.quote-slide {
    width: 100%!important;
}
.quote-slide > .inner {
    padding: 100px 20px 50px 20px;
    max-width: 860px;
    margin: 0 auto;
}
@media screen and (min-width: 769px) {
    .quote-slide > .inner {
        padding: 100px 50px 50px 50px;
    }
}
.quote-slide blockquote {
    font-family: 'Palatino Roman', Georgia, serif;
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 20px;
    color: #484c4e;
}
@media screen and (min-width: 480px) {
    .quote-slide blockquote {
        font-size: 1.375em;
    }
}
.quote-slide cite .quote-name {
    display: block;
    font-family: 'Avenir Black', Arial, sans-serif;
    font-weight: 400;
    font-size: 0.875em;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.quote-slide cite .quote-position {
    font-size: 0.875em;
    display: block;
}
.quote-slider-prev,
.quote-slider-next {
    display: none;
}
@media screen and (min-width: 769px) {
    .quote-slider-prev,
    .quote-slider-next {
        position: absolute;
        height: 70px;
        width: 70px;
        display: block;
        top: calc(50% - 35px);
    }
}
.quote-slider-prev a,
.quote-slider-next a {
    height: 70px;
    width: 70px;
    display: block;
    text-indent: -999em;
    font-size: 0;
    line-height: 0;
}
.quote-slider-prev {
    left: 0px;
}
.quote-slider-prev a {
    background: url('images/lrg-arrow-left.svg') no-repeat center center;
    background-size: 30px 30px;
    opacity: 0.7;
}
.quote-slider-next {
    right: 0px;
}
.quote-slider-next a {
    background: url('images/lrg-arrow-right.svg') no-repeat center center;
    background-size: 30px 30px;
    opacity: 0.7;
}
.view-markets {
    background: #31586a;
    text-align: center;
    padding: 20px;
}
.view-markets a {
    color: #fff;
    text-decoration: none;
    font-size: 0.875em;
    text-transform: uppercase;
    background: url('images/lrg-arrow-right-white.svg') no-repeat 98% 49%;
    background-size: 12px 12px;
    padding-right: 25px;
    display: inline-block;
    transition: 0.1s ease all;
}
.view-markets a:hover {
    background: url('images/lrg-arrow-right-white.svg') no-repeat 100% 49%;
    background-size: 12px 12px;
}
.sf-field-submit input:hover,
.sf-field-reset input:hover {
    cursor: pointer;
}

.project-list{
	background: url(https://www.bondbrothers.com/wp-content/themes/bond/images/blue-seamless-bg.jpg) repeat;
}

.project-list .inner{
	padding: 75px 0;
}

.project-list h2{
	color: #fff;
	margin-bottom: 25px;
}

.project-list .accordion-item{
	color: #fff;
	cursor: pointer;
}

.project-list h3{
	color: #DCCFA9;
	text-transform: uppercase;
	font-family: 'Avenir Black', Arial, sans-serif;
	font-size: 1.12em;
	padding-top: 15px;
	padding-bottom: 10px;
	margin: 0;
	border-bottom: 1px solid #4B626E;
	position: relative;
}

.project-list h3:after{
	content: "";
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background: url('images/icon-plus-orange.svg') no-repeat center/contain;
	display: block;
	position: absolute;
}

.project-list p, .project-list ul, .project-list li{
	display: none;
	padding-left: 17px;
	margin: .75em 0
}

.project-list .active p, .project-list .active ul, .project-list .active li{
	display: block;
}

/* -------------------- Footer -------------------- */
.footer-col h3 {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 1em;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.footer-locations {
    margin-bottom: 20px;
}
.footer-location-title {
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 0.75em;
    text-transform: uppercase;
    color: #dccfa9;
    line-height: 1em;
    display: inline-block;
    background: url('images/icon-plus-yellow.svg') no-repeat 0 0;
    background-size: 16px 16px;
    padding: 3px 0 5px 25px;
    cursor: pointer;
}
.footer-location-name{
    font-weight: bold;
    margin-top: 5px;
}
.footer-location.active .footer-location-title {
    background: url('images/icon-minus-yellow.svg') no-repeat 0 0;
    background-size: 16px 16px;
}
.footer-location {
    margin-bottom: 5px;
}
.footer-location-info {
    display: none;
    color: #fff;
}
.footer-location-info a {
    color: #fff;
    text-decoration: underline;
}
.footer-location.active .footer-location-info {
    display: block;
    padding: 0 0 5px 25px;
}
.footer-location p {
    font-size: 0.875em;
    line-height: 1.3em;
}
.footer-location p span {
    font-family: 'Avenir Black', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 0.875em;
    color: #dccfa9;
}
.footer-social-link {
    color: #fff;
    display: block;
    padding: 2px 0 10px 30px;
    text-decoration: none;
}
.fsl-facebook {
    background: url('images/icon-facebook.svg') no-repeat 0 0;
    background-size: 18px 18px;
}
.fsl-twitter {
    background: url('images/icon-twitter.svg') no-repeat 0 0;
    background-size: 18px 18px;
}
.fsl-linkedin {
    background: url('images/icon-linkedin.svg') no-repeat 0 0;
    background-size: 18px 18px;
}
.fsl-twitter-mech {
    background: url('images/icon-twitter-yellow.svg') no-repeat 0 0;
    background-size: 18px 18px;
}
.fsl-linkedin-mech {
    background: url('images/icon-linkedin-yellow.svg') no-repeat 0 0;
    background-size: 18px 18px;
}

.fsl-issuu {
    background: url('images/icon-cu-issuu.svg') no-repeat 0 0;
    background-size: 18px 18px;
}
.fsl-facebook-building {
    background: url('images/icon-facebook-yellowgreen.svg') no-repeat 0 0;
    background-size: 18px 18px;
}
.fsl-twitter-building {
    background: url('images/icon-twitter-yellowgreen.svg') no-repeat 0 0;
    background-size: 18px 18px;
}
.fsl-linkedin-building {
    background: url('images/icon-linkedin-yellowgreen.svg') no-repeat 0 0;
    background-size: 18px 18px;
}
.fsl-instagram-building {
    background: url('images/icon-building-instagram.svg') no-repeat 0 0;
    background-size: 18px 18px;
}
.fsl-issuu-building {
	background: url('images/icon-building-issuu.svg') no-repeat 0 0;
    background-size: 18px 18px;
}
.footer-blog-post {
    margin-bottom: 15px;
}
.footer-blog-post-date {
    font-size: 0.75em;
    color: #dccfa9;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.footer-blog-post-excerpt a {
    color: #fff;
    text-decoration: none;
    line-height: 1.3em;
}
.footer-blog-post-excerpt:hover a {
    text-decoration: underline;
}
.footer-col img {
    max-width: 100%;
    display: block;
}
#tweets ul {
    list-style: none;
}
#tweets li {
    margin-bottom: 20px;
    font-size: 0.875em;
}
#tweets .user:after {
    content: "";
    display: table;
    clear: both;
}
#tweets .user a {
    color: #fff;
    text-decoration: none;
    line-height: 1.3em;
}
#tweets .user a span:first-child {
    color: #9bc0ab;
}
#tweets .user a img {
    float: left;
    margin: 2px 10px 0 0;
    width: 30px;
    height: 30px;
}
#tweets .user a span {
    display: block;
}
#tweets p.tweet {
    clear: both;
    margin-top: 8px;
    color: #fff;
    line-height: 1.3em;
}
#tweets p.tweet a {
    color: #9bc0ab;
    text-decoration: none;
}
#tweets p.tweet a:hover {
    text-decoration: underline;
}

#tweets p.tweet a span {
    word-break: break-word;
}

/* ==================== Forms & Buttons ==================== */

.subscribe-form {
    margin-bottom: 30px;
}
.contact-form .form-field,
.blog-form-container .form-field {
    margin-bottom: 20px;
}
.blog-landing-form-container .form-field {
    margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
    .blog-landing-form-container .form-field {
       margin-bottom: 0px;
       width: 33.333333%;
       float: left;
       padding: 0 10px;
    }
}
.contact-form br,
.blog-form-container br,
.blog-landing-form-container br {
    display: none;
}
.contact-form label,
.blog-form-container label,
.blog-landing-form-container label {
    font-size: 0.875em!important;
    display: block;
    margin-bottom: 5px;
}
@media screen and (min-width: 769px) {
    .contact-form label,
    .blog-form-container label,
    .blog-landing-form-container label {
        /* font-size: 0.875em!important; */
        text-align: left;
    }
}
.contact-form input[type="text"],
.contact-form textarea,
.blog-form-container input[type="text"],
.blog-landing-form-container input[type="text"] {
    padding: 10px;
    background: #fff;
    border: 1px solid #c0c1c2;
    border-radius: 5px;
    font-family: 'Avenir Medium', Arial, sans-serif;
    font-size: 1em;
    line-height: 1em;
    width: 100%;
}
.contact-form textarea {
    min-height: 100px;
}
.contact-office {
    margin-bottom: 1.5em;
}
.contact-office p {
    margin-bottom: 0px;
    font-family: 'Palatino Roman', Georiga, serif;
    font-size: 1em;
}
.button-container {
    padding-top: 15px;
    display: block;
}
.button {
    background-color: transparent;
    background-image: url('images/icon-arrow.svg');
    background-position: 98% 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border: 0;
    padding: 5px 35px 0 0;
    font-family: 'Avenir Black', Arial, sans-serif;
    font-size: 0.8125em;
    text-transform: uppercase;
    text-decoration: none;
    color: #666;
    display: inline-block;
    min-height: 20px;
    transition: 0.1s all ease;
}
.button:hover {
    background-position: 100% 50%;
}
button.button {
    padding: 2px 35px 0 0;
    margin-top: 15px;
}
.button-seafoam {
    background-image: url('images/icon-arrow-seafoam.svg');
    color: #9bc0ab;
}
.button-purple {
    background-image: url('images/icon-arrow-purple.svg');
    color: #53284f;
}
.button-orange {
    background-image: url('images/icon-arrow-orange.svg');
    color: #ff8200;
}
.button-yellow {
    background-image: url('images/icon-arrow-yellow.svg');
    color: #FEE88A;
}
.button-search {
    background-image: url('images/icon-arrow-orange.svg');
    color: #ff8200;
    font-size: 1.125em;
}
.button-submit {
    font-size: 1.125em;
}
#resume {
    height: 38px;
    width: 100%;
    padding-bottom: 48px;
    vertical-align: middle;
}

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

.subscribe-form .gform_button {
	background-image: url('images/icon-arrow-tennis.svg');
    color: #eaee7d;
	font-size: 0.8125em!important;
	cursor: pointer;
}
.subscribe-form .gfield_label {
	font-size: 0.75em!important;
    text-transform: uppercase;
    color: #dccfa9;
    display: block;
    margin-bottom: 3px;
}
.subscribe-form li.gfield {
    margin-top: 0!important;
}
.subscribe-form div.ginput_container {
    margin-top: 0!important;
}
.subscribe-form div.ginput_container input[type="text"] {
	border: 1px solid #616466;
    border-radius: 3px;
    background: transparent;
    padding: 5px 10px;
    font-family: 'Avenir Medium', Arial, sans-serif;
    font-size: 0.875em;
    color: #fff;
    width: 100%;
    max-width: 320px;
}
.subscribe-form .gform_footer {
	margin: 0!important;
}
.subscribe-form .gfield_required,
.contact-form .gfield_required,
.blog-landing-form-container .gfield_required,
.blog-form-container .gfield_required {
	display: none;
}
.contact-form .gform_button,
.blog-landing-form-container .gform_button,
.blog-form-container .gform_button {
	cursor: pointer;
	background-image: url('images/icon-arrow-orange.svg');
    color: #ff8200;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    font-size: 1em;
    width: auto!important;
    margin: 0!important;
}
.blog-landing-form-container .gform_body .gform_fields,
.blog-form-container .gform_body .gform_fields {
	display: block;
}
@media screen and (min-width: 769px) {
	.blog-landing-form-container .gform_body .gform_fields {
		display: flex;
		justify-content: center;
	}
}
.blog-landing-form-container .gform_body .gform_fields .gfield,
.blog-form-container .gform_body .gform_fields .gfield {
	width: 100%;
}
@media screen and (min-width: 769px) {
	.blog-landing-form-container .gform_body .gform_fields .gfield {
		width: 30%;
	}
}
.blog-landing-form-container .gform_body .gform_fields .gfield input[type="text"],
.blog-form-container .gform_body .gform_fields .gfield input[type="text"] {
	width: 100%;
}
.blog-landing-form-container .gform_footer {
	text-align: left;
	margin: 0!important;
}
@media screen and (min-width: 769px) {
	.blog-landing-form-container .gform_footer {
		text-align: center;
		margin: 20px 0 0 0!important;
	}
}
.gform_wrapper div.validation_error {
    color: red!important;
    font-size: .875em!important;
    font-weight: 400!important;
    margin-bottom: 16px!important;
    border: 0!important;
    padding: 0!important;
    clear: both;
    width: 100%;
    text-align: center;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent!important;
    margin-bottom: 6px!important;
    border: 0!important;
    padding-bottom: 0!important;
    padding-top: 0!important;
    box-sizing: border-box;
}
.gform_wrapper .top_label .gfield_error {
    width: calc(100% - 2px);
}
.subscribe-form .gform_wrapper .gfield_error .gfield_label {
    color: #dccfa9!important;
}
.contact-form .gform_wrapper .gfield_error .gfield_label,
.blog-landing-form-container .gform_wrapper .gfield_error .gfield_label,
.blog-form-container .gform_wrapper .gfield_error .gfield_label {
    color: #484c4e!important;
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border: 1px solid red!important;
}
@media only screen and (min-width: 641px) {
	.gform_wrapper.gform_validation_error .top_label input.medium, .gform_wrapper.gform_validation_error .top_label select.medium {
	    width: inherit!important;
	}
}
.gform_wrapper .validation_message {
    color: red!important;
    font-weight: 400!important;
}
.gform_wrapper .field_description_below .gfield_description {
    padding-top: 0!important;
}

/* ==================== Clearfix ==================== */

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

/* ==================== Fonts ==================== */

@font-face {font-family: 'Palatino Roman';src: url('webfonts/2E5194_0_0.eot');src: url('webfonts/2E5194_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E5194_0_0.woff2') format('woff2'),url('webfonts/2E5194_0_0.woff') format('woff'),url('webfonts/2E5194_0_0.ttf') format('truetype'),url('webfonts/2E5194_0_0.svg#wf') format('svg');}

@font-face {font-family: 'Palatino Bold';src: url('webfonts/2E5194_1_0.eot');src: url('webfonts/2E5194_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E5194_1_0.woff2') format('woff2'),url('webfonts/2E5194_1_0.woff') format('woff'),url('webfonts/2E5194_1_0.ttf') format('truetype'),url('webfonts/2E5194_1_0.svg#wf') format('svg');}

@font-face {font-family: 'Avenir Medium Oblique';src: url('webfonts/2E5194_2_0.eot');src: url('webfonts/2E5194_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E5194_2_0.woff2') format('woff2'),url('webfonts/2E5194_2_0.woff') format('woff'),url('webfonts/2E5194_2_0.ttf') format('truetype'),url('webfonts/2E5194_2_0.svg#wf') format('svg');}

@font-face {font-family: 'Avenir Medium';src: url('webfonts/2E5194_3_0.eot');src: url('webfonts/2E5194_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E5194_3_0.woff2') format('woff2'),url('webfonts/2E5194_3_0.woff') format('woff'),url('webfonts/2E5194_3_0.ttf') format('truetype'),url('webfonts/2E5194_3_0.svg#wf') format('svg');}

@font-face {font-family: 'Avenir Black Oblique';src: url('webfonts/2E5194_4_0.eot');src: url('webfonts/2E5194_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E5194_4_0.woff2') format('woff2'),url('webfonts/2E5194_4_0.woff') format('woff'),url('webfonts/2E5194_4_0.ttf') format('truetype'),url('webfonts/2E5194_4_0.svg#wf') format('svg');}

@font-face {font-family: 'Avenir Black';src: url('webfonts/2E5194_5_0.eot');src: url('webfonts/2E5194_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E5194_5_0.woff2') format('woff2'),url('webfonts/2E5194_5_0.woff') format('woff'),url('webfonts/2E5194_5_0.ttf') format('truetype'),url('webfonts/2E5194_5_0.svg#wf') format('svg');}


/* ==================== Media:iPads ==================== */
/* ----------- iPad mini ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
    .home-case-study h3 {
        font-size: 1.25em;
    }
}
/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
    .home-case-study h3 {
        font-size: 1em;
    }
}
/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {
    .what-we-do-region-container > .inner p {
        font-size: 0.875em;
    }
}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
    .home-case-study h3 {
        font-size: 1.25em;
    }
}
/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
    .home-case-study h3 {
        font-size: 1em;
    }
}
/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {
    .what-we-do-region-container > .inner p {
        font-size: 0.875em;
    }
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .home-case-study h3 {
        font-size: 1.25em;
    }
}
/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
    .home-case-study h3 {
        font-size: 1em;
    }
}
/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
    .what-we-do-region-container > .inner p {
        font-size: 0.875em;
    }
}

/* ==================== Media:Print ==================== */

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter:none !important;
        -ms-filter: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    pre,
    blockquote {
        border: 1px solid #999; page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}

.holiday{
    height: 100vh;
    background: #fff url('holiday-2015/holiday-bg.png') no-repeat center bottom / 100% auto;
    background-position: bottom;
    position: relative;

}

.holiday #wrapper{
    display: block;
    margin: 0px auto 0px;
    max-width: 850px;
    position: relative;
}

#wrapper video{
    position: absolute;
    top: 100px;
    left: 0px;
    width: 100%;
    height: auto;
    z-index: 2;
}

.holiday #wrapper.vimeo .inner{
    position: relative;
    width: 100%;
    padding-bottom: 57%;
    height: 0;
    padding-top: 0;
    margin-top: 100px;
}

.holiday #wrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#wrapper .inner{
    padding-top: 100px;
    padding-bottom: 75%;
}

.hdd-image{
    float:  left;
    max-width: 462px;
    margin-right: 56px;
}