html {
    box-sizing: border-box
}

*, *::after, *::before {
    box-sizing: inherit
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?r3qqzo");
    src: url("../fonts/icomoon.eot?r3qqzo#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?r3qqzo") format("truetype"), url("../fonts/icomoon.woff?r3qqzo") format("woff"), url("../fonts/icomoon.svg?r3qqzo#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
  font-family: "figtree";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Figtree-VariableFont_wght.ttf") format("truetype");
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'figtree' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-share2:before {
    content: "\ea82"
}

.icon-mail:before {
    content: "\ea83"
}

.icon-mail2:before {
    content: "\ea84"
}

.icon-google-plus:before {
    content: "\ea8b"
}

.icon-google-plus2:before {
    content: "\ea8c"
}

.icon-facebook:before {
    content: "\ea90"
}

.icon-facebook2:before {
    content: "\ea91"
}

.icon-instagram:before {
    content: "\ea92"
}

.icon-twitter:before {
    content: "\ea96"
}

.icon-youtube:before {
    content: "\ea9d"
}

.icon-youtube2:before {
    content: "\ea9e"
}

.icon-vimeo:before {
    content: "\eaa0"
}

.icon-vimeo2:before {
    content: "\eaa1"
}

.icon-linkedin:before {
    content: "\eac9"
}

.icon-linkedin2:before {
    content: "\eaca"
}

.icon-pinterest:before {
    content: "\ead1"
}

.icon-pinterest2:before {
    content: "\ead2"
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    appearance: none;
    background-color: #1565c0;
    border: 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "figtree", sans-serif;
    font-size: 1em;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    line-height: 1;
    padding: .75em 1.5em;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background-color: #11519a;
    color: #fff
}

button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled {
    cursor: not-allowed;
    opacity: .5
}

button:disabled:hover, input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"]:disabled:hover {
    background-color: #1565c0
}

fieldset {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0
}

legend {
    font-weight: 600;
    margin-bottom: .375em;
    padding: 0
}

label {
    display: block;
    font-weight: 600;
    margin-bottom: .375em
}

input, select, textarea {
    display: block;
    font-family: "figtree", sans-serif;
    font-size: 1em
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
    appearance: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    margin-bottom: .75em;
    padding: .5em;
    transition: border-color 150ms ease;
    width: 100%
}

input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover {
    border-color: #b1b1b1
}

input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus {
    border-color: #1565c0;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(18, 89, 169, 0.7);
    outline: 0
}

input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input:not([type]):disabled, textarea:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed
}

input[type="color"]:disabled:hover, input[type="date"]:disabled:hover, input[type="datetime"]:disabled:hover, input[type="datetime-local"]:disabled:hover, input[type="email"]:disabled:hover, input[type="month"]:disabled:hover, input[type="number"]:disabled:hover, input[type="password"]:disabled:hover, input[type="search"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="text"]:disabled:hover, input[type="time"]:disabled:hover, input[type="url"]:disabled:hover, input[type="week"]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover {
    border: 1px solid #ddd
}

input[type="color"]::placeholder, input[type="date"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="email"]::placeholder, input[type="month"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="text"]::placeholder, input[type="time"]::placeholder, input[type="url"]::placeholder, input[type="week"]::placeholder, input:not([type])::placeholder, textarea::placeholder {
    color: darkgray
}

textarea {
    resize: vertical
}

[type="checkbox"], [type="radio"] {
    display: inline;
    margin-right: .375em
}

[type="file"] {
    margin-bottom: .75em;
    width: 100%
}

select {
    margin-bottom: .75em;
    width: 100%
}

html {
    box-sizing: border-box
}

*, *::before, *::after {
    box-sizing: inherit
}

html, body {
    height: 100%
}

ul, ol {
    list-style-type: none;
    margin: 0;
    padding: 0
}

dl {
    margin: 0
}

dt {
    font-weight: 600;
    margin: 0
}

dd {
    margin: 0
}

figure {
    margin: 0
}

img, picture {
    margin: 0;
    max-width: 100%
}

table {
    border-collapse: collapse;
    margin: .75em 0;
    table-layout: fixed;
    width: 100%
}

th {
    border-bottom: 1px solid #a6a6a6;
    font-weight: 600;
    padding: .75em 0;
    text-align: left
}

td {
    border-bottom: 1px solid #ddd;
    padding: .75em 0
}

tr, td, th {
    vertical-align: middle
}

body {
    color: #6f6f6f;
    font-family: "figtree", sans-serif;
    font-size: 1em;
    line-height: 1.5
}

h1, h2, h3, h4, h5, h6 {
    font-family: "figtree", sans-serif;
    font-size: 1.333em;
    line-height: 1.2;
    margin: 0 0 .75em;
    font-weight: 300
}

p {
    margin: 0 0 .75em
}

a {
    color: #1565c0;
    text-decoration: none;
    transition: color 150ms ease
}

a:active, a:focus, a:hover {
    color: #104c90
}

hr {
    border-bottom: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 1.5em 0
}

body {
    padding: 0;
    margin: 56px 0 0 0;
    color: #868686;
    font-weight: 300;
    line-height: 1.8em
}

@media screen and (min-width: 75em) {
    body {
        margin: 80px 0 0 0;
        background-color: #f4f4f4;
        padding-right: 20px;
        background: linear-gradient(to right, #f4f4f4 0, #f4f4f4 calc(100% - 21px), #fff calc(100% - 21px), #fff 100%)
    }
}

@media screen and (min-width: 87.5em) {
    body {
        margin: 100px 0 0 0
    }
}

.text-shadow-black {
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.3)
}

.gradient-fill {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.gradient-fill--alt {
    background: rgba(0, 0, 0, 0.2)
}

.gradient-fill--alt-2 {
    background: rgba(0, 0, 0, 0.2)
}

.gradient-fill--white {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.05) 100%)
}

.overlay-green {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #a4c862;
    opacity: .2
}

.share-links {
    position: absolute;
    background-color: #a4c862;
    display: none;
    bottom: 4.5rem;
    right: 0;
    left: 0
}

@media screen and (min-width: 75em) {
    .share-links {
        bottom: 5.5rem;
        right: 3rem;
        left: auto
    }
}

.share-links.visible {
    display: inline-block
}

.share-links__list {
    margin: 0;
    padding: 0
}

.share-links__item {
    display: block;
    list-style: none
}

@media screen and (min-width: 75em) {
    .share-links__item {
        display: inline-block
    }
}

.share-links__item a {
    display: block;
    padding: 1em;
    color: #fff;
    text-decoration: none;
    text-align: center
}

@media screen and (min-width: 75em) {
    .share-links__item a {
        display: inline-block
    }
}

.ps-container {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden !important;
    -ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
    .ps-container {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ps-container {
        overflow: auto !important
    }
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #999;
    height: 11px
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999;
    width: 6px
}

.ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0;
    height: 15px
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute;
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    bottom: 2px;
    height: 6px
}

.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
    height: 11px
}

.ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    width: 15px
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    right: 2px;
    width: 6px
}

.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
    width: 6px
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #999;
    height: 11px
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999;
    width: 6px
}

.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: .6
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    background-color: #999
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    background-color: #999
}

@keyframes bounceDownIn {
    0% {
        transform: translateY(-100%)
    }
    60% {
        transform: translateY(20%)
    }
    80% {
        transform: translateY(-10%)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes bounceUpOut {
    0% {
        transform: translateY(0)
    }
    60% {
        transform: translateY(-120%)
    }
    80% {
        transform: translateY(-90%)
    }
    99% {
        opacity: 1;
        transform: translateY(-100%)
    }
    100% {
        opacity: 0;
        z-index: 0
    }
}

.siteHeader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 54px;
    z-index: 2;
    background-color: #fff;
    z-index: 100;
}

@media screen and (min-width: 75em) {
    .siteHeader {
        height: 80px
    }
}

@media screen and (min-width: 87.5em) {
    .siteHeader {
        height: 100px
    }
}

.headerLogo {
    display: inline-block;
    text-indent: -999999px;
    background: url(../img/__CivicEngineers_Logo_BlackBlue_GreenLine.jpg) 50% 50% no-repeat;
    background-size: 52%;
    width: 146px;
    height: 56px;
    margin: 0
}

@media screen and (min-width: 75em) {
    .headerLogo {
        width: 150px;
        height: 78px;
        background-position: 20px 50%;
        background-size: 130px auto;
        width: 200px
    }
}

@media screen and (min-width: 87.5em) {
    .headerLogo {
        height: 95px
    }
}

@media screen and (max-width: 75em) {
    .headerNavigation {
        position: absolute;
        top: 0;
        right: 0;
        height: 0;
        width: 100%;
        background: #fff;
        overflow: hidden;
        transition: height .3s ease-in-out
    }

    .headerNavigation.active {
        position: fixed;
        height: 100%;
        overflow: scroll;
        display: flex;
        flex-direction: column;

    }

    .navContainer {
        margin-top: 3.4375rem;
        padding-left: 20px;
        overflow-y: auto;
        height: 100%;
    }

    .headerNavigation__list .menu-item {
        font-size: 1rem;
        border-bottom: 1px solid rgba(157, 187, 92, 0.5);
        margin-bottom: 1rem
    }
}

@media screen and (max-width: 75em) and (min-width: 500px) and (min-height: 600px) {
    .headerNavigation__list .menu-item {
        font-size: 1.4375rem;
        margin-bottom: 1.5rem
    }
}

@media screen and (max-width: 75em) {
    .headerNavigation__list .menu-item a {
        color: #a2a2a2;
        font-weight: 300
    }

    .headerNavigation__list .menu-item.current-menu-item a {
        color: #a4c862
    }
}

@media screen and (min-width: 75em) {
    .headerNavigation {
        float: right;
        text-align: right;
        width: calc(100% - 220px);
        margin-right: 13px;
        height: 100%
    }

    .headerNavigation__list {
        list-style: none;
        margin: 0;
        padding-top: 1rem
    }

    .headerNavigation__list .menu-item {
        display: inline-block;
        font-size: 1rem;
        padding: .6rem .5rem .8rem .5rem
    }
}

@media screen and (min-width: 75em) and (min-width: 87.5em) {
    .headerNavigation__list .menu-item {
        padding: 1rem 10px 1rem 20px
    }
}

@media screen and (min-width: 75em) {
    .headerNavigation__list .menu-item:before {
        content: '';
        display: inline-block;
        width: 1rem;
        height: 2px;
        margin-bottom: calc(.5rem - 3px);
        background-color: #a4c862;
        margin-right: 7px
    }

    .headerNavigation__list .menu-item a {
        color: #868686;
        transition: color .3s ease-in-out
    }

    .headerNavigation__list .menu-item a:hover {
        color: #a4c862
    }

    .headerNavigation__list .menu-item.current-menu-item a {
        color: #a4c862
    }
}

.nav-toggle {
    position: absolute;
    top: 13px;
    right: 0;
    width: 60px;
    height: 31px;
    text-align: center;
    border-left: 2px solid #f4f4f4;
    z-index: 100
}

@media screen and (min-width: 75em) {
    .nav-toggle {
        display: none
    }
}

.nav-toggle__icon {
    position: absolute;
    display: block;
    width: 20px;
    height: 3px;
    background-color: #a4c862;
    top: 50%;
    left: 20px;
    right: 20px;
    margin-top: -2px;
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.nav-toggle__icon:before, .nav-toggle__icon:after {
    content: '';
    position: relative;
    display: block;
    width: 20px;
    height: 3px;
    background-color: #a4c862
}

.nav-toggle__icon:before {
    top: -7px;
    transition: top .1s .14s ease, opacity .1s ease
}

.nav-toggle__icon:after {
    bottom: -4px;
    transition: bottom .1s .14s ease, transform .1s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.nav-toggle.active .nav-toggle__icon {
    transform: rotate(45deg);
    transition-delay: .14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.nav-toggle.active .nav-toggle__icon:before {
    top: 0;
    opacity: 0;
    transition: top .1s ease, opacity .1s .14s ease
}

.nav-toggle.active .nav-toggle__icon:after {
    bottom: 3px;
    transform: rotate(-90deg);
    transition: bottom .1s ease, transform .1s .14s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.social-follow {
    padding-left: 20px;
    font-size: .8125rem;
    color: #a4c862;
    padding-top: 2rem
}

@media screen and (min-width: 75em) {
    .social-follow {
        display: none
    }
}

.social-follow__items {
    list-style: none;
    padding: 0;
    margin: 0
}

.social-follow__item {
    display: inline-block;
    padding: 0 10px 0 0
}

.social-follow__link, .social-follow__link:active, .social-follow__link:visited {
    color: #a4c862;
    text-decoration: none
}

.social-follow__link i, .social-follow__link:active i, .social-follow__link:visited i {
    margin-right: 5px
}

.ps-input-holder {
    position: relative
}

.ps-input-holder.error input, .ps-input-holder.error textarea {
    border: 1px solid #ff6161;
    border-radius: 0
}

.ps-input-holder.error input:focus, .ps-input-holder.error textarea:focus {
    box-shadow: 0 0 5px #ff6161;
    border: 1px solid #ff6161
}

.ps-input-holder.error .ps-note {
    border-color: #ff6161;
    background: #ff6161;
    color: #fff
}

.ps-input-holder.success input, .ps-input-holder.success textarea {
    border: 1px solid #43ac6a;
    color: #43ac6a
}

.ps-input-holder.success input:focus, .ps-input-holder.success textarea:focus {
    box-shadow: 0 0 5px #43ac6a;
    border: 1px solid #43ac6a
}

.ps-validation {
    padding: .5rem;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0
}

.ps-validation.ps-validation-error {
    color: #ff6161
}

.ps-validation.ps-validation-success {
    color: #43ac6a
}

.ps-error-message {
    position: absolute;
    top: 3.75rem;
    left: 0;
    width: 100%;
    transition: transform 500ms cubic-bezier(0.56, 0.005, 0.415, 0.99);
    transform: translateY(-100%);
    color: #fff;
    z-index: 1;
    background: #ff6161;
    border-radius: 0;
    margin-top: 0;
    padding: .15rem .5rem;
    font-size: .9rem;
    opacity: 0;
    display: none
}

.ps-error-message:after {
    content: " ";
    border: 0
}

.ps-error-message.active {
    opacity: 1
}

.ps-fixed-message {
    position: fixed;
    top: 0;
    width: 100%;
    background: #ff6161;
    background: rgba(255, 97, 97, 0.9);
    z-index: 50;
    color: #fff;
    text-align: center;
    padding: 1em;
    font-size: 1.4em
}

.ps-fixed-message.success {
    background: #43ac6a;
    background: rgba(67, 172, 106, 0.9)
}

.ps-transition-bounceDown-in {
    animation: bounceDownIn .6s both ease-in-out
}

.ps-transition-bounceUp-out {
    animation: bounceUpOut .6s both ease-in-out
}

html.remodal-is-locked {
    overflow: hidden;
    touch-action: none
}

.remodal, [data-remodal-id] {
    display: none
}

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none
}

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
    content: ""
}

.remodal-overlay, .remodal-wrapper {
    backface-visibility: hidden
}

.remodal {
    position: relative;
    outline: 0;
    text-size-adjust: 100%
}

.remodal-is-initialized {
    display: inline-block
}

.remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened {
    filter: blur(3px)
}

.remodal-overlay {
    background: rgba(228, 228, 228, 0.9)
}

.remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing {
    animation-duration: .3s;
    animation-fill-mode: forwards
}

.remodal-overlay.remodal-is-opening {
    animation-name: remodal-overlay-opening-keyframes
}

.remodal-overlay.remodal-is-closing {
    animation-name: remodal-overlay-closing-keyframes
}

.remodal-wrapper {
    padding: 10px 10px 0
}

.remodal {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 35px;
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #fff
}

.remodal.remodal-is-opening, .remodal.remodal-is-closing {
    animation-duration: .3s;
    animation-fill-mode: forwards
}

.remodal.remodal-is-opening {
    animation-name: remodal-opening-keyframes
}

.remodal.remodal-is-closing {
    animation-name: remodal-closing-keyframes
}

.remodal, .remodal-wrapper:after {
    vertical-align: middle
}

.remodal-close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: color .2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent
}

.remodal-close:hover, .remodal-close:focus {
    color: #2b2e38;
    background-color: #fff
}

.remodal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "\00d7";
    text-align: center
}

.remodal-confirm, .remodal-cancel {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    transition: background .2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0
}

.remodal-confirm {
    color: #fff;
    background: #81c784
}

.remodal-confirm:hover, .remodal-confirm:focus {
    background: #66bb6a
}

.remodal-cancel {
    color: #fff;
    background: #e57373
}

.remodal-cancel:hover, .remodal-cancel:focus {
    background: #ef5350
}

.remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner {
    padding: 0;
    border: 0
}

@keyframes remodal-opening-keyframes {
    from {
        transform: scale(1.05);
        opacity: 0
    }
    to {
        transform: none;
        opacity: 1
    }
}

@keyframes remodal-closing-keyframes {
    from {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(0.95);
        opacity: 0
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@media only screen and (min-width: 641px) {
    .remodal {
        max-width: 900px;
        height: auto
    }
}

.lt-ie9 .remodal-overlay {
    background: #2b2e38
}

.lt-ie9 .remodal {
    width: 700px
}

.videoModal__container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.videoModal__container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 75em) {
    .wp-content {
        padding-left: 2rem
    }
}

.wp-content .text-style--intro {
    position: relative;
    color: #a4c862
}

@media screen and (min-width: 75em) {
    .wp-content .text-style--intro:before {
        content: '';
        display: inline-block;
        position: absolute;
        left: -2em;
        top: 4px;
        height: 2px;
        width: 15px;
        background-color: #a4c862
    }
}

.wp-content h1, .wp-content h2, .wp-content h3, .wp-content h4, .wp-content h5 {
    color: #86bc24;
    font-weight: 100
}

.wp-content P {
    letter-spacing: .2px;
    margin-bottom: 1.4em
}

.wp-content img {
    width: 100%;
    height: auto
}

.wp-content .wp-caption {
    position: relative;
    padding: 0;
    font-size: 0;
    margin-bottom: 1rem;
    max-width: 100%
}

.wp-content .wp-caption .img {
    width: 100%
}

.wp-content .wp-caption .wp-caption-text {
    position: absolute;
    bottom: 14px;
    right: 0;
    background-color: #86bc24;
    color: #fff;
    padding: .5em 1em;
    margin: 0;
    font-size: 1rem
}

.wp-content a {
    color: #86bc24;
    text-decoration: underline
}

.wp-content blockquote {
    font-size: 1.3125rem;
    color: #a2a2a2;
    position: relative;
    text-align: center;
    font-style: italic;
    line-height: 1.8
}

.wp-content blockquote p {
    text-align: center
}

.wp-content blockquote p:before {
    content: open-quote
}

.wp-content blockquote p:after {
    content: close-quote
}

.wp-content .text-style--quote-attribute {
    display: block;
    text-align: center;
    color: #a2a2a2;
    font-style: italic;
    margin-bottom: 2rem
}

.wp-content .text-style--quote-attribute:before {
    content: '';
    display: inline-block;
    position: relative;
    left: -1em;
    top: -4px;
    height: 2px;
    width: 15px;
    background-color: #a4c862
}

.wp-content .text-style--quote-attribute a {
    color: #a2a2a2
}

.wp-content .highlight-list li {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 5px 15px;
    background-color: #a4c862;
    color: #fff;
    font-size: 1.15rem;
    min-width: 6em;
    text-align: center
}

.wp-content .highlight-list li:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #a4c862
}

.vacancies {
    background-color: #fff;
    padding: 2.6875rem 1rem
}

@media screen and (min-width: 1200px) {
    .vacancies {
        padding: 2.6875rem
    }
}

.vacancies ul {
    list-style: disc;
    margin-left: 1rem
}

.vacancies ul li {
    margin-bottom: .5rem
}

.vacancies__title {
    font-size: 1.3125rem;
    font-weight: 300;
    color: #a4c862
}

.vacancies__title:after {
    content: '';
    display: block;
    margin-top: 1rem;
    height: 2px;
    width: 15px;
    background-color: #a4c862
}

.vacancies__title--jobListings {
    margin-bottom: 2.5rem
}

.vacancies__vacancy {
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #f4f4f4
}

.vacancies__vacancy:last-of-type {
    border-bottom: 0;
    margin-bottom: 0
}

.vacancies__vacancancy-dl {
    display: inline-block;
    margin-right: 2rem;
    color: #c0c0c0;
    margin-bottom: 1.625rem
}

@media screen and (min-width: 1200px) {
    .vacancies__vacancancy-dl {
        margin-right: 5rem
    }
}

.vacancies__vacancy-title {
    font-size: 1.3125rem;
    font-weight: 400;
    color: #a4c862
}

.vacancies__vacancy-link {
    color: #a2a2a2;
    text-decoration: underline;
    margin: .5rem 2rem .5rem 0;
    display: inline-block
}

.vacancies__vacancy-link:hover, .vacancies__vacancy-link:focus, .vacancies__vacancy-link:active {
    color: #a4c862
}

.vacancies--benefits {
    padding: 15px;
    border-bottom: 1px solid #bfbfbf
}

@media screen and (min-width: 1200px) {
    .vacancies--benefits {
        width: calc(100% - 5.375rem);
        margin: 0 auto 1.5rem;
        padding: 2rem 0
    }
}

.vacancies__benefitsButton {
    height: 3.25rem;
    line-height: 3.25rem;
    text-align: center;
    display: inline-block;
    font-size: .875rem;
    color: #fff;
    width: 100%;
    margin: .5rem 0 .25rem
}

@media screen and (min-width: 500px) {
    .vacancies__benefitsButton {
        max-width: 18rem
    }
}

@media screen and (min-width: 1200px) {
    .vacancies__benefitsButton {
        margin: 1.25rem 0 0;
        min-width: 18rem;
        font-size: 1rem
    }
}

.vacancies__benefitsButton:hover, .vacancies__benefitsButton:focus, .vacancies__benefitsButton:active {
    color: #fff
}

.vacancies__benefitsButton:hover .vacancies__benefitsButton__text, .vacancies__benefitsButton:focus .vacancies__benefitsButton__text, .vacancies__benefitsButton:active .vacancies__benefitsButton__text {
    background-color: #88b040
}

.vacancies__benefitsButton:hover .vacancies__benefitsButton__svgWrap, .vacancies__benefitsButton:focus .vacancies__benefitsButton__svgWrap, .vacancies__benefitsButton:active .vacancies__benefitsButton__svgWrap {
    background-color: #9ec950
}

.vacancies__benefitsButton span {
    display: block;
    height: 100%;
    float: left
}

.vacancies__benefitsButton svg {
    height: 1.125rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.vacancies__benefitsButton polygon {
    fill: #fff
}

.vacancies__benefitsButton__text {
    background-color: #9ec950;
    width: 80%;
    padding: 0 1rem
}

.vacancies__benefitsButton__svgWrap {
    background-color: #88b040;
    width: 20%;
    position: relative
}

.site-footer {
    height: 50px;
    background: white;
    font-size: .78125rem;
    padding: 40px 27px 8px;
    z-index: 1
}

.site-footer p {
    color: #aaa
}

@media screen and (min-width: 75em) {
    .site-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 8px 27px
    }

    .site-footer:after {
        content: '';
        display: block;
        position: absolute;
        top: -3rem;
        right: -36px;
        width: 0;
        height: 0;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-bottom: 50px solid #fff
    }
}

.site-footer--extraPadding {
    padding: 40px 27px 54px
}

@media screen and (min-width: 1200px) {
    .site-footer--extraPadding {
        padding: 8px 27px
    }
}

.site-footer--home {
    position: relative;
    margin-top: calc(100vh - 80px)
}

@media screen and (min-width: 75em) {
    .site-footer--home {
        position: fixed
    }
}

.iphone.safari .site-footer--home {
    margin-top: calc(100vh - 100px)
}

@media screen and (min-width: 75em) {
    .site-footer--home {
        margin-top: 0
    }
}

.site-footer__primary-wrap {
    border-bottom: 1px solid #f4f4f4;
    padding: .5rem 0
}

@media screen and (min-width: 75em) {
    .site-footer__primary-wrap {
        padding: 0;
        border-bottom: 0;
        text-align: left;
        width: 49%;
        float: left
    }
}

.site-footer__copyright {
    margin-bottom: 0;
    line-height: 1em
}

@media screen and (min-width: 75em) {
    .site-footer__copyright {
        margin-top: .2rem
    }
}

.site-footer__trading-info {
    text-align: center;
    padding: .5rem 0;
    line-height: 1.5
}

@media screen and (min-width: 641px) {
    .site-footer__trading-info {
        line-height: inherit
    }
}

@media screen and (min-width: 75em) {
    .site-footer__trading-info {
        padding: 0;
        width: 49%;
        float: right;
        text-align: right;
        margin-bottom: 0;
        margin-top: .3rem
    }
}

.site-footer__trading-info--homePage {
    margin-top: -0.25rem
}

.site_footer__accreditation-logos {
    display: inline-block;
    float: left;
    height: 45px;
    margin: -5px 10px 0 0
}

.site_footer__accreditation-logo {
    max-height: 100%;
    width: auto
}

.footer-spacer {
    height: 50px
}

.madeByLinkWrap {
    text-align: center;
    position: relative;
    top: -0.75rem
}

@media screen and (min-width: 75em) {
    .madeByLinkWrap {
        text-align: right
    }
}

.madeByLink {
    display: inline-block;
    line-height: 1;
    font-size: .7rem
}

.madeByLink__psName {
    color: #aaa
}

.madeByLink__psName:hover, .madeByLink__psName:active, .madeByLink__psName:focus {
    color: #6d6d6d
}

.home-intro-outer {
    position: absolute;
    z-index: 1;
    margin: 0 auto;
    overflow: hidden
}

@media screen and (max-width: 75em) {
    .home-intro-outer {
        position: fixed;
        top: 54px;
        width: 100%;
        left: 0;
        right: 0;
        height: calc(100vh - 30px)
    }
}

@media screen and (min-width: 75em) {
    .home-intro-outer {
        top: auto;
        left: -20px;
        right: 0;
        width: calc(100% - 20px);
        height: calc(100vh - 150px);
        text-align: center
    }

    .home-intro-outer .home-featured-projects {
        transition: all 1s cubic-bezier(0.2, 0.41, 0.58, 1)
    }

    .home-intro-outer.shift-left .home-featured-projects {
        transform: translateX(-146px)
    }

    .home-intro-outer.shift-left .home-featured-projects__project--2 .home-featured-projects__project-text-container {
        transform: translate3d(0, -50%, 0);
        transition: transform .7s ease-out .7s
    }

    .home-intro-outer.shift-right .home-featured-projects {
        transform: translateX(146px)
    }

    .home-intro-outer.shift-right .home-featured-projects__project--1 .home-featured-projects__project-text-container {
        transform: translate3d(0, -50%, 0);
        transition: transform .7s ease-out .7s
    }

    .home-intro-outer.shift-left .home-featured-projects__project--1 .home-intro-text, .home-intro-outer.shift-right .home-featured-projects__project--1 .home-intro-text {
        transform: translate3d(100%, 0, 0) translateY(-50%)
    }

    .home-intro-outer.shift-left .home-featured-projects__project--2 .home-intro-text, .home-intro-outer.shift-right .home-featured-projects__project--2 .home-intro-text {
        transform: translate3d(-100%, 0, 0) translateY(-50%)
    }
}

@media screen and (min-width: 800px) and (max-width: 1399px) {
    .home-intro-outer {
        height: calc(100vh - 53px)
    }
}

.home-intro-text {
    position: absolute;
    background: #fff;
    top: calc(50% - 17px);
    transform: translateY(-50%);
    left: 23px;
    right: 15px
}

.iphone.safari .home-intro-text {
    top: calc(50% - 40px)
}

.home-intro-text p {
    color: rgba(134, 134, 134, 0);
    transition: color .7s ease-out .7s;
    margin-bottom: 0
}

.loaded .home-intro-text p {
    color: #868686
}

.shift-left .loaded .home-intro-text p {
    transition-delay: 0s;
    color: rgba(134, 134, 134, 0)
}

.shift-right .loaded .home-intro-text p {
    transition-delay: 0s;
    color: rgba(134, 134, 134, 0)
}

.home-intro-text a {
    color: rgba(164, 200, 98, 0);
    transition: color .7s ease-out .7s
}

.loaded .home-intro-text a {
    color: #a4c862
}

.home-featured-projects__project .home-intro-text {
    display: none
}

@media screen and (min-width: 75em) {
    .home-featured-projects__project .home-intro-text {
        display: block
    }
}

@media screen and (min-width: 48em) {
    .home-intro-text {
        top: 50%
    }
}

@media screen and (max-width: 75em) {
    .home-intro-text {
        padding: 1rem;
        text-align: center
    }
}

@media screen and (min-width: 75em) {
    .home-intro-text {
        display: none;
        height: 100px;
        margin: 0 auto;
        left: auto;
        right: auto;
        color: rgba(134, 134, 134, 0);
        max-width: 0;
        text-align: left;
        font-size: 1.14rem;
        overflow: hidden;
        padding-top: 12px;
        padding-left: 0;
        background: linear-gradient(135deg, transparent 15px, #fff 0, #fff calc(100% - 16px), transparent calc(100% - 15px), transparent 100%);
        transition: all .7s ease-in-out .7s
    }

    .loaded .home-intro-text {
        padding-left: 100px;
        max-width: 786px;
        color: #868686
    }

    .shift-left .home-intro-text {
        color: rgba(134, 134, 134, 0);
        transition-delay: 0;
        transition: all .7s ease-in-out 0s, color .8s ease-in-out 0s
    }

    .shift-right .home-intro-text {
        color: rgba(134, 134, 134, 0);
        transition-delay: 0;
        transition: all .7s ease-in-out 0s, color .8s ease-in-out 0s
    }

    .home-intro-text:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: -15px;
        height: 100%;
        width: 100px;
        background: url(../img/civic-logo.svg) 50% 50% no-repeat;
        background-size: 45%;
        transition: opacity .7s ease-in-out
    }

    .loaded .home-intro-text:after {
        opacity: 1
    }

    .home-intro-text p {
        padding-top: 10px;
        width: 585px;
        color: rgba(134, 134, 134, 0);
        transition: color .7s ease-out .7s
    }

    .loaded .home-intro-text p {
        color: #868686
    }

    .shift-left .loaded .home-intro-text p {
        transition-delay: 0s;
        color: rgba(134, 134, 134, 0)
    }

    .shift-right .loaded .home-intro-text p {
        transition-delay: 0s;
        color: rgba(134, 134, 134, 0)
    }
}

.home-featured-projects {
    background-color: #fff
}

@media screen and (min-width: 75em) {
    .home-featured-projects {
        position: fixed;
        font-size: 0;
        height: calc(100vh - 130px);
        width: calc(100% - 20px)
    }
}

@media screen and (min-width: 87.5em) {
    .home-featured-projects {
        height: calc(100vh - 150px)
    }
}

@media screen and (max-width: 75em) {
    .home-featured-projects__project {
        position: relative;
        height: calc(50vh - 35px)
    }

    .iphone.safari .home-featured-projects__project {
        height: calc(50vh - 64px)
    }

    .home-featured-projects__project .overlay-green {
        opacity: 0
    }
}

@media screen and (min-width: 48em) {
    .home-featured-projects__project {
        height: calc(50vh - 33px)
    }
}

@media screen and (min-width: 64em) and (orientation: landscape) {
    .home-featured-projects__project {
        height: calc(50vh - 33px)
    }
}

@media screen and (min-width: 75em) {
    .home-featured-projects__project {
        margin: 0;
        padding: 0;
        display: inline-block;
        width: calc(50% + 356px);
        position: absolute;
        transition: all 1s cubic-bezier(0.2, 0.41, 0.58, 1);
        overflow: hidden;
        height: auto
    }

    .home-featured-projects__project:hover {
        cursor: pointer
    }

    .home-featured-projects__project .overlay-green {
        opacity: 0;
        transition: opacity .5s ease-out
    }
}

@media screen and (max-width: 75em) {
    .home-featured-projects__project--1 {
        margin-bottom: 13px
    }
}

@media screen and (min-width: 75em) {
    .home-featured-projects__project--1 {
        left: -356px;
        transform: translateX(0)
    }

    .home-featured-projects__project--1.hoverFocus {
        transform: translateX(146px)
    }

    .home-featured-projects__project--1.hoverUnFocus {
        transform: translateX(-146px)
    }

    .home-featured-projects__project--1 .home-intro-text {
        left: auto;
        right: 0;
        transform: translate3d(50%, 0, 0) translateY(-50%)
    }
}

@media screen and (min-width: 75em) {
    .home-featured-projects__project--2 {
        right: -356px;
        transform: translateX(0)
    }

    .home-featured-projects__project--2.hoverFocus {
        transform: translateX(-146px)
    }

    .home-featured-projects__project--2.hoverUnFocus {
        transform: translateX(146px)
    }

    .home-featured-projects__project--2 .home-intro-text {
        transform: translate3d(-50%, 0, 0) translateY(-50%)
    }

    .home-featured-projects__project--2 .home-featured-projects__project-image {
        right: 0;
        left: 8px
    }
}

.home-featured-projects__project-inner {
    width: 100%;
    padding-bottom: calc(100vh - 130px)
}

@media screen and (min-width: 87.5em) {
    .home-featured-projects__project-inner {
        padding-bottom: calc(100vh - 150px)
    }
}

.home-featured-projects__project-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateX(0);
    opacity: 0
}

.home-featured-projects__project-image.loaded {
    transition: all .7s ease-out .7s;
    opacity: 1
}

@media screen and (min-width: 75em) {
    .home-featured-projects__project-image {
        right: 8px
    }
}

.home-featured-projects__project-text-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    background-color: #fff;
    width: 700px;
    min-height: 150px;
    overflow: visible;
    transition: transform .7s ease-out
}

@media screen and (max-width: 75em) {
    .home-featured-projects__project-text-container {
        display: none
    }
}

.home-featured-projects__project--1 .home-featured-projects__project-text-container {
    transform: translateY(-50%) translateX(700px);
    right: 0
}

.home-featured-projects__project--2 .home-featured-projects__project-text-container {
    transform: translateY(-50%) translateX(-700px)
}

.logo-append {
    display: none
}

@media screen and (min-width: 75em) {
    .logo-append {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 100px;
        width: 100px;
        background: #fff url(../img/civic-logo.svg) 50% 50% no-repeat;
        background-size: 80%;
        opacity: 1;
        transition: all .5s ease-in-out
    }

    .home-featured-projects__project--1 .logo-append {
        background: url(../img/civic-logo.svg) no-repeat 50%, linear-gradient(135deg, transparent 18px, #fff 19px, #fff 100%);
        background-size: 40%, 100px 100px;
        right: -100px
    }

    .home-featured-projects__project--1 .logo-append:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-left: 32px solid transparent;
        border-right: 32px solid transparent;
        border-bottom: 32px solid #fff;
        z-index: -1
    }

    .home-featured-projects__project--2 .logo-append {
        background: url(../img/civic-logo.svg) no-repeat 50%, linear-gradient(45deg, #fff 0, #fff calc(100% - 18px), transparent calc(100% - 17px), transparent 100%);
        background-size: 40%, 100px 100px;
        left: -100px
    }

    .home-featured-projects__project--2 .logo-append:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        border-left: 32px solid transparent;
        border-right: 32px solid transparent;
        border-bottom: 32px solid #fff;
        z-index: -1
    }

    .shift-left .home-featured-projects__project--1 .logo-append {
        transition-delay: 1s;
        right: 0
    }

    .shift-right .home-featured-projects__project--2 .logo-append {
        transition-delay: 1s;
        left: 0
    }
}

.logo-append .logo-append__inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../img/civic-logo.svg) no-repeat 50%/40%
}

.home-featured-projects__project-text-wrap {
    width: 700px;
    height: 150px;
    padding: 1rem;
    background-color: #fff;
    text-align: left
}

.home-featured-projects__project--2 .home-featured-projects__project-text-wrap {
    position: absolute;
    right: 0;
    top: 0
}

.home-featured-projects__project-title,
.projects__project-title {
    font-size: 1.4375rem;
    color: #a4c862;
    position: relative;
    margin-bottom: 1em;
    transition: all .7s ease-in-out
}

.hoverFocus .home-featured-projects__project-title {
    opacity: 1
}

.home-featured-projects__project-title:after {
    content: '';
    display: block;
    width: 1rem;
    height: 2px;
    margin-bottom: calc(.5rem - 3px);
    background-color: #86bc24;
    margin-right: 1rem
}

.home-featured-projects__project-description,
.projects__project-description {
    font-size: 1rem;
    color: #868686;
    position: relative
}

.home-featured-projects__project-description a {
    color: #a4c862;
    text-decoration: none
}

.home-featured-projects__project-link {
    display: block;
    background-color: #a4c862;
    position: absolute;
    bottom: 0;
    font-size: 1rem;
    color: #fff;
    padding: .5em 1em;
    transition: transform .3s ease-out, opacity .1s ease-in 1s;
    z-index: -1
}

.home-featured-projects__project-link:hover {
    color: #fff
}

.home-featured-projects__project--1 .home-featured-projects__project-link {
    left: 0
}

.home-featured-projects__project--2 .home-featured-projects__project-link {
    right: 0;
    transition-delay: 1.5s
}

.shift-right .home-featured-projects__project--1 .home-featured-projects__project-link {
    transition-delay: 1.5s;
    transform: translateY(100%)
}

.shift-left .home-featured-projects__project--2 .home-featured-projects__project-link {
    transition-delay: 1.5s;
    transform: translateY(100%)
}

.center .home-featured-projects__project--1 .home-featured-projects__project-link, .center .home-featured-projects__project--2 .home-featured-projects__project-link {
    transition-delay: 0s
}

.home-items {
    position: relative;
    top: calc(100vh - 59px);
    font-size: 0;
    line-height: 0;
    z-index: 1
}

.home-items-wrap {
    padding: 15px;
    display: flex;
    flex-wrap: wrap
}

.home-items__item--project {
    min-width: calc(100% - 30px);
    width: auto !important
}

.home-items__item--team-member, .home-items__item--post {
    min-width: calc(100% - 30px);
    flex: 0 0 calc(100 - 30px);
    width: auto !important
}

.home-items__item-type.home-items__item-type--profile, .home-items__item-type.home-items__item-type--post, .home-featured-projects__project-description,
.projects__project-meta {
    position: static;
    margin-bottom: -10px;
    padding-top: 1rem;
    padding-left: 0;
    padding-bottom: 0;
    color: #a4c862
}

.home-items__item-type.home-items__item-type--profile:after, .home-items__item-type.home-items__item-type--post:after {
    display: none
}

.iphone.safari .home-items {
    top: calc(100vh - 117px)
}

@media screen and (min-width: 768px) {
    .home-items__item--project {
        min-width: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        width: auto !important
    }

    .home-items__item--team-member, .home-items__item--post {
        width: auto !important;
        min-width: calc(25% - 30px);
        flex: 0 0 calc(25% - 30px)
    }
}

@media screen and (min-width: 75em) {
    .home-items {
        margin-bottom: 50px;
        background-color: #fff
    }
}

@media screen and (min-width: 48em) {
    .home-items {
        top: calc(100vh - 56px)
    }
}

.home-items * {
    line-height: 1.8em;
    font-size: 1rem
}

@media screen and (min-width: 768px) and (max-width: 1198px) {
    .home-items {
        top: calc(100vh - 56px)
    }
}

@media screen and (min-width: 1198px) {
    .home-items {
        top: calc(100vh - 56px)
    }
}

@media screen and (min-width: 1400px) {
    .home-items {
        top: calc(100vh - 150px)
    }
}

.home-items__item {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: calc(100% / 1);
    position: relative;
    overflow: hidden;
    background-color: #fff
}

.home-items__item--intro {
    background-color: #69990A;
    color: #fff
}

.home-items__item--intro .home-items_item-title, .home-items__item--text .home-items_item-title {
    padding: 1rem !important
}

.home-items__item--intro .col-md-4, .col-md-8 {
    color: #fff
}

.home-items__item--text p {
    line-height: 1.5em
}

@media screen and (min-width: 48em) {
    .home-items__item {
        width: calc(100% / 2)
    }
}

@media screen and (min-width: 75em) {
    .home-items__item {
        width: calc(100% / 4)
    }
}

@media screen and (min-width: 48em) and (max-height: 900px) {
    .home-items__item {
        width: calc(100% / 3)
    }
}

.home-items__item-inner {
    width: 100%
}

@media screen and (max-width: 75em) {
    .home-items__item-inner {
        padding-bottom: 60%
    }
}

@media screen and (min-width: 75em) {
    .home-items__item-inner {
        padding-bottom: calc(100vh / 3 - (50px / 3))
    }
}

@media screen and (min-width: 87.5em) {
    .home-items__item-inner {
        padding-bottom: calc(100vh / 3 - 50px)
    }
}

@media screen and (min-width: 48em) {
    .home-items__item-inner {
        padding-bottom: calc(100vh / 2 - 50px)
    }
}

@media (max-width: 75em){
    .menu-main-navigation-container {
        /* max-height: 100vh; */
        overflow: auto
    }
}

.home-items__item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 50% 50%;
    background-size: cover;
    transition: all .3s ease-in-out;
    opacity: .9
}

.home-items__item:hover .home-items__item-image {
    transform: scale3d(1.05, 1.05, 1);
    opacity: 1
}

.home-items__item-image--tweet {
    background-color: #1fbbe3 !important;
    opacity: 1
}

.home-items__item-inner--tweet {
    padding-bottom: 300px !important
}

@media (max-width: 480px) {
    .home-items__item-inner--tweet {
        padding-bottom: 375px !important
    }
}

.home-items__item-title--tweet {
    padding: 15px !important;
    margin: 0 auto !important;
    min-width: 50% !important;
    width: auto !important;
    bottom: auto !important;
    display: block !important
}

@media (max-width: 992px) {
    .home-items__item-title--tweet {
        padding: 15px !important;
        margin: 0 !important;
        min-width: 100% !important;
        width: 100% !important;
        left: 0 !important
    }
}

.home-items__item-type {
    position: absolute;
    left: 0;
    top: 0;
    padding: 1.4rem;
    font-size: .875rem;
    color: #fff
}

.home-items__item-type:after {
    content: '';
    display: block;
    height: 2px;
    width: 15px;
    background-color: #9dbb5c
}

.home-items_item-title {
    font-size: 1.125rem;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1rem;
    padding-left: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    line-height: 1.4em
}

.home-items__item--project .home-items__item-inner, .home-items__item--team-member .home-items__item-inner, .home-items__item--post .home-items__item-inner {
    position: relative;
    overflow: hidden
}

.home-items__item--project .home-items_item-title, .home-items__item--team-member .home-items_item-title, .home-items__item--post .home-items_item-title {
    position: relative
}

.home-items__item--project .home-items_item-title, .home-items__item--team-member .home-items_item-title, .home-items__item--post .home-items_item-title,
.projects__project-title {
    color: #868686
}

.home-items__item-title--intro {
    height: 100%
}

.home-items__item--intro .home-items__item-inner, .home-items__item--text .home-items__item-inner {
    position: static
}

.home-items__item--intro .home-items_item-title, .home-items__item--text .home-items_item-title {
    color: #fff
}

.home-items__item--post iframe {
    position: absolute;
    width: 100%;
    height: auto
}

.home-items__item-title--intro {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    font-size: 1.6rem;
    color: #3e3e3e;
    line-height: 1.2em;
    bottom: auto
}

@media screen and (min-width: 75em) {
    .home-items__item-title--intro {
        font-size: 2.25rem;
        left: 1rem
    }
}

.home-items__item-title--intro:after {
    content: '';
    display: block;
    height: 2px;
    width: 15px;
    margin-left: 5px;
    background-color: #9dbb5c
}

.home-items__item-title--tweet {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    font-size: 1rem;
    max-width: 90%;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.8);
    display: table;
    vertical-align: middle
}

@media screen and (min-width: 75em) {
    .home-items__item-title--tweet {
        line-height: 1.5em
    }
}

@media screen and (min-width: 87.5em) {
    .home-items__item-title--tweet {
        font-size: 1.3125rem
    }
}

@media screen and (min-width: 100em) {
    .home-items__item-title--tweet {
        font-size: 1.3125rem
    }
}

.home-items__item-title--tweet:before {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    background: url(../img/icon-twitter.png) no-repeat 50% 50%;
    background-size: contain;
    opacity: .35
}

@media screen and (min-width: 75em) {
    .home-items__item-title--tweet:before {
        top: -20px;
        left: 50%;
        margin-left: -10px;
        width: 20px;
        height: 20px
    }
}

@media screen and (min-width: 87.5em) {
    .home-items__item-title--tweet:before {
        top: -30px;
        left: 50%;
        margin-left: -15px;
        width: 25px;
        height: 25px
    }
}

.home-items__item-title--tweet:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 2px;
    width: 14px;
    margin-left: -7px;
    background-color: rgba(255, 255, 255, 0.8)
}

.home-items__item-title--tweet .view-tweet {
    display: block;
    position: absolute;
    bottom: -3em;
    left: 0;
    right: 0;
    font-size: .78125rem
}

.home-items_item-subtitle {
    display: block;
    font-size: .78125rem
}

@keyframes balance {
    from {
        transform: rotateX(90deg)
    }
    to {
        transform: rotateX(0deg)
    }
}

.scroll-arrow {
    display: block;
    position: absolute;
    bottom: -0.75rem;
    width: 4rem;
    height: 4rem;
    padding-top: 2rem;
    font-size: .875rem;
    color: transparent;
    text-align: center;
    left: calc(50% - 2rem);
    transform: translateX(0);
    transition: transform 1s cubic-bezier(0.2, 0.41, 0.58, 1);
    z-index: 1
}

@media screen and (min-width: 75em) {
    .scroll-arrow {
        color: #a4c862;
        background-position: 50% .5rem
    }

    .scroll-arrow:before {
        content: '';
        position: absolute;
        top: 6px;
        left: -17px;
        width: 0;
        height: 0;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-bottom: 50px solid #fff;
        z-index: -1
    }

    .scroll-arrow:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4rem;
        height: 4rem;
        background: url(../img/scroll-arrow.png) no-repeat 50% 1.4rem;
        background-size: 1rem auto
    }
}

@media screen and (max-width: 75em) {
    .scroll-arrow {
        position: fixed;
        bottom: 0;
        padding: 0;
        opacity: 1;
        transition: opacity .3s ease-in-out
    }

    .scroll-arrow:before, .scroll-arrow:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        width: 4rem;
        height: 4rem;
        z-index: -1
    }

    .scroll-arrow:before {
        content: '';
        position: absolute;
        top: 1em;
        left: -18px;
        width: 0;
        height: 0;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-bottom: 50px solid #fff;
        z-index: -1
    }

    .scroll-arrow:after {
        content: '';
        position: absolute;
        top: 1.5em;
        left: 0;
        width: 4rem;
        height: 4rem;
        background: url(../img/scroll-arrow.png) no-repeat 50% .5rem;
        background-size: .9rem auto
    }
}

.scroll-button {
    position: absolute;
    width: 100px;
    height: 100px;
    z-index: 1;
    bottom: 0;
    left: calc(50% - 10px);
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 20
}

.aboutUsSubMenu {
    background-color: #f1f1f3;
    text-align: center;
    position: relative;
    z-index: 1;
    display: none;
}

.aboutUsSubMenu ul {
    padding: 10px 0
}

@media screen and (min-width: 641px) {
    .aboutUsSubMenu ul {
        padding: 1rem 0
    }
}

.aboutUsSubMenu li {
    display: inline-block;
    padding: 0 20px
}

@media screen and (min-width: 641px) {
    .aboutUsSubMenu li {
        padding: 0 20px
    }
}

.aboutUsSubMenu a {
    color: #868686;
    font-size: .9375rem
}

@media screen and (min-width: 641px) {
    .aboutUsSubMenu a {
        font-size: 1rem
    }
}

.aboutUsSubMenu li.current_page_item a {
    text-decoration: underline;
    color: #a4c862
}

.page__main.page__main--aboutTemplate {
    margin-top: 0
}

.aboutPageContentCol {
    display: block
}

.aboutPageContentCol.hidden {
    display: none
}

.aboutPageContentCol .project-info__key-info-title {
    color: #a4c862;
    opacity: .8
}

.pageSectionList {
    margin-bottom: 2rem
}

@media screen and (min-width: 1200px) {
    .pageSectionList {
        padding-left: 2rem
    }
}

.pageSectionList__item {
    display: block;
    margin-right: .5rem;
    padding-right: .5rem
}

@media screen and (min-width: 540px) {
    .pageSectionList__item {
        display: inline-block
    }
}

@media screen and (min-width: 1200px) {
    .pageSectionList__item {
        display: block;
        margin-right: .75rem
    }
}

@media screen and (min-width: 1300px) {
    .pageSectionList__item {
        display: inline-block
    }
}

.pageSectionList__item:last-child .pageSectionList__button:after {
    display: none
}

@media screen and (min-width: 1300px) {
    .pageSectionList__item:nth-child(1) .pageSectionList__button:after {
        display: block
    }
}

@media screen and (min-width: 1300px) {
    .pageSectionList__item:nth-child(2) .pageSectionList__button:after {
        display: block
    }
}

@media screen and (min-width: 1300px) {
    .pageSectionList__item:nth-child(3) .pageSectionList__button:after {
        display: block
    }
}

.pageSectionList__button {
    display: inline-block;
    color: #a2a2a2;
    position: relative;
    background-color: transparent;
    padding: 0;
    -webkit-font-smoothing: auto;
    font-weight: 300
}

@media screen and (min-width: 1200px) {
    .pageSectionList__button {
        font-size: 1.25rem
    }
}

.pageSectionList__button:hover, .pageSectionList__button:focus, .pageSectionList__button:active {
    background-color: transparent;
    color: #a2a2a2;
    text-decoration: underline;
    outline: 0
}

.pageSectionList__button:after {
    content: " / ";
    display: none;
    position: absolute;
    right: -.9em;
    top: 0;
    color: #868686
}

@media screen and (min-width: 540px) {
    .pageSectionList__button:after {
        display: block
    }
}

@media screen and (min-width: 1200px) {
    .pageSectionList__button:after {
        display: none
    }
}

.pageSectionList__button.active {
    text-decoration: underline
}

.aboutTemplate {
    background-color: #f5f5f5
}

.aboutTemplate__innerWrap {
    max-width: 92.375rem;
    margin: auto
}

@media screen and (min-width: 640px) {
    .aboutTemplate__innerWrap {
        padding: 1rem 1rem 4rem
    }
}

@media screen and (min-width: 64em) {
    .aboutTemplate__innerWrap {
        padding: 2rem 2rem 6rem
    }
}

.aboutTemplate__mainHeading {
    max-width: 83.75rem;
    color: #a4c862;
    font-size: 2.3125rem;
    margin: 0 auto;
    padding: 1rem
}

@media screen and (min-width: 64em) {
    .aboutTemplate__mainHeading {
        padding-left: 7%;
        margin: 0 auto 2rem
    }
}

.aboutTemplate__mainIMage {
    height: 15rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media screen and (min-width: 640px) {
    .aboutTemplate__mainIMage {
        height: 22rem
    }
}

@media screen and (min-width: 75em) {
    .aboutTemplate__mainIMage {
        height: 28.5625rem
    }
}

.aboutTemplate__content {
    background-color: #f5f5f5;
    margin: -2rem auto 0;
    padding: 2rem 1rem 1rem
}

@media screen and (min-width: 640px) {
    .aboutTemplate__content {
        padding: 2rem 2.5rem 4.75rem;
        max-width: 83.75rem;
        width: 90%;
        background: #fff
    }
}

@media screen and (min-width: 64em) {
    .aboutTemplate__content {
        column-count: 2;
        padding: 2rem 2.5rem 4.75rem;
        column-gap: 2.25rem;
        margin: -4rem auto 0
    }
}

@media screen and (min-width: 75em) {
    .aboutTemplate__content {
        padding: 2rem 4.75rem 4.75rem
    }
}

.aboutTemplate__content strong, .aboutTemplate__content .project-info__key-info-title {
    color: #a4c862;
    opacity: 1
}

.aboutTemplate__content img, .aboutTemplate__content picture {
    width: 100%;
    max-width: 100%;
    height: auto
}

.page {
    overflow: auto;
    padding-bottom: 5px
}

.main {
    position: relative
}

.page__main {
    background: #fff;
    margin: 15px 15px 0;
    padding: 15px;
    position: relative
}

@media screen and (min-width: 75em) {
    .page__main {
        float: left;
        width: calc(50% - 146px);
        margin: 80px 73px;
        padding: 55px
    }
}

.page__aside {
    position: relative;
    margin: 0 15px 15px;
    background-color: #fff
}

@media screen and (min-width: 75em) {
    .page__aside {
        margin: auto;
        width: calc(50%);
        float: left;
        padding-top: 3.5625rem
    }
}

.page__name {
    font-size: 1.9375rem
}

@media screen and (min-width: 75em) {
    .page__name {
        font-size: 2.25rem
    }
}

.ourteam {
    font-size: 0
}

.ourteam__main-image {
    position: relative;
    padding-bottom: 67.5%;
    background: no-repeat 50% 50%;
    background-size: cover
}

.ourteam__main-image-caption {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 1.4rem;
    color: #fff
}

.ourteam__container {
    font-size: 0
}

.ourteam__team-member {
    display: block;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 75em) {
    .ourteam__team-member {
        width: 50%
    }
}

.ourteam__team-member-inner {
    width: 100%;
    padding-bottom: 57.5%
}

.ourteam__team-member-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale3d(1.01, 1.01, 1);
    background-position: 50% 50%;
    background-size: cover;
    transition: all .3s ease-in-out;
    opacity: .9
}

.ourteam__team-member:hover .ourteam__team-member-image {
    transform: scale3d(1.05, 1.05, 1);
    opacity: 1
}

.ourteam__team-member-title {
    font-size: 1.125rem;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1.4rem;
    line-height: 1.4em
}

.ourteam__team-member-subtitle {
    display: block;
    font-size: .78125rem
}

.item-bg-mage {
    display: none
}

@media screen and (min-width: 75em) {
    .item-bg-mage {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: calc(50% - 10px)
    }

    .item-bg-mage .item-bg-mage__inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding-bottom: 65%;
        background: no-repeat 50% 50%;
        background-size: cover;
        opacity: .19
    }
}

.content-footer-links {
    text-align: center
}

@media screen and (min-width: 75em) {
    .content-footer-links {
        text-align: left
    }
}

.content-footer-links .content-footer-link, .content-footer-links a {
    color: #a2a2a2;
    display: inline-block;
    padding: .15rem .5rem
}

@media screen and (min-width: 75em) {
    .content-footer-links .content-footer-link, .content-footer-links a {
        padding: 0;
        text-align: left;
        margin-right: 2rem
    }
}

@media screen and (min-width: 1440px) {
    .content-footer-links .content-footer-link--right {
        float: right;
        margin-right: 0
    }
}

@media screen and (min-width: 75em) {
    .project-info__tab.info-tab__services {
        right: -94px
    }
}

.our-team__container {
    font-size: 0;
    line-height: 0
}

.our-team__container * {
    line-height: 1.8em
}

.our-team__team-member {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: calc(100% / 1);
    position: relative;
    overflow: hidden
}

@media (min-width: 600px) {
    .our-team__team-member {
        width: calc(100% / 2)
    }
}

@media (min-width: 900px) {
    .our-team__team-member {
        width: calc(100% / 4 + 1px);
        margin-right: -1px
    }
}

.our-team__team-member-inner {
    width: 100%;
    padding-bottom: 60%
}

@media screen and (min-width: 75em) {
    .our-team__team-member-inner {
        padding-bottom: 67.5%
    }
}

.our-team__team-member-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 50% 50%;
    background-size: cover;
    transition: all .3s ease-in-out;
    opacity: .9
}

.our-team__team-member:hover .our-team__team-member-image {
    transform: scale3d(1.05, 1.05, 1);
    opacity: 1
}

.our-team__team-member-title {
    font-size: 1.125rem;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1.4rem;
    line-height: 1.4em
}

.our-team__team-member-subtitle {
    display: block;
    font-size: .78125rem
}

.category-filters {
    background-color: #f4f4f4
}

.category-filters--our-team {
    text-align: center
}

.category-filters__label {
    display: block;
    padding: 5px;
    color: #b9b9b9
}

@media screen and (min-width: 75em) {
    .category-filters__label {
        display: inline-block;
        padding: 20px
    }
}

@media screen and (min-width: 75em) {
    .category-filters__label .label-text--mobile {
        display: none
    }
}

.category-filters__label .label-text--laptop {
    display: none
}

@media screen and (min-width: 75em) {
    .category-filters__label .label-text--laptop {
        display: inline
    }
}

.category-filters__categories {
    display: none;
    margin-bottom: .5rem
}

.category-filters__categories.active {
    display: block
}

@media screen and (min-width: 75em) {
    .category-filters__categories {
        display: inline-block;
        margin-bottom: 0
    }

    .category-filters__categories.active {
        display: inline-block
    }
}

.category-filters__category {
    display: block;
    padding: 5px
}

@media screen and (min-width: 75em) {
    .category-filters__category {
        display: inline-block;
        padding: 20px
    }
}

.category-filters__category:hover {
    cursor: pointer
}

.category-filters__category a {
    color: #868686
}

.category-filters__category--current {
    color: #a4c862;
    text-decoration: underline
}

.category-filters__category--current:hover {
    cursor: default
}

.category-filters__category--current a {
    color: #a4c862
}

.team-member {
    overflow: auto;
    background: #f4f4f4;
    padding-bottom: 5px
}

.team-member__main {
    background: #fff;
    margin: 15px 15px 0;
    padding: 15px
}

@media screen and (min-width: 75em) {
    .team-member__main {
        float: left;
        width: calc(50% - 146px);
        margin: 80px 73px;
        padding: 55px
    }
}

.team-member__aside {
    position: relative;
    margin: 0 15px 15px;
    background-color: #fff
}

@media screen and (min-width: 75em) {
    .team-member__aside {
        margin: auto;
        width: calc(50%);
        float: left;
        padding-top: 3.5625rem
    }
}

.team-member__name {
    font-size: 1.9375rem;
    margin-bottom: .2em
}

@media screen and (min-width: 75em) {
    .team-member__name {
        font-size: 2.25rem
    }
}

.team-member__role {
    color: #a4c862
}

@media screen and (min-width: 75em) {
    .team-member__role {
        margin-bottom: 2em
    }
}

.team-member__portrait {
    position: relative;
    width: 100%;
    padding-bottom: 67.5%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.team-member__portrait-role {
    font-size: 1.125rem;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1.4rem
}

.team-member-featured-projects {
    font-size: 0
}

.team-member-featured-projects * {
    font-size: 1rem
}

.team-member-featured-projects__project {
    line-height: 1.8em;
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: -1rem;
    overflow: hidden
}

@media screen and (min-width: 75em) {
    .team-member-featured-projects__project {
        width: calc(100% / 2)
    }
}

.team-member-featured-projects__project-inner {
    width: 100%;
    padding-bottom: calc(100vh / 3)
}

@media screen and (min-width: 75em) {
    .team-member-featured-projects__project-inner {
        width: calc(100% / 2);
        padding-bottom: calc(100vh / 3 - 50px)
    }
}

.team-member-featured-projects__image-inner {
    width: 100%;
    padding-bottom: calc(100vh / 3);
    background-position: 50% 50%;
    background-size: cover
}

@media screen and (min-width: 75em) {
    .team-member-featured-projects__image-inner {
        padding-bottom: calc(100vh / 3 - 50px)
    }
}

.team-member-featured-projects__project-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 50% 50%;
    background-size: cover;
    transition: all .3s ease-in-out;
    opacity: .9
}

.team-member-featured-projects__project:hover .team-member-featured-projects__project-image {
    transform: scale3d(1.05, 1.05, 1);
    opacity: 1
}

.team-member-featured-projects__project-title {
    font-size: 1.125rem;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: .5rem;
    padding: 1.4rem;
    line-height: 1.3
}

@media screen and (min-width: 75em) {
    .team-member-featured-projects__project-title {
        bottom: 14px
    }
}

.projects__container {
    font-size: 0
}

.projects__project {
    margin: 0;
    padding: 0;
    display: inline-block;
    background-color: #c6c6c6;
    width: calc(100% - 30px);
    margin: 15px;
    position: relative;
    overflow: hidden;
    opacity: 0;
    transition: opacity .7s ease-out .5s
}

.projects__project.onScreen {
    opacity: 1
}

@media (min-width: 600px) {
    .projects__project {
        width: calc(50% - 30px)
    }
}

@media (min-width: 1200px) {
    .projects__project {
        width: calc(33.33% - 30px);
    }
}

@media (min-width: 1440px) {
    .projects__project {
        width: calc(25% - 30px);
    }
}

@media (min-width: 600px) {
    .projects__project--x-large {
        width: calc(50% - 30px);
    }
}

.projects__project-inner {
    width: 100%;
    min-height: 310px;
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 75em) {
    .projects__project-inner {
        padding-bottom: calc(100vh / 3 - 49px)
    }
}

.projects__project-inner--large {
    padding-bottom: calc(100vh / 3 * 2 - 98px)
}

.projects__project-inner--x-large {
    padding-bottom: calc(100vh / 3 * 2 - 98px)
}

.projects__project-image {
    background-color: #c6c6c6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    left: 0;
    background-position: 50% 50%;
    background-size: cover;
    transition: all .3s ease-in-out;
    opacity: .9
}

.projects__project:hover .projects__project-image {
    transform: scale3d(1.05, 1.05, 1);
    opacity: 1
}

/*
.projects__project-title {
    font-size: 1.375rem;
    font-weight: 400;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1.4rem
}
*/
.projects__project-title{
    font-size: 1.125rem;
    margin-bottom: 0;
}

@media screen and (min-width: 75em) {
    .projects__project-title {
        max-width: calc(100% - 7rem)
    }
}

.projects__project-subtitle {
    display: block;
    font-size: .78125rem
}

/*
.projects__project-meta {
    position: absolute;
    font-size: .9375rem;
    padding: 1.4rem;
    width: 100%
}
*/

/*
.projects__project-meta-list {
    display: inline-block;
    margin-right: 10%;
    line-height: 1.5em
}
*/

.projects__project-meta{
    margin-bottom: 5px;
}
.projects__project-meta-description {
    font-size: 1rem !important;
}
.projects__project{
    background-color: transparent;
}
/*
.projects__project-meta-description {
    color: #fff
}
*/

.vacanciesContactStrip {
    position: fixed;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    background-color: #9b9b9b;
    padding: .5rem .875rem;
    color: #fff;
    z-index: 10
}

@media screen and (min-width: 500px) {
    .vacanciesContactStrip {
        background-color: #5a5a5a
    }
}

@media screen and (min-width: 1200px) {
    .vacanciesContactStrip {
        position: absolute;
        top: 0;
        bottom: auto;
        right: 0;
        left: auto;
        padding: .25rem .875rem
    }
}

.vacanciesContactStrip .vacanciesContactStrip__inner {
    max-width: 20rem;
    margin: auto;
    text-align: center
}

@media screen and (min-width: 500px) {
    .vacanciesContactStrip .vacanciesContactStrip__inner {
        max-width: 100%
    }
}

@media screen and (min-width: 1200px) {
    .vacanciesContactStrip .vacanciesContactStrip__inner {
        text-align: left
    }
}

.vacanciesContactStrip a, .vacanciesContactStrip span {
    display: inline-block
}

@media screen and (min-width: 1200px) {
    .vacanciesContactStrip a, .vacanciesContactStrip span {
        padding: 0 .5rem
    }
}

.vacanciesContactStrip a {
    color: inherit;
    font-size: .875rem;
    background-color: #5a5a5a;
    text-align: center;
    padding: 0 .875rem;
    margin: 0 0 0 .5rem
}

@media screen and (min-width: 500px) {
    .vacanciesContactStrip a {
        background-color: transparent
    }
}

@media screen and (min-width: 1200px) {
    .vacanciesContactStrip a {
        padding: 0;
        margin: 0
    }
}

.vacanciesContactStrip a.email {
    text-decoration: underline
}

.vacanciesContactStrip a.email svg {
    top: 4px
}

@media screen and (min-width: 500px) {
    .vacanciesContactStrip a.email svg {
        top: 5px;
        margin-right: .5rem
    }
}

.vacanciesContactStrip a:hover {
    color: #a4c862
}

.vacanciesContactStrip .vacanciesContactStrip__text {
    display: none
}

@media screen and (min-width: 500px) {
    .vacanciesContactStrip .vacanciesContactStrip__text {
        display: inline-block
    }
}

.vacanciesContactStrip span {
    font-size: .78125rem
}

.vacanciesContactStrip svg {
    height: 1.125rem;
    width: 1.125rem;
    position: relative;
    top: 3px
}

@media screen and (min-width: 500px) {
    .vacanciesContactStrip svg {
        margin-right: .25rem;
        position: relative;
        top: 3px
    }
}

.vacanciesContactStrip path {
    fill: #a4c862
}

.project {
    overflow: auto;
    background: #f4f4f4;
    padding-bottom: 5px
}

.project__main {
    background: #fff;
    margin: 15px 15px 0;
    padding: 15px
}

@media screen and (min-width: 75em) {
    .project__main {
        float: left;
        width: calc(50% - 146px);
        margin: 80px 73px;
        padding: 2rem 55px 55px
    }
}

.project__aside {
    position: relative;
    margin: 0 15px 15px;
    background-color: #fff;
    padding-top: 15px
}

@media screen and (min-width: 75em) {
    .project__aside {
        margin: auto;
        width: calc(50%);
        float: left;
        padding-top: 3.5625rem
    }
}

.project__name {
    font-size: 1.9375rem;
    margin-bottom: 1rem;
    line-height: 1.1em;
    margin-bottom: 1em
}

@media screen and (min-width: 75em) {
    .project__name {
        max-width: 90%
    }
}

.project__meta {
    font-size: .9375rem;
    margin-bottom: 1.2rem
}

.project__meta-list {
    display: block;
    margin-right: 10%
}

@media screen and (min-width: 75em) {
    .project__meta-list {
        display: inline-block
    }
}

.project__meta-title {
    color: #a4c862;
    display: inline-block
}

@media screen and (min-width: 75em) {
    .project__meta-title {
        display: block
    }
}

.project__meta-description {
    display: inline-block
}

@media screen and (min-width: 75em) {
    .project__meta-description {
        display: block
    }
}

.project__main-image {
    position: relative;
    width: 100%;
    padding-bottom: 67.5%;
    background-color: #c6c6c6;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 15px
}

@media screen and (min-width: 640px) {
    .project__main-image {
        margin: 15px;
        max-width: calc(100% - 30px)
    }
}

.project__main-image__project-name {
    font-size: 1.125rem;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1rem
}

.project__gallery {
    font-size: 0;
    width: calc(100% + 2rem)
}

@media screen and (min-width: 640px) {
    .project__gallery {
        width: 100%;
        margin-left: 0
    }
}

.project__gallery > * {
    font-size: 1rem
}

.project__gallery-item {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 15px
}

@media screen and (max-width: 991px) {
	.gallery-item--type-video{
		width: 100%;
		min-height: 45vw;
	}
	.gallery-item--type-video .embed-container{
		min-height: 45vw;
	}
}
@media screen and (min-width: 640px) {
    .project__gallery-item {
        width: calc(50% - 30px);
        margin: 15px
    }
}
.project__gallery-item.project__gallery-item--masthead{
    margin: 0;
    position: absolute;
    height: 100%;
    width: 100%;
}
.project__gallery-item--masthead>div{
    width: 100%;
    height: 100%;
    margin: 0;
    background-size: cover;
}

.project__gallery--image {
    display: block;
    width: 100%;
    padding-bottom: 67.5%;
    background-color: #c6c6c6;
    background-size: cover;
    background-position: 50% 50%
}

.project__gallery--video {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 67.5%;
    background-size: auto 140%;
    background-position: 50% 50%;
    text-align: center
}

.project__gallery--video:hover {
    cursor: pointer
}

.project__gallery--video:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8%;
    margin-left: -8%;
    width: 16%;
    padding-bottom: 16%;
    background: url(../img/icon-play.svg) 50% 50% no-repeat;
    z-index: 1;
}

.project__gallery-item--tweet, .project__gallery-item--quote {
    position: relative;
    background: #a4c862
}

.project__gallery--quote__text {
    text-align: center;
    background: #a4c862;
    display: block;
    width: 100%;
    padding-bottom: 67.5%
}

.project__gallery--quote__text .view-tweet {
    display: block !important
}

.project__gallery--tweet, .project__gallery--quote {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 67.5%
}

.project__gallery--tweet__text:before {
    opacity: .35;
    background: url(../img/icon-twitter.png) no-repeat 50% 50%
}

.project__gallery--quote__text {
    font-size: .875rem;
    line-height: 1.5
}

@media screen and (min-width: 900px) {
    .project__gallery--quote__text {
        font-size: 1rem;
        line-height: 29px
    }
}

@media screen and (min-width: 1200px) {
    .project__gallery--quote__text {
        font-size: .875rem;
        line-height: 1.5
    }
}

@media screen and (min-width: 1460px) {
    .project__gallery--quote__text {
        font-size: 1rem;
        line-height: 29px
    }
}

.project__gallery--quote__text:before {
    opacity: 1;
    background: url(../img/icon-speech-bubble.png) no-repeat 50% 50%
}

.project__gallery--tweet__text, .project__gallery--quote__text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 1em
}

.project__gallery--tweet__text:before, .project__gallery--quote__text:before {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    background-size: contain
}

@media screen and (min-width: 75em) {
    .project__gallery--tweet__text:before, .project__gallery--quote__text:before {
        top: -30px;
        left: 50%;
        margin-left: -15px;
        width: 30px;
        height: 30px
    }
}

.project__gallery--tweet__text:after, .project__gallery--quote__text:after {
    content: '';
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 2px;
    width: 14px;
    margin-left: -7px;
    background-color: #9dbb5c
}

@media screen and (min-width: 75em) {
    .project__gallery--tweet__text:after, .project__gallery--quote__text:after {
        display: block
    }
}

.project__gallery--tweet__text .view-tweet, .project__gallery--quote__text .view-tweet {
    display: none;
    position: absolute;
    bottom: -2rem;
    left: 0;
    right: 0;
    font-size: .78125rem
}

@media screen and (min-width: 75em) {
    .project__gallery--tweet__text .view-tweet, .project__gallery--quote__text .view-tweet {
        display: block
    }
}

@keyframes slideOut {
    0% {
        transform: rotate(270deg) translateX(50%) translateY(-100%)
    }
    100% {
        transform: rotate(270deg) translateX(50%)
    }
}

.project-info {
    background: #fff;
    margin: 0 15px 15px;
    padding: 15px
}

@media screen and (min-width: 75em) {
    .project-info {
        margin: 0;
        z-index: 1;
        position: fixed;
        top: 0;
        left: 0;
        bottom: -30px;
        width: 500px;
        padding: 0 0 2rem;
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
        transform: translate3d(-500px, 0, 0);
        transition: transform .6s ease-in-out
    }

    .project-info.open {
        transform: translate3d(0, 0, 0)
    }
}

.project-info__closeButton {
    display: none
}

@media screen and (min-width: 75em) {
    .project-info__closeButton {
        display: block;
        background: transparent;
        float: right;
        position: relative;
        top: -2rem;
        right: -3rem;
        font-size: 1.5rem
    }

    .project-info__closeButton:hover, .project-info__closeButton:focus, .project-info__closeButton:active {
        background: transparent;
        outline: 0
    }
}

.project-info__inner {
    clear: both;
    padding-top: 1.25rem
}

@media screen and (min-width: 75em) {
    .project-info__inner {
        padding: 150px 50px 10px;
        margin: 0 0 10vh;
        max-height: calc(100% - 30px)
    }
}

.project-info__tab {
    clear: both;
    padding-top: 1.25rem;
    display: none;
    font-size: 1.25rem
}

@media screen and (min-width: 75em) {
    .project-info__tab {
        font-size: 1rem;
        display: inline-block;
        background-color: #a4c862;
        height: 32px;
        padding: .2rem 2rem;
        clear: none;
        margin: 0 0 2rem;
        color: #fff
    }

    .project-info__tab:hover {
        cursor: pointer
    }
}

.project-info__key-info-list {
    font-size: 15px;
    margin-bottom: 10px
}

@media screen and (min-width: 1200px) {
    .project-info__key-info-list {
        margin-bottom: 40px
    }
}

.project-info__key-info-title {
    opacity: .5
}

.project-info__key-personnel-list {
    overflow: auto
}

.project-info__person {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    padding: 14px 0
}

@media screen and (min-width: 75em) {
    .project-info__person {
        width: calc(100% / 3)
    }
}

.project-info__person a {
    color: #868686
}

@media screen and (min-width: 75em) {
    .project-info__person a {
        color: #fff
    }
}

.project-info__person-portrait {
    width: 100%;
    padding-bottom: 113.64%;
    background: no-repeat 50% 50%;
    background-size: cover;
    border-radius: 5px;
    margin-bottom: 16px
}

.project-info__person-name, .project-info__person-role {
    font-size: 15px;
    margin-bottom: 0
}

.project-info__person-role {
    opacity: .5
}

.project-info__contact {
    font-size: 15px
}

.project-info__contact a {
    color: #868686;
    text-decoration: underline;
    line-height: 1.4;
    display: inline-block
}

@media screen and (min-width: 75em) {
    .project-info__contact a {
        color: #fff
    }
}

.awards__container {
    font-size: 0
}

.awards__award {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: calc(100% - 30px);
    position: relative;
    color: #fff;
    margin: 15px;
}

.awards__award a {
    color: #fff
}

.awards__award:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    transition: background-color .6s ease-in-out
}

.awards__award:hover {
    color: #868686;
    text-shadow: none
}

.awards__award:hover:after {
/*     background-color: rgba(255, 255, 255, 0.85) */
}

.awards__award:hover a {
    color: #868686
}

@media (min-width: 600px) {
    .awards__award {
        width: calc(50% - 30px);
    }
}

@media (min-width: 900px) {
    .awards__award {
        width: calc(25% - 30px);
    }
}

@media (min-width: 600px) {
    .awards__award--x-large {
        width: calc(50% - 30px);
    }
}

.awards__award-inner {
    width: 100%;
    min-height: 300px;
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 75em) {
    .awards__award-inner {
        min-height: auto;
        bottom: auto;
        min-height: calc(100vh / 3 - 49px)
    }
}

@media screen and (min-width: 75em) {
    .awards__award-inner--large {
        min-height: calc(100vh / 3 * 2 - 98px)
    }
}

@media screen and (min-width: 75em) {
    .awards__award-inner--x-large {
        min-height: calc(100vh / 3 * 2 - 98px)
    }
}

.awards__award-image {
    background-color: #c6c6c6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    left: 0;
    background-position: 50% 50%;
    background-size: cover
}

.awards__award-title {
    left: 0;
    top: 0
}

.awards__award-subtitle {
    display: block;
    font-size: .78125rem
}

.awards__award-meta {
    position: static /*absolute*/;
    top: 0;
    left: 0;
    font-size: 1rem;
    line-height: 1.5em;
    padding: 0;
    padding-top: 1rem;
    width: 100%;
    z-index: 1;
    font-weight: normal;
    color: #a4c862;
}
.awards__award-meta dt{
    font-weight: normal;
}

.awards__award-award-list {
    font-size: 1rem;
    position: relative;
    padding: 10px 0;/*7rem 1.4rem 2rem;*/
    z-index: 1;
    color: #868686;

}
.awards__award-award-list li{
    padding-left: 5px;
    position: relative;
    left: 15px; 
    margin-bottom: 5px;
}
.awards__award-award-list li:before{
    content: '- ';
    position: absolute;
    left: -15px;
}
.single-career .wp-content ul{
    position: relative;
    padding: 10px 0;/*7rem 1.4rem 2rem;*/
    z-index: 1;
}
.single-career .wp-content li{
    padding-left: 5px;
    position: relative;
    left: 15px; 
    margin-bottom: 5px;
}
.single-career .wp-content li:before{
    content: '- ';
    position: absolute;
    left: -15px;
}
.wp-content ul{
    position: relative;
    padding: 10px 0;/*7rem 1.4rem 2rem;*/
    z-index: 1;
}
.wp-content li{
    padding-left: 5px;
    position: relative;
    left: 15px; 
    margin-bottom: 5px;
}
 .wp-content li:before{
    content: '- ';
    position: absolute;
    left: -15px;
}
@media screen and (min-width: 75em) {
    .awards__award-award-list {
        font-size: 1.125rem;
    }
}

.awards__award-award-list-item {
    margin-bottom: 1em;
}

.page--partners {
    min-height: calc(100vh - 150px);
    overflow: inherit
}

.page__main--partners {
    margin: 15px 0 0;
    padding: 15px;
    float: none;
    width: 100%;
    background-color: #f4f4f4
}

@media screen and (min-width: 1200px) {
    .page__main--partners {
        margin: 0;
        padding: 55px
    }
}

.page--partners__innerWrap ul {
    margin-top: 0;
    overflow: hidden
}

.page--partners__content {
    padding: 2rem;
    background-color: #fff
}

@media screen and (max-width: 75em) {
    .page__aside--partners {
        position: fixed;
        top: 0;
        bottom: -15px;
        right: -15px;
        left: -15px;
        background: #fff;
        z-index: 2;
        transform: translateX(100%);
        visibility: hidden;
        transition: all .4s ease-in-out
    }

    .page__aside--partners.active {
        transform: translateX(0);
        visibility: visible
    }
}

@media screen and (min-width: 75em) {
    .page__aside--partners {
        position: fixed;
        top: 0;
        right: 0;
        left: auto;
        bottom: auto;
        min-height: 100vh;
        z-index: 10;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
        transform: translateX(100%);
        visibility: hidden;
        transition: all .4s ease-in-out
    }

    .page__aside--partners.active {
        transform: translateX(0);
        visibility: visible
    }
}

@media screen and (min-width: 75em) {
    .partner-categories {
        padding-left: 2rem
    }
}

.partner-categories__category {
    display: inline-block;
    color: #a2a2a2;
    position: relative
}

@media screen and (min-width: 75em) {
    .partner-categories__category {
        font-size: 1.4375rem
    }
}

.partner-categories__category:hover, .partner-categories__category.active {
    text-decoration: underline;
    cursor: pointer
}

.partner-categories__category:not(:last-of-type) {
    margin-right: 1em
}

.partner-categories__category:not(:last-of-type):after {
    content: " / ";
    display: block;
    position: absolute;
    right: -.9em;
    top: 0;
    color: #868686
}

.partners__list {
    margin-top: 1rem;
    position: relative
}

.partners__partner {
    width: 50%;
    padding: 0 0 50%;
    display: inline-block;
    float: left;
    position: relative;
    background: #f1f1f1
}

@media screen and (min-width: 641px) {
    .partners__partner {
        width: 25%;
        padding: 0 0 25%
    }
}

@media screen and (min-width: 1200px) {
    .partners__partner {
        width: 16.666667%;
        padding: 0 0 13%
    }
}

.partners__partner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.partners__partner:nth-child(2n) {
    background-color: #fbfbfb
}

@media screen and (max-width: 640px) {
    .partners__partner:nth-child(n+3):nth-child(-n+4) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+3):nth-child(-n+4):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+7):nth-child(-n+8) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+7):nth-child(-n+8):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+11):nth-child(-n+12) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+11):nth-child(-n+12):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+15):nth-child(-n+16) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+15):nth-child(-n+16):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+19):nth-child(-n+20) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+19):nth-child(-n+20):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+23):nth-child(-n+24) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+23):nth-child(-n+24):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+27):nth-child(-n+28) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+27):nth-child(-n+28):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+31):nth-child(-n+32) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+31):nth-child(-n+32):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+35):nth-child(-n+36) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+35):nth-child(-n+36):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+39):nth-child(-n+40) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+39):nth-child(-n+40):nth-child(2n) {
        background-color: #f1f1f1
    }
}

@media screen and (min-width: 641px) and (max-width: 1199px) {
    .partners__partner:nth-child(n+5):nth-child(-n+8) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+5):nth-child(-n+8):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+13):nth-child(-n+16) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+13):nth-child(-n+16):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+21):nth-child(-n+24) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+21):nth-child(-n+24):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+29):nth-child(-n+32) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+29):nth-child(-n+32):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+37):nth-child(-n+40) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+37):nth-child(-n+40):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+45):nth-child(-n+48) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+45):nth-child(-n+48):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+53):nth-child(-n+56) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+53):nth-child(-n+56):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+61):nth-child(-n+64) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+61):nth-child(-n+64):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+69):nth-child(-n+72) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+69):nth-child(-n+72):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+77):nth-child(-n+80) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+77):nth-child(-n+80):nth-child(2n) {
        background-color: #f1f1f1
    }
}

@media screen and (min-width: 1200px) {
    .partners__partner:nth-child(n+7):nth-child(-n+12) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+7):nth-child(-n+12):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+19):nth-child(-n+24) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+19):nth-child(-n+24):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+31):nth-child(-n+36) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+31):nth-child(-n+36):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+43):nth-child(-n+48) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+43):nth-child(-n+48):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+55):nth-child(-n+60) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+55):nth-child(-n+60):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+67):nth-child(-n+72) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+67):nth-child(-n+72):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+79):nth-child(-n+84) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+79):nth-child(-n+84):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+91):nth-child(-n+96) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+91):nth-child(-n+96):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+103):nth-child(-n+108) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+103):nth-child(-n+108):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+115):nth-child(-n+120) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+115):nth-child(-n+120):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+127):nth-child(-n+132) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+127):nth-child(-n+132):nth-child(2n) {
        background-color: #f1f1f1
    }

    .partners__partner:nth-child(n+139):nth-child(-n+144) {
        background-color: #fbfbfb
    }

    .partners__partner:nth-child(n+139):nth-child(-n+144):nth-child(2n) {
        background-color: #f1f1f1
    }
}

.partners__partner img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 70%;
    max-width: 70%;
    max-height: 50%
}

.partners__partner--current:nth-of-type(odd):after, .partners__partner--current:nth-of-type(even):after {
    border: 2px solid #a4c862
}

.partner-display-panel {
    background: #fff;
    padding-top: 2rem;
    height: 100vh;
    overflow: scroll
}

@media screen and (min-width: 75em) {
    .partner-display-panel {
        height: auto;
        overflow: inherit
    }
}

.partner-display-panel__logo {
    display: block;
    background: no-repeat center / contain;
    height: 150px;
    margin: 0 auto;
    max-width: 300px !important
}

.partner-display-panel__text {
    padding: 1rem;
    font-size: 1rem
}

@media screen and (min-width: 75em) {
    .partner-display-panel__text {
        padding: 2rem;
        font-size: 1.3125rem
    }
}

.partner-display-panel__text blockquote {
    text-align: center
}

.partner-display-panel__text blockquote p {
    color: #a2a2a2
}

.partner-display-panel__text blockquote p:before {
    content: open-quote
}

.partner-display-panel__text blockquote p:after {
    content: close-quote
}

.partner-display-panel__text blockquote footer {
    color: #a4c862;
    text-align: right;
    font-size: 1rem
}

.partner-display-panel__text blockquote footer cite {
    font-style: normal;
    color: #a2a2a2
}

.partner-display-panel__gallery {
    font-size: 0
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: rgba(164, 200, 98, 0.3);
    width: 1px
}

.ps-container > .ps-scrollbar-y-rail {
    opacity: .6;
    width: 5px;
    margin-right: 2px
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    right: 0;
    width: 6px;
    border-radius: 0;
    margin-right: -2px
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999;
    width: 6px
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999;
    width: 6px
}

.close-partner-panel {
    background-color: #fff;
    position: absolute;
    top: 11px;
    right: -8px;
    width: 60px;
    height: 31px;
    text-align: center;
    z-index: 100
}

.close-partner-panel:hover {
    cursor: pointer
}

.close-partner-panel .close-icon {
    position: absolute;
    display: block;
    width: 20px;
    height: 3px;
    background-color: #a4c862;
    top: 50%;
    left: 15px;
    right: 25px;
    margin-top: -2px;
    transform: rotate(45deg)
}

.close-partner-panel .close-icon:after {
    content: '';
    position: relative;
    display: block;
    width: 20px;
    height: 3px;
    background-color: #a4c862;
    bottom: 0;
    transform: rotate(-90deg)
}

.close-partner-panel.close-partner-panel--partnersPage {
    display: block;
    float: right;
    font-size: 1.5rem;
    position: absolute;
    top: 1rem;
    right: 0;
    z-index: 12;
    cursor: pointer;
    color: #a4c862
}

@media screen and (min-width: 641px) {
    .close-partner-panel.close-partner-panel--partnersPage {
        top: 6rem;
        right: 2rem
    }
}

.wp-content.wp-content--who-we-work-with {
    padding: 0
}

.news__container {
    font-size: 0;
    background-color: #fff;
}

.news__container > * {
    font-size: 1rem
}

.news__news-item {
    margin: 15px;
    padding: 0;
    display: inline-block;
    width: calc(100% - 30px);
    position: relative;
    overflow: hidden;
    opacity: 0;
    transition: opacity .7s ease-out .5s
}

.news__news-item.onScreen {
    opacity: 1
}

@media (min-width: 600px) {
    .news__news-item {
        width: calc(50% - 30px)
    }
}

@media (min-width: 900px) {
    .news__news-item {
        width: calc(25% - 30px);
    }
}

@media (min-width: 600px) {
    .news__news-item--x-large {
        width: calc(50% - 30px);
    }
}

.news__news-item-inner {
    width: 100%;
    min-height: 300px;
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 87.5em) {
    .news__news-item-inner {
        padding-bottom: calc(100vh / 3 - 49px)
    }
}

@media screen and (min-width: 48em) and (max-height: 900px) {
    .news__news-item-inner {
        padding-bottom: calc(100vh / 2 - 49px)
    }
}

.news__news-item-inner--large {
    padding-bottom: calc(100vh / 3 * 2 - 98px)
}

.news__news-item-inner--x-large {
    padding-bottom: calc(100vh / 3 * 2 - 98px)
}

.news__news-item-image {
    background-color: #c6c6c6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    left: 0;
    background-position: 50% 50%;
    background-size: cover;
    transition: all .3s ease-in-out;
    opacity: .9
}

.news__news-item:hover .news__news-item-image {
    transform: scale3d(1.05, 1.05, 1);
    opacity: 1
}

.news__news-item-title {
    font-size: 1.125rem;
    font-weight: 400;
    color: #868686;
    position: static;/*absolute;*/
    left: 0;
    bottom: 0;
    padding: 1rem 0 0;
}

@media screen and (min-width: 75em) {
    .news__news-item-title {
        max-width: calc(100% - 7rem)
    }
}

.news__news-item-meta {
    position:static;/*absolute;*/
    top: 0;
    left: 0;
    right: 0;
    padding: 1rem 0 0;
    margin-bottom: -10px;
}

.news__news-item__meta-list {
    display: inline-block;
    line-height: 1.5em;
    margin-right: 10%
}

.news__news-item__meta-title {
    color: #868686;
}

.news__news-item__meta-description {
    color: #a4c862;
}

.news__news-item-subtitle {
    display: block;
    font-size: .78125rem
}

.news {
    overflow: auto;
    background: #f4f4f4;
    padding-bottom: 5px
}

.news__main {
    background: #fff;
    margin: 15px 15px 0;
    padding: 15px
}

@media screen and (min-width: 75em) {
    .news__main {
        float: left;
        width: calc(50% - 146px);
        margin: 80px 73px;
        padding: 2rem 55px 55px
    }
}

.news__aside {
    position: relative;
    margin: 0 15px 15px;
    background-color: #fff
}

@media screen and (min-width: 75em) {
    .news__aside {
        margin: auto;
        width: calc(50%);
        float: left;
        padding-top: 3.5625rem
    }
}

.news__name {
    font-size: 1.9375rem
}

@media screen and (min-width: 75em) {
    .news__name {
        font-size: 2.25rem;
        max-width: 90%
    }
}

.news__meta {
    font-size: .9375rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 75em) {
    .news__meta {
        margin-bottom: 2.5rem
    }
}

.news__meta-list {
    display: inline-block;
    margin-right: 10%
}

.news__meta-title {
    color: #a4c862;
    display: inline-block
}

@media screen and (min-width: 75em) {
    .news__meta-title {
        display: block
    }
}

.news__meta-description {
    display: inline-block
}

@media screen and (min-width: 75em) {
    .news__meta-description {
        display: block
    }
}

.news__meta-description a {
    color: #868686;
    text-decoration: underline
}

.news__meta-description a:hover {
    color: #070707
}

.news__main-image {
    position: relative;
    width: 100%;
    padding-bottom: 67.5%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.news__main-image__news-name {
    font-size: 1.125rem;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1rem
}

.news__gallery {
    font-size: 0
}

.news__gallery-item {
    display: inline-block;
    width: 50%;
    position: relative
}

.news__gallery--image {
    display: block;
    width: 100%;
    padding-bottom: 67.5%;
    background-size: cover;
    background-position: 50% 50%
}

.news__gallery--video {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 67.5%;
    background-size: auto 140%;
    background-position: 50% 50%;
    text-align: center
}

.news__gallery--video:hover {
    cursor: pointer
}

.news__gallery--video:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8%;
    margin-left: -8%;
    width: 16%;
    padding-bottom: 16%;
    background: url(../img/icon-play.svg) 50% 50% no-repeat
}

.view-item {
    display: none
}

@media screen and (min-width: 75em) {
    .view-item {
        font-size: 1rem;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 1.4rem;
        color: #fff;
        text-decoration: underline
    }
}

.contact__head {
    position: relative;
    overflow: auto;
    background: #fff
}

.contact__head-intro {
    padding: 15px;
    font-size: 1.4375rem;
    line-height: 1.3em
}

@media screen and (min-width: 75em) {
    .contact__head-intro {
        font-size: 2rem;
        padding: 80px 80px 60px;
        width: 50%;
        float: left
    }
}

@media screen and (min-width: 87.5em) {
    .contact__head-intro {
        font-size: 2.25rem
    }
}

.contact__head-form {
    min-height: 100%;
    background-color: #f4f4f4;
    padding: 15px
}

@media screen and (min-width: 75em) {
    .contact__head-form {
        padding: 3rem;
        width: 50%;
        float: left
    }
}

.contact__head-form label {
    display: block;
    font-size: 1.4375rem;
    font-weight: 300
}

@media screen and (min-width: 75em) {
    .contact__head-form label {
        font-weight: 600
    }
}

.contact__head-form input[type="color"], .contact__head-form input[type="date"], .contact__head-form input[type="datetime"], .contact__head-form input[type="datetime-local"], .contact__head-form input[type="email"], .contact__head-form input[type="month"], .contact__head-form input[type="number"], .contact__head-form input[type="password"], .contact__head-form input[type="search"], .contact__head-form input[type="tel"], .contact__head-form input[type="text"], .contact__head-form input[type="time"], .contact__head-form input[type="url"], .contact__head-form input[type="week"], .contact__head-form input:not([type]), .contact__head-form textarea {
    border: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #a2a2a2;
    padding: 0;
    line-height: 1.4em;
    margin-bottom: 1rem
}

.contact__head-form input::-webkit-input-placeholder, .contact__head-form textarea::-webkit-input-placeholder {
    color: #a2a2a2;
    opacity: .6
}

.contact__head-form input[type="submit"] {
    background: transparent;
    color: #a4c862;
    padding: 10px;
    text-decoration: underline
}

.contact__head-form .contact__form {
    position: relative
}

.contact__head-form .contact__form-container-textarea {
    display: inline-block;
    width: calc(100% - 100px)
}

.contact__head-form .contact__form-container-submit {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 89px;
    text-align: center
}

.offices {
    background-color: #fff
}

.offices__office {
    overflow: auto;
    margin-bottom: 7px;
    position: relative
}

.offices__office--padded {
    margin-bottom: 0;
    padding: 15px
}

.offices__office-address-container {
    position: relative;
    background: no-repeat 50% 50%;
    background-color: #a4c862;
    background-size: cover;
    margin-bottom: 30px;
    padding: 15px;
    height: 300px;
    min-height: 33vw
}

.offices__office-address--below {
    color: #868686 !important;
    font-size: 20px;
    font-style: normal;
    padding: 0 15px 15px
}

.offices__office-address--below a {
    color: #a4c862
}

@media screen and (min-width: 75em) {
    .offices__office-address-container {
        margin-bottom: 0;
        padding: 80px;
        height: auto;
        width: calc(50% - 15px);
        float: left
    }
}

.offices__office-map-container {
    width: 100%;
    height: 300px
}

@media screen and (min-width: 75em) {
    .offices__office-map-container {
        height: auto;
        width: calc(50% - 15px);
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0
    }
}

.offices__office--padded .offices__office-map-container {
    top: 15px;
    bottom: 15px
}

.offices__office-address {
    font-size: 1.4375rem;
    line-height: 1.4em;
    color: #fff
}

@media screen and (min-width: 75em) {
    .offices__office-address {
        font-size: 2.25rem
    }
}

.offices__office-address a {
    color: #fff
}

.offices__office-address .address, .offices__office-address .addressName {
    font-style: normal
}

.offices__office-address .addressName {
    margin-bottom: .5em;
    display: block
}

.offices__office-address .name, .offices__office-address .address, .offices__office-address .streetAddress, .offices__office-address .addressLocality, .offices__office-address .postalCode, .offices__office-address .email {
    display: block
}

.offices__office-address .email, .offices__office-address .phone {
    font-size: 1rem
}

@media screen and (min-width: 75em) {
    .offices__office-address .email, .offices__office-address .phone {
        font-size: 1.4375rem
    }
}

.google-map {
    height: 100%
}

.home-items__item--project, .home-items__item--team-member, .home-items__item--post, .home-items__item--tweet {
    margin: 13px
}

.home-items__item--tweet {
    min-width: calc(100% - 30px);
    flex: 0 0 calc(100% - 30px)
}

.home-items__item-image {
    background-color: #c6c6c6
}

.home-items__item--text {
    width: 100% !important
}

@media screen and (min-width: 75em) {
    .home-items__item--text {
        width: 50% !important
    }
}

@media screen and (max-height: 900px) and (min-width: 48.01em) {
    .home-items__item--text {
        width: 50%
    }
}

.home-items__item--project {
    width: calc(95% / 2)
}

.home-items__item--team-member, .home-items__item--post {
    width: calc(95% / 4)
}

.icon-row {
    padding: 30px 0;
    text-align: center
}

.icon-row a {
    color: #a4c862;
    font-size: 44px
}
.page__main-content {
    margin-top: -150px;
    z-index: 10;
    position: relative;
    padding: 55px;
    float: left;
    width: 100%;
}

.page__main-content .content-fill {
    background: #fff;
    display: table;
    padding-top: 55px;
}

.page__main-sub-content h1 {
    text-align: center;
}

.page__main-sub-content {
    margin-top: 0;
}

.page__main-content h1 {
    font-size: 36px;
    color: #000;
    text-align: center;
}
.page__main--careers {
    float: left;
    width: calc(100% - 100px);
    margin: 80px 50px;
    padding: 0;
    position: relative;
}
.page__main--careers > img{
    object-fit: cover;
}

.page__main-content {
    margin-top: -150px;
    z-index: 10;
    position: relative;
    padding: 55px;
    float: left;
    width: 100%;
}

.page__main-content .content-fill {
    background: #fff;
    display: table;
    padding-top: 55px;
}

.page__main-sub-content h1 {
    text-align: center;
}

.page__main-sub-content {
    margin-top: 0;
}
.page {
    background:#fff!important;
}
.page__main-content h1 {
    font-size: 36px;
    color: #000;
    text-align: center;
}

.page__main--careers img {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 5;
    max-height: 600px;
}

.half-content {
    width: calc(50% - 60px);
    padding: 0 30px;
    display: inline-block;
    font-size: 16px;
    color: #000;
    float: left;
}

.page__main--careers img {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 5;
    max-height: 600px;
}
.half-content {
    width: 100%;
}
@media (min-width:768px){
    .half-content {
        width: calc(50% - 60px);
        padding: 0 30px;
        display: inline-block;
        font-size: 16px;
        color: #000;
        float: left;
    }
}
@media (min-width:768px){
    .page__main-content .content-fill .half-content,
    .page__main-content.page__main-sub-content .half-content{
        width: 50%;
    }
}

.seventyfive-content {
    width: 65%;
    padding: 0 120px 0 30px;
    display: inline-block;
    font-size: 16px;
    color: #000;
    float: left;

}
.greenbg{
    background: #A4C862;
    color: #fff;
    padding: 30px;
    display: inline-block;
    font-size: 16px;
}
.twentyfive-content {
    background: #A4C862;
    color: #fff;
    width: 25%;
    padding: 30px;
    display: inline-block;
    font-size: 16px;
    float: right;
}
.twentyfive-content a,
.greenbg a{
    color: #fff;
    text-decoration: underline;
}

.fifty-content {
    width: 50%;
    padding: 30px;
    display: inline-block;
    font-size: 16px;
    float: left;
}

.fifty-content iframe {
    width: 100%;
    height: auto;
    min-height: 600px;
}

@media (max-width: 980px) {
    .page__main-content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .fifty-content {
        width: 100%;
    }

    .seventyfive-content {
        width: 100%;
    }

    .twentyfive-content {
        width: 100%;
    }
}
.vacancies-col{
    margin-bottom: 45px;
}

.seventyfive-content a h2,
.vacancies-col a h2 {
    font-size: 31px;
    color: #000;
    padding-top: 2rem;
}

.seventyfive-content a p,
.vacancies-col a p {
    font-size: 16px;
    color: #000;
}

.seventyfive-content a ,
.vacancies-col a{
    display: block;
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.news__name {
    margin: 0;
    color: #A4C862;
}

.news__location {
    font-size: 16px;
}

.wrap-process {
    background: #A4C862;
    display: block;
    padding: 30px;
}

.news__aside .twentyfive-content {
    width: 100%;
    background: #fff;
}

.apply-link {
    display: block;
    margin-bottom: 30px;
    text-align: center;
    background: #E4806C;
    padding: 15px 60px;
    color: #fff;
}

.icon-row {
    padding: 30px 0;
    text-align: center;
}

.icon-row i {
    color: #A4C862;
    font-size: 44px;
}

.home-items__item--tweet {
    width: 100% !important;
}

@media screen and (max-height: 900px) and (min-width: 48.01em) {
    .home-items__item--tweet {
        width: 100% !important;
    }
}

.home-items__item-image--tweet {
    background-color: #1DA1F2;
}

.half-section-wrap {
    margin: 25px 0;
    padding-left: 5px;
    padding-right: 5px;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.seventyfive-section {
    width: 75%;/* calc(75% - 70px) ;*/
    padding: 15px 55px 15px 15px;
    display: inline-block;
    font-size: 16px;
    float: left;
}

.twentyfive-section {
    width: 25%;/* calc(25% - 70px); */
    padding: 15px 55px 15px 15px;
    display: inline-block;
    font-size: 16px;
    float: left;
}

.half-section {
    width: 50%;/* calc(50% - 70px); */
    padding: 15px 55px 15px 15px;
    display: inline-block;
    font-size: 16px;
    float: left;
}

.full-section {
    width: 100%;
    padding: 15px 0 15px 15px;
    display: inline-block;
    font-size: 16px;
    float: left;
}
.full-section .caption{
    margin-top: -35px;
    margin-bottom: 35px;
}
.full-section .embed{
    margin-bottom: 35px;
    overflow: hidden;
}
.full-section .embed ~ .caption{
    margin-top: -27px;
    margin-bottom: 27px;
}

.projects__project--thirds {
    width: 33.33%;
    padding: 15px;
}

.full-section img {
    width: 100%;
    height: auto;
    max-height: 598px;
    margin-bottom: 35px;
    object-fit: cover;
}

.half-section--image {
    width: 50%;
    padding: 15px;
}

.twentyfive-section--image {
    width: 25%;
    padding: 15px;
}

.seventyfive-section--image {
    width: 75%;
    padding: 15px;
}

.half-section--image img, .seventyfive-section--image img, .twentyfive-section--image img {
    height: auto;
    width: 100%;
}

.half-section h2, .twentyfive-section h2, .seventyfive-section h2, .full-section h2 {
    font-size: 36px;
    color: #000;
}

.half-section h4, .twentyfive-section h4, .seventyfive-section h4, .full-section h4 {
    font-size: 20px;
    color: #000;
}

.half-section ul, .twentyfive-section ul, .seventyfive-section ul, .full-section ul {
    padding-left: 25px;
}

.half-section li, .twentyfive-section li, .seventyfive-section li, .full-section li {
    list-style: disc;
}
.flex-section--overlay{
    max-width: 96vw;
    margin: -50px auto 0;
    background: #fff;
    position: relative;
    padding: 15px;
}
@media (min-width: 768px) {
    .flex-section--overlay{
        max-width: 90vw;
        margin: -125px auto 0;
        padding: 25px;
    }
}

@media (max-width: 768px) {
    .half-section, .twentyfive-section, .seventyfive-section {
        width: calc(100% - 70px);
    }
}
.flex-section--heading{
    min-width: 100%;
    flex: 0 0 100%;
    padding: 0 15px;
    text-align: center;
    font-size: 36px;
    color: #000;
}
.full-section--overlay .flex-section--heading{
    float: left;
}
@media (min-width: 992px) and (max-width: 1399px) {
    .flex-section__content-col.cols-md-2{
        column-count: 2;
        column-gap: 25px;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .flex-section__content-col.cols-2{
        column-count: 2;
        column-gap: 25px;
        width: 100%;
    }
}

/* 
 *
 *    2021 Project Template
 *
 ******************************/
 
.project-template--2021{
	background: #fff;
	 padding: 0 15px;
 }
.project-template--2021 .col{
	padding-left: 15px;
	padding-right: 15px;
}
.project-2021-content-row{
	margin-top: 15px;
	margin-bottom: 15px;
}
.project-2021-content-row h1{
	font-size: 28px;
}
 .projects-2021__banner-row img{
     width: 100% !important;
 }
 .projects-2021__banner-row .embed-container,
 .full-section .embed-container{
	min-height: 45vw;
 }
 @media (min-width:768px){
	.projects-2021__banner-row .embed-container,
	.full-section .embed-container{
		min-height: 52.99vw;
	}
 }
 @media (min-width:992px){
	 .project-2021-content-col{
	 	max-width: 50%;
	 }
 }
 .project-20201-details-col{
	 display: flex;
	 flex-wrap: wrap;
	 flex: 0 0 100%;
	 max-width: 100%;
	 margin-bottom: 30px;
 }
 @media (min-width:992px){
	 .project-20201-details-col{
		 flex: 0 0 100%;
		 max-width: 100%;
		 flex-wrap: nowrap;
	 }
 }
 @media (min-width:1200px){
	 .project-20201-details-col{
		 flex: 0 0 75%;
		 max-width: 75%;
	 }
 }
 @media (min-width:1500px){
	 .project-20201-details-col{
		 flex: 0 0 50%;
		 max-width: 50%;
	 }
 }
 .project-20201-details-col .project__meta-title{
	 font-weight: normal;
	 margin-bottom: 5px;
 }
 .project-20201-details-col .project__meta-list{
	 border-left: 1px solid currentcolor;
	 padding-left: 10px;
	 padding-right: 10px;
	 min-width: 15%;
	 margin-right: 10px;
 }
 .project-20201-details-col .project__meta-description{
	 line-height: 1.3em;
	 margin-bottom: 5px;
 }
 .project-20201-details-col--key-personnel{
	 display: flex;
	 flex-wrap: wrap;
	 flex: 0 0 100%;
	 max-width: 100%;
	 margin-bottom: 30px;
	 margin-top: 30px;
 }
.project-20201-details-col--key-personnel .project__meta-list{
	  display: flex;
	  flex: 0 0 100%;
	  flex-wrap: wrap;
	  max-width: 100%;
	  margin: 0;
}
.project-20201-details-col--key-personnel .project__meta-title{
	font-weight: normal;
	padding-right: 15px;
}
.project-20201-details-col--key-personnel .project__meta-list span{
	display: block;
	color: #868686;
}

@media (min-width:992px){
	.projects-2021__text-content-col{
/*
		display: flex;
		align-items: flex-start;
*/
		column-count: 2;
/* 		column-width: calc(50vw - 90px); */
		column-gap: 30px;
	}
	.projects-2021__text-content-col>h1,
	.projects-2021__text-content-col>h2,
	.projects-2021__text-content-col>h3{
		column-span: all;
	}
	.projects-2021__text-content-col>p{
/*
		flex-grow: 1;
		min-width: calc(50% - 15px);
		max-width: calc(50% - 15px);
*/
	}
}
.projects-2021__gallery-row{
	justify-content: center;
	flex-wrap: wrap;
}
.projects-2021__gallery-item{
	margin-top: 15px;
	margin-bottom: 15px;
}
@media (min-width:992px){
	.projects-2021__gallery-item{
		min-width: 50%;
	}
	.projects-2021--items2 .projects-2021__gallery-item,
	.projects-2021--items3 .projects-2021__gallery-item{
		flex: 0 0 50%;
		max-width: 50%;
	}
	.projects-2021--items3 .projects-2021__gallery-item:last-child{
		flex: 0 0 auto;
		max-width: 100%;
	}
	.projects-2021--items1 .projects-2021__gallery-item{
		flex: 0 0 100%;
		max-width: 100%;
	}
	
}
.img-cover{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.related-project-client{
	color: #a4c862;
	margin-bottom: 0;
}
.projects-2021__related-projects-title {
	margin-top: 15px;
}
.projects-2021__related-projects-row{
	flex-wrap: wrap;
}
.projects-2021__related-projects-row a{
	color: #868686;	
}
.projects-2021__related-projects-col{
	display: flex;
	flex-direction: column;

}
@media (min-width:768px){
	.projects-2021__related-projects-col{
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (min-width:992px){
	.projects-2021__related-projects-col{
		flex: 0 0 25%;
		max-width: 25%;
	}
}

.projects-2021__related-projects-col >a{
	display: flex;
	overflow: hidden;
	transition: .3s all ease;
}
.projects-2021__related-projects-col > a,
.projects-2021__related-projects-col > a > img{
	flex-grow: 1;
	object-fit: cover;
	transform: scale(1);
	transition: .3s all ease;
}
.projects-2021__related-projects-col >a:hover img,
.projects-2021__related-projects-col >a:focus img{
	transform: scale(1.1);
}
.projects-2021__related-details{
	margin-top: 10px;
	min-height: 90px;
}
.related-project-client{
	font-size: 14px;
}
.half-section--image .embed-container{
    min-height: 240px;
}
.embed-container{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
}
.embed-container iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
iframe{
    max-width: 100%;
}

@media (min-width:992px){
    .max-width-25{
        margin-left: auto;
        margin-right: auto;
        max-width: 25%;
    }
    .max-width-50{
        margin-left: auto;
        margin-right: auto;
        max-width: 50%;
    }
    .max-width-75{
        margin-left: auto;
        margin-right: auto;
        max-width: 75%;
    }
    .embed-container.max-width-25{
        min-height: calc(53vw * .25 );
    }
    .embed-container.max-width-50{
        min-height: calc(53vw * .5 );
    }
    .embed-container.max-width-75{
        min-height: calc(53vw * .75 );
    }
}
.img-fluid{
    max-width: 100%;
    height: auto;
}