/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,canvas,progress,video {
    display: inline-block
}

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

progress {
    vertical-align: baseline
}

template,[hidden] {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit
}

b,strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

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

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

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

optgroup {
    font-weight: bold
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

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

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type="checkbox"],[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

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

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.wysiwyg p,.wysiwyg a:not(.button),.wysiwyg ul li,.blog-card__meta-item,.blog-card__link,.blog-card__link:before,.blog-feed__view-all,.blog-filter__label,.blog-filter__label:after,.button,.nav__list li.book-a-demo-button a,.case-study-card__client,.case-study-card__title,.case-study-filter__label,.case-study-filter__label:after,.form__close,.form__text,.form__label,.form__input,.in-the-press__item-link,.lightbox-video-content__close,.location-card__phone,.location-card__email,.location-card__address p,.location-card__office-link,.product-banner__video-cta p,.product-tech-spec__see-more:before,.product-videos__main-title,.nav .menu-item-27 .sub-menu li.coming-soon a:after,.quote__text p,.quote__author-info,.search-filter label,.social-share__text,.sticky-nav__item,.styled-radio-button__text,.styled-select select,.accordion__trigger,.accordion__trigger:after,.case-study-feed__view-all,.contact-sectors__text,.footer__locations-trigger,.footer__locations-trigger:after,.footer__location p,.footer__sales p,.footer__end p,.header__actions a,.nav a,.partners__tel,.partners__contact-name,.partners__contact-job,.partners__contact-email,.showcase-banner__link,.showcase-banner .slick-dots li,.tabs__trigger,.blog-detail__date,.blog-detail__back,.case-study-detail__client,.case-study-detail__back,.case-study-detail__credits p,.case-study-detail__gallery .slick-counter,.product-details__title,.product-details__sub-title,.product-details__heading,.product-details__quote p {
    margin: 0;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 17px;
    line-height: 1.4
}

.wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6,.blog-card__title,.blog-feed__title,.explainer-video-card__title,.form__title,.in-the-press__title,.in-the-press__item-title,.location-card__title,.location-card__time,.option-card__title,.partner-logos__title,.product-banner__sub-title,.product-banner__title,.product-block__title,.product-tech-spec__heading,.product-videos__video-card h3,.pull-out-section__title,.sign-off-cta__message,.solution-card__name,.solutions-area__block-title,.statment__title,.banner__title,.banner__copy,.case-study-feed__title,.case-study-list__category-name,.contact-sectors__title,.explainer-videos__title,.faqs__title,.faqs__question,.locations__title,.maincontent__title,.partners__title,.partners__name,.showcase-banner__title,.showcase-banner__title--wysiwyg>*,.solutions__title,.blog-detail__title,.case-study-detail__title,.case-study-detail__sub-title {
    margin: 0;
    font-family: "Lato",sans-serif;
    line-height: 1.5;
    font-weight: 300
}

.wysiwyg ul,.blog-card__meta,.search-filter ul,.nav__list,.nav .sub-menu {
    margin: 0;
    padding: 0;
    list-style: none
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

html.overflow {
    overflow: hidden
}

html.overflow body {
    overflow: hidden
}

body {
    margin: 0;
    color: #2c3444;
    font-family: "Lato",sans-serif;
    line-height: 1;
    font-weight: 300;
    -webkit-font-smoothing: antialiased
}

* {
    box-sizing: border-box
}

.wysiwyg .center-text {
    text-align: center
}

.wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6 {
    padding-bottom: 15px;
    color: #000;
    font-weight: 700
}

.wysiwyg h1 {
    font-size: 50px
}

.wysiwyg h2 {
    font-size: 30px
}

.wysiwyg h3 {
    font-size: 22px
}

.wysiwyg h4 {
    font-size: 16px
}

.wysiwyg h5 {
    font-size: 14px
}

.wysiwyg h6 {
    font-size: 12px
}

.wysiwyg p {
    font-weight: 300;
    padding-bottom: 15px;
    color: #333;
    line-height: 1.8
}

.wysiwyg p:last-child {
    padding-bottom: 0
}

.wysiwyg p+h1,.wysiwyg p+h2,.wysiwyg p+h3 {
    padding-top: 30px
}

.wysiwyg a:not(.button) {
    text-decoration: none;
    color: #000;
    font-weight: 400;
    padding-bottom: 5px;
    border-bottom: 2px solid #0a5
}

.wysiwyg strong {
    font-weight: 700
}

.wysiwyg ul {
    padding-bottom: 30px;
    padding: 0 0 20px 20px;
    padding-bottom: 15px;
    padding-left: 20px
}

.wysiwyg ul li {
    padding-left: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative
}

.wysiwyg ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #0a5;
    display: block;
    border-radius: 50%
}

.wysiwyg ul:last-child {
    padding-bottom: 0
}

.wysiwyg .button,.wysiwyg .nav__list li.book-a-demo-button a,.nav__list li.book-a-demo-button .wysiwyg a {
    margin-top: 25px
}

@media (max-width: 1023px) {
    .wysiwyg h2 {
        font-size:30px
    }
}

.blog-card {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

.blog-card:hover .blog-card__thumb img {
    opacity: .6;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.blog-card__thumb {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    margin-bottom: 40px;
    background: #000;
    position: relative;
    overflow: hidden
}

.blog-card__thumb a {
    display: block
}

.blog-card__thumb img {
    width: 100%;
    max-width: 100%;
    display: block;
    -webkit-transition: opacity .3s ease,-webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: opacity .3s ease,-moz-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity .3s ease,transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.blog-card__text {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.blog-card__meta {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.blog-card__meta-item {
    text-transform: uppercase;
    color: #7F7C7C;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px
}

.blog-card__read-time {
    padding-left: 20px;
    color: #0a5;
    letter-spacing: .5px
}

.blog-card__title {
    padding-top: 20px;
    padding-bottom: 15px
}

.blog-card__title a {
    text-decoration: none;
    color: #202020
}

.blog-card__link {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    font-weight: 700;
    color: #202020;
    font-size: 15px;
    text-decoration: none
}

.blog-card__link:before {
    content: ">";
    font-weight: 700;
    font-size: 20px;
    color: #B5B5B5;
    display: inline-block;
    margin-right: 5px
}

@media (max-width: 767px) {
    .blog-card__thumb {
        margin-bottom:30px
    }
}

.blog-content+.blog-content {
    margin-top: 60px
}

.blog-content__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.blog-content__quote {
    margin-left: 100px;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%;
    max-width: 320px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1
}

.blog-content__quote--with-icon {
    margin-left: 60px;
    max-width: 360px
}

.blog-content__copy {
    max-width: 550px;
    margin-left: 50px;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2
}

.blog-content__share {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    width: 45px;
    margin-right: 40px;
    margin-left: auto;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
    -ms-flex-order: 3
}

@media (max-width: 1359px) {
    .blog-content__quote {
        max-width:280px
    }

    .blog-content__copy {
        margin-right: 50px;
        max-width: 460px
    }
}

@media (max-width: 1023px) {
    .blog-content__share {
        display:none
    }

    .blog-content__layout {
        display: block
    }

    .blog-content__copy {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 50px;
        max-width: none
    }

    .blog-content__quote {
        margin-left: 0;
        max-width: none
    }
}

.blog-feed {
    margin-top: 25px;
    position: relative
}

.blog-feed:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    height: 500px;
    background: #E2E3E4;
    z-index: -1
}

.blog-feed--push-in .blog-feed__header,.blog-feed--push-in .post-list {
    padding-right: 100px;
    padding-left: 100px
}

.blog-feed__header {
    padding-top: 90px;
    padding-bottom: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -moz-box-align: end;
    box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end
}

.blog-feed__title {
    font-size: 36px;
    font-weight: 400;
    color: #000
}

.blog-feed__view-all {
    text-decoration: none;
    color: #000;
    font-weight: 400;
    padding-bottom: 5px;
    border-bottom: 2px solid #0a5
}

@media (max-width: 1023px) {
    .blog-feed:after {
        height:350px
    }

    .blog-feed--push-in .blog-feed__header,.blog-feed--push-in .post-list {
        padding-right: 0;
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .blog-feed__header {
        padding-top:60px;
        padding-bottom: 60px;
        display: block
    }

    .blog-feed__title {
        font-size: 27px;
        padding-bottom: 45px
    }
}

.blog-filter {
    position: relative;
    padding-bottom: 40px
}

.blog-filter__label {
    display: none;
    font-weight: 700;
    font-size: 16px;
    padding-right: 50px;
    pointer-events: none
}

.blog-filter__label:after {
    display: none;
    content: "+";
    position: absolute;
    top: 50%;
    right: 0px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
    font-weight: 700;
    font-size: 15px;
    color: #928D8D;
    padding-left: 5px
}

.blog-filter__label.open:after {
    content: "-"
}

.blog-filter__answer {
    display: none;
    padding-left: 5px
}

@media(max-width: 1023px) {
    .blog-filter__label {
        display:-webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        padding-right: 0;
        color: #727272;
        font-weight: 400;
        pointer-events: auto;
        cursor: pointer;
        position: relative
    }

    .blog-filter__label:after {
        display: block
    }

    .blog-filter__answer {
        display: block;
        font-weight: 700;
        color: #000
    }

    .blog-filter__mobs-reveal {
        display: none;
        position: absolute;
        top: 100%;
        right: 0px;
        left: 0px;
        z-index: 1;
        padding: 35px 35px 0 35px;
        background: #fff
    }
}

@media(max-width: 767px) {
}

@media(max-width: 567px) {
}

.blog-images {
    padding-top: 100px;
    padding-bottom: 100px
}

.blog-images__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start
}

.blog-images__item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    margin-right: 1px;
    position: relative;
    overflow: hidden
}

.blog-images__item:last-child {
    margin-right: 0
}

.blog-images__item img {
    display: block;
    width: 100%
}

@media (max-width: 1023px) {
    .blog-images__layout {
        display:block
    }

    .blog-images__item {
        margin-right: 0
    }
}

.button,.nav__list li.book-a-demo-button a {
    font-weight: 700;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    background: none;
    border: 3px solid #000;
    color: #000;
    letter-spacing: 1px;
    padding: 13px 20px;
    text-transform: uppercase;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    max-width: 100%;
    -webkit-transition: background .3s ease,color .3s ease,border-color .3s ease;
    -moz-transition: background .3s ease,color .3s ease,border-color .3s ease;
    transition: background .3s ease,color .3s ease,border-color .3s ease
}

.button:hover,.nav__list li.book-a-demo-button a:hover {
    color: #fff;
    background: #000;
    text-decoration: none
}

.button--solid,.header--plain .header__cta {
    background: #fff;
    border-color: #fff
}

.button--solid:hover,.header--plain .header__cta:hover {
    background: #000;
    border-color: #000
}

.button--solid-highlight {
    background: #0a5;
    border-color: #0a5;
    color: #fff
}

.button--solid-highlight:hover {
    background: #000;
    border-color: #000
}

.button--solid-dark {
    background: #000;
    border-color: #000;
    color: #fff
}

.button--solid-dark:hover {
    background: #0a5;
    border-color: #0a5
}

.button--solid-light,.nav__list li.book-a-demo-button a {
    background: #fff;
    border-color: #fff;
    color: #000
}

.button--solid-light:hover,.nav__list li.book-a-demo-button a:hover {
    background: #0a5;
    border-color: #0a5
}

.button--small {
    font-size: 12px
}

.button--highlight {
    border-color: #0a5
}

.button--highlight:hover {
    background: #0a5
}

.button--text-light {
    color: #fff
}

.case-study-card {
    width: 100%
}

.case-study-card--alter {
    position: relative
}

.case-study-card--alter .case-study-card__text {
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: none;
    z-index: 2
}

.case-study-card:hover .case-study-card__media {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.case-study-card__thumb {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    background: #000;
    position: relative;
    overflow: hidden;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.case-study-card__thumb:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}

.case-study-card__thumb>* {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.case-study-card__thumb>* * {
    width: 100%;
    height: 100%
}

.case-study-card__thumb a {
    display: block
}

.case-study-card__media {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    -webkit-transition: opacity .3s ease,-webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: opacity .3s ease,-moz-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity .3s ease,transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.case-study-card__media--hide {
    opacity: 0;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.case-study-card__video {
    position: absolute;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    background: #000;
    overflow: hidden
}

.case-study-card__video a {
    position: relative
}

.case-study-card__text {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: var(--main-color, #C9CED5);
    display: block;
    text-decoration: none;
    padding: 30px 60px 50px
}

.case-study-card__client {
    font-weight: 400;
    font-size: 20px;
    color: #fff
}

.case-study-card__title {
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff
}

@media (max-width: 1023px) {
    .case-study-card__video {
        display:none
    }

    .case-study-card__video>* {
        display: none
    }
}

@media (max-width: 767px) {
    .case-study-card__text {
        padding-left:0;
        padding-right: 0;
        padding-bottom: 30px
    }

    .case-study-card__text span {
        display: block;
        width: 100%;
        max-width: 567px;
        padding-left: 35px;
        padding-right: 35px;
        margin: auto
    }

    .case-study-card__text--small-on-mobs {
        padding: 30px 0px
    }

    .case-study-card__text--small-on-mobs .case-study-card__title {
        font-size: 14px
    }

    .case-study-card__client {
        font-size: 14px
    }

    .case-study-card__title {
        font-size: 18px
    }
}

@media (max-width: 567px) {
    .case-study-card__text span {
        max-width:375px
    }
}

.case-study-filter {
    position: relative
}

.case-study-filter__inner {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    position: absolute;
    right: 0px;
    bottom: -33px;
    padding-right: 40px
}

.case-study-filter__label {
    font-weight: 700;
    font-size: 14px;
    display: block;
    padding-right: 50px;
    pointer-events: none
}

.case-study-filter__label:after {
    display: none;
    content: "+";
    width: 10px;
    font-weight: 700;
    font-size: 15px;
    color: #928D8D;
    padding-left: 5px
}

.case-study-filter__label.open:after {
    content: "-"
}

.case-study-filter__answer {
    display: none;
    padding-left: 5px
}

.case-study-filter select {
    display: none
}

.case-study-filter .styled-select {
    min-width: 195px
}

.case-study-filter .styled-select select {
    display: block
}

@media(max-width: 1023px) {
    .case-study-filter__inner {
        display:block;
        padding-right: 35px
    }

    .case-study-filter__label {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        padding-right: 0;
        color: #727272;
        font-weight: 400;
        pointer-events: auto;
        cursor: pointer;
        position: relative
    }

    .case-study-filter__label:after {
        display: block
    }

    .case-study-filter__answer {
        display: block;
        font-weight: 700;
        color: #000
    }

    .case-study-filter__mobs-reveal {
        display: none;
        position: absolute;
        top: 100%;
        right: 35px;
        z-index: 5;
        padding: 35px 35px 0 35px;
        width: calc(768px - 70px);
        background: #fff
    }
}

@media(max-width: 767px) {
    .case-study-filter__inner {
        bottom:-30px
    }

    .case-study-filter__mobs-reveal {
        width: calc(568px - 70px)
    }
}

@media(max-width: 567px) {
    .case-study-filter__mobs-reveal {
        width:calc(375px - 70px)
    }
}

.contact-form {
    display: none;
    padding-top: 65px;
    padding-bottom: 65px;
    background: #EAEAEA
}

@media (max-width: 567px) {
    .contact-form .container {
        padding-left:0;
        padding-right: 0
    }
}

.content-block {
    max-width: 550px;
    margin-left: 100px
}

.content-block--push-top {
    margin-top: 40px
}

.content-block:before {
    content: "";
    width: 115px;
    height: 2px;
    background: #0a5;
    display: block;
    margin-bottom: 25px
}

.content-block--light p {
    color: #fff
}

.content-block--light:before {
    background: #fff
}

.content-block--plain:before {
    display: none
}

.content-block--no-left {
    margin-left: 0
}

.content-block--align-right {
    margin-left: auto;
    float: right;
    margin-right: 70px
}

.content-block--align-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.content-block--thiner {
    max-width: 450px
}

.content-block--larger {
    max-width: 810px
}

.content-block--spaced-text p {
    letter-spacing: .5px
}

.content-block--medium-text p {
    font-size: 19px
}

.content-block--large-text p {
    font-size: 35px;
    line-height: 1.4
}

.content-block--biggest-text p {
    font-size: 45px;
    line-height: 1.4
}

.content-block--highlight p {
    color: #0a5
}

@media (max-width: 1023px) {
    .content-block {
        max-width:none;
        margin-left: 0
    }

    .content-block--align-right {
        margin-right: 0;
        float: none
    }
}

@media (max-width: 767px) {
    .content-block--large-text p {
        font-size:22px
    }
}

.explainer-video-card__media {
    width: 100%;
    height: 287px;
    position: relative;
    background: #000;
    overflow: hidden
}

.explainer-video-card__media img {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.explainer-video-card__text {
    padding-top: 37px;
    padding-right: 50px
}

.explainer-video-card__title {
    font-size: 20px;
    color: #202020;
    font-weight: 700;
    padding-bottom: 6px
}

.explainer-video-card__copy p {
    font-size: 16px
}

@media (max-width: 1359px) {
    .explainer-video-card__text {
        padding-right:30px
    }
}

@media (max-width: 1023px) {
    .explainer-video-card__media {
        height:217px
    }
}

.form {
    position: relative;
    overflow: hidden;
    max-width: 1030px;
    margin-right: auto;
    margin-left: auto;
    background: #fff;
    padding: 80px 60px 70px
}

.form__close {
    cursor: pointer;
    font-size: 15px;
    color: #3C3C3C;
    font-weight: 700;
    outline: none;
    background: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding: 0 40px 0 0;
    position: absolute;
    top: 40px;
    right: 60px
}

.form__close:before,.form__close:after {
    content: "";
    width: 3px;
    height: 30px;
    background: #0a5;
    position: absolute;
    top: 50%;
    right: 8px
}

.form__close:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.form__close:after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.form__header {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -moz-box-align: end;
    box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end
}

.form__intro {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form__title {
    font-size: 41px;
    font-weight: 400;
    color: #0a5
}

.form__text {
    font-size: 15px;
    font-weight: 400;
    color: #3C3C3C;
    padding-bottom: 20px
}

.form__type {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none
}

.form__tab {
    display: none
}

.form__tab--active {
    display: block
}

.form__body {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 70px;
    margin-left: -30px;
    margin-right: -30px
}

.form__body--less-pad {
    padding-top: 40px
}

.form__col {
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    width: 50%
}

.form__col--full {
    width: 100%
}

.form__control {
    padding-bottom: 20px
}

.form__control:last-of-type {
    padding-bottom: 0
}

.form__label {
    font-size: 12px;
    font-weight: 400;
    color: #141414;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    padding-bottom: 5px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.parsley-error .form__label {
    color: red
}

.form__input {
    font-weight: 400;
    font-size: 15px;
    color: #2E384D;
    padding: 10px 15px;
    border: 1px solid #585858;
    border-radius: 5px;
    width: 100%;
    -webkit-transition: color .3s ease,border-color .3s ease;
    -moz-transition: color .3s ease,border-color .3s ease;
    transition: color .3s ease,border-color .3s ease
}

.form__input--textarea {
    height: 135px
}

.parsley-error .form__input {
    color: red;
    border-color: red
}

.form__end {
    padding-top: 50px;
    text-align: center
}

.form__submit {
    min-width: 230px;
    display: inline-block
}

@media (max-width: 767px) {
    .form {
        padding-top:80px;
        padding-left: 35px;
        padding-right: 35px
    }

    .form__close {
        right: 35px
    }

    .form__header {
        display: block
    }

    .form__title {
        font-size: 30px
    }

    .form__body {
        display: block;
        margin-left: 0;
        margin-right: 0
    }

    .form__col {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 20px;
        width: 100%
    }

    .form__col:last-child {
        padding-bottom: 0
    }
}

.hamburger {
    background: none;
    border: none;
    outline: none;
    padding: 0;
    cursor: pointer;
    width: 30px;
    height: 30px;
    position: relative
}

.hamburger:before,.hamburger:after {
    width: 30px;
    height: 3px;
    content: "";
    display: block;
    background: #000;
    border-radius: 5px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    transition: transform .3s ease-in-out
}

.header--plain .hamburger:before,.header--plain .hamburger:after {
    background: #fff
}

.nav-open .hamburger:before,.nav-open .hamburger:after {
    background: #fff
}

.hamburger:before {
    position: absolute;
    top: 50%;
    right: 0px;
    left: 0px;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    margin-top: -1px
}

.hamburger:after {
    position: absolute;
    top: 50%;
    right: 0px;
    left: 0px;
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);
    margin-top: -1px
}

.hamburger--active:before {
    -webkit-transform: rotate(-45deg) translateY(0px);
    -moz-transform: rotate(-45deg) translateY(0px);
    -ms-transform: rotate(-45deg) translateY(0px);
    -o-transform: rotate(-45deg) translateY(0px);
    transform: rotate(-45deg) translateY(0px)
}

.hamburger--active:after {
    -webkit-transform: rotate(45deg) translateY(0px);
    -moz-transform: rotate(45deg) translateY(0px);
    -ms-transform: rotate(45deg) translateY(0px);
    -o-transform: rotate(45deg) translateY(0px);
    transform: rotate(45deg) translateY(0px)
}

.in-the-press {
    position: relative;
    overflow: hidden;
    margin-bottom: 45px;
    margin-top: 260px
}

.in-the-press__title {
    font-weight: 400;
    color: #fff;
    font-size: 15px;
    color: #202020;
    font-weight: 700
}

.in-the-press__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    margin-right: -20px;
    margin-left: -20px
}

.in-the-press__item {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    width: 33.333%;
    padding-right: 20px;
    padding-left: 20px
}

.in-the-press__item-title {
    line-height: 1.4;
    font-size: 25px;
    font-weight: 300;
    color: #727272;
    margin-bottom: 30px
}

.in-the-press__item-link {
    font-size: 20px;
    font-weight: 400;
    color: #0a5;
    text-decoration: none;
    position: relative
}

.in-the-press__item-link:after {
    content: "";
    width: 100%;
    height: 3px;
    background: #0a5;
    position: absolute;
    right: 0px;
    bottom: -1px;
    left: 0px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: -moz-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.in-the-press__item-link:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

@media (max-width: 1023px) {
    .in-the-press {
        margin-top:0
    }

    .in-the-press__layout {
        display: block;
        margin: 0
    }

    .in-the-press__item {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 40px
    }
}

@media (max-width: 767px) {
    .in-the-press {
        margin-bottom:0
    }

    .in-the-press__item-title {
        margin-bottom: 0
    }
}

.lightbox-video-content {
    position: relative;
    overflow: hidden;
    margin-top: 50px
}

.lightbox-video-content:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}

.lightbox-video-content>* {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.lightbox-video-content>* * {
    width: 100%;
    height: 100%
}

.lightbox-video-content__close {
    cursor: pointer;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    outline: none;
    background: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding: 0 40px 0 0;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    z-index: 1
}

.lightbox-video-content__close:before,.lightbox-video-content__close:after {
    content: "";
    width: 3px;
    height: 30px;
    background: #0a5;
    position: absolute;
    top: 50%;
    right: 8px
}

.lightbox-video-content__close:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.lightbox-video-content__close:after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.location-card {
    width: 100%
}

.location-card__header {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: #000;
    height: 485px;
    pointer-events: none;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -moz-box-align: end;
    box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end
}

.location-card__media {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    min-width: 100%;
    min-height: 100%;
    z-index: -1
}

.location-card__text {
    background: rgba(0,0,0,0.25);
    padding: 25px 30px;
    width: 100%
}

.location-card__title {
    font-size: 24px;
    font-weight: 400;
    color: #fff
}

.location-card__time {
    line-height: 1;
    font-size: 30px;
    font-weight: 700;
    color: #fff
}

.location-card__info {
    background: #000;
    padding: 50px 30px;
    color: #C5C5C5;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.location-card__col {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    max-width: 50%;
    margin-right: 5px
}

.location-card__col:last-child {
    margin-right: 0
}

.location-card__phone,.location-card__email {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    padding-bottom: 10px
}

.location-card__phone strong,.location-card__email strong {
    color: #fff;
    font-weight: 700
}

.location-card__phone a,.location-card__email a {
    color: #C5C5C5;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.location-card__phone a:hover,.location-card__email a:hover {
    color: #0a5
}

.location-card__address p {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
    padding-bottom: 10px
}

.location-card__address p strong {
    color: #0a5;
    font-weight: 700;
    display: block
}

.location-card__office-link {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
    margin-top: 50px
}

@media (max-width: 1359px) {
    .location-card__header {
        height:300px
    }
}

@media (max-width: 1023px) {
    .location-card__time {
        display:none
    }

    .location-card__text {
        background: #000;
        position: relative
    }

    .location-card__header {
        cursor: pointer;
        pointer-events: auto;
        height: 450px
    }

    .location-card__text {
        padding-left: 0;
        padding-right: 0
    }

    .location-card__info {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0
    }

    .location-card__title {
        padding: 10px 35px;
        max-width: 768px;
        margin-left: auto;
        margin-right: auto;
        position: relative
    }

    .location-card__title:before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        border-top: 2px solid #757575;
        border-right: 2px solid #757575;
        position: absolute;
        top: 50%;
        right: 35px;
        -webkit-transform: translateY(-50%) rotate(135deg);
        -moz-transform: translateY(-50%) rotate(135deg);
        -ms-transform: translateY(-50%) rotate(135deg);
        -o-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg);
        -webkit-transition: -webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
        -moz-transition: -moz-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    .open .location-card__title:before {
        -webkit-transform: translateY(-50%) rotate(45deg);
        -moz-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        -o-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg)
    }

    .location-card__info {
        display: none
    }

    .location-card__col {
        margin-right: auto !important;
        margin-left: auto !important;
        max-width: 768px;
        padding-left: 35px;
        padding-right: 35PX
    }
}

@media (max-width: 767px) {
    .location-card__title {
        max-width:568px
    }

    .location-card__col {
        max-width: 568px
    }
}

@media (max-width: 567px) {
    .location-card__title {
        max-width:375px
    }

    .location-card__col {
        max-width: 375px
    }
}

.option-card {
    background: #000;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    padding-bottom: 120px;
    position: relative
}

.option-card__header {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
    height: 380px
}

.option-card__title {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    margin: auto;
    letter-spacing: 1px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center
}

.option-card__content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 30px;
    padding-left: 30px;
    color: #fff
}

.option-card__content p {
    color: #fff;
    font-weight: 400
}

.option-card__cta {
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    margin-right: auto;
    margin-left: auto;
    width: 150px
}

.partner-logos {
    margin-top: 200px;
    padding-bottom: 190px
}

.partner-logos__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden
}

.partner-logos__text {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    margin-right: auto
}

.partner-logos__title {
    padding-top: 15px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 400;
    color: #000
}

.partner-logos__title:before {
    content: "";
    display: inline-block;
    vertical-align: 3px;
    margin-right: 10px;
    width: 20px;
    height: 1px;
    background: #0a5
}

.partner-logos__copy {
    padding-left: 30px;
    max-width: 330px
}

.partner-logos__list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 70px;
    max-width: 800px;
    margin-bottom: -54px
}

.partner-logos__item {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    padding-left: 32px;
    padding-bottom: 54px;
    width: 33.333%
}

.partner-logos__item img {
    display: block;
    width: 100%
}

@media (max-width: 1359px) {
    .partner-logos__copy {
        max-width:280px
    }
}

@media (max-width: 1023px) {
    .partner-logos {
        padding-bottom:0
    }

    .partner-logos__layout {
        display: block
    }

    .partner-logos__text {
        padding-bottom: 40px
    }

    .partner-logos__copy {
        max-width: 100%
    }

    .partner-logos__list {
        -webkit-box-lines: single;
        -moz-box-lines: single;
        box-lines: single;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 0;
        margin-right: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .partner-logos__item {
        width: 170px;
        height: 170px;
        padding-bottom: 0;
        padding-left: 0;
        margin-right: 32px
    }
}

@media (max-width: 767px) {
    .partner-logos {
        margin-top:90px
    }
}

.play-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: none;
    padding: 0;
    outline: none;
    cursor: pointer;
    width: 84px;
    height: 84px;
    background: #fff;
    position: relative;
    border-radius: 50%;
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .3s ease;
    -moz-transition: -moz-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .3s ease;
    transition: transform .3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .3s ease
}

.play-button:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.play-button svg {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    width: 24px;
    height: 24px;
    fill: #0a5;
    margin-right: -4px
}

.play-button--highlight {
    background: #0a5
}

.play-button--highlight svg {
    fill: #fff
}

.play-button--square {
    border-radius: 0px;
    width: 90px;
    height: 55px
}

.play-button--square svg {
    width: 20px;
    height: 20px;
    margin-right: -1px
}

.play-button--hide {
    opacity: 0
}

.product-banner {
    padding-top: 160px;
    margin-top: 120px;
    background: #F0F0F0;
    position: relative;
    overflow: hidden
}

.product-banner__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.product-banner__media {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    align-self: flex-end;
    -ms-flex-item-align: end;
    width: 100%;
    max-width: 750px;
    display: block;
    margin-right: 85px
}

.product-banner__media img {
    max-width: 100%
}

.product-banner__text {
    padding-top: 40px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 445px
}

.product-banner__sub-title {
    font-size: 20px;
    font-weight: 400;
    color: #0a5
}

.product-banner__title {
    font-size: 41px;
    font-weight: 300;
    color: #000;
    line-height: 1.3
}

.product-banner__video-cta {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    padding-top: 45px
}

.product-banner__video-cta p {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    padding-left: 25px
}

@media (max-width: 767px) {
    .product-banner {
        padding-top:50px
    }

    .product-banner__layout {
        display: block
    }

    .product-banner__text {
        max-width: none;
        margin-bottom: 80px
    }
}

@media (max-width: 567px) {
    .product-banner {
        padding-top:40px
    }

    .product-banner__text {
        margin-bottom: 40px
    }

    .product-banner__title {
        font-size: 28px
    }

    .product-banner__sub-title {
        font-size: 17px
    }
}

.product-block {
    position: relative;
    padding-bottom: 150px;
    margin-top: 215px;
    margin-bottom: 140px
}

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

.product-block:before {
    content: "";
    position: absolute;
    top: 70px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: #ECECEC;
    z-index: -1
}

.product-block__content {
    background: #fff;
    padding: 80px 60px 80px 40px;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    align-self: flex-end;
    -ms-flex-item-align: end;
    position: absolute;
    bottom: 150px;
    margin-left: -40px;
    width: 100%;
    max-width: 520px;
    z-index: 1
}

.product-block__title {
    font-size: 28px;
    font-weight: 400;
    color: #000;
    padding-bottom: 20px
}

.product-block__copy p {
    line-height: 1.9;
    font-size: 19px
}

.product-block__img {
    margin-bottom: 40px;
    float: right;
    max-width: 75%
}

@media (max-width: 1359px) {
    .product-block__content {
        bottom:100px;
        margin-left: -35px
    }
}

@media (max-width: 1023px) {
    .product-block {
        padding-bottom:60px
    }

    .product-block .container {
        clear: both
    }

    .product-block__content {
        position: relative;
        bottom: auto;
        max-width: 470px;
        margin-left: 0
    }

    .product-block__img {
        width: 100%;
        margin-bottom: -100px
    }
}

@media (max-width: 767px) {
    .product-block {
        margin-bottom:60px
    }

    .product-block__content {
        max-width: none;
        padding: 40px
    }

    .product-block__img {
        margin-bottom: -50px;
        max-width: 100%
    }
}

.product-intro {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start
}

.product-intro__side-img {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    width: 50%
}

.product-intro__side-img img {
    display: block;
    width: calc(100% + 100px)
}

.product-intro__side-content {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    width: 50%;
    padding-top: 150px
}

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

.product-intro__side-content-inner {
    float: left;
    padding-right: 80px;
    width: calc(1280px / 2)
}

@media (max-width: 1359px) {
    .product-intro__side-content-inner {
        width:calc(954px / 2);
        padding-right: 0
    }
}

@media (max-width: 1023px) {
    .product-intro__side-content {
        padding-bottom:80px
    }

    .product-intro__side-content-inner {
        width: calc(698px / 2)
    }
}

@media (max-width: 767px) {
    .product-intro {
        display:block
    }

    .product-intro__side-img {
        display: none
    }

    .product-intro__side-content {
        width: 100%;
        padding-top: 60px
    }

    .product-intro__side-content-inner {
        float: none;
        width: 100%;
        max-width: 568px;
        padding-left: 35px;
        padding-right: 35px;
        margin-right: auto;
        margin-left: auto
    }
}

@media (max-width: 567px) {
    .product-intro__side-content-inner {
        max-width:375px
    }
}

.product-downloads {
    padding-top: 150px;
    margin-bottom: 200px
}

.product-downloads__header {
    padding-bottom: 90px;
    text-align: center
}

.product-downloads__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    padding-right: 150px;
    padding-left: 150px
}

.product-downloads__item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 360px;
    margin-right: 70px;
    padding-top: 22px;
    padding-bottom: 22px
}

.product-downloads__item:last-child {
    margin-right: 0
}

@media (max-width: 1359px) {
    .product-downloads__layout {
        padding-right:0;
        padding-left: 0
    }
}

@media (max-width: 1023px) {
    .product-downloads__layout {
        display:block
    }

    .product-downloads__item {
        max-width: none;
        width: 100%;
        display: block;
        margin-right: 0px;
        margin-bottom: 60px
    }

    .product-downloads__item:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .product-downloads {
        padding-top:80px;
        margin-bottom: 100px
    }
}

.product-options {
    position: relative;
    z-index: 1;
    padding-bottom: 30px
}

.product-options:before {
    content: "";
    background: #ECECEC;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 195px;
    left: 0px;
    z-index: -1
}

.product-options__header {
    padding-top: 110px;
    padding-bottom: 75px;
    text-align: center
}

.product-options__row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.product-options__item {
    margin-right: 1px
}

.product-options__item:last-child {
    margin-right: 0
}

.product-perks {
    margin-top: 160px;
    background: #ECECEC;
    padding-top: 150px;
    padding-bottom: 150px
}

.product-perks__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start
}

.product-perks__text {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    padding-right: 10px;
    padding-top: 20px;
    padding-left: 65px;
    max-width: 490px
}

.product-perks__media {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.product-perks__media img {
    max-width: 100%
}

.product-perks__logo {
    margin-bottom: 60px
}

.product-perks__copy p {
    color: #727272
}

@media (max-width: 1023px) {
    .product-perks {
        padding-top:80px;
        padding-bottom: 80px
    }

    .product-perks__layout {
        display: block
    }

    .product-perks__text {
        padding-left: 0;
        margin-bottom: 80px
    }
}

@media (max-width: 767px) {
    .product-perks {
        margin-top:80px
    }
}

.product-points {
    position: relative;
    overflow: hidden
}

.product-points__header {
    text-align: center;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 130px
}

.product-points__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-bottom: -140px;
    margin-left: -20px;
    text-align: center
}

.product-points__item {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    width: 33.333%;
    padding-right: 20px;
    padding-bottom: 140px;
    padding-left: 20px
}

@media (max-width: 1023px) {
    .product-points__item {
        width:50%
    }
}

@media (max-width: 767px) {
    .product-points__layout {
        margin-bottom:-60px
    }

    .product-points__header {
        text-align: left;
        padding-bottom: 60px
    }

    .product-points__item {
        width: 100%;
        padding-bottom: 60px
    }
}

.product-tech-spec {
    padding-top: 155px
}

.product-tech-spec__header {
    text-align: center;
    padding-bottom: 90px
}

.product-tech-spec__tabs {
    position: relative;
    overflow: hidden
}

.product-tech-spec__content {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;
    padding-bottom: 50px
}

.product-tech-spec__content:first-child .product-tech-spec__heading-wrapper {
    padding-top: 40px;
    border-top: 1px solid #0a5
}

.product-tech-spec__content:first-child .product-tech-spec__content-wrapper {
    padding-top: 40px;
    border-top: 1px solid #0a5
}

.product-tech-spec__content:last-child {
    padding-bottom: 0
}

.product-tech-spec__content:last-child .product-tech-spec__heading-wrapper {
    padding-bottom: 70px;
    border-bottom: 1px solid #0a5
}

.product-tech-spec__content:last-child .product-tech-spec__content-wrapper {
    padding-bottom: 70px;
    border-bottom: 1px solid #0a5
}

.product-tech-spec__heading-wrapper {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%;
    max-width: 285px;
    margin-right: 40px
}

.product-tech-spec__content-wrapper {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.product-tech-spec__heading {
    font-weight: 700;
    color: #414141;
    font-size: 17px
}

.product-tech-spec__copy p {
    font-size: 15px;
    color: #414141;
    font-weight: 400
}

.product-tech-spec__see-more {
    min-width: 250px;
    margin-top: 120px;
    margin-right: auto;
    margin-left: auto;
    display: block
}

.product-tech-spec__see-more:before {
    content: "+";
    display: inline;
    padding-right: 3px;
    font-weight: 700;
    font-size: 17px
}

.product-tech-spec__see-more--open:before {
    content: "-"
}

@media (max-width: 1359px) {
    .product-tech-spec__heading-wrapper {
        max-width:200px
    }
}

@media (max-width: 767px) {
    .product-tech-spec {
        padding-top:80px
    }

    .product-tech-spec__content {
        display: block
    }

    .product-tech-spec__content:first-child .product-tech-spec__heading-wrapper {
        padding-top: 0;
        border: none
    }

    .product-tech-spec__content:first-child .product-tech-spec__content-wrapper {
        padding-top: 0;
        border: none
    }

    .product-tech-spec__content:last-child .product-tech-spec__heading-wrapper {
        padding-bottom: 0;
        border: none
    }

    .product-tech-spec__content:last-child .product-tech-spec__content-wrapper {
        padding-bottom: 0;
        border: none
    }
}

.product-videos {
    position: relative;
    z-index: 1;
    padding-bottom: 165px
}

.product-videos:after {
    content: "";
    width: 100%;
    position: absolute;
    top: 320px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: #464851;
    z-index: -2
}

.product-videos:before {
    content: "";
    opacity: .1;
    width: 100%;
    position: absolute;
    top: 320px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: url(../images/interface/product-video-bg.jpg) bottom center;
    z-index: -1
}

.product-videos__main {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #000;
    margin-bottom: 210px
}

.product-videos__main img {
    width: 100%;
    -webkit-transition: opacity .3s ease,-webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: opacity .3s ease,-moz-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity .3s ease,transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.product-videos__main .play-button {
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -42px;
    z-index: 2
}

.product-videos__main .play-button:hover+img {
    opacity: .6;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.product-videos__main-title {
    font-size: 23px;
    color: #fff;
    font-weight: 700;
    letter-spacing: .5px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding-left: 35px;
    padding-bottom: 40px;
    z-index: 1
}

.product-videos__list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.product-videos__video-card {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 100px
}

.product-videos__video-card:last-child {
    margin-right: 0
}

.product-videos__video-card img {
    display: block;
    width: 100%;
    margin-bottom: 25px
}

.product-videos__video-card h3 {
    font-size: 40px;
    font-weight: 700;
    color: #0a5;
    padding-bottom: 5px
}

.product-videos__video-card h3 span {
    color: #fff;
    font-size: 21px;
    font-weight: 400;
    display: block
}

.product-videos__video-card p {
    color: #D5D5D5;
    font-size: 20px
}

.product-videos__video-card .button,.product-videos__video-card .nav__list li.book-a-demo-button a,.nav__list li.book-a-demo-button .product-videos__video-card a {
    min-width: 215px;
    margin-top: 45px
}

@media(max-width: 1023px) {
    .product-videos:before,.product-videos:after {
        top:200px
    }

    .product-videos__list {
        display: block
    }

    .product-videos__main {
        margin-bottom: 150px
    }

    .product-videos__video-card {
        margin-right: 0;
        width: 100%;
        margin-bottom: 60px
    }

    .product-videos__video-card:last-child {
        margin-bottom: 0
    }
}

@media(max-width: 767px) {
    .product-videos:before,.product-videos:after {
        top:90px
    }

    .product-videos__main {
        margin-bottom: 80px
    }

    .product-videos__main-title {
        display: none
    }

    .product-videos__video-card h3 {
        font-size: 26px
    }

    .product-videos__video-card h3 span {
        font-size: 17px
    }

    .product-videos__video-card p {
        font-size: 17px
    }
}

.nav .menu-item-27 .sub-menu {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #282828
}

.nav .menu-item-27 .sub-menu:before {
    content: "";
    height: 0;
    width: 0;
    border-bottom: 10px solid #282828;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: 100%;
    left: 20px
}

.nav .menu-item-27 .sub-menu li.coming-soon a {
    color: #9B9B9B !important;
    pointer-events: none
}

.nav .menu-item-27 .sub-menu li.coming-soon a:after {
    content: "Coming soon";
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    letter-spacing: .7px;
    display: inline-block;
    background: #0a5;
    text-transform: uppercase;
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: auto;
    height: auto;
    padding: 0 14px;
    border: none;
    border-radius: 20px
}

.nav .menu-item-27 .sub-menu li a {
    padding: 8px 20px;
    color: #fff !important
}

.nav .menu-item-27 .sub-menu li a:before {
    display: none
}

.pull-out-section {
    background: #000;
    position: relative;
    z-index: 1;
    color: #fff;
    margin-top: 315px;
    margin-bottom: 120px
}

.pull-out-section:before {
    content: "";
    width: 50%;
    height: 205px;
    position: absolute;
    top: -205px;
    right: 40px;
    background: #F8F8F8;
    z-index: -1
}

.pull-out-section__top-media {
    float: right;
    margin-top: -160px;
    width: 50%
}

.pull-out-section__middle-media {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    max-width: 50%;
    padding-right: 150px
}

.pull-out-section__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    padding-top: 40px;
    padding-bottom: 200px
}

.pull-out-section__text {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    width: 50%;
    padding-top: 160px
}

.pull-out-section__title {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 20px
}

.pull-out-section__copy {
    padding-right: 90px
}

.pull-out-section__copy p {
    font-size: 21px;
    line-height: 1.9;
    color: #9A9A9A;
    font-weight: 400
}

.pull-out-section__img-row {
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.pull-out-section__img-row img {
    height: 320px;
    display: block
}

@media (max-width: 1023px) {
    .pull-out-section:before {
        width:calc(100% - 80px)
    }

    .pull-out-section__top-media {
        width: calc(100% - 80px)
    }

    .pull-out-section__layout {
        display: block;
        clear: both;
        padding-top: 100px;
        padding-bottom: 150px
    }

    .pull-out-section__text {
        width: 100%;
        padding-top: 0;
        padding-bottom: 95px
    }

    .pull-out-section__copy {
        padding-right: 0
    }

    .pull-out-section__middle-media {
        padding-right: 0;
        width: 100%;
        max-width: 100%
    }
}

@media (max-width: 767px) {
    .pull-out-section {
        margin-top:285px;
        margin-bottom: 100px
    }

    .pull-out-section__layout {
        padding-bottom: 130px
    }

    .pull-out-section__text {
        padding-bottom: 60px
    }
}

@media (max-width: 567px) {
    .pull-out-section:before {
        height:135px;
        top: -135px
    }

    .pull-out-section__top-media {
        margin-top: -95px
    }
}

.quote--self-center {
    width: 100%;
    max-width: 850px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 80px;
}

.quote--self-right {
    width: 100%;
    max-width: 840px;
    margin-left: auto
}

.quote--inline {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start
}

.quote--inline .quote__author-img {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    margin-right: 40px
}

.quote--plain .quote__text {
    padding-left: 0
}

.quote--plain .quote__text p:last-of-type:after {
    display: none
}

.quote--small .quote__speach-mark {
    width: 27px;
    height: 21px
}

.quote--small .quote__text {
    padding-left: 40px
}

.quote--small .quote__text p {
    font-size: 19px;
    letter-spacing: .5px
}

.quote--small .quote__author {
    margin-left: 40px;
    -webkit-box-align: end;
    -moz-box-align: end;
    box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end
}

.quote--small .quote__author-img {
    margin-right: 10px
}

.quote--small .quote__author-info {
    font-size: 15px
}

.quote--small .quote__author-info small {
    font-size: 15px
}

.quote--thin {
    max-width: 570px
}

.quote__text {
    margin: 0;
    position: relative;
    padding-top: 10px;
    padding-left: 45px
}

.quote__text p {
    font-size: 25px;
    font-weight: 300;
    font-style: italic;
    color: #0a5
}

.quote__text p:last-of-type:after {
    content: '"'
}

.quote__speach-mark {
    width: 36px;
    height: 29px;
    position: absolute;
    top: 0px;
    left: 0px
}

.quote__author {
    padding-top: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -moz-box-align: end;
    box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end;
    margin-left: 50px
}

.quote__author--border-bottom {
    padding-bottom: 35px;
    border-bottom: 1px solid #0a5
}

.quote__author-img {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    display: block;
    margin-right: 30px
}

.quote__author-info {
    font-size: 25px;
    font-weight: 700;
    font-style: normal
}

.quote__author-info small {
    display: block;
    font-weight: 300;
    font-size: 20px
}

@media (max-width: 767px) {
    .quote__text p {
        font-size:22px
    }

    .quote__author {
        display: block
    }

    .quote__author-img {
        margin-right: 0;
        margin-bottom: 10px
    }

    .quote__author-img--hide-on-mobs {
        display: none
    }

    .quote__author-info {
        font-size: 17px
    }

    .quote__author-info small {
        font-size: 17px
    }
}

.search-filter ul li {
    padding-left: 40px;
    padding-right: 0
}

.search-filter ul li:first-child {
    padding-left: 0
}

.search-filter ul li:last-child {
    display: none
}

.search-filter ul ul li {
    padding-left: 40px
}

.search-filter ul ul li:first-child {
    padding-left: 0
}

.search-filter ul ul li:last-child {
    display: inline-block
}

.search-filter input[type="submit"] {
    display: none
}

.search-filter label {
    font-size: 17px;
    font-weight: 400;
    position: relative;
    padding-left: 33px;
    cursor: pointer
}

.search-filter label .radio {
    display: inline-block;
    width: 19px;
    height: 19px;
    border: 1px solid #979797;
    position: absolute;
    top: 3px;
    left: 0px;
    border-radius: 50%
}

.search-filter label .radio:after {
    content: "";
    width: 11px;
    height: 11px;
    background: #0a5;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 50%;
    opacity: 0
}

.search-filter label input {
    display: none
}

.search-filter label input:checked+.radio:after {
    opacity: 1
}

@media(max-width: 1023px) {
    .search-filter {
        text-align:center
    }

    .search-filter ul li {
        padding-left: 0px;
        padding-bottom: 35px;
        width: 100%;
        text-align: left
    }

    .search-filter ul ul li {
        padding-left: 0px;
        padding-bottom: 35px
    }
}

.sign-off-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding-top: 130px;
    padding-bottom: 120px;
    margin-top: 140px;
    margin-bottom: 100px
}

.sign-off-cta--no-top {
    margin-top: 0
}

.sign-off-cta__bg {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    min-width: 100%;
    min-height: 100%;
    z-index: -1
}

.sign-off-cta__message {
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    width: 100%;
    max-width: 720px;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto
}

@media (max-width: 767px) {
    .sign-off-cta {
        margin-top:60px;
        padding-top: 60px;
        padding-bottom: 60px
    }

    .sign-off-cta--no-top {
        margin-top: 0
    }

    .sign-off-cta__message {
        font-size: 30px
    }
}

.social-icons {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.social-icons--vertical {
    text-align: center;
    display: block
}

.social-icons--vertical .social-icons__item {
    margin-right: 0;
    margin-bottom: 30px
}

.social-icons--vertical .social-icons__item svg {
    display: inline-block
}

.social-icons__item {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    display: block;
    margin-right: 30px
}

.social-icons__item:last-child {
    margin-right: 0
}

.social-icons__item svg {
    display: block;
    fill: #000;
    -webkit-transition: fill .3s ease;
    -moz-transition: fill .3s ease;
    transition: fill .3s ease
}

.social-icons__item:hover svg {
    fill: #0a5
}

.social-icons__item--twitter svg {
    width: 18px;
    height: 14px
}

.social-icons__item--linkedin svg {
    width: 17px;
    height: 17px
}

.social-icons__item--facebook svg {
    width: 10px;
    height: 17px
}

.social-icons__item--google svg {
    width: 20px;
    height: 20px
}

.social-share {
    text-align: center;
    width: 45px
}

.in-view .social-share {
    position: fixed;
    top: 170px;
    z-index: 10
}

.social-share__text {
    color: #0a5;
    font-weight: 700;
    padding-bottom: 40px
}

.solution-card__media {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 305px;
    margin-bottom: 80px
}

.solution-card__media img {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    min-width: 100%;
    min-height: 100%
}

.solution-card__name {
    font-size: 29px;
    font-weight: 400;
    position: relative;
    color: #000;
    padding-bottom: 5px
}

.solution-card__name:before {
    content: "";
    display: block;
    width: 86px;
    height: 2px;
    background: #0a5;
    margin-bottom: 15px
}

.solution-card__copy {
    padding-right: 70px
}

.solution-card__copy p {
    font-size: 23px;
    color: #727272;
    font-weight: 300
}

.solution-card__copy--larger p {
    font-size: 26px;
    color: #000
}

@media (max-width: 1023px) {
    .solution-card__media {
        height:280px
    }

    .solution-card__media img {
        max-height: 100%
    }

    .solution-card__name {
        font-size: 22px
    }

    .solution-card__copy {
        padding-right: 0px
    }

    .solution-card__copy p {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .solution-card__media {
        margin-bottom:30px;
        height: 270px
    }
}

@media (max-width: 567px) {
    .solution-card__media {
        height:170px
    }
}

.solutions-area {
    margin-top: 260px;
    margin-bottom: 300px
}

.solutions-area__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 120px;
    padding-left: 120px
}

.solutions-area__item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 120px
}

.solutions-area__item:last-child {
    margin-right: 0
}

.solutions-area__block-title {
    font-size: 42px;
    letter-spacing: 1.3px;
    color: #0a5;
    font-weight: 300
}

.solutions-area__block-copy {
    padding-top: 25px
}

.solutions-area__block-copy p {
    letter-spacing: .5px;
    font-size: 19px;
    color: #202020;
    line-height: 1.5
}

.solutions-area__block-link {
    display: inline-block;
    font-size: 17px;
    color: #5C5C5C;
    font-weight: 400;
    margin-top: 30px;
    text-decoration: none;
    color: #000;
    padding-bottom: 5px;
    border-bottom: 2px solid #0a5
}

@media (max-width: 1359px) {
    .solutions-area__layout {
        padding-right:60px;
        padding-left: 60px
    }

    .solutions-area__item {
        margin-right: 60px
    }
}

@media (max-width: 1023px) {
    .solutions-area {
        margin-top:160px;
        margin-bottom: 215px
    }

    .solutions-area__layout {
        padding-right: 0;
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .solutions-area__layout {
        display:block
    }

    .solutions-area__item {
        margin-right: 0px;
        margin-bottom: 60px
    }

    .solutions-area__item:last-child {
        margin-bottom: 0
    }

    .solutions-area__block-title {
        font-size: 33px
    }
}

.statment {
    max-width: 770px
}

.statment--push-bottom {
    margin-bottom: 140px
}

.statment--small-push-bottom {
    margin-bottom: 40px
}

.statment--longer {
    max-width: 950px
}

.statment__title {
    font-size: 17px;
    font-weight: 400;
    color: #0a5;
    text-transform: uppercase;
    padding-bottom: 15px
}

.statment__title:before {
    content: "";
    display: inline-block;
    vertical-align: 3px;
    margin-right: 10px;
    width: 20px;
    height: 1px;
    background: #0a5
}

.statment__copy p {
    font-size: 44px;
    line-height: 1.3
}

.statment__copy p strong {
    font-weight: 400
}

.statment__copy--smaller p {
    font-size: 32px
}

@media (max-width: 1023px) {
    .statment {
        max-width:none
    }
}

@media (max-width: 767px) {
    .statment__title {
        font-size:13px
    }

    .statment__copy p {
        font-size: 22px;
        line-height: 1.6
    }
}

.sticky-nav {
    height: 80px
}

.sticky-nav__layout {
    width: 100%;
    border-bottom: 1px solid #bbb;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    position: relative
}

.sticky-nav__to-stick {
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 9
}

.in-view .sticky-nav__to-stick {
    position: fixed;
    top: 120px
}

.sticky-nav__item {
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    color: #000;
    padding: 30px 0;
    margin-right: 45px;
    position: relative;
    -webkit-transition: text-shadow .3s ease;
    -moz-transition: text-shadow .3s ease;
    transition: text-shadow .3s ease
}

.sticky-nav__item:after {
    content: "";
    width: 100%;
    height: 3px;
    background: #0a5;
    position: absolute;
    right: 0px;
    bottom: -1px;
    left: 0px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: -moz-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.sticky-nav__item:last-child {
    margin-right: 0
}

.sticky-nav__item:hover,.sticky-nav__item.active {
    text-shadow: .5px 0 0 currentColor
}

.sticky-nav__item:hover:after,.sticky-nav__item.active:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

@media (max-width: 1359px) {
    .in-view .sticky-nav__to-stick {
        top:93px
    }
}

@media (max-width: 1023px) {
    .sticky-nav {
        display:none
    }
}

.styled-radio-button {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.styled-radio-button__item {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    display: block;
    padding-right: 25px
}

.styled-radio-button__item:last-of-type {
    padding-right: 0
}

.styled-radio-button__input {
    display: none
}

.styled-radio-button__input:checked+.styled-radio-button__button {
    border-color: #000;
    box-shadow: 0px 0px 0px 10px #F6F6F6
}

.styled-radio-button__input:checked+.styled-radio-button__button .styled-radio-button__tick {
    opacity: 1
}

.styled-radio-button__button {
    position: relative;
    cursor: pointer;
    display: block;
    width: 200px;
    height: 175px;
    border: 1px solid #C9C9C9;
    border-radius: 5px;
    padding: 20px 10px;
    text-align: center;
    box-shadow: 0px 0px 0px 0px #F6F6F6;
    -webkit-transition: box-shadow .3s ease,border .3s ease;
    -moz-transition: box-shadow .3s ease,border .3s ease;
    transition: box-shadow .3s ease,border .3s ease
}

.styled-radio-button__tick {
    width: 18px;
    height: 18px;
    background: #000;
    border-radius: 50%;
    margin-right: -9px;
    margin-top: -9px;
    position: absolute;
    top: 0px;
    right: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.styled-radio-button__tick svg {
    width: 9px;
    height: 7px
}

.styled-radio-button__icon {
    margin-right: auto;
    margin-left: auto;
    width: 48px;
    height: 48px;
    background: #E8E8E8;
    border-radius: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.styled-radio-button__icon svg {
    height: 17px;
    fill: #000
}

.styled-radio-button__text {
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 15px;
    color: #2E384D;
    font-weight: 400
}

.styled-radio-button__text strong {
    font-size: 19px;
    font-weight: 400;
    color: #0a5
}

.styled-select {
    position: relative;
    overflow: hidden;
    background: #000;
    border-radius: 8px;
    -webkit-transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.styled-select:after {
    content: "";
    height: 0;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -2px
}

.styled-select+.styled-select {
    margin-left: 30px
}

.styled-select select {
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 400;
    background: none;
    border: none;
    width: 100%;
    outline: none;
    padding: 15px 40px 15px 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.styled-select--standard {
    background: none;
    border: 1px solid #585858;
    border-radius: 5px
}

.styled-select--standard:after {
    content: "";
    height: 0;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -2px
}

.styled-select--standard select {
    letter-spacing: 0px;
    padding: 10px 40px 10px 15px;
    color: #2E384D
}

.parsley-error .styled-select--standard {
    border-color: red
}

.parsley-error .styled-select--standard select {
    color: red
}

.styled-select--simple {
    background: none;
    border-radius: 0px;
    border-bottom: 1px solid #000
}

.styled-select--simple:after {
    content: "";
    height: 0;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #0a5;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px
}

.styled-select--simple select {
    letter-spacing: 0px;
    color: #000;
    padding: 10px 25px 10px 0
}

.parsley-error .styled-select--simple {
    border-color: red
}

.parsley-error .styled-select--simple select {
    color: red
}

.styled-select--ghost {
    background: none;
    border: 2px solid #727272
}

.styled-select--ghost:after {
    content: "";
    height: 0;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -2px
}

.styled-select--ghost select {
    color: #000;
    padding: 15px 40px 15px 20px
}

.parsley-error .styled-select--ghost {
    border-color: red
}

.parsley-error .styled-select--ghost select {
    color: red
}

.accordion__item {
    border-bottom: 1px solid #9B9B9B
}

.accordion__item:first-of-type {
    border-top: 1px solid #9B9B9B
}

.accordion__trigger {
    background: none;
    padding: 0;
    border: none;
    outline: none;
    font-weight: 700;
    font-size: 18px;
    color: #202020;
    padding-top: 35px;
    padding-bottom: 30px;
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    cursor: pointer
}

.accordion__trigger:after {
    content: "+";
    font-weight: 700;
    font-size: 18px;
    color: #0a5;
    display: inline-block;
    padding-left: 5px
}

.accordion__trigger:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #757575;
    border-right: 2px solid #757575;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%) rotate(135deg);
    -moz-transform: translateY(-50%) rotate(135deg);
    -ms-transform: translateY(-50%) rotate(135deg);
    -o-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: -moz-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.accordion__trigger--open:after {
    content: "-"
}

.accordion__trigger--open:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.accordion__trigger--download {
    text-decoration: none
}

.accordion__trigger--download:after {
    display: none
}

.accordion__content {
    display: none;
    padding-bottom: 35px
}

@media (max-width: 767px) {
    .accordion__trigger {
        font-size:16px;
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.banner {
    margin-top: 120px;
    margin-bottom: 140px;
    height: 450px;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.banner--taller {
    height: 710px
}

.banner--smaller {
    height: 360px;
    margin-bottom: 100px
}

.banner .container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.banner__media {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    z-index: -1;
    opacity: 0;
    -webkit-animation: forwards bannerFadeIn 1s ease;
    -moz-animation: forwards bannerFadeIn 1s ease;
    animation: forwards bannerFadeIn 1s ease;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s
}

.banner__text {
    opacity: 0;
    margin-bottom: 10px;
    transform: translateY(-30px);
    -webkit-animation: forwards bannerFadeDropIn .6s ease;
    -moz-animation: forwards bannerFadeDropIn .6s ease;
    animation: forwards bannerFadeDropIn .6s ease;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s
}

.banner__title {
    color: #fff;
    font-weight: 400;
    font-size: 46px;
    max-width: 430px;
    line-height: 1.2
}

.banner__copy {
    color: #fff;
    font-weight: 400;
    font-size: 21px;
    max-width: 430px;
    padding-top: 10px
}

@-webkit-keyframes bannerFadeDropIn {
    to {
        transform: translateY(0px);
        opacity: 1
    }
}

@-moz-keyframes bannerFadeDropIn {
    to {
        transform: translateY(0px);
        opacity: 1
    }
}

@keyframes bannerFadeDropIn {
    to {
        transform: translateY(0px);
        opacity: 1
    }
}

@-webkit-keyframes bannerFadeIn {
    to {
        opacity: 1
    }
}

@-moz-keyframes bannerFadeIn {
    to {
        opacity: 1
    }
}

@keyframes bannerFadeIn {
    to {
        opacity: 1
    }
}

@media (max-width: 1023px) {
    .banner {
        margin-top:93px;
        height: 350px
    }

    .banner__title {
        font-size: 31px;
        max-width: 280px
    }

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

@media (max-width: 767px) {
    .banner {
        margin-bottom:60px;
        height: 250px
    }

    .banner--taller {
        height: 420px
    }
}

.case-study-feed {
    margin-top: 180px
}

.case-study-feed--less-top {
    margin-top: 110px
}

.case-study-feed__header {
    background: #C9CED5;
    padding-top: 65px;
    padding-bottom: 60px
}

.case-study-feed__header--plain {
    background: none;
    padding-top: 0;
    padding-bottom: 25px
}

.case-study-feed__header .container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.case-study-feed__title {
    font-size: 30px;
    font-weight: 400;
    color: #202020
}

.case-study-feed__title--thin {
    font-weight: 300;
    letter-spacing: 1px;
    color: #080808
}

.case-study-feed__sign-off {
    text-align: center;
    padding-top: 75px
}

.case-study-feed__view-all {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-decoration: none
}

.case-study-feed__view-all--standard {
    font-size: 22px;
    color: #5C5C5C;
    font-weight: 400;
    padding-bottom: 8px;
    position: relative;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.case-study-feed__view-all--standard:after {
    content: "";
    width: 100%;
    height: 3px;
    background: #0a5;
    position: absolute;
    right: 0px;
    bottom: -1px;
    left: 0px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: -moz-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.case-study-feed__view-all--standard:hover {
    color: #000
}

.case-study-feed__view-all--standard:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

@media (max-width: 767px) {
    .case-study-feed {
        margin-top:100px
    }

    .case-study-feed__header {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .case-study-feed__header--plain {
        padding-top: 0;
        padding-bottom: 25px
    }

    .case-study-feed--less-top {
        margin-top: 60px
    }

    .case-study-feed__title {
        font-size: 22px
    }

    .case-study-feed__sign-off {
        padding-top: 50px
    }
}

.case-study-list {
    position: relative;
    overflow: hidden
}

.case-study-list__row--hide {
    display: none
}

.case-study-list__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.case-study-list__layout--wrap {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.case-study-list__layout .slick-list,.case-study-list__layout .slick-track,.case-study-list__layout .slick-slide,.case-study-list__layout .slick-slide>div {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.case-study-list__layout:hover .slick-arrow:not(.slick-disabled) {
    opacity: 1
}

.case-study-list__item {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    width: 50%;
    height: auto;
    margin-bottom: 110px
}

.case-study-list__item--no-bottom {
    margin-bottom: 0
}

.case-study-list__category-name {
    font-size: 32px;
    color: #3C3C3C;
    font-weight: 300;
    margin-bottom: 30px
}

.case-study-list .slick-arrow {
    outline: none;
    border: none;
    padding: 0;
    position: absolute;
    top: 0px;
    z-index: 1;
    overflow: hidden;
    height: calc(100% - 110px);
    width: 10%;
    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0
}

.case-study-list .slick-arrow:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 50%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff
}

.case-study-list .slick-arrow.slick-disabled {
    opacity: 0
}

.case-study-list .slick-arrow.slick-next {
    right: 0px;
    background-color: transparent;
    background-image: -webkit-linear-gradient(left, transparent,rgba(0,0,0,0.9));
    background-image: linear-gradient(to right,transparent,rgba(0,0,0,0.9))
}

.case-study-list .slick-arrow.slick-next:before {
    -webkit-transform: rotate(45deg) translate(50%, -50%);
    -moz-transform: rotate(45deg) translate(50%, -50%);
    -ms-transform: rotate(45deg) translate(50%, -50%);
    -o-transform: rotate(45deg) translate(50%, -50%);
    transform: rotate(45deg) translate(50%, -50%)
}

.case-study-list .slick-arrow.slick-prev {
    left: 0px;
    background-color: transparent;
    background-image: -webkit-linear-gradient(right, transparent,rgba(0,0,0,0.9));
    background-image: linear-gradient(to left,transparent,rgba(0,0,0,0.9))
}

.case-study-list .slick-arrow.slick-prev:before {
    -webkit-transform: rotate(-135deg) translate(50%, -50%);
    -moz-transform: rotate(-135deg) translate(50%, -50%);
    -ms-transform: rotate(-135deg) translate(50%, -50%);
    -o-transform: rotate(-135deg) translate(50%, -50%);
    transform: rotate(-135deg) translate(50%, -50%)
}

@media (max-width: 767px) {
    .case-study-list__layout {
        display:block
    }

    .case-study-list__layout--scroll-on-mobs {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: single;
        -moz-box-lines: single;
        box-lines: single;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        position: relative;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .case-study-list__layout--scroll-on-mobs .case-study-list__item {
        width: 80%
    }

    .case-study-list__row {
        padding-bottom: 50px
    }

    .case-study-list__row:last-child {
        padding-bottom: 0
    }

    .case-study-list__category-name {
        font-size: 20px;
        margin-bottom: 15px
    }

    .case-study-list__item {
        width: 100%;
        margin-bottom: 0
    }

    .case-study-list .slick-arrow {
        height: 100%
    }
}

.contact-sectors {
    padding-top: 30px;
    margin-bottom: 70px
}

.contact-sectors__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: center
}

.contact-sectors__item {
    text-align: center
}

.contact-sectors__title {
    font-weight: 700;
    font-size: 25px;
    padding-bottom: 5px;
    pointer-events: none
}

.contact-sectors__text {
    font-size: 22px;
    padding-bottom: 25px;
    line-height: 1.8
}

.contact-sectors__text a {
    color: #2c3444;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.contact-sectors__text a:hover {
    color: #0a5
}

.contact-sectors__button {
    width: 100%;
    max-width: 215px
}

@media (max-width: 1023px) {
    .contact-sectors__text {
        font-size:18px
    }
}

@media (max-width: 767px) {
    .contact-sectors {
        margin-bottom:60px
    }

    .contact-sectors__layout {
        display: block
    }

    .contact-sectors__item {
        text-align: left
    }

    .contact-sectors__title {
        position: relative;
        padding-bottom: 12px;
        border-bottom: 1px solid #979797;
        margin-bottom: 24px;
        font-size: 18px;
        cursor: pointer;
        pointer-events: auto
    }

    .contact-sectors__title:before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        border-top: 2px solid #757575;
        border-right: 2px solid #757575;
        position: absolute;
        top: 10px;
        right: 5px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-transition: -webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
        -moz-transition: -moz-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    .contact-sectors__title.open:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .contact-sectors__reveal {
        display: none;
        margin-bottom: 24px
    }
}

.explainer-videos__title {
    font-size: 37px;
    color: #0a5;
    font-weight: 300;
    padding-bottom: 32px
}

.explainer-videos__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 80px;
    border-bottom: 1px solid #0a5
}

.explainer-videos__item {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    width: 33.333%
}

.faqs {
    padding-top: 80px
}

.faqs__title {
    font-size: 30px;
    color: #000;
    font-weight: 400;
    padding-bottom: 60px
}

.faqs__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.faqs__item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 50px
}

.faqs__item:last-child {
    margin-right: 0
}

.faqs__question {
    font-size: 20px;
    color: #202020;
    font-weight: 700;
    padding-bottom: 6px
}

.faqs__answer p {
    font-size: 16px
}

@media(max-width: 1023px) {
    .faqs__layout {
        display:block
    }

    .faqs__item {
        margin-right: 0px;
        margin-bottom: 50px
    }

    .faqs__item:last-child {
        margin-bottom: 0
    }
}

.footer {
    margin-top: 100px
}

.footer__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start
}

.footer__layout--styled {
    border-top: 1px solid #0a5;
    padding-top: 40px
}

.footer__layout--spaced {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.footer__brand {
    margin-right: 190px
}

.footer__brand svg {
    fill: #1D1D1B;
    width: 28px;
    height: 28px
}

.footer__locations {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    position: relative;
    overflow: hidden
}

.footer__locations-trigger {
    display: none;
    background: none;
    padding: 0;
    border: none;
    outline: none;
    font-weight: 700;
    font-size: 15px;
    color: #202020;
    position: relative;
    width: 100%;
    text-align: left;
    cursor: pointer;
    margin-bottom: 10px
}

.footer__locations-trigger:after {
    content: "+";
    font-weight: 700;
    font-size: 15px;
    color: #202020;
    display: inline-block;
    padding-left: 5px
}

.footer__locations-trigger.open:after {
    content: "-"
}

.footer__location {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    margin-right: 60px
}

.footer__location p {
    font-weight: 400;
    color: #7A7A7A;
    font-size: 15px
}

.footer__location p strong {
    color: #202020;
    display: block;
    padding-bottom: 5px
}

.footer__sales {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    margin-left: 70px
}

.footer__sales p {
    font-weight: 400;
    color: #202020;
    font-weight: 700;
    font-size: 15px
}

.footer__sales p strong {
    display: block;
    padding-bottom: 5px
}

.footer__sales a {
    color: #202020;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.footer__sales a:hover {
    color: #0a5
}

.footer__social {
    margin-left: 161px
}

.footer__end {
    background: #F0F0F0;
    margin-top: 105px;
    padding-top: 20px;
    padding-bottom: 20px
}

.footer__end p {
    font-weight: 400;
    font-size: 12px;
    color: #5C5C5C;
    letter-spacing: .8px;
    text-align:center !important;
}

.footer__link {
    color: #5C5C5C;
    text-decoration: none;
    margin-right: 30px;
    display: inline-block;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.footer__link:last-child {
    margin-right: 0
}

.footer__link:hover {
    color: #000
}

@media (max-width: 1359px) {
    .footer__brand {
        margin-right:auto
    }

    .footer__social {
        margin-left: auto
    }

    .footer__sales {
        margin-left: 0px
    }
}

@media(max-width: 1023px) {
    .footer__layout {
        display:block
    }

    .footer__brand {
        margin-bottom: 55px
    }

    .footer__locations {
        display: none;
        margin-bottom: 10px
    }

    .footer__locations-trigger {
        display: block
    }

    .footer__location {
        width: 100%;
        margin-right: 0
    }

    .footer__social {
        margin-top: 30px;
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .footer {
        margin-top:85px
    }
}

.header {
    background: #fff;
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    padding-top: 50px;
    padding-bottom: 11px;
    width: 100%;
    z-index: 20;
    -webkit-transition: background .3s ease,-webkit-transform .3s ease;
    -moz-transition: background .3s ease,-moz-transform .3s ease;
    transition: background .3s ease,transform .3s ease;
    opacity: 0;
    -webkit-animation: forwards headerFadeIn .3s ease;
    -moz-animation: forwards headerFadeIn .3s ease;
    animation: forwards headerFadeIn .3s ease;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s
}

.header--up {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.header--plain {
    background: none
}

.header--plain .header__brand svg {
    fill: #fff
}

.nav-open .header .header__brand svg {
    fill: #fff
}

.header__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start
}

.header__brand {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    display: block;
    position: relative;
    z-index: 11
}

.header__brand svg {
    width: 155px;
    fill: #000;
    -webkit-transition: fill .3s ease;
    -moz-transition: fill .3s ease;
    transition: fill .3s ease
}

.header__links {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    padding-top: 13px
}

.header__actions {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    padding-top: 13px
}

.header__actions a {
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    color: #5C5C5C;
    text-decoration: none;
    letter-spacing: 1px;
    position: relative;
    padding-bottom: 8px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.header__actions a:after {
    content: "";
    width: 100%;
    height: 3px;
    background: #0a5;
    position: absolute;
    right: 0px;
    bottom: -1px;
    left: 0px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: -moz-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

@media (max-width: 1023px) {
    .header__actions a:after {
        -webkit-transform-origin:top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left
    }
}

.header__actions a:hover {
    color: #000
}

.header__actions a:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.header--plain .header__actions a {
    color: #fff
}

.header__actions a.active {
    color: #000
}

.header__actions a.active:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.header__cta {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    align-self: flex-start;
    -ms-flex-item-align: start;
    margin-left: 30px;
    margin-top: -14px;
    font-weight: 400;
    max-width: 120px;
    padding-right: 8px;
    padding-left: 8px
}

@-webkit-keyframes headerFadeIn {
    to {
        opacity: 1
    }
}

@-moz-keyframes headerFadeIn {
    to {
        opacity: 1
    }
}

@keyframes headerFadeIn {
    to {
        opacity: 1
    }
}

@media (max-width: 1359px) {
    .header {
        padding-top:30px;
        padding-bottom: 30px
    }

    .header__brand {
        margin-bottom: 0
    }

    .header__brand svg {
        width: 115px
    }

    .header__cta {
        margin-left: 20px
    }

    .header__actions {
        display: none
    }
}

.lightbox {
    position: fixed;
    top: -100%;
    right: 0px;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    background: rgba(53,53,53,0.98);
    z-index: 21;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    overflow: auto;
    padding: 80px;
    visibility: hidden;
    opacity: 0;
    box-sizing: border-box;
    -webkit-transition: visibility .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .6s cubic-bezier(0.86, 0, 0.07, 1),top 0s ease-in-out;
    -moz-transition: visibility .3s ease-in-out,opacity .3s ease-in-out,-moz-transform .6s cubic-bezier(0.86, 0, 0.07, 1),top 0s ease-in-out;
    transition: visibility .3s ease-in-out,opacity .3s ease-in-out,transform .6s cubic-bezier(0.86, 0, 0.07, 1),top 0s ease-in-out;
    -webkit-transition-delay: 1.2s,.8s,.6s,1.2s;
    -moz-transition-delay: 1.2s,.8s,.6s,1.2s;
    transition-delay: 1.2s,.8s,.6s,1.2s
}

.lightbox--light {
    background: rgba(53,53,53,0.8)
}

.lightbox--open {
    top: 0px;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition-delay: 0s,0s,0s,0s;
    -moz-transition-delay: 0s,0s,0s,0s;
    transition-delay: 0s,0s,0s,0s
}

.lightbox--open .lightbox__inner {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition-delay: .6s,.6s;
    -moz-transition-delay: .6s,.6s;
    transition-delay: .6s,.6s
}

.lightbox__inner {
    width: 100%;
    margin: auto;
    position: relative;
    overflow: hidden;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .6s ease-in-out,opacity .3s ease-in-out;
    -moz-transition: -moz-transform .6s ease-in-out,opacity .3s ease-in-out;
    transition: transform .6s ease-in-out,opacity .3s ease-in-out;
    -webkit-transition-delay: 0s,.3s;
    -moz-transition-delay: 0s,.3s;
    transition-delay: 0s,.3s
}

@media(max-width: 567px) {
    .lightbox {
        padding-right:10px;
        padding-left: 10px
    }

    .lightbox__inner {
        width: 100%
    }
}

.locations {
    margin-top: 140px
}

.locations__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.locations__title {
    font-size: 25px;
    font-weight: 300;
    color: #202020;
    padding-bottom: 40px;
    max-width: 866px;
    margin-right: auto;
    margin-left: auto
}

.locations__item {
    margin-right: 10px;
    max-width: 33.333%
}

.locations__item:last-child {
    margin-right: 0
}

@media (max-width: 1023px) {
    .locations__layout {
        max-width:none !important;
        padding: 0 !important;
        display: block
    }

    .locations__item {
        max-width: none;
        margin-right: 0;
        margin-bottom: 80px
    }

    .locations__item:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .locations {
        margin-top:60px
    }
}

.maincontent--push-top {
    padding-top: 230px
}

.maincontent__title {
    text-align: center;
    color: #6F6F6F;
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 145px
}

.maincontent__title--larger {
    font-size: 44px
}

.maincontent__title--no-bottom {
    margin-bottom: 0
}

.maincontent__title--center {
    text-align: center
}

.maincontent__title--highlight {
    color: #0a5
}

@media (max-width: 767px) {
    .maincontent--push-top {
        padding-top:123px
    }

    .maincontent__title--hide-on-mobs {
        display: none
    }
}

.nav {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -moz-box-align: end;
    box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.nav__hamburger {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    display: none;
    position: relative;
    z-index: 11
}

.nav__social {
    display: none
}

.nav__list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.nav__list li {
    padding-right: 26px;
    padding-bottom: 20px;
    padding-top:20px;
}

.nav__list li:last-of-type {
    padding-right: 0
}

.nav__list li.book-a-demo-button {
    padding: 0 !important;
    margin-top: 90px;
    margin-bottom: 50px
}

.nav__list li.book-a-demo-button a {
    color: #000 !important;
    padding: 9px 14px;
    font-size: 12px;
    letter-spacing: 0
}

.nav__list li.book-a-demo-button a:after {
    display: none
}

.nav__list li.social-links {
    display: none;
    float: left;
    margin-right: 10px
}

.nav__list li.social-links:last-child {
    margin-right: 0
}

.nav__list li.social-links a {
    font-size: 14px;
    font-weight: 400;
    color: #fff !important
}

.nav__list li.hidden {
    display: none
}

.nav__list li.menu-item-has-children {
    position: relative;
    cursor: pointer
}

.nav__list li.menu-item-has-children>a {
    pointer-events: none
}

.nav__list li.current_page_item a,.nav__list li.current_page_parent a {
    color: #000
}

.nav__list li.current_page_item a:after,.nav__list li.current_page_parent a:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.nav__list li:hover a {
    color: #000
}

.header--plain .nav__list li:hover a {
    color: #fff
}

.nav__list li:hover a:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.nav__list li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.nav__list li:hover .sub-menu a {
    color: #000
}

.nav a {
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    color: #5C5C5C;
    text-decoration: none;
    letter-spacing: 1px;
    position: relative;
    padding-bottom: 8px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.nav a:after {
    content: "";
    width: 100%;
    height: 3px;
    background: #0a5;
    position: absolute;
    right: 0px;
    bottom: -1px;
    left: 0px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: -moz-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

@media (max-width: 1023px) {
    .nav a:after {
        -webkit-transform-origin:top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left
    }
}

.nav a:hover {
    color: #000
}

.nav a:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.header--plain .nav a {
    color: #fff
}

.nav .sub-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    background: #282828;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 230px;
    opacity: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    visibility: hidden;
    -webkit-transition: opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.nav .sub-menu:before {
    content: "";
    height: 0;
    width: 0;
    border-bottom: 10px solid #282828;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: 100%;
    left: 20px
}

.nav .sub-menu li {
    padding: 0
}

.nav .sub-menu li a {
    color: #fff !important;
    padding: 8px 20px;
    position: relative;
    padding-right: 20px;
    -webkit-transition: color .3s ease,background .3s ease;
    -moz-transition: color .3s ease,background .3s ease;
    transition: color .3s ease,background .3s ease
}

.nav .sub-menu li a:after {
    display: none
}

.nav .sub-menu li a:hover {
    background: #B0AEAE
}

@media (max-width: 1359px) {
    .nav {
        -webkit-box-orient:vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        position: fixed;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        background: #000;
        z-index: 10;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        visibility: hidden;
        opacity: 0;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: opacity .3s ease,visibility 0s ease,-webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1);
        -moz-transition: opacity .3s ease,visibility 0s ease,-moz-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: opacity .3s ease,visibility 0s ease,transform 0s cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transition-delay: 0s,.3s,.3s;
        -moz-transition-delay: 0s,.3s,.3s;
        transition-delay: 0s,.3s,.3s
    }

    .nav--open {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
        visibility: visible;
        -webkit-transition-delay: 0s,0s,0s;
        -moz-transition-delay: 0s,0s,0s;
        transition-delay: 0s,0s,0s
    }

    .nav .menu-main-navigation-container {
        width: 100%
    }

    .nav__hamburger {
        display: block
    }

    .nav__social {
        width: 100%;
        max-width: 1024px;
        padding-left: 35px;
        padding-right: 35px;
        padding-bottom: 20px;
        margin-right: auto;
        margin-left: auto;
        display: block
    }

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

    .nav__social a {
        float: left;
        font-size: 14px;
        text-transform: none;
        font-weight: 400;
        color: #fff !important;
        margin-right: 10px
    }

    .nav__social a:last-child {
        margin-right: 0
    }

    .nav__list {
        padding-top: 170px;
        padding-right: 0;
        display: block;
        width: 100%;
        max-width: 1024px;
        padding-left: 35px;
        padding-right: 35px;
        margin-right: auto;
        margin-left: auto
    }

    .nav__list li {
        padding-bottom: 8px;
        padding-right: 0
    }

    .nav__list li.current_page_item a,.nav__list li.current_page_parent a {
        color: #fff
    }

    .nav__list li.hidden {
        display: block
    }

    .nav__list li:hover a {
        color: #fff
    }

    .nav__list li a {
        display: inline-block;
        color: #ADAAAA;
        font-weight: 300;
        text-transform: none;
        font-size: 23px;
        padding-bottom: 0px
    }

    .header--plain .nav__list li a {
        color: #ADAAAA
    }

    .nav .sub-menu {
        display: none;
        position: static;
        width: 100%;
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        visibility: visible;
        margin-top: 20px
    }

    .nav .sub-menu:before {
        display: none
    }

    .nav .sub-menu li a {
        width: 100%
    }
}

@media (max-width: 1023px) {
    .nav__list,.nav__social {
        max-width:768px
    }
}

@media (max-width: 767px) {
    .nav__list,.nav__social {
        max-width:568px
    }
}

@media (max-width: 567px) {
    .nav__list,.nav__social {
        max-width:375px
    }
}

.partners {
    padding-top: 100px
}

.partners__header {
    padding-bottom: 40px;
    text-align: center
}

.partners__title {
    font-size: 34px;
    font-weight: 300;
    color: #0a5;
    padding-bottom: 20px
}

.partners__intro p {
    font-size: 25px
}

.partners__filter {
    background: #F7F7F7;
    border: 1px solid #979797;
    border-radius: 9px;
    padding: 80px 100px 60px 100px;
    width: 100%;
    max-width: 1024px;
    margin-top: 26px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.partners__options {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.partners__options .styled-select {
    width: 100%;
    max-width: 215px
}

.partners__item {
    display: none;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.partners__item--show {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.partners__col {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    padding-right: 75px
}

.partners__col:last-child {
    padding-right: 0
}

.partners__name {
    font-size: 20px;
    font-weight: 700;
    color: #202020;
    margin-bottom: 10px
}

.partners__address p {
    line-height: 1.4
}

.partners__tel {
    font-weight: 400;
    color: #0a5
}

.partners__tel a {
    text-decoration: none;
    color: #0a5
}

.partners__tel a:hover {
    text-decoration: underline
}

.partners__contact {
    margin-bottom: 25px
}

.partners__contact:last-child {
    margin-bottom: 0
}

.partners__contact-name {
    font-weight: 700;
    line-height: 1.4;
    color: #202020
}

.partners__contact-job {
    font-weight: 300;
    line-height: 1.4;
    color: #202020
}

.partners__contact-email {
    font-weight: 400;
    line-height: 1.4;
    color: #0a5
}

.partners__contact-email a {
    text-decoration: none;
    color: #0a5
}

.partners__contact-email a:hover {
    text-decoration: underline
}

@media(max-width: 1023px) {
    .partners__filter {
        padding:80px 20px 60px 20px
    }
}

@media(max-width: 767px) {
    .partners__item--show {
        display:block
    }

    .partners__col {
        padding-right: 0;
        width: 100%
    }

    .partners__contact-email a {
        word-break: break-word
    }
}

.showcase-banner {
    margin-bottom: 110px;
    position: relative;
    overflow: hidden;
    background: #000
}

.showcase-banner__slide {
    position: relative;
    width: 100%;
    overflow: hidden
}

.showcase-banner__media {
    width: 100%;
    opacity: .8;
    position: relative;
    z-index: -1
}

.showcase-banner__media:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}

.showcase-banner__media>* {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.showcase-banner__media>* * {
    width: 100%;
    height: 100%
}

.showcase-banner__video {
    width: 100%;
    z-index: -2
}

.showcase-banner__video:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}

.showcase-banner__video>* {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.showcase-banner__video>* * {
    width: 100%;
    height: 100%
}

.showcase-banner__img {
    position: absolute;
    top: 50%;
    right: 50%;
    bottom: auto;
    left: auto;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

.showcase-banner__img--hide {
    opacity: 0 !important
}

.showcase-banner__slide--animate .showcase-banner__img {
    opacity: 1
}

.showcase-banner__text-wrap {
    position: absolute;
    top: 50%;
    right: 0px;
    left: 0px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.showcase-banner__text {
    opacity: 0;
    transform: translateY(-30px);
    -webkit-transition: opacity .6s ease,-webkit-transform .6s ease;
    -moz-transition: opacity .6s ease,-moz-transform .6s ease;
    transition: opacity .6s ease,transform .6s ease;
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    transition-delay: .6s
}

.showcase-banner__slide--animate .showcase-banner__text {
    opacity: 1;
    transform: translateY(0px)
}

.showcase-banner__title {
    line-height: 1.2;
    color: #fff;
    font-weight: 400;
    font-size: 61px;
    font-weight: 700;
    max-width: 590px
}

.showcase-banner__title--wysiwyg>* {
    line-height: 1.2;
    color: #fff;
    font-weight: 400;
    font-size: 61px;
    font-weight: 700;
    max-width: 590px
}

.showcase-banner__link {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 35px;
    text-decoration: none;
    position: relative;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.showcase-banner__link:after {
    content: "";
    width: 100%;
    height: 3px;
    background: rgb(255, 255, 255);
    position: absolute;
    right: 0px;
    bottom: -1px;
    left: 0px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: -moz-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.showcase-banner__link:hover {
    color: rgb(255, 255, 255)
}

.showcase-banner__link:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.showcase-banner .slick-dots {
    list-style-type: none;
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin: 0 auto;
    padding-bottom: 60px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.showcase-banner .slick-dots li {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .8px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-right: 50px;
    cursor: pointer
}

.showcase-banner .slick-dots li:last-child {
    margin-right: 0
}

.showcase-banner .slick-dots li:hover img {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.showcase-banner .slick-dots img {
    max-width: 200px;
    margin-bottom: 20px;
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

@-webkit-keyframes bannerFadeDropIn {
    to {
        transform: translateY(0px);
        opacity: 1
    }
}

@-moz-keyframes bannerFadeDropIn {
    to {
        transform: translateY(0px);
        opacity: 1
    }
}

@keyframes bannerFadeDropIn {
    to {
        transform: translateY(0px);
        opacity: 1
    }
}

@-webkit-keyframes bannerFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes bannerFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes bannerFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media (max-width: 1023px) {
    .showcase-banner {
        margin-bottom:85px
    }

    .showcase-banner__slide {
        height: 600px
    }

    .showcase-banner__inner-slide {
        height: 600px
    }

    .showcase-banner__title {
        font-size: 31px
    }

    .showcase-banner__title--wysiwyg>* {
        font-size: 31px
    }

    .showcase-banner__media {
        height: 100%
    }

    .showcase-banner__video {
        display: none;
        position: absolute;
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -o-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }

    .showcase-banner__video--show {
        display: block
    }

    .showcase-banner__img {
        object-fit: cover;
        width: 100%;
        height: 100%
    }

    .showcase-banner .slick-dots img {
        max-width: 160px
    }
}

@media (max-width: 767px) {
    .showcase-banner .slick-dots {
        display:none
    }

    .showcase-banner .slick-dots li {
        font-size: 14px;
        margin-right: 40px
    }

    .showcase-banner .slick-dots img {
        max-width: 100px;
        display: inline-block
    }
}

.solutions {
    position: relative;
    overflow: hidden;
    padding-bottom: 160px
}

.solutions__title {
    font-size: 29px;
    font-weight: 300;
    padding-bottom: 45px
}

.solutions__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -70px;
    margin-bottom: -130px
}

.solutions__item {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    width: 50%;
    padding-right: 70px;
    padding-bottom: 120px
}

@media(max-width: 767px) {
    .solutions__layout {
        margin-right:0;
        margin-bottom: 0
    }

    .solutions__item {
        padding-right: 0;
        padding-bottom: 60px;
        width: 100%
    }

    .solutions__item:last-child {
        padding-bottom: 0
    }
}

.tabs {
    padding-right: 100px;
    padding-left: 100px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.tabs__nav {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    max-width: 255px
}

.tabs__mobile-select {
    display: none
}

.tabs__trigger {
    font-size: 20px;
    color: #2C2C2C;
    font-weight: 400;
    text-decoration: none;
    display: block;
    padding: 30px 10px;
    border-top: 1px solid #CAC7C7;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.tabs__trigger:hover,.tabs__trigger.active {
    color: #0a5
}

.tabs__trigger:last-child {
    border-bottom: 1px solid #CAC7C7
}

.tabs__content-area {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 150px
}

.tabs__content-item {
    display: none
}

.tabs__content-item.active {
    display: block
}

@media (max-width: 1359px) {
    .tabs {
        padding-left:0;
        padding-right: 0
    }

    .tabs__content-area {
        padding-left: 100px
    }
}

@media (max-width: 1023px) {
    .tabs {
        display:block
    }

    .tabs__nav {
        display: none
    }

    .tabs__mobile-select {
        display: block;
        margin-bottom: 60px
    }

    .tabs__content-area {
        padding-left: 0
    }
}

.blog-detail {
    padding-top: 120px
}

.blog-detail__header {
    margin-bottom: 190px
}

.blog-detail__header-layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.blog-detail__header-col {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    width: 50%;
    min-height: 620px
}

.blog-detail__header-text {
    background: #F2F2F2;
    padding: 80px
}

.blog-detail__date {
    text-transform: uppercase;
    color: #7F7C7C;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .6px;
    margin-bottom: 10px
}

.blog-detail__title {
    color: #0a5;
    line-height: 1.2;
    font-size: 45px
}

.blog-detail__banner {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    width: 50%;
    position: relative;
    overflow: hidden
}

.blog-detail__banner img {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    min-width: 100%;
    min-height: 100%;
    display: block;
    max-width: none
}

.blog-detail__back {
    display: block;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    color: #000;
    margin-bottom: 105px
}

.blog-detail__back svg {
    fill: #6F6F6F;
    width: 7px;
    height: 12px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: -1px
}

@media (max-width: 1359px) {
    .blog-detail__header-col {
        min-height:460px
    }

    .blog-detail__header-text {
        padding: 60px
    }

    .blog-detail__back {
        margin-bottom: 40px
    }

    .blog-detail__title {
        font-size: 40px
    }
}

@media (max-width: 1023px) {
    .blog-detail__header-layout {
        display:block;
        max-width: none !important;
        padding: 0 !important
    }

    .blog-detail__header-col {
        width: 100%;
        min-height: 0px
    }

    .blog-detail__header-text {
        background: none;
        padding: 0;
        max-width: 768px;
        padding-left: 35px;
        padding-right: 35px;
        margin-left: auto;
        margin-right: auto
    }

    .blog-detail__date {
        display: none
    }

    .blog-detail__banner {
        margin-top: 40px
    }

    .blog-detail__banner img {
        position: static;
        width: 100%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@media (max-width: 767px) {
    .blog-detail__header-col {
        min-height:0px
    }

    .blog-detail__header-text {
        max-width: 568px
    }

    .blog-detail__back {
        margin-bottom: 20px
    }

    .blog-detail__title {
        font-size: 30px
    }

    .blog-detail__header {
        margin-bottom: 50px
    }
}

@media (max-width: 567px) {
    .blog-detail__header-text {
        max-width:375px
    }
}

.case-study-detail {
    padding-top: calc(130px + 145px)
}

.case-study-detail__header {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -moz-box-align: end;
    box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end;
    margin-bottom: 50px
}

.case-study-detail__client {
    font-weight: 700;
    color: #0a5;
    letter-spacing: .6px
}

.case-study-detail__title {
    color: #0a5;
    font-size: 40px;
    color: #000;
    font-weight: 300
}

.case-study-detail__sub-title {
    font-weight: 400;
    font-size: 36px;
    color: #fff
}

.case-study-detail__sub-title--small {
    font-size: 15px
}

.case-study-detail__sub-title--align-center {
    text-align: center
}

.case-study-detail__sub-title--dark {
    color: #202020
}

.case-study-detail__sub-title--bold {
    font-weight: 700
}

.case-study-detail__back {
    display: block;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    color: #000;
    padding-bottom: 5px;
    margin-right: 30px;
    position: relative;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.case-study-detail__back:after {
    content: "";
    width: 100%;
    height: 3px;
    background: #0a5;
    position: absolute;
    right: 0px;
    bottom: -1px;
    left: 0px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: -moz-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.case-study-detail__back:hover {
    color: #0a5
}

.case-study-detail__back:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.case-study-detail__video {
    width: 100%;
    width: 100%;
    height: 680px;
    position: relative;
    overflow: hidden;
    background: #000;
    margin-bottom: 90px
}

.case-study-detail__video img {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    min-width: 100%;
    min-height: 100%;
    -webkit-transition: opacity .3s ease,-webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: opacity .3s ease,-moz-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity .3s ease,transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: 1
}

.case-study-detail__video img.hide {
    opacity: 0
}

.case-study-detail__video .play-button {
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -42px;
    z-index: 2;
    cursor: pointer
}

.case-study-detail__video .play-button:hover+img {
    -webkit-transform: translate(50%, -50%) scale(1.1);
    -moz-transform: translate(50%, -50%) scale(1.1);
    -ms-transform: translate(50%, -50%) scale(1.1);
    -o-transform: translate(50%, -50%) scale(1.1);
    transform: translate(50%, -50%) scale(1.1)
}

.case-study-detail__video-player:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}

.case-study-detail__video-player>* {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.case-study-detail__video-player>* * {
    width: 100%;
    height: 100%
}

.case-study-detail__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    padding-right: 100px;
    padding-left: 100px
}

.case-study-detail__layout .wysiwyg {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.case-study-detail__credits {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    margin-right: 60px;
    padding-top: 25px
}

.case-study-detail__credits strong {
    display: block;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 5px
}

.case-study-detail__credits p {
    color: #727272;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #C5D7CE
}

.case-study-detail__credits p:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.case-study-detail__highlight-block {
    margin-top: 85px;
    position: relative;
    padding-bottom: 40px
}

.case-study-detail__highlight-block:after {
    content: "";
    position: absolute;
    top: 210px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: var(--main-color);
    z-index: -1
}

.case-study-detail__highlight-block--push-bottom {
    margin-bottom: 110px
}

.case-study-detail__highlight-block .container:after {
    content: "";
    display: table;
    clear: both
}

.case-study-detail__highlight-block .content-block p {
    font-weight: 400
}

.case-study-detail__gallery {
    width: auto;
    padding-right: 60px;
    padding-bottom: 80px;
    padding-left: 60px;
    position: relative;
    overflow: hidden
}

.case-study-detail__gallery .slick-slide img {
    width: 100%
}

.case-study-detail__gallery .slick-arrow {
    cursor: pointer;
    border: none;
    outline: none;
    background: #fff;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 35px;
    left: 0px;
    z-index: 1;
    font-size: 0px;
    border-radius: 50%;
    padding: 0;
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: -moz-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.case-study-detail__gallery .slick-arrow:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #757575;
    border-right: 2px solid #757575;
    position: absolute;
    top: 50%;
    right: 50%
}

.case-study-detail__gallery .slick-arrow:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.case-study-detail__gallery .slick-next {
    left: 90px
}

.case-study-detail__gallery .slick-next:before {
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    -moz-transform: translate(50%, -50%) rotate(45deg);
    -ms-transform: translate(50%, -50%) rotate(45deg);
    -o-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg);
    margin-right: 2px
}

.case-study-detail__gallery .slick-prev {
    left: 35px
}

.case-study-detail__gallery .slick-prev:before {
    -webkit-transform: translate(50%, -50%) rotate(-135deg);
    -moz-transform: translate(50%, -50%) rotate(-135deg);
    -ms-transform: translate(50%, -50%) rotate(-135deg);
    -o-transform: translate(50%, -50%) rotate(-135deg);
    transform: translate(50%, -50%) rotate(-135deg);
    margin-left: 2px
}

.case-study-detail__gallery .slick-counter {
    position: absolute;
    right: 130px;
    bottom: 110px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 1
}

.case-study-detail__gallery .slick-counter .slideCountItem {
    font-size: 30px
}

.case-study-detail__quote {
    margin-left: 60px;
    margin-right: 60px;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    max-width: 530px
}

.case-study-detail__scense {
    margin-top: 130px;
    margin-bottom: 80px;
    padding-top: 80px;
    position: relative
}

.case-study-detail__scense:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 50px;
    left: 0px;
    background: #5687A0;
    z-index: -1
}

.case-study-detail__scense h1 {
    margin-bottom: 140px
}

.case-study-detail__scense .image-row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.case-study-detail__scense .image-row>* {
    position: relative;
    overflow: hidden;
    display: block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 20px
}

.case-study-detail__scense .image-row>*:last-of-type {
    margin-right: 0
}

.case-study-detail__scense .image-row>* img {
    display: block;
    width: 100%
}

@media (max-width: 1359px) {
    .case-study-detail__quote {
        max-width:400px
    }

    .case-study-detail__scense:after {
        height: 550px
    }
}

@media (max-width: 1023px) {
    .case-study-detail__layout--break-on-tabs {
        display:block
    }

    .case-study-detail__back {
        display: none
    }

    .case-study-detail__credits {
        margin-right: 0;
        margin-left: 100px
    }

    .case-study-detail__gallery {
        padding-left: 0px;
        padding-right: 0px
    }

    .case-study-detail__quote {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 110px;
        width: 100%;
        max-width: none
    }

    .case-study-detail__scense:after {
        height: 450px
    }
}

@media (max-width: 767px) {
    .case-study-detail {
        padding-top:123px
    }

    .case-study-detail__layout {
        display: block
    }

    .case-study-detail__header {
        margin-bottom: 50px
    }

    .case-study-detail__client {
        font-size: 15px
    }

    .case-study-detail__title {
        font-size: 25px
    }

    .case-study-detail__sub-title {
        font-size: 24px
    }

    .case-study-detail__video {
        height: 320px;
        margin-bottom: 50px
    }

    .case-study-detail__credits {
        margin-left: 0;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }

    .case-study-detail__credits p {
        margin-right: 30px;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0
    }

    .case-study-detail__highlight-block:after {
        top: 30px
    }

    .case-study-detail__highlight-block--push-bottom {
        margin-bottom: 40px
    }

    .case-study-detail__gallery .slick-counter {
        right: 30px
    }

    .case-study-detail__scense {
        margin-top: 100px;
        padding-top: 60px;
        margin-bottom: 60px
    }

    .case-study-detail__scense:after {
        height: auto
    }

    .case-study-detail__scense h1 {
        margin-bottom: 80px
    }

    .case-study-detail__scense .image-row {
        -webkit-box-lines: single;
        -moz-box-lines: single;
        box-lines: single;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        position: relative;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .case-study-detail__scense .image-row>* {
        margin-right: 0;
        width: 80%;
        -webkit-box-flex: none;
        -moz-box-flex: none;
        box-flex: none;
        -webkit-flex: none;
        -moz-flex: none;
        -ms-flex: none;
        flex: none
    }

    .case-study-detail__scense-container {
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.container {
    width: 100%;
    max-width: 1360px;
    padding-left: 40px;
    padding-right: 40px;
    margin-right: auto;
    margin-left: auto
}

@media (max-width: 1359px) {
    .container {
        max-width:1024px;
        padding-left: 35px;
        padding-right: 35px
    }
}

@media (max-width: 1023px) {
    .container {
        max-width:768px
    }
}

@media (max-width: 767px) {
    .container {
        max-width:568px
    }

    .container--full-on-mobs {
        max-width: 100%
    }
}

@media (max-width: 567px) {
    .container {
        max-width:375px
    }

    .container--full-on-mobs {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.post-list {
    position: relative;
    overflow: hidden
}

.post-list__layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-bottom: -180px;
    margin-left: -10px
}

.post-list__item {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    width: 33.333%;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 180px
}

.post-list__item--half {
    width: 50%
}

.post-list__item--grow {
    width: 66.666%
}

.post-list__pagination {
    margin-top: 75px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: center
}

.post-list__pagination .button,.post-list__pagination .nav__list li.book-a-demo-button a,.nav__list li.book-a-demo-button .post-list__pagination a {
    min-width: 120px
}

.post-list__pagination .button+.post-list__pagination .button,.post-list__pagination .nav__list li.book-a-demo-button a+.post-list__pagination .button,.nav__list li.book-a-demo-button .post-list__pagination a+.post-list__pagination .button,.post-list__pagination .button+.post-list__pagination .nav__list li.book-a-demo-button a,.nav__list li.book-a-demo-button .post-list__pagination .button+.post-list__pagination a,.post-list__pagination .nav__list li.book-a-demo-button a+.post-list__pagination a,.nav__list li.book-a-demo-button .post-list__pagination a+.post-list__pagination a {
    margin-left: 10px
}

@media (max-width: 1023px) {
    .post-list__item {
        width:50%
    }

    .post-list__item--grow {
        width: 100%
    }
}

@media (max-width: 767px) {
    .post-list__layout {
        margin:0
    }

    .post-list__item {
        width: 100%;
        padding: 0;
        margin-bottom: 40px
    }

    .post-list__item:last-child {
        margin-bottom: 0
    }

    .post-list__pagination {
        margin-top: 40px
    }
}

.product-details__title {
    font-size: 43px;
    font-weight: 300;
    color: #0a5;
    padding-bottom: 10px
}

.product-details__title--larger {
    font-size: 47px;
    padding-bottom: 20px
}

.product-details__title--dark {
    color: #000
}

.product-details__sub-title {
    font-size: 20px;
    font-weight: 700;
    color: #000
}

.product-details__sub-title--larger {
    font-size: 26px
}

.product-details__heading {
    font-weight: 400;
    color: #000;
    font-size: 26px;
    padding-bottom: 10px
}

.product-details__copy p {
    font-size: 20px;
    line-height: 1.5
}

.product-details__copy--smaller p {
    font-size: 18px
}

.product-details__quote {
    padding-top: 130px;
    padding-bottom: 150px;
    text-align: center
}

.product-details__quote p {
    font-size: 43px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #000;
    display: inline-block;
    max-width: 790px
}

@media (max-width: 767px) {
    .product-details__title {
        font-size:33px
    }

    .product-details__title--larger {
        font-size: 33px
    }

    .product-details__heading {
        font-size: 20px
    }

    .product-details__quote {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .product-details__quote p {
        font-size: 26px
    }
}

/*# sourceMappingURL=application.css.map */