/*!
Theme Name: Immediate
Theme URI: http://www.immediate.co.uk
Description: UAT version of Immediate.co.uk
Version: 0.8.4
Author: Immediate Media / Stu Mason <stu@stuartmason.co.uk>
Author URI: http://www.immediate.co.uk
/*!
Theme Name: Immediate
Theme URI: http://www.immediate.co.uk
Description: UAT version of Immediate.co.uk
Version: 0.8.4
Author: Immediate Media / Stu Mason <stu@stuartmason.co.uk>
Author URI: http://www.immediate.co.uk
*/

html {
    font-size: 100%;
    line-height: 1.5em
}

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,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: baseline
}

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

[hidden] {
    display: none
}

template {
    display: none
}

a {
    background-color: transparent
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

blockquote {
    margin: 1.5em 40px
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    line-height: 1.5em;
    margin-top: 0.75em;
    margin-bottom: 0.75em
}

h2 {
    font-size: 1.5em;
    line-height: 2em;
    margin-top: 1em;
    margin-bottom: 1em
}

h3 {
    font-size: 1.17em;
    line-height: 1.28205em;
    margin-top: 1.28205em;
    margin-bottom: 1.28205em
}

h4 {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

h5 {
    font-size: 0.83em;
    line-height: 1.80723em;
    margin-top: 1.80723em;
    margin-bottom: 1.80723em
}

h6 {
    font-size: 0.67em;
    line-height: 2.23881em;
    margin-top: 2.23881em;
    margin-bottom: 2.23881em
}

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

p,
pre {
    margin: 1.5em 0
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

dl,
menu,
ol,
ul {
    margin: 1.5em 0
}

dd {
    margin: 0 0 0 40px
}

menu,
ol,
ul {
    padding: 0 0 0 40px
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}

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

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

figure {
    margin: 1.5em 40px
}

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

pre {
    overflow: auto
}

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

form {
    margin: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    *font-family: sans-serif;
    *vertical-align: middle
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

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

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

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

fieldset {
    margin: 0 2px;
    border-color: #c0c0c0;
    border-top-width: 0.0625em;
    border-top-style: solid;
    padding-top: 0.4625em;
    border-bottom-width: 0.0625em;
    border-bottom-style: solid;
    padding-bottom: 0.9125em;
    border-left-width: 0.0625em;
    border-left-style: solid;
    padding-left: 0.875em;
    border-right-width: 0.0625em;
    border-right-style: solid;
    padding-right: 0.875em
}

legend {
    border: 0;
    padding: 0;
    *margin-left: -7px
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,
th {
    padding: 0
}

* {
    box-sizing: border-box
}

html,
body {
    height: 100%
}

body.overflow-hidden {
    overflow: hidden
}

.overflow-x-hidden {
    overflow-x: hidden
}

.spaced {
    padding: 30px 0
}

.spaced--top {
    padding: 30px 0 10px 0
}

.spaced--top-nav {
    padding: 80px 0 30px 0
}

.spaced--desktop {
    padding: 0
}

@media (min-width: 768px) {
    .spaced--desktop {
        padding: 30px 0
    }
}

.screen-reader-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px)
}

.non-mobile {
    display: none
}

@media (min-width: 768px) {
    .non-mobile {
        display: block
    }
}

.mobile-only {
    display: block
}

@media (min-width: 768px) {
    .mobile-only {
        display: none
    }
}

.background-white {
    background-color: white
}

.background-blue {
    background-color: #00D7FF
}

.background-lightblue {
    background-color: #80EBFF
}

.background-black {
    background-color: black
}

.background-grey {
    background-color: #f2f2f2
}

.background-dark-grey {
    background-color: #8e9598
}

.no-js .traveller,
.no-js .traveller.goodbye {
    opacity: 1
}

.traveller {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    transition: all 0.5s ease-in-out
}

.hello {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    transition: all 0.5s ease-in-out
}

.goodbye {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    opacity: 0;
    transition: all 0.5s ease-in-out
}

.overlay {
    z-index: 50;
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%
}

.overlay--gradient {
    background-color: transparent;
    box-shadow: inset 0 60px 80px -20px rgba(0, 0, 0, 0.8)
}

.overlay--half {
    min-height: 50%
}

.img-responsive {
    width: 100%;
    height: auto;
    display: block
}

.autoplay .video__player,
.no-autoplay .video__player--fallback {
    display: block
}

.no-autoplay .video__player,
.autoplay .video__player--fallback {
    display: none
}

.wrapper {
    max-width: 960px;
    position: relative;
    margin: 0 auto
}

.wrapper .row:before,
.wrapper .row:after {
    content: " ";
    display: table
}

.wrapper .row:after {
    clear: both
}

.wrapper .row {
    *zoom: 1;
    padding: 0 30px
}

.wrapper .row .column {
    float: left;
    margin-right: 20px
}

.wrapper .row .end {
    margin-right: 0
}

.wrapper .row .center,
.wrapper .row .thirty,
.wrapper .row .forty,
.wrapper .row .fifty,
.wrapper .row .sixty,
.wrapper .row .seventy,
.wrapper .row .eighty,
.wrapper .row .hundred {
    width: 100%
}

.wrapper .row .fifty--mobile {
    width: calc( (100% - 40px) / 2)
}

.wrapper .row .sixty--mobile {
    width: calc( (100% - 40px) / 10 * 6)
}

.wrapper .row .seventy--mobile {
    width: 70%
}

.wrapper .row .center--mobile {
    width: 50%;
    margin-left: 50%
}

@media (min-width: 768px) {
    .wrapper .row .thirty {
        width: calc( (( 100% - 50px) / 10 * 3))
    }
    .wrapper .row .forty {
        width: calc( (( 100% - 50px) / 10 * 3.5))
    }
    .wrapper .row .fifty {
        width: calc( (100% - 40px) / 2)
    }
    .wrapper .row .sixty {
        width: 60%
    }
    .wrapper .row .seventy {
        width: calc( (( 100% - 50px) / 10 * 7))
    }
    .wrapper .row .eighty {
        width: calc( (( 100% - 50px) / 10 * 8))
    }
    .wrapper .row .center {
        width: 50%;
        margin-left: 50%
    }
}

.flex-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-container .item {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0px
}

.flex-container .item:first-child {
    margin: 0
}

.flex-container .item:last-child {
    margin: 0
}

@media (min-width: 768px) {
    .flex-container {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .flex-container .item {
        margin: 0 10px
    }
}

@font-face {
    font-family: "FSMatthews";
    src: url("assets/fonts/FSMatthewWeb-Regular.eot");
    src: url("assets/fonts/FSMatthewWeb-Regular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/FSMatthewWeb-Regular.woff") format("woff"), url("fonts/Ashbury/AshburyLig-webfont.ttf") format("truetype"), url("fonts/Ashbury/AshburyLig-webfont.svg#Ashbury") format("svg")
}

@font-face {
    font-family: "FSMatthewsBold";
    src: url("assets/fonts/FSMatthewWeb-Bold.eot");
    src: url("assets/fonts/FSMatthewWeb-Bold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/FSMatthewWeb-Bold.woff") format("woff"), url("fonts/Ashbury/AshburyLig-webfont.ttf") format("truetype"), url("fonts/Ashbury/AshburyLig-webfont.svg#Ashbury") format("svg")
}

body,
p {
    font-family: 'FSMatthews';
    color: #020202;
    line-height: 1;
    font-weight: 300;
    letter-spacing: 0.03rem
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'FSMatthewsBold';
    margin: 10px 0 15px;
    line-height: 1
}

p {
    font-size: 1rem;
    line-height: 1.2;
    margin: 0 0 30px 0
}

h2 {
    font-size: 2.2rem
}

h3 {
    font-size: 1.6rem
}

small {
    font-size: 0.75rem
}

@media (min-width: 768px) {
    h2 {
        font-size: 3.1rem;
        margin: 10px 0 20px 0
    }
}

@media (min-width: 768px) and (min-width: 1024px) {
    h2 {
        font-size: 4rem
    }
}

@media (min-width: 768px) {
    h3 {
        font-size: 2.1rem
    }
    p {
        font-size: 1.1rem
    }
}

ul li {
    background: url(assets/img/icons/list-item.gif) no-repeat left center;
    padding: 3px 0px 3px 15px;
    list-style: none
}

h2.single--title {
    font-size: 1.5rem
}

.text-lead {
    font-size: 1.7rem
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-black {
    color: #000
}

.text-blue {
    color: #00D7FF
}

.text-white {
    color: white
}

.text-bold,
.text-strong {
    font-family: 'FSMatthewsBold'
}

.text-small {
    font-size: 80%
}

.text-grey {
    color: gray
}

.quote-body {
    color: gray;
    font-style: italic
}

.quote-author {
    color: gray
}

a {
    text-decoration: none
}

.link {
    color: #00D7FF;
    font-family: 'FSMatthewsBold';
    font-size: 0.75rem;
    text-decoration: none
}

.link--white {
    color: white
}

.link--arrow {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20157.4%20157.6%22%20height%3D%22%22%20width%3D%22%22%3E%3Cpath%20d%3D%22M116.5%2061.5l-41%2041m7%200l-41-41%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%2210%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E") right center no-repeat;
    background-size: 20px
}

.link--tag {
    font-size: inherit;
    font-style: italic
}

.link--large-text {
    font-size: 1.5rem
}

.link--unstyled {
    text-decoration: none
}

.link--advertise {
    padding-top: 10px;
    font-size: 1rem;
    position: relative
}

.link--advertise:after {
    content: "";
    position: absolute;
    right: -20px;
    top: 10px;
    height: 20px;
    width: 20px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20157.4%20157.6%22%20height%3D%22%22%20width%3D%22%22%3E%3Cpath%20d%3D%22M116.5%2061.5l-41%2041m7%200l-41-41%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%2210%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E") right center no-repeat;
    background-size: 20px
}

.lozenge {
    text-decoration: none;
    border: 1px solid black;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 10px;
    color: black;
    font-family: 'FSMatthewsBold';
    text-align: center;
    font-size: 0.8rem;
    transition: all 0.3s ease-in-out;
    margin: 10px 0
}

@media (min-width: 768px) {
    .lozenge {
        font-size: inherit
    }
}

.lozenge:hover {
    background: black;
    color: white;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid black
}

.lozenge--white {
    border-color: white;
    color: white
}

.lozenge--white:hover {
    color: #00D7FF;
    background: white;
    border-color: white
}

.lozenge--blue {
    background: transparent;
    border: 1px solid #00D7FF;
    color: #00D7FF
}

.lozenge--grey {
    color: gray;
    border-color: gray
}

.lozenge--blue:hover,
.lozenge--blue.active {
    background: #00D7FF;
    border: 1px solid #00D7FF;
    color: white
}

.lozenge--two {
    display: inline;
    padding: 10px 15px;
    margin-right: 5px
}

@media (min-width: 768px) {
    .lozenge--two {
        margin-right: 20px
    }
}

.lozenge--block,
.lozenge--desktop-two,
.lozenge--desktop-triple {
    display: block
}

.lozenge--spaced {
    margin: 20px 0
}

.lozenge--filter {
    font-size: 80%;
    width: calc((100% - 4px) / 2);
    padding: 10px 0;
    background: transparent
}

@media (min-width: 768px) {
    .lozenge--filter {
        width: calc((100% - 4px) / 5);
        margin: 10px
    }
}

@media (min-width: 768px) {
    .lozenge--desktop-two {
        display: inline-block;
        min-width: 150px;
        margin-right: 20px
    }
    .lozenge--desktop-triple {
        display: inline-block;
        min-width: 150px;
        margin-right: 20px
    }
    .lozenge--desktop-white {
        border-color: white;
        color: white
    }
}

.scroll-down {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%
}

@media (min-width: 768px) {
    .scroll-down {
        bottom: 20px
    }
}

.scroll-down .scroll-down__link {
    text-decoration: none;
    padding-left: 20px;
    font-size: 0.75rem;
    font-family: 'FSMatthewsBold';
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20style%3D%22fill%3Awhite%3B%22%3E%20%3Cg%3E%20%3Cpath%20transform%3D%22rotate(180%2030%2C30)%20%22%20id%3D%22svg_1%22%20d%3D%22m38.188%2C26.6l-6.723%2C-7.23c-0.007999%2C-0.01%20-0.018%2C-0.015001%20-0.025%2C-0.023001c-0.060001%2C-0.062%20-0.127001%2C-0.115999%20-0.195%2C-0.17c-0.036001%2C-0.030001%20-0.068001%2C-0.063%20-0.107%2C-0.09c-0.08%2C-0.056%20-0.17%2C-0.101999%20-0.26%2C-0.145c-0.028%2C-0.014999%20-0.055%2C-0.032999%20-0.086%2C-0.046999c-0.110001%2C-0.048%20-0.228001%2C-0.084%20-0.348%2C-0.110001c-0.012001%2C-0.003%20-0.023001%2C-0.01%20-0.035%2C-0.011999c-0.132%2C-0.027%20-0.27%2C-0.042%20-0.41%2C-0.042s-0.275002%2C0.015999%20-0.407001%2C0.042999c-0.014999%2C0.003%20-0.026999%2C0.01%20-0.042999%2C0.014c-0.117001%2C0.027%20-0.23%2C0.062%20-0.34%2C0.108c-0.032999%2C0.014999%20-0.063%2C0.035999%20-0.097%2C0.052999c-0.084999%2C0.042%20-0.17%2C0.085001%20-0.247999%2C0.140001c-0.043001%2C0.029999%20-0.08%2C0.066%20-0.120001%2C0.099998c-0.062%2C0.050001%20-0.125%2C0.1%20-0.18%2C0.157001c-0.009998%2C0.01%20-0.019999%2C0.015999%20-0.029999%2C0.024l-6.724001%2C7.23c-0.75%2C0.809999%20-0.705%2C2.074999%200.105001%2C2.827c0.384998%2C0.358%200.872999%2C0.535%201.359999%2C0.535c0.536001%2C0%201.07%2C-0.215%201.466%2C-0.638l3.259001%2C-3.505999l0%2C13.452c0%2C1.105%200.896999%2C2%202%2C2s2%2C-0.895%202%2C-2l0%2C-13.450001l3.259998%2C3.504c0.752003%2C0.810001%202.017002%2C0.857%202.825001%2C0.104c0.810001%2C-0.751999%200.855%2C-2.018%200.103001%2C-2.826l0%2C-0.001999z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") left center no-repeat;
    background-size: 20px
}

.scroll-down .scroll-down__link--white {
    color: white
}

#loading {
    display: block;
    margin: 60px;
    display: none
}

main {
    position: relative;
    z-index: 20;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    background: white
}

@media only screen and (min-width: 768px) {
    main {
        z-index: 9
    }
}

main.open {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px)
}

.latest-news {
    padding: 20px 0 50px 70px;
    background: #8e9598 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22fill%3Awhite%3B%22%3E%3Cpath%20d%3D%22M29.918%204c14.337%200%2026%2011.664%2026%2026%200%2014.337-11.663%2026-26%2026s-26-11.663-26-26c0-14.336%2011.663-26%2026-26m0-4c-16.568%200-30%2013.432-30%2030s13.432%2030%2030%2030%2030-13.432%2030-30-13.432-30-30-30z%22%2F%3E%3Cpath%20d%3D%22M23%2037h14v2H23v-2zm0-5h14v2H23v-2zm0-11h6v7h-6v-7zm8%206h6v1h-6v-1zm0-6h6v2h-6v-2zm9-4H20v26h20V17z%22%2F%3E%3C%2Fsvg%3E") 0px 20px no-repeat;
    background-size: 50px
}

.latest-news .latest-news__type p {
    margin: 0 0 5px 0
}

.latest-news .latest-news__header h3 {
    font-size: 1.05rem;
    margin: 0;
    line-height: 1.1
}

.latest-news .latest-news__header p {
    margin: 5px 0
}

.latest-news .latest-news__tweet h3 {
    font-size: 1rem;
    margin: 0
}

.latest-news .latest-news__tweet p {
    margin: 5px 0
}

.latest-news .latest-news__link a {
    margin: 0
}

.latest-news--twitter {
    padding: 20px 0 50px 70px;
    background: #8e9598 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M30%200C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M30%200C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M30%204c14.337%200%2026%2011.663%2026%2026S44.337%2056%2030%2056%204%2044.337%204%2030%2015.663%204%2030%204m0-4C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M43.558%2021.698c-.996.432-2.062.716-3.178.832%201.15-.678%202.043-1.77%202.473-3.08-1.074.628-2.258%201.076-3.518%201.307-.984-1.116-2.402-1.827-3.988-1.855-3.037-.056-5.545%202.432-5.598%205.55-.007.444.032.875.12%201.288-4.57-.317-8.586-2.636-11.246-6.105-.486.83-.773%201.795-.79%202.83-.034%201.957%201.047%203.704%202.506%204.746-.9-.046-2.342-.316-2.342-.75v.07c0%202.737%201.67%205.055%204.182%205.617-.465.124-1.02.182-1.524.173-.354-.006-.732-.047-1.066-.12.66%202.258%202.646%203.928%205.057%204.015-1.91%201.48-4.31%202.344-6.886%202.297-.444-.01-.887-.04-1.316-.102%202.408%201.645%205.285%202.633%208.39%202.688%2010.126.182%2015.807-8.325%2015.932-15.792.006-.246.004-.49-.002-.73%201.088-.78%202.038-1.76%202.794-2.878%22%2F%3E%3C%2Fsvg%3E") 0px 20px no-repeat;
    background-size: 50px
}

@media only screen and (min-width: 768px) {
    .latest-news {
        padding: 0 0 80px 130px;
        background: #8e9598 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22fill%3Awhite%3B%22%3E%3Cpath%20d%3D%22M29.918%204c14.337%200%2026%2011.664%2026%2026%200%2014.337-11.663%2026-26%2026s-26-11.663-26-26c0-14.336%2011.663-26%2026-26m0-4c-16.568%200-30%2013.432-30%2030s13.432%2030%2030%2030%2030-13.432%2030-30-13.432-30-30-30z%22%2F%3E%3Cpath%20d%3D%22M23%2037h14v2H23v-2zm0-5h14v2H23v-2zm0-11h6v7h-6v-7zm8%206h6v1h-6v-1zm0-6h6v2h-6v-2zm9-4H20v26h20V17z%22%2F%3E%3C%2Fsvg%3E") 40px 20px no-repeat;
        background-size: 52px
    }
}

.values {
    background: #00D7FF;
    z-index: 900;
    position: relative
}

.values .value__item {
    padding: 30px 0
}

@media only screen and (min-width: 768px) {
    .values .value__item {
        padding: 20px 0
    }
    .values .value__item h2 {
        font-size: 3rem
    }
    .values p {
        padding-top: 18px;
        font-size: 1.3rem
    }
}

.no-js .contact__container .contact__box .contact__back {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    z-index: 3
}

.contact__container {
    position: relative;
    -webkit-perspective: 1000;
    perspective: 1000;
    margin-bottom: 20px;
    margin: 0 auto 20px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .contact__container {
        min-height: 350px;
        margin: 0 20px 20px 0;
        width: calc((100%/3) - 14px);
        float: left
    }
    .contact__container:nth-child(3n+3) {
        margin: 0 0 20px 0
    }
}

.contact__container .contact__box {
    transition: 0.6s;
    position: relative;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    min-height: 330px;
    width: 256px
}

@media only screen and (min-width: 768px) and (max-width: 799px) {
    .contact__container .contact__box {
        width: 100%;
        min-height: 300px
    }
}

@media only screen and (min-width: 800px) {
    .contact__container .contact__box {
        min-height: 330px
    }
}

.contact__container .contact__box .contact__front,
.contact__container .contact__box .contact__back {
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
    min-height: 330px;
    background: black;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0
}

@media only screen and (min-width: 768px) {
    .contact__container .contact__box .contact__front,
    .contact__container .contact__box .contact__back {
        width: 100%;
        min-height: 300px
    }
}

.contact__container .contact__box .contact__front {
    z-index: 2;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.contact__container .contact__box .contact__back {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

@media only screen and (min-width: 768px) {
    .contact__container .contact__box .contact__back {
        min-height: 330px
    }
}

.contact__container .contact__box .contact__back .contact__details {
    padding-top: 20px;
    width: 100%;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22fill%3Awhite%3B%22%3E%3Cpath%20d%3D%22M33.135%2030l3.34-3.65c.746-.814.69-2.08-.124-2.825-.813-.746-2.08-.69-2.825.125L30%2027.5l-3.524-3.85c-.746-.814-2.01-.873-2.826-.125-.814.746-.87%202.01-.125%202.826l3.34%203.65-3.34%203.65c-.746.813-.69%202.08.124%202.825.383.35.867.525%201.35.525.54%200%201.08-.22%201.476-.65L30%2032.5l3.524%203.85c.395.43.935.65%201.477.65.482%200%20.967-.174%201.35-.524.815-.746.87-2.012.126-2.826L33.136%2030z%22%2F%3E%3C%2Fsvg%3E") right top no-repeat;
    cursor: pointer
}

.contact__container .contact__box .contact__back .contact__details .contact__name h3 {
    margin: 0 0 5px 0
}

@media only screen and (min-width: 768px) {
    .contact__container .contact__box .contact__back .contact__details .contact__name h3 {
        margin: 0;
        font-size: 1.3rem
    }
}

.contact__container .contact__box .contact__back .contact__details .contact__position h4 {
    margin: 0;
    font-size: 1.3rem
}

@media only screen and (min-width: 768px) {
    .contact__container .contact__box .contact__back .contact__details .contact__position h4 {
        margin: 3px 0 10px 0;
        font-size: 1.2rem
    }
}

.contact__container .contact__box .contact__image {
    width: 100%
}

.contact__container .contact__box .contact__image img {
    width: 100%
}

.contact__container .contact__box .contact__details {
    padding: 10px 20px 0 10px;
    margin-right: 20px;
    min-height: 75px;
    background: url(assets/img/icons/contact-arrow.png) right 60% no-repeat;
    cursor: pointer
}

.contact__container .contact__box .contact__details .contact__name h3 {
    margin: 0;
    color: white;
    font-size: 1.3rem
}

@media only screen and (min-width: 768px) {
    .contact__container .contact__box .contact__details .contact__name h3 {
        margin: 7px 0 0 0;
        font-size: 1.15rem
    }
}

.contact__container .contact__box .contact__details .contact__position h4 {
    color: gray;
    margin: 7px 0;
    font-size: 1.3rem
}

@media only screen and (min-width: 768px) {
    .contact__container .contact__box .contact__details .contact__position h4 {
        margin: 10px 0 10px 0;
        font-size: 0.9rem
    }
}

.contact__container .contact__box .contact__items .contact__email,
.contact__container .contact__box .contact__items .contact__tel {
    padding: 10px 0 5px 35px
}

.contact__container .contact__box .contact__items .contact__email {
    background: #000 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22fill%3Awhite%3B%22%3E%3Cpath%20d%3D%22M46.61%2042.21s-.057-.21-.182-.21H14V22.602l16.228%2016.05L46.6%2022.462l.01%2019.747zM46%2017.55v.103l-16%2016.05-16-16.05v-.116l32%20.014zM46%2014H13.5c-2.132%200-3.5%201.447-3.5%203.537v24.97C10.054%2044.633%2011.445%2046%2013.543%2046H46.5c2.09%200%203.5-1.47%203.5-3.538V17.51c-.058-2.14-1.453-3.51-3.543-3.51%22%2F%3E%3C%2Fsvg%3E") 10px 9px no-repeat;
    background-size: 20px
}

.contact__container .contact__box .contact__items .contact__tel {
    background: #000 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22fill%3Awhite%3B%22%3E%3Cpath%20d%3D%22M30%2044.845c4.266%200%207.724-3.45%207.724-7.724%200-4.244-3.458-7.722-7.724-7.722-4.254%200-7.724%203.478-7.724%207.723%200%204.276%203.47%207.725%207.724%207.725m26.96-30.522C55.374%2012.863%2045.477%205.16%2030%205.16c-15.467%200-25.364%207.703-26.96%209.163-1.552%201.42-4.77%205.54-1.874%2012.88.363.908%201.588%202.183%202.273%202.154.3-.02%2012.01-3.297%2012.36-3.44.362-.13.654-.322.873-.54.322-.323.463-.946.434-1.833-.02-.903-.132-1.79-.33-2.673-.194-.887-.322-1.77-.384-2.636s.062-1.448.343-1.74c.763-.715%204.002-2.806%2013.264-2.864%209.282.06%2012.5%202.15%2013.264%202.863.293.293.404.875.35%201.74-.057.867-.188%201.75-.39%202.638-.2.884-.302%201.77-.323%202.674-.036.887.125%201.51.447%201.832.21.22.503.412.862.54.353.145%2012.066%203.42%2012.36%203.44.67.03%201.9-1.245%202.264-2.153%202.896-7.34-.322-11.46-1.873-12.88m-5.116%2027.625C53.704%2043.718%2054%2046.11%2054%2046.384v4.295c0%202.49-2.447%204.16-4.32%204.16H10.337C7.825%2054.84%206%2052.526%206%2050.68v-4.296c0-2.546%201.95-4.233%202.152-4.436l10.067-9.274c.515-.5.78-1.295.78-1.304v-4.95c0-2.472%201.8-3.58%203.67-3.58h14.66c2.514%200%203.67%201.74%203.67%203.58v4.95c0%20.7.795%201.324.795%201.324l10.05%209.254z%22%2F%3E%3C%2Fsvg%3E") 12px 10px no-repeat;
    background-size: 16px
}

.contact__container .contact__box .contact__items .contact__social {
    position: absolute;
    bottom: 10px;
    width: 100%
}

.contact__container .contact__box .contact__items .contact__social .contact__social-link {
    width: calc((100% - 60px) / 3);
    height: 50px;
    padding: 10px;
    margin: 0 10px 10px 10px;
    float: left;
    display: block
}

.contact__container .contact__box .contact__items .contact__social .contact__social-link a {
    color: transparent
}

.contact__container .contact__box .contact__items .contact__social .contact__social-link--twitter {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20fill%3D%22%2300D7FF%22%20d%3D%22M30%204c14.337%200%2026%2011.663%2026%2026S44.337%2056%2030%2056%204%2044.337%204%2030%2015.663%204%2030%204m0-4C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%2300D7FF%22%20d%3D%22M43.56%2021.698c-.996.432-2.062.716-3.178.832%201.15-.678%202.043-1.77%202.473-3.08-1.074.628-2.258%201.076-3.518%201.307-.984-1.116-2.402-1.827-3.988-1.855-3.038-.056-5.546%202.432-5.6%205.55-.005.444.034.875.122%201.288-4.57-.317-8.586-2.636-11.246-6.105-.486.83-.773%201.795-.79%202.83-.034%201.957%201.047%203.704%202.506%204.746-.9-.047-2.342-.317-2.342-.75v.07c0%202.736%201.67%205.054%204.182%205.616-.465.124-1.02.182-1.524.173-.354-.007-.732-.048-1.066-.12.66%202.257%202.646%203.927%205.057%204.014-1.91%201.48-4.31%202.344-6.887%202.297-.445-.008-.888-.04-1.317-.1%202.408%201.644%205.285%202.632%208.39%202.687%2010.126.182%2015.807-8.325%2015.932-15.792.006-.246.004-.49-.002-.73%201.088-.78%202.038-1.758%202.794-2.877%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 50px
}

.contact__container .contact__box .contact__items .contact__social .contact__social-link--linkedin {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20fill%3D%22%2300D7FF%22%20d%3D%22M30%204c14.337%200%2026%2011.663%2026%2026S44.337%2056%2030%2056%204%2044.337%204%2030%2015.663%204%2030%204m0-4C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%2300D7FF%22%20d%3D%22M42%2041.202h-5v-7.61c0-2.102-.975-3.535-2.805-3.535-1.396%200-2.446.967-2.81%201.9-.134.335-.385.8-.385%201.27v7.976h-4.868s.068-14%200-15H31v2.34c1-1.062%202.18-2.582%204.865-2.582%203.33%200%206.135%202.23%206.135%207.034v8.208zm-21-17h-.228c-1.695%200-2.795-1.202-2.795-2.704%200-1.53%201.133-2.7%202.863-2.7s2.79%201.172%202.824%202.7c0%201.503-1.096%202.704-2.857%202.704m2.193%2017h-4v-15h4v15z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 50px
}

.contact__container .contact__box .contact__items .contact__social .contact__social-link--facebook {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20fill%3D%22%2300D7FF%22%20d%3D%22M30%204c14.337%200%2026%2011.663%2026%2026S44.337%2056%2030%2056%204%2044.337%204%2030%2015.663%204%2030%204m0-4C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%2300D7FF%22%20d%3D%22M23%2024.87h3V21.38c0-1.396-.01-3.546.943-4.88%201.006-1.41%202.363-2.37%204.736-2.37%203.865%200%205.48.587%205.48.587l-.77%204.822s-1.11-.393-2.3-.393c-1.192%200-2.092.454-2.092%201.72v4.007h4.546l-.342%204H32v17h-6v-17h-3v-4z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 50px
}

.contact__container.active .contact__front {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.contact__container.active .contact__back {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.no-js .brand-box {
    display: inline-block
}

.no-js .brand-box.active .brand-box__container .brand-box__back {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    z-index: 4
}

.no-js .brand-box.active .brand-box__container .brand-box__back .brand-box__close {
    display: none
}

.brand-box {
    height: 100px;
    width: calc(100%);
    -webkit-perspective: 1000;
    perspective: 1000
}

.brand-box .brand-box__container {
    height: 100px;
    position: relative
}

.brand-box .brand-box__container p {
    font-size: 0.8rem
}

.brand-box .brand-box__container .brand-box__front {
    z-index: 2;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.brand-box .brand-box__container .brand-box__back {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.brand-box .brand-box__container .brand-box__front,
.brand-box .brand-box__container .brand-box__back {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0
}

.brand-box.active .brand-box__back {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.brand-box.active .brand-box__front {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.brand-box:hover .brand-box__image img {
    -webkit-transform: translateY(-54%);
    transform: translateY(-54%)
}

.brand-box.active .brand-box__image img {
    opacity: 0
}

.brand-box__image {
    cursor: pointer;
    width: 100%;
    height: 100%
}

.brand-box__image img {
    display: block;
    height: auto;
    width: 130px;
    max-height: 70px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    opacity: 1;
    transition: -webkit-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out
}

.brand-box__hover {
    min-height: 100%;
    width: 100%;
    padding: 10px 30px 10px 10px
}

.brand-box__hover .brand-box__link {
    position: absolute;
    bottom: 14px
}

.brand-box__hover .brand-box__close {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 45px;
    width: 45px;
    cursor: pointer
}

.brand-box__hover .brand-box__close span {
    display: block;
    background: white;
    height: 2px;
    position: relative;
    margin: 0;
    right: 0;
    top: 17px;
    width: 20px
}

.brand-box__hover .brand-box__close span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 16px;
    right: -19px
}

.brand-box__hover .brand-box__close span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 14px;
    right: -19px
}

@media (min-width: 768px) {
    #brands {
        margin: 20px 0 40px
    }
    #brands h2 {
        font-size: 4rem
    }
    #brands .brand {
        width: 760px;
        margin: 20px auto
    }
    #brands .brand .brand-box {
        display: block;
        border: none;
        padding: 0;
        margin: 0;
        width: calc( 100% / 3);
        height: 200px
    }
    #brands .brand .brand-box .brand-box__container {
        height: 200px
    }
    #brands .brand .brand-box .brand-box__container .brand-box__image {
        min-height: 100%;
        min-width: 100%
    }
    #brands .brand .brand-box .brand-box__container .brand-box__image img {
        width: 180px;
        max-height: 90px
    }
    #brands .brand .brand-box p {
        padding-top: 5px;
        font-size: 1rem
    }
    #brands .brand .brand-box--pillar {
        height: 400px;
        width: calc(100% - ((100% / 3) + 2px))
    }
    #brands .brand .brand-box--pillar .brand-box__container {
        height: 100%
    }
    #brands .brand .brand-box--pillar .brand-box__container .brand-box__image img {
        width: 300px
    }
    #brands .brand .brand-copy-text {
        font-size: 1.3rem;
        margin-bottom: 0;
        margin-top: 35px
    }
}

@media (min-width: 768px) and (min-width: 1024px) {
    #brands .brand {
        width: 960px;
        padding: 0 30px
    }
    #brands .brand .brand-box {
        border: none;
        width: calc( (100% - 60px) / 4)
    }
    #brands .brand .brand-box--pillar {
        height: 400px;
        width: calc( (100% - 60px) / 2)
    }
    #brands .brand .brand-box--pillar .brand-box__container .brand-box__image img {
        width: 300px
    }
}

.no-js .mosaic .mosaic__item {
    display: inline-block
}

.mosaic .mosaic__item {
    background: black;
    padding: 20px;
    width: 100%;
    transition: 0.3s;
    overflow: hidden
}

@media (min-width: 449px) {
    .mosaic .mosaic__item {
        width: calc( ( 100% - 15px) / 2)
    }
}

@media (min-width: 768px) {
    .mosaic .mosaic__item {
        width: calc( ( 100% - 30px) / 3)
    }
}

.mosaic .mosaic__item img {
    width: 100%;
    height: auto
}

.mosaic .mosaic__item a {
    text-decoration: none
}

.mosaic .mosaic__item a h3 {
    color: white;
    font-weight: 300;
    margin: 0;
    font-size: 1.2rem
}

.mosaic .mosaic__item .mosaic__media {
    max-height: 375px;
    overflow: hidden;
    margin-bottom: 15px
}

.mosaic .mosaic__item:hover {
    background: #4d4d4d
}

.mosaic .mosaic__item:nth-child(odd) {
    background: #00D7FF
}

.mosaic .mosaic__item:hover:nth-child(odd) {
    background: #00accc
}

.mosaic .mosaic__item.video {
    background: transparent;
    padding: 0
}

.mosaic .mosaic__item.video .play-button {
    position: absolute;
    top: calc(50% - 45px);
    left: calc(50% - 45px);
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22fill%3Awhite%3B%22%3E%3Cpath%20d%3D%22M30%204c14.337%200%2026%2011.664%2026%2026%200%2014.338-11.663%2026-26%2026S4%2044.338%204%2030C4%2015.664%2015.663%204%2030%204m0-4C13.432%200%200%2013.433%200%2030c0%2016.568%2013.432%2030%2030%2030s30-13.432%2030-30C60%2013.433%2046.568%200%2030%200z%22%2F%3E%3Cpath%20d%3D%22M42.824%2028.212l-18.93-9.466c-.62-.31-1.355-.278-1.946.087-.59.365-.948%201.008-.948%201.702v18.93c0%20.693.36%201.337.948%201.7.32.2.687.3%201.052.3.306%200%20.612-.07.895-.21l18.93-9.466c.677-.34%201.105-1.032%201.105-1.79%200-.757-.428-1.45-1.106-1.788z%22%2F%3E%3C%2Fsvg%3E") center no-repeat;
    background-size: 90px;
    height: 90px;
    width: 90px
}

.mosaic .mosaic__item.video:hover {
    background: none
}

.mosaic .mosaic__item.video:hover .play-button {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22fill%3A%2300D7FF%3B%22%3E%3Cpath%20d%3D%22M30%204c14.337%200%2026%2011.664%2026%2026%200%2014.338-11.663%2026-26%2026S4%2044.338%204%2030C4%2015.664%2015.663%204%2030%204m0-4C13.432%200%200%2013.433%200%2030c0%2016.568%2013.432%2030%2030%2030s30-13.432%2030-30C60%2013.433%2046.568%200%2030%200z%22%2F%3E%3Cpath%20d%3D%22M42.824%2028.212l-18.93-9.466c-.62-.31-1.355-.278-1.946.087-.59.365-.948%201.008-.948%201.702v18.93c0%20.693.36%201.337.948%201.7.32.2.687.3%201.052.3.306%200%20.612-.07.895-.21l18.93-9.466c.677-.34%201.105-1.032%201.105-1.79%200-.757-.428-1.45-1.106-1.788z%22%2F%3E%3C%2Fsvg%3E") center no-repeat;
    background-size: 90px
}

.mosaic .mosaic__item.image {
    padding: 0;
    background: white
}

.mosaic .mosaic__item.image h3 {
    margin: 0 20px 10px;
    color: black
}

.mosaic .mosaic__item.image:hover {
    background: gray
}

@media (max-width: 768px) {
    .mobile-anchor {
        margin-top: -50px;
        padding-bottom: 50px
    }
}

.page .page-hero {
    height: 200px;
    position: relative;
    margin: 60px 0 0 0
}

.page .page-hero .page-hero__title {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 60
}

@media (min-width: 768px) {
    .page {
        position: relative;
        min-height: 70vh
    }
    .page .page-hero {
        z-index: 60;
        background: none;
        height: 100px;
        margin: 0;
        padding-top: 130px;
        margin-bottom: 30px
    }
    .page .page-hero--large {
        min-height: 60vh;
        padding-top: 45px;
        margin-bottom: 0
    }
    .page .page-hero--brands {
        background: url(assets/img/brands.jpg) top center no-repeat;
        background-size: cover
    }
    .page .page-body {
        position: relative;
        z-index: 60
    }
}

.single {
    min-height: 100vh
}

@media (max-width: 768px) {
    .single h2 {
        font-size: 1.8rem;
        margin: 20px 0
    }
}

.responsive-video video,
.single img {
    max-width: 100%;
    height: auto
}

.download {
    border-bottom: 1px solid #00D7FF;
    margin: 20px 0
}

.download a {
    display: block;
    margin-bottom: 10px;
    font-size: 1.5rem
}

.vid {
    width: 100%
}

.vid .vid-box {
    height: 150px
}

@media (min-width: 768px) {
    .vid {
        max-width: 960px
    }
    .vid .vid-box {
        width: calc( (100% - 20px) / 2);
        height: 250px
    }
}

.g-map {
    height: 250px;
    margin-bottom: 20px
}

.results__item {
    border-bottom: 1px solid #00D7FF
}

.results__item a h3 {
    font-size: 1.1rem
}

.search-results {
    padding-top: 60px
}

.search-results .form {
    background: #80EBFF;
    height: 60px
}

.search-results form[role=search] {
    width: 100%;
    height: 100%;
    margin-top: 10px
}

.search-results form[role=search] input#s {
    border-radius: 10px;
    padding-left: 30px;
    height: 40px;
    border: none;
    background: #80EBFF url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2279%22%20height%3D%2297%22%3E%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20cx%3D%2245%22%20cy%3D%2234%22%20r%3D%2232%22%20stroke-width%3D%2210%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M22%2057l12%207-21%2031a2%201%2028%200%201-12-8%22%2F%3E%3C%2Fsvg%3E") 5px center no-repeat;
    background-size: 15px 15px;
    color: white
}

@media (min-width: 768px) {
    .search-results form[role=search] input#s {
        border: 1px solid white
    }
}

.search-results form[role=search] input[type=submit] {
    border: 0;
    background: none;
    color: transparent
}

.wpcf7-form p {
    margin: 0
}

.wpcf7-form-control {
    width: 100%;
    padding: 10px;
    margin: 0;
    border: none
}

.wpcf7-submit {
    background: transparent;
    border: 1px solid black;
    border-radius: 20px;
    display: block;
    margin: 10px 0
}

.wpcf7-form-control::-webkit-input-placeholder {
    color: black
}

.wpcf7-not-valid-tip {
    display: block;
    margin: 5px 0
}

div.wpcf7-validation-errors {
    border: none;
    width: 100%;
    margin: 0
}

.img-single,
.video-single {
    margin-bottom: 20px
}

.video-single {
    position: relative;
    width: auto;
    margin: 10px auto
}

.video-single .overlay {
    cursor: pointer;
    z-index: 999;
    display: block;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22fill%3Awhite%3B%22%3E%3Cpath%20d%3D%22M30%204c14.337%200%2026%2011.664%2026%2026%200%2014.338-11.663%2026-26%2026S4%2044.338%204%2030C4%2015.664%2015.663%204%2030%204m0-4C13.432%200%200%2013.433%200%2030c0%2016.568%2013.432%2030%2030%2030s30-13.432%2030-30C60%2013.433%2046.568%200%2030%200z%22%2F%3E%3Cpath%20d%3D%22M42.824%2028.212l-18.93-9.466c-.62-.31-1.355-.278-1.946.087-.59.365-.948%201.008-.948%201.702v18.93c0%20.693.36%201.337.948%201.7.32.2.687.3%201.052.3.306%200%20.612-.07.895-.21l18.93-9.466c.677-.34%201.105-1.032%201.105-1.79%200-.757-.428-1.45-1.106-1.788z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 100px
}

.video-single video {
    width: 100%
}

@media screen and (min-width: 768px) {
    .img-single.half,
    .img-single.third,
    .video-single.half,
    .video-single.third {
        width: 50%;
        float: right;
        margin: 0;
        margin-left: 20px
    }
    .img-single.third,
    .video-single.third {
        width: 33%
    }
}

.audience-box {
    margin: 0 10px;
    display: block;
    height: 100px;
    width: calc(100% - 20px);
    text-decoration: none;
    padding-left: 25px;
    padding-top: 35px
}

.audience-box .audience-box__title {
    position: relative;
    z-index: 90
}

.audience-box p {
    color: white;
    font-size: 1.3rem;
    text-decoration: none
}

@media (min-width: 768px) {
    .audience {
        max-width: 960px;
        margin: 0 auto;
        padding: 0 30px
    }
    .audience .audience-box {
        width: calc((100% - 60px) / 4);
        height: 170px;
        margin: 0;
        text-align: center;
        padding: 70px 20px
    }
}

.sector-box {
    margin: 0 10px;
    display: block;
    height: 100px;
    width: calc(100% - 20px);
    text-decoration: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px
}

.sector-box .sector-box__title {
    position: relative;
    z-index: 90
}

.sector-box p {
    margin: 0
}

@media (min-width: 768px) {
    .sector {
        max-width: 960px;
        margin: 0 auto;
        padding: 0 30px
    }
    .sector .sector-box {
        padding: 20px;
        margin: 0;
        width: calc((100% - 60px) / 4);
        height: 170px;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .sector .sector-box .sector-box__container {
        text-align: center
    }
}

.media-centre {
    padding: 10px 0
}

.media-centre form input.search-field {
    box-sizing: border-box;
    border: 1px solid white;
    font-size: 1.1rem;
    font-weight: bold;
    border-radius: 10px;
    background: #00D7FF url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22fill%3Awhite%3B%22%3E%3Cpath%20d%3D%22M32.09%2018c-5.74%200-10.412%204.555-10.412%2010.152%200%202.034.623%203.927%201.684%205.517l-5.225%204.866c-.81.753-.853%202.018-.1%202.826.394.423.928.637%201.463.637.488%200%20.978-.18%201.363-.538l5.32-4.957c1.68%201.133%203.714%201.8%205.906%201.8%205.74%200%2010.41-4.554%2010.41-10.152C42.5%2022.555%2037.83%2018%2032.09%2018zm0%2016.306c-3.536%200-6.412-2.76-6.412-6.153S28.554%2022%2032.09%2022c3.534%200%206.41%202.76%206.41%206.152s-2.876%206.154-6.41%206.154z%22%2F%3E%3C%2Fsvg%3E") 5px center no-repeat;
    background-size: 30px;
    color: white;
    width: 100%;
    padding: 8px 0px 8px 35px
}

.media-centre form input.search-field::-webkit-input-placeholder {
    color: white
}

.media-centre form input.search-submit {
    display: none
}

.page-body-stats {
    text-align: center;
    margin: 10px 0
}

.page-body-stats .page-body__stat-box {
    vertical-align: top;
    display: inline-block;
    width: 108px;
    margin: 10px
}

@media (min-width: 1024px) {
    .page-body-stats .page-body__stat-box {
        width: 140px
    }
}

@media (min-width: 768px) {
    .page-body-stats .page-body__stat-box {
        margin: 0 3px
    }
}

.page-body-stats .page-body__stat {
    background: white;
    height: 108px;
    border-radius: 50%;
    margin: 0 auto;
    padding: 10px 10px 0
}

@media (min-width: 1024px) {
    .page-body-stats .page-body__stat {
        height: 140px
    }
}

.page-body-stats .page-body__stat p {
    margin: 0;
    font-size: 0.9rem
}

.page-body-stats .page-body__stat h3 {
    margin: 5px 0;
    font-size: 1.6rem
}

@media (min-width: 1024px) {
    .page-body-stats .page-body__stat h3 {
        font-size: 2rem;
        padding-top: 10px
    }
}

.sector-bar {
    width: 95%;
    color: white;
    margin-bottom: 10px;
    font-size: 1.15rem
}

.sector-bar .sector-bar__item {
    display: inline-block;
    vertical-align: bottom
}

.sector-bar .sector-bar__key {
    width: 65%;
    padding: 10px 0 10px 30px
}

.sector-bar .sector-bar__value {
    width: 30%;
    text-align: right;
    padding: 10px 0
}

@media (min-width: 768px) {
    .sector-bar {
        width: 49%;
        float: left
    }
    .sector-bar .sector-bar__info {
        width: 350px;
        float: right
    }
    .sector-bar:nth-child(even) {
        float: right
    }
    .sector-bar:nth-child(even) .sector-bar__info {
        float: left
    }
    .sector-bar:nth-child(even) .sector-bar__info .sector-bar__value {
        float: left
    }
    .sector-bar:nth-child(even) .sector-bar__info .sector-bar__key {
        text-align: right
    }
}

.ad-specs-image {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .ad-specs-image {
        margin-bottom: 0;
        margin-left: -50px
    }
    .img-about-hero {
        margin-left: 50px
    }
}

.focus {
    width: 100%;
    margin: 20px 0
}

.focus .focus__number {
    width: 20%;
    display: inline-block;
    vertical-align: bottom;
    min-height: 130px
}

.focus .focus__number h1 {
    font-size: 5rem;
    margin: 0;
    text-align: center
}

.focus .focus__text {
    display: inline-block;
    vertical-align: bottom;
    width: 50%;
    min-height: 130px
}

.focus .focus__text p {
    margin: 0;
    padding-top: 20px
}

@media (min-width: 768px) {
    .focus {
        width: calc((100% - 8px) / 3);
        display: inline-block;
        vertical-align: bottom
    }
    .focus .focus__number {
        width: 25%;
        margin-bottom: 10px
    }
    .focus .focus__text {
        width: 70%
    }
    .focus .focus__text p {
        padding-top: 0
    }
}

@media (min-width: 768px) {
    .our-culture__text {
        min-height: 300px;
        display: inline-block;
        vertical-align: top;
        width: calc((100% - 10px) / 2)
    }
}

@media (min-width: 768px) {
    .our-culture__link {
        display: inline-block;
        vertical-align: top;
        width: calc((100% - 10px) / 2)
    }
}

.culture-video {
    margin-top: 60px
}

.culture-video a {
    display: block;
    margin: 0 auto;
    height: 80px;
    width: 80px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22fill%3Awhite%3B%22%3E%3Cpath%20d%3D%22M30%204c14.337%200%2026%2011.664%2026%2026%200%2014.338-11.663%2026-26%2026S4%2044.338%204%2030C4%2015.664%2015.663%204%2030%204m0-4C13.432%200%200%2013.433%200%2030c0%2016.568%2013.432%2030%2030%2030s30-13.432%2030-30C60%2013.433%2046.568%200%2030%200z%22%2F%3E%3Cpath%20d%3D%22M42.824%2028.212l-18.93-9.466c-.62-.31-1.355-.278-1.946.087-.59.365-.948%201.008-.948%201.702v18.93c0%20.693.36%201.337.948%201.7.32.2.687.3%201.052.3.306%200%20.612-.07.895-.21l18.93-9.466c.677-.34%201.105-1.032%201.105-1.79%200-.757-.428-1.45-1.106-1.788z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 80px;
    margin-bottom: 30px;
    text-indent: -99999px
}

@media (min-width: 768px) {
    .culture-video a {
        background-size: 160px;
        height: 160px;
        width: 160px
    }
}

.our-people .bx-pager {
    display: none
}

.our-people .bx-prev,
.our-people .bx-next {
    left: auto;
    top: auto
}

.our-people .video-left {
    height: 10px;
    width: 10px
}

.our-people .bx-prev {
    margin: -40px 0 0 -12px;
    height: 20px;
    width: 20px;
    background-size: 20px
}

@media (min-width: 1024px) {
    .our-people .bx-prev {
        margin-top: -50px
    }
}

.our-people .bx-next {
    margin: -40px 30px 0;
    height: 20px;
    width: 20px;
    background-size: 20px
}

@media (min-width: 1024px) {
    .our-people .bx-next {
        margin-top: -50px
    }
}

#video-slider {
    position: relative
}

.our-people__selection {
    margin-bottom: 10px
}

.our-people__selection iframe {
    min-height: 150px
}

@media (min-width: 768px) {
    .our-people__selection iframe {
        min-height: 240px
    }
}

.our-people__thumbnail img {
    width: 100%
}

footer {
    width: 100%;
    background: #00D7FF
}

footer .footer__social {
    margin-bottom: 15px;
    float: right
}

footer .footer__social .footer__social-link {
    display: inline-block;
    height: 30px;
    width: 30px;
    text-indent: -9999px;
    margin: 0 5px 0 0
}

footer .footer__social .footer__social-link--twitter {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22fill%3Awhite%3B%22%3E%3Cpath%20d%3D%22M30%200C13.457%200%200%2013.457%200%2030s13.457%2030%2030%2030%2030-13.457%2030-30S46.543%200%2030%200zm10.764%2024.574c.006.24.008.484.002.73-.125%207.467-5.806%2015.974-15.93%2015.792-3.106-.055-5.982-1.043-8.39-2.688.43.06.87.093%201.315.102%202.577.047%204.977-.815%206.887-2.297-2.41-.087-4.396-1.757-5.057-4.014.334.07.713.112%201.066.118.504.01%201.06-.05%201.524-.173-2.51-.56-4.18-2.878-4.18-5.616v-.07c0%20.433%201.44.703%202.342.75-1.46-1.042-2.54-2.79-2.507-4.746.018-1.035.305-2%20.79-2.83%202.66%203.47%206.677%205.788%2011.247%206.105-.088-.414-.127-.845-.12-1.29.052-3.117%202.56-5.604%205.597-5.55%201.585.03%203.003.74%203.987%201.856%201.26-.23%202.443-.68%203.518-1.308-.43%201.312-1.322%202.403-2.473%203.08%201.115-.115%202.182-.4%203.178-.83-.756%201.12-1.706%202.098-2.796%202.876z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 30px
}

footer .footer__social .footer__social-link--facebook {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22fill%3Awhite%3B%22%3E%3Cpath%20d%3D%22M30%200C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200zm6.546%2025l-.342%204H32v17h-6V29h-3v-4h3v-3.493c0-1.396-.01-3.546.943-4.88%201.006-1.41%202.363-2.37%204.736-2.37%203.865%200%205.48.587%205.48.587l-.77%204.822s-1.11-.393-2.3-.393c-1.192%200-2.092.454-2.092%201.72V25h4.548z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 30px
}

footer .footer__social .footer__social-link--linkedin {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22fill%3Awhite%3B%22%3E%3Cpath%20d%3D%22M30-.255c-16.568%200-30%2013.432-30%2030s13.432%2030%2030%2030%2030-13.432%2030-30-13.432-30-30-30zM23%2039h-4V24h4v15zm-2.192-17h-.035c-1.695%200-2.795-1.33-2.795-2.832%200-1.53%201.133-2.763%202.863-2.763s2.792%201.267%202.825%202.796c0%201.503-1.096%202.8-2.857%202.8zM42%2039h-5v-7.866c0-2.1-.975-3.534-2.805-3.534-1.396%200-2.446.967-2.81%201.9-.134.335-.385.8-.385%201.27V39h-4.868s.068-14%200-15H31v2.085c1-1.062%202.18-2.582%204.865-2.582%203.33%200%206.135%202.23%206.135%207.033V39z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 30px
}

footer .footer__social .mobile-only p {
    color: white;
    margin: 0 0 5px;
    font-size: 0.7rem
}

@media (min-width: 768px) {
    footer .footer__social {
        float: none
    }
}

footer .footer__nav {
    margin: 60px 0 0 0
}

footer .footer__nav ul {
    padding: 0;
    display: block
}

footer .footer__nav ul li {
    list-style: none
}

footer .footer__nav ul li a {
    color: white;
    font-size: 0.8rem;
    text-decoration: none;
    padding: 10px 10px 0 0;
    display: inline-block
}

@media (min-width: 768px) {
    footer .footer__nav {
        margin: 20px 0 0 0
    }
    footer .footer__nav ul li {
        list-style: none;
        display: inline
    }
    footer .footer__nav ul li a {
        padding: 7px 10px 0px 0px;
        transition: color 0.3s ease-in-out
    }
    footer .footer__nav ul li a:hover {
        color: gray
    }
}

footer .footer__logo {
    text-align: left;
    float: left
}

footer .footer__logo img.footer__logo--img {
    width: 100px;
    height: auto;
    margin: 20px 0 0
}

footer .footer__logo img.footer__logo--mobile {
    margin: 0
}

@media (min-width: 768px) {
    footer .footer__logo {
        float: none;
        text-align: right
    }
    footer .footer__logo img.footer__logo--img {
        margin: 0
    }
}

footer .wrapper .row {
    padding: 0 10px
}

@media (min-width: 768px) {
    footer .wrapper .row {
        padding: 0 30px
    }
}

header {
    position: fixed;
    z-index: 21;
    top: 0;
    left: 0;
    background: #00D7FF;
    height: 60px;
    width: 100%;
    transition: background 0.2s ease-in-out 0.5s
}

header nav {
    max-width: 960px;
    margin: 0 auto
}

@media (min-width: 960px) {
    header nav {
        padding: 0 22px
    }
}

header nav div.logo {
    width: 120px;
    padding: 10px;
    float: left
}

header nav div.logo a.logo__link h1#logo {
    display: block;
    margin: 0;
    height: 40px;
    width: 200px;
    text-indent: -9999px;
    background: url(assets/img/logo-header.png) left 50% no-repeat;
    background-size: 50%
}

header nav .nav__button {
    position: fixed;
    right: 10px;
    top: 12px;
    background: none;
    border: 1px solid white;
    border-radius: 10px;
    color: white;
    padding: 5px 15px;
    font-size: 0.9rem;
    outline: none;
    line-height: 1.5
}

header nav .nav__button--open {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1)
}

header nav .menu-container {
    z-index: -1;
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: 60px;
    background: #00D7FF;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform 0.3s ease-in-out 0.3s;
    transition: transform 0.3s ease-in-out 0.3s
}

header nav .menu-container ul#menu-main {
    padding: 0;
    margin: 0
}

header nav .menu-container ul#menu-main li.open {
    opacity: 1;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20157.4%20157.6%22%20height%3D%22%22%20width%3D%22%22%3E%3Cpath%20d%3D%22M59.5%2045.5l41%2041m0-7l-41%2041%22%20fill%3D%22none%22%20stroke%3D%22%237FFFFF%22%20stroke-width%3D%2210%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E") 90% center no-repeat;
    background-size: 25px
}

header nav .menu-container ul#menu-main>li {
    padding: 0;
    margin-bottom: 0;
    opacity: 0;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20157.4%20157.6%22%20height%3D%22%22%20width%3D%22%22%3E%3Cpath%20d%3D%22M59.5%2045.5l41%2041m0-7l-41%2041%22%20fill%3D%22none%22%20stroke%3D%22%237FFFFF%22%20stroke-width%3D%2210%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E") 70% center no-repeat;
    background-size: 25px
}

header nav .menu-container ul#menu-main>li a {
    display: block;
    color: white;
    text-decoration: none;
    padding: 10px 0 10px 30px;
    font-size: 1.1rem;
    border-bottom: 1px solid #80EBFF;
    font-family: 'FSMatthewsBold'
}

header nav .menu-container ul#menu-main>li ul.sub-menu {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
    transition: all 0.6s ease-in-out;
    background: white;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 46px;
    padding: 0;
    margin: 0
}

header nav .menu-container ul#menu-main>li ul.sub-menu li {
    opacity: 0;
    margin-left: 100px;
    margin-bottom: 0;
    padding: 0;
    background: none
}

header nav .menu-container ul#menu-main>li ul.sub-menu li a {
    background: none;
    color: black;
    font-family: 'FSMatthewsBold'
}

header nav .menu-container ul#menu-main>li ul.sub-menu li:first-child {
    background: #00D7FF
}

header nav .menu-container ul#menu-main>li ul.sub-menu li:first-child a {
    color: white
}

header nav .menu-container ul#menu-main>li ul.sub-menu li:first-child button {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px 10px 10px 23px;
    border: none;
    background: #00D7FF url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20157.4%20157.6%22%20height%3D%22%22%20width%3D%22%22%3E%3Cpath%20d%3D%22M100.5%20118.5l-41-41m0%207l41-41%22%20fill%3D%22none%22%20stroke%3D%22%237FFFFF%22%20stroke-width%3D%2210%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E") left center no-repeat;
    background-size: 25px;
    color: white;
    font-size: 0.8rem
}

header nav .menu-container ul#menu-main>li ul.sub-menu--open {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

header nav .menu-container ul#menu-main>li ul.sub-menu--open li {
    opacity: 1;
    margin-left: 0;
    margin-bottom: 0
}

header nav .menu-container--open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: -webkit-transform 0.3s ease-in-out 0.05s;
    transition: transform 0.3s ease-in-out 0.05s
}

header.large {
    transition: background 0.2s ease-in-out 0.5s
}

header.transparent,
header.blue {
    background: #00D7FF;
    transition: background 0.2s ease-in-out 0.05s
}

body.overflow-hidden header {
    background: #00D7FF;
    transition: background 0.2s ease-in-out 0.1s
}

@media (min-width: 768px) {
    header {
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        background: transparent;
        height: 60px;
        width: 100%;
        transition: all 0.5s ease-in-out
    }
    header nav {
        max-width: 960px;
        margin: 0 auto
    }
    header nav div.logo {
        width: 120px;
        padding: 10px;
        float: left
    }
    header nav div.logo a.logo__link h1#logo {
        display: block;
        margin: 0;
        height: 40px;
        width: 120px;
        text-indent: -9999px;
        background: url(assets/img/logo-header.png) left 50% no-repeat;
        background-size: 120px 40px;
        transition: all 0.5s ease-in-out
    }
    header nav .nav__button {
        display: none
    }
    header nav .menu-container {
        width: 647px;
        float: right;
        z-index: 20;
        text-align: right;
        min-height: 60px;
        position: relative;
        top: 0px;
        background: none;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        transition: none
    }
    header nav .menu-container .menu-main-container {
        height: 60px
    }
    header nav .menu-container ul#menu-main {
        height: 60px;
        padding: 0 50px 0 0;
        margin: 0
    }
    header nav .menu-container ul#menu-main>li {
        display: inline-block;
        opacity: 1;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20157.4%20157.6%22%20height%3D%22%22%20width%3D%22%22%3E%3Cpath%20d%3D%22M116.5%2061.5l-41%2041m7%200l-41-41%22%20fill%3D%22none%22%20stroke%3D%22%237FFFFF%22%20stroke-width%3D%2210%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E");
        background-position: 100% center;
        background-repeat: no-repeat;
        background-size: 13px
    }
    header nav .menu-container ul#menu-main>li a {
        display: block;
        color: white;
        text-decoration: none;
        padding: 18px 20px 18px 8px;
        font-size: 0.95rem;
        border-bottom: none;
        line-height: 1.6
    }
    header nav .menu-container ul#menu-main>li ul.sub-menu {
        display: none;
        text-align: left;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        height: 0px;
        width: 182px;
        top: 60px;
        transition: none
    }
    header nav .menu-container ul#menu-main>li ul.sub-menu li,
    header nav .menu-container ul#menu-main>li ul.sub-menu li:first-child {
        background: white;
        opacity: 1;
        margin-left: 0;
        border-bottom: 1px solid #eee
    }
    header nav .menu-container ul#menu-main>li ul.sub-menu li a,
    header nav .menu-container ul#menu-main>li ul.sub-menu li:first-child a {
        background: white;
        color: black;
        padding: 7px 10px;
        transition: background 0.2s ease-in-out;
        font-family: 'FSMatthewsBold'
    }
    header nav .menu-container ul#menu-main>li ul.sub-menu li a:hover,
    header nav .menu-container ul#menu-main>li ul.sub-menu li:first-child a:hover {
        background: rgba(0, 0, 0, 0.05)
    }
    header nav .menu-container ul#menu-main>li ul.sub-menu li button,
    header nav .menu-container ul#menu-main>li ul.sub-menu li:first-child button {
        display: none
    }
    header nav .menu-container ul#menu-main>li ul.sub-menu--open {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    header nav .menu-container ul#menu-main>li ul.sub-menu--open li {
        opacity: 1;
        margin-left: 0
    }
    header nav .menu-container--open {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out
    }
    header.large {
        height: 80px;
        background: none;
        transition: all 0.3s ease-in-out
    }
    header.large nav div.logo a.logo__link h1#logo {
        height: 60px;
        width: 180px;
        text-indent: -9999px;
        background: url(assets/img/logo-header.png) left 50% no-repeat;
        background-size: 180px 60px
    }
    header.large nav .menu-container {
        top: 28px;
        transition: top 0.2s ease-in-out 0.2s
    }
}

@media (min-width: 768px) and (min-width: 860px) {
    header.large nav .menu-container {
        top: 7px
    }
}

@media (min-width: 768px) {
    header.large nav ul#menu-main>li {
        padding-bottom: 21px;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20157.4%20157.6%22%20height%3D%22%22%20width%3D%22%22%3E%3Cpath%20d%3D%22M116.5%2061.5l-41%2041m7%200l-41-41%22%20fill%3D%22none%22%20stroke%3D%22%23eee%22%20stroke-width%3D%2210%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E");
        background-position: 100% 35%;
        background-repeat: no-repeat;
        background-size: 13px
    }
    header.large nav ul#menu-main>li>ul.sub-menu {
        top: 52px
    }
}

@media (min-width: 768px) and (min-width: 860px) {
    header.large nav ul#menu-main>li>ul.sub-menu {
        top: 72px
    }
}

@media (min-width: 768px) {
    header.blue {
        background: #00D7FF
    }
    header.transparent {
        background: #000000
    }
    header.transparent nav .menu-container ul#menu-main li {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20157.4%20157.6%22%20height%3D%22%22%20width%3D%22%22%3E%3Cpath%20d%3D%22M116.5%2061.5l-41%2041m7%200l-41-41%22%20fill%3D%22none%22%20stroke%3D%22%23eee%22%20stroke-width%3D%2210%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E");
        background-position: 100% center;
        background-repeat: no-repeat;
        background-size: 13px
    }
    .no-js header:hover {
        background: #00D7FF;
        transition: background 0.3s ease-in-out
    }
    .no-js header:hover nav ul#menu-main>li {
        padding-bottom: 21px;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20157.4%20157.6%22%20height%3D%22%22%20width%3D%22%22%3E%3Cpath%20d%3D%22M116.5%2061.5l-41%2041m7%200l-41-41%22%20fill%3D%22none%22%20stroke%3D%22%237FFFFF%22%20stroke-width%3D%2210%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E");
        background-position: 100% 35%;
        background-repeat: no-repeat;
        background-size: 13px
    }
}

nav form {
    width: 100%
}

nav form input.search-field {
    width: 100%;
    border: none;
    background: #80EBFF url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22fill%3Awhite%3B%22%3E%3Cpath%20d%3D%22M32.09%2018c-5.74%200-10.412%204.555-10.412%2010.152%200%202.034.623%203.927%201.684%205.517l-5.225%204.866c-.81.753-.853%202.018-.1%202.826.394.423.928.637%201.463.637.488%200%20.978-.18%201.363-.538l5.32-4.957c1.68%201.133%203.714%201.8%205.906%201.8%205.74%200%2010.41-4.554%2010.41-10.152C42.5%2022.555%2037.83%2018%2032.09%2018zm0%2016.306c-3.536%200-6.412-2.76-6.412-6.153S28.554%2022%2032.09%2022c3.534%200%206.41%202.76%206.41%206.152s-2.876%206.154-6.41%206.154z%22%2F%3E%3C%2Fsvg%3E") 25px center no-repeat;
    background-size: 30px;
    padding: 15px 0 15px 50px;
    box-sizing: border-box;
    font-size: 0.9rem;
    color: white
}

nav form input.search-field::-webkit-input-placeholder {
    color: white;
    padding-left: 5px
}

nav form input.search-field::-moz-placeholder {
    color: white;
    padding-left: 5px
}

nav form input.search-field:-ms-input-placeholder {
    color: white;
    padding-left: 5px
}

nav form input.search-field::placeholder {
    color: white;
    padding-left: 5px
}

nav form input.search-submit {
    position: absolute;
    height: 36px;
    width: 36px;
    right: 0;
    top: 0px;
    border: none;
    background: none;
    color: #80EBFF
}

@media (min-width: 768px) {
    nav form.open {
        width: 300px;
        transition: width 0.3s ease-in-out
    }
    nav form.open input.search-field {
        background: #00D7FF url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22fill%3Awhite%3B%22%3E%3Cpath%20d%3D%22M32.09%2018c-5.74%200-10.412%204.555-10.412%2010.152%200%202.034.623%203.927%201.684%205.517l-5.225%204.866c-.81.753-.853%202.018-.1%202.826.394.423.928.637%201.463.637.488%200%20.978-.18%201.363-.538l5.32-4.957c1.68%201.133%203.714%201.8%205.906%201.8%205.74%200%2010.41-4.554%2010.41-10.152C42.5%2022.555%2037.83%2018%2032.09%2018zm0%2016.306c-3.536%200-6.412-2.76-6.412-6.153S28.554%2022%2032.09%2022c3.534%200%206.41%202.76%206.41%206.152s-2.876%206.154-6.41%206.154z%22%2F%3E%3C%2Fsvg%3E") 10px center no-repeat;
        background-size: 30px
    }
    nav form {
        width: 50px;
        height: 60px;
        margin-top: 16px;
        position: absolute;
        z-index: 9999;
        right: 0
    }
    nav form input.search-field {
        width: 100%;
        border: none;
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22fill%3Awhite%3B%22%3E%3Cpath%20d%3D%22M32.09%2018c-5.74%200-10.412%204.555-10.412%2010.152%200%202.034.623%203.927%201.684%205.517l-5.225%204.866c-.81.753-.853%202.018-.1%202.826.394.423.928.637%201.463.637.488%200%20.978-.18%201.363-.538l5.32-4.957c1.68%201.133%203.714%201.8%205.906%201.8%205.74%200%2010.41-4.554%2010.41-10.152C42.5%2022.555%2037.83%2018%2032.09%2018zm0%2016.306c-3.536%200-6.412-2.76-6.412-6.153S28.554%2022%2032.09%2022c3.534%200%206.41%202.76%206.41%206.152s-2.876%206.154-6.41%206.154z%22%2F%3E%3C%2Fsvg%3E") 10px center no-repeat;
        background-size: 30px;
        padding: 5px 20px 5px 45px;
        box-sizing: border-box;
        font-size: 0.9rem;
        color: white
    }
    nav form input.search-field:focus {
        border: 1px solid white;
        border-radius: 10px;
        box-shadow: none;
        outline: none;
        margin-right: 10px
    }
    nav form input.search-field::-webkit-input-placeholder {
        color: transparent;
        padding-left: 5px
    }
    nav form input.search-field::-moz-placeholder {
        color: transparent;
        padding-left: 5px
    }
    nav form input.search-field:-ms-input-placeholder {
        color: transparent;
        padding-left: 5px
    }
    nav form input.search-field::placeholder {
        color: transparent;
        padding-left: 5px
    }
    nav form input.search-submit {
        position: absolute;
        height: 0px;
        width: 1px;
        right: 0;
        top: 0px;
        border: none;
        background: none;
        color: #80EBFF
    }
    header.large nav form {
        height: 40px;
        margin-top: 10px
    }
    header.large nav form input.search-field {
        transition: all 0.2s ease-in-out 0.2s;
        padding: 0px 0 0px 50px;
        height: 30px;
        margin-top: 5px
    }
}

.menu-foot-container ul li {
    padding: 0;
    margin: 0;
    background: none
}

.cf:before,
.cf:after {
    content: " ";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    *zoom: 1
}

ul.bx-slider {
    padding: 0;
    margin: 0
}

ul.bx-slider li {
    padding: 0;
    margin: 0
}

ul.leadership-slider .slide__image {
    position: relative
}

ul.leadership-slider .slide__image img {
    width: 100%
}

ul.leadership-slider .slide__text {
    padding: 20px
}

@media (min-width: 768px) {
    ul.leadership-slider .slide__text {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 960px;
        margin: auto;
        padding: 20px 0 20px 80px;
        z-index: 10
    }
}

@media (min-width: 768px) and (min-width: 1024px) {
    ul.leadership-slider .slide__text {
        padding: 30px
    }
}

@media (min-width: 768px) {
    ul.leadership-slider .slide__text .slide__text--half {
        width: 40%
    }
    ul.leadership-slider .slide__text .slide__text--half p {
        color: white
    }
}

ul.leadership-slider .slide__text h3 {
    margin: 0
}

ul.leadership-slider .slide__text .text-lead {
    margin-bottom: 10px
}

.joinus-right {
    display: none
}

@media (min-width: 1024px) {
    .joinus-right {
        display: block
    }
}

.bx-default-pager {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bx-default-pager .bx-pager-item {
    margin-bottom: 10px;
    width: 20px;
    height: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bx-default-pager .bx-pager-item a {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    outline: 0;
    text-indent: -99999px;
    z-index: 9999;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22fill%3Awhite%3B%22%3E%3Cpath%20d%3D%22M30%2025c2.757%200%205%202.243%205%205s-2.243%205-5%205-5-2.243-5-5%202.243-5%205-5m0-4c-4.97%200-9%204.03-9%209s4.03%209%209%209%209-4.03%209-9-4.03-9-9-9z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 40px;
    color: transparent
}

.bx-default-pager .bx-pager-item a.active {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22fill%3Awhite%3B%22%3E%3Cpath%20d%3D%22M30%2021c-4.963%200-9%204.037-9%209s4.037%209%209%209%209-4.037%209-9-4.037-9-9-9z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 40px
}

@media (min-width: 768px) {
    .bx-default-pager {
        margin-top: -40px
    }
}

.bx-next {
    position: absolute;
    top: calc(50% - 20px);
    right: 10px;
    outline: 0;
    width: 40px;
    height: 40px;
    text-indent: -99999px;
    z-index: 9999;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M33.4%2038.188l7.23-6.723c.01-.008.015-.018.023-.025.062-.06.116-.127.17-.195.03-.036.063-.068.09-.107.056-.08.102-.17.145-.26.015-.028.033-.055.047-.086.048-.11.084-.228.11-.348.003-.012.01-.023.012-.035.027-.132.042-.27.042-.41s-.016-.275-.043-.407c-.003-.015-.01-.027-.014-.043-.027-.117-.062-.23-.108-.34-.015-.033-.036-.063-.053-.097-.042-.085-.085-.17-.14-.248-.03-.043-.066-.08-.1-.12-.05-.062-.1-.125-.157-.18-.01-.01-.016-.02-.024-.03l-7.23-6.724c-.81-.75-2.075-.705-2.827.105-.358.385-.535.873-.535%201.36%200%20.536.215%201.07.638%201.465L34.182%2028H20.73c-1.105%200-2%20.895-2%202s.895%202%202%202h13.45l-3.503%203.258c-.81.753-.857%202.02-.104%202.827.753.81%202.02.855%202.827.103z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M30%204c14.336%200%2026%2011.664%2026%2026%200%2014.337-11.664%2026-26%2026S4%2044.337%204%2030C4%2015.664%2015.664%204%2030%204m0-4C13.432%200%200%2013.433%200%2030c0%2016.568%2013.432%2030%2030%2030s30-13.432%2030-30C60%2013.433%2046.568%200%2030%200z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 40px
}

.bx-prev {
    position: absolute;
    left: 10px;
    top: calc(50% - 20px);
    outline: 0;
    width: 40px;
    height: 40px;
    text-indent: -99999px;
    z-index: 9999;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M30%204c14.337%200%2026%2011.664%2026%2026%200%2014.338-11.663%2026-26%2026S4%2044.338%204%2030C4%2015.664%2015.663%204%2030%204m0-4C13.432%200%200%2013.433%200%2030c0%2016.568%2013.432%2030%2030%2030s30-13.432%2030-30C60%2013.433%2046.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M26.6%2021.812l-7.23%206.723c-.01.008-.015.018-.023.025-.062.06-.116.127-.17.195-.03.036-.063.068-.09.107-.056.08-.102.17-.145.26-.015.028-.033.055-.047.086-.048.11-.084.228-.11.348-.003.012-.01.023-.012.035-.027.132-.042.27-.042.41s.016.275.043.407c.003.015.01.027.014.043.027.117.062.23.108.34.015.033.036.063.053.097.042.085.085.17.14.248.03.043.066.08.1.12.05.062.1.125.157.18.01.01.016.02.024.03l7.23%206.724c.81.75%202.075.705%202.827-.105.358-.385.535-.873.535-1.36%200-.536-.215-1.07-.638-1.466L25.818%2032H39.27c1.105%200%202-.897%202-2s-.895-2-2-2H25.82l3.504-3.26c.81-.752.857-2.017.104-2.825-.752-.81-2.018-.855-2.826-.103z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 40px
}

section#video {
    overflow: hidden;
    background: black;
    position: relative;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 400px;
    height: 94vh;
    width: 100%
}

section#video picture {
    position: absolute;
    left: 0;
    top: 0;
    height: 94vh;
    object-fit: cover;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 12s;
    animation-duration: 12s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    opacity: 0
}

section#video picture img {
    min-width: 100%;
    min-height: 100%;
    min-width: 100vw;
    min-height: 94vh
}

@media all and (orientation: portrait) {
    section#video picture img {
        height: 94vh
    }
}

@media all and (orientation: landscape) {
    section#video picture img {
        width: 100vw
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    section#video {
        height: 300px
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    section#video {
        height: 538px
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    section#video {
        height: 300px
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    section#video {
        height: 450px
    }
}

section#video picture.loaded {
    transition: opacity 0.1s ease-in-out;
    -webkit-animation-name: mobileImageFade;
    animation-name: mobileImageFade
}

section#video picture:nth-of-type(1) {
    -webkit-animation-delay: 10s;
    animation-delay: 10s
}

section#video picture:nth-of-type(2) {
    -webkit-animation-delay: 8s;
    animation-delay: 8s
}

section#video picture:nth-of-type(3) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s
}

section#video picture:nth-of-type(4) {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

section#video picture:nth-of-type(5) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

@-webkit-keyframes mobileImageFade {
    0% {
        opacity: 0
    }
    8% {
        opacity: 1
    }
    17% {
        opacity: 1
    }
    25% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes mobileImageFade {
    0% {
        opacity: 0
    }
    8% {
        opacity: 1
    }
    17% {
        opacity: 1
    }
    25% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@media (min-aspect-ratio: 16 / 9) {
    #video>video.video__player {
        width: 108%;
        height: auto
    }
}

@media (max-aspect-ratio: 16 / 9) {
    #video>video.video__player {
        width: auto;
        height: 108%;
        overflow: hidden
    }
}

@supports (object-fit: cover) {
    #video>video.video__player {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

#video>video::-webkit-media-controls {
    display: none !important
}

#landingVid {
    display: none
}

.videoautoplay section#video img {
    display: none
}

.videoautoplay #landingVid {
    display: inline-block
}

@media (min-width: 1025px) {
    #landingVid {
        display: inline-block
    }
    section#video img {
        display: none
    }
}

.video__text {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.video__text p {
    font-size: 1.2rem
}

@media (min-width: 768px) {
    .video__text p {
        font-size: 1.8rem
    }
}

.body-hero {
    height: 500px
}

@media (min-width: 768px) {
    .body-hero {
        height: 100vh
    }
}

.body-hero .body-hero__text {
    width: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.body-hero .body-hero__text h3 {
    font-size: 1.9rem
}

@media (min-width: 768px) {
    .body-hero .body-hero__text h3 {
        font-size: 4rem
    }
    .body-hero .body-hero__text p {
        margin-top: 20px;
        font-size: 1.3rem
    }
}

#hero-two {
    background: #00D7FF url("assets/img/home-hero-2.jpg") center center no-repeat;
    background-size: cover
}

@media (min-width: 768px) {
    #hero-two {
        background: #00D7FF url("assets/img/home-hero-2-desktop.png") center center no-repeat;
        background-size: cover
    }
}

#hero-three {
    background: #00D7FF url("assets/img/home-hero-3.jpg") center center no-repeat;
    background-size: cover
}

#we-are-immediate {
    font-size: 3rem;
    letter-spacing: 0
}

@media (min-width: 768px) {
    #we-are-immediate {
        font-size: 4.5rem
    }
}

.brand-hero {
    width: 100%;
    top: 0;
    display: block;
    position: relative;
    height: 60vh;
    font-size: 0.8rem
}

.brand-hero .brand-hero__logo {
    position: relative;
    width: 100%;
    top: 50%
}

.brand-hero .brand-hero__logo img {
    display: block;
    width: 190px;
    height: auto
}

@media (min-width: 768px) {
    .brand-hero {
        background-position: 30%;
        background-repeat: no-repeat
    }
    .brand-hero .brand-hero__logo {
        position: relative;
        width: 100%;
        top: 40%
    }
    .brand-hero .brand-hero__logo img {
        margin: 0;
        width: 360px;
        height: auto;
        max-height: 200px
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .brand-hero .brand-hero__logo img {
        max-height: 250px
    }
}

.brand-intro {
    height: auto;
    padding: 30px 0
}

.platform {
    width: 50%;
    float: left;
    text-align: center;
    position: relative;
    margin-bottom: 20px
}

.platform .platform-image {
    position: relative;
    min-height: 110px
}

.platform .platform-image .platform-image--base {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.platform .platform-image .platform__image--platform {
    z-index: 50
}

.platform .platform-image .platform__image--Website {
    z-index: 1;
    height: 70px;
    width: 113px;
    margin-bottom: 30px
}

.platform .platform-image .platform__image--Square {
    z-index: 51;
    height: 95px;
    width: 72px
}

.platform .platform-image .platform__image--Digital {
    margin-top: 14px;
    z-index: 1;
    height: 72px;
    width: 59px
}

.platform .platform-image .platform__image--App {
    margin-top: 14px;
    z-index: 1;
    height: 72px;
    width: 43px
}

.platform img.platform__image {
    position: relative;
    height: 100px
}

.platform .platform__text {
    width: 100%;
    bottom: 0px
}

.platform .platform__text h4.platform__header {
    margin: 7px 0 0 0
}

.platform .platform__text a.platform__link {
    display: inline-block;
    color: black;
    text-decoration: none;
    margin: 7px 0;
    padding-right: 10px;
    background: url("assets/img/icons/grey-arrow-right.png") 100% 80% no-repeat;
    background-size: 5px
}

@media (min-width: 768px) {
    .platform .platform__text a.platform__link {
        background: url("assets/img/icons/grey-arrow-right.png") 100% 65% no-repeat;
        background-size: 5px
    }
}

.platform--single {
    margin-top: 20px;
    width: 100%;
    text-align: center
}

.platform--single .platform__text a.platform__link {
    background: url("assets/img/icons/grey-arrow-right.png") 100% 80% no-repeat;
    background-size: 5px
}

@media (min-width: 768px) {
    .platform--single .platform__text a.platform__link {
        background: url("assets/img/icons/grey-arrow-right.png") 70% 64% no-repeat;
        background-size: 5px
    }
}

@media (min-width: 768px) {
    .platform {
        width: 25%;
        min-height: 165px
    }
    .platform .platform__text {
        position: absolute
    }
    .platform .platform__text h4.platform__header {
        display: block
    }
    .platform .platform__text a.platform__link {
        background: url("assets/img/icons/grey-arrow-right.png") 100% 65% no-repeat;
        background-size: 5px
    }
    .platform--single {
        margin-top: 90px;
        width: 100%
    }
}

.fast-facts {
    width: 100%;
    font-weight: bold
}

.fast-facts .fast-facts__fact {
    background: black;
    margin: 20px 20px 0 0;
    padding: 10px 20px
}

.fast-facts .fast-facts__fact--audience {
    background: #00D7FF
}

.fast-facts .fast-facts__box {
    width: 100%;
    float: left
}

@media (min-width: 1024px) {
    .fast-facts .fast-facts__box {
        width: 50%;
        margin-top: 13px
    }
}

.fast-facts .fast-facts__box .fast-facts__value {
    color: white;
    width: 25%;
    float: right;
    text-align: right;
    font-size: 1.5rem
}

@media (min-width: 768px) {
    .fast-facts .fast-facts__box .fast-facts__value {
        width: 20%
    }
}

.fast-facts .fast-facts__box .fast-facts__key {
    padding-top: 3px;
    color: white;
    float: right;
    width: 72%;
    float: right
}

@media (min-width: 1000px) {
    .fast-facts .fast-facts__box .fast-facts__key {
        width: 43%
    }
}

@media (min-width: 1500px) {
    .fast-facts .fast-facts__box .fast-facts__key {
        width: 30%
    }
}

.fast-facts .fast-facts__copy {
    padding: 30px;
    float: left;
    width: 100%
}

@media (min-width: 1024px) {
    .fast-facts .fast-facts__copy {
        width: 40%
    }
}

#brands.related-brands {
    margin: 0
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #brands.related-brands .brand-box:nth-child(4n) {
        display: none
    }
}

.brand-hero--social-links {
    max-width: 960px;
    margin: -50px auto 0
}

@media (min-width: 768px) {
    .brand-hero--social-links {
        margin: -60px auto 0
    }
}

.brand-hero--social-links .link--social-network {
    float: right;
    display: inline-block;
    height: 30px;
    width: 30px;
    margin: 10px 5px;
    text-indent: -9999px
}

@media (min-width: 768px) {
    .brand-hero--social-links .link--social-network {
        height: 40px;
        width: 40px
    }
}

.brand-hero--social-links .link--Facebook {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20fill%3D%22%23547BBC%22%20d%3D%22M30%200C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M30%204c14.337%200%2026%2011.663%2026%2026S44.337%2056%2030%2056%204%2044.337%204%2030%2015.663%204%2030%204m0-4C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M22.92%2024.87h3V21.38c0-1.396-.01-3.546.942-4.88%201.006-1.41%202.363-2.37%204.736-2.37%203.866%200%205.482.587%205.482.587l-.77%204.822s-1.11-.393-2.3-.393c-1.193%200-2.093.454-2.093%201.72v4.007h4.546l-.342%204h-4.203v17h-6v-17h-3v-4z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 30px
}

@media (min-width: 768px) {
    .brand-hero--social-links .link--Facebook {
        background-size: 40px
    }
}

.brand-hero--social-links .link--Facebook:hover {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20fill%3D%22%23547BBC%22%20d%3D%22M30%200C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M22.92%2024.87h3V21.38c0-1.396-.01-3.546.942-4.88%201.006-1.41%202.363-2.37%204.736-2.37%203.866%200%205.482.587%205.482.587l-.77%204.822s-1.11-.393-2.3-.393c-1.193%200-2.093.454-2.093%201.72v4.007h4.546l-.342%204h-4.203v17h-6v-17h-3v-4z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 30px
}

@media (min-width: 768px) {
    .brand-hero--social-links .link--Facebook:hover {
        background-size: 40px
    }
}

.brand-hero--social-links .link--Youtube {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20fill%3D%22%23868686%22%20d%3D%22M30%200C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%23E9644A%22%20d%3D%22M30%200C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M30%204c14.337%200%2026%2011.664%2026%2026%200%2014.337-11.663%2026-26%2026S4%2044.337%204%2030C4%2015.664%2015.663%204%2030%204m0-4C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M40.238%2019h-20.48S14%2019.03%2014%2024.414v11.174S14.375%2041%2019.758%2041h20.48S46%2040.97%2046%2035.588V24.414S45.625%2019%2040.238%2019zM26%2036.025v-12.02l10.23%206.01L26%2036.025z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 30px
}

@media (min-width: 768px) {
    .brand-hero--social-links .link--Youtube {
        background-size: 40px
    }
}

.brand-hero--social-links .link--Youtube:hover {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20fill%3D%22%23868686%22%20d%3D%22M30%200C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%23E9644A%22%20d%3D%22M30%200C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M40.238%2019h-20.48S14%2019.03%2014%2024.414v11.174S14.375%2041%2019.758%2041h20.48S46%2040.97%2046%2035.588V24.414S45.625%2019%2040.238%2019zM26%2036.025v-12.02l10.23%206.01L26%2036.025z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 30px
}

@media (min-width: 768px) {
    .brand-hero--social-links .link--Youtube:hover {
        background-size: 40px
    }
}

.brand-hero--social-links .link--Twitter {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20fill%3D%22%23868686%22%20d%3D%22M30%200C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%2378CBEF%22%20d%3D%22M30%200C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M30%204c14.337%200%2026%2011.663%2026%2026S44.337%2056%2030%2056%204%2044.337%204%2030%2015.663%204%2030%204m0-4C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M43.558%2021.698c-.996.432-2.062.716-3.178.832%201.15-.678%202.043-1.77%202.473-3.08-1.074.628-2.258%201.076-3.518%201.307-.984-1.116-2.402-1.827-3.988-1.855-3.037-.056-5.545%202.432-5.598%205.55-.007.444.032.875.12%201.288-4.57-.317-8.586-2.636-11.246-6.105-.486.83-.773%201.795-.79%202.83-.034%201.957%201.047%203.704%202.506%204.746-.9-.046-2.342-.316-2.342-.75v.07c0%202.737%201.67%205.055%204.182%205.617-.465.124-1.02.182-1.524.173-.354-.006-.732-.047-1.066-.12.66%202.258%202.646%203.928%205.057%204.015-1.91%201.48-4.31%202.344-6.886%202.297-.444-.01-.887-.04-1.316-.102%202.408%201.645%205.285%202.633%208.39%202.688%2010.126.182%2015.807-8.325%2015.932-15.792.006-.246.004-.49-.002-.73%201.088-.78%202.038-1.76%202.794-2.878%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 30px
}

@media (min-width: 768px) {
    .brand-hero--social-links .link--Twitter {
        background-size: 40px
    }
}

.brand-hero--social-links .link--Twitter:hover {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20fill%3D%22%23868686%22%20d%3D%22M30%200C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%2378CBEF%22%20d%3D%22M30%200C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M43.558%2021.698c-.996.432-2.062.716-3.178.832%201.15-.678%202.043-1.77%202.473-3.08-1.074.628-2.258%201.076-3.518%201.307-.984-1.116-2.402-1.827-3.988-1.855-3.037-.056-5.545%202.432-5.598%205.55-.007.444.032.875.12%201.288-4.57-.317-8.586-2.636-11.246-6.105-.486.83-.773%201.795-.79%202.83-.034%201.957%201.047%203.704%202.506%204.746-.9-.046-2.342-.316-2.342-.75v.07c0%202.737%201.67%205.055%204.182%205.617-.465.124-1.02.182-1.524.173-.354-.006-.732-.047-1.066-.12.66%202.258%202.646%203.928%205.057%204.015-1.91%201.48-4.31%202.344-6.886%202.297-.444-.01-.887-.04-1.316-.102%202.408%201.645%205.285%202.633%208.39%202.688%2010.126.182%2015.807-8.325%2015.932-15.792.006-.246.004-.49-.002-.73%201.088-.78%202.038-1.76%202.794-2.878%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 30px
}

@media (min-width: 768px) {
    .brand-hero--social-links .link--Twitter:hover {
        background-size: 40px
    }
}

.brand-hero--social-links .link--Pinterest {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20fill%3D%22%23868686%22%20d%3D%22M30%200C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%23E95655%22%20d%3D%22M30%200C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M30%204c14.337%200%2026%2011.664%2026%2026%200%2014.337-11.663%2026-26%2026S4%2044.337%204%2030C4%2015.664%2015.663%204%2030%204m0-4C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M30.002%2046.004c-1.577%200-3.1-.23-4.536-.658.606-.96%201.272-2.194%201.61-3.426.196-.713%201.127-4.4%201.127-4.4.557%201.062%202.18%201.995%203.908%201.995%205.147%200%208.636-4.688%208.636-10.97%200-4.744-4.02-9.168-10.13-9.168-7.605%200-11.44%205.455-11.44%2010%200%202.75%201.043%205.2%203.28%206.114.365.15.694.005.8-.4.074-.28.25-.99.326-1.283.106-.403.066-.543-.23-.894-.643-.76-1.054-1.744-1.054-3.14%200-4.043%203.024-7.66%207.88-7.66%204.294%200%206.657%202.623%206.657%206.13%200%204.614-2.042%208.51-5.074%208.51-1.674%200-2.927-1.387-2.524-3.085.48-2.025%201.413-4.214%201.413-5.68%200-1.308-.704-2.4-2.16-2.4-1.71%200-3.086%201.77-3.086%204.144%200%201.51.51%202.53.51%202.53s-1.75%207.424-2.058%208.72c-.286%201.218-.322%202.56-.28%203.677-5.637-2.477-9.58-8.105-9.58-14.66%200-8.84%207.167-16.003%2016.007-16.003%208.836%200%2016.002%207.164%2016.002%2016.004%200%208.838-7.167%2016.004-16.003%2016.004z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 30px
}

@media (min-width: 768px) {
    .brand-hero--social-links .link--Pinterest {
        background-size: 40px
    }
}

.brand-hero--social-links .link--Pinterest:hover {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20fill%3D%22%23868686%22%20d%3D%22M30%200C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%23E95655%22%20d%3D%22M30%200C13.432%200%200%2013.432%200%2030s13.432%2030%2030%2030%2030-13.432%2030-30S46.568%200%2030%200z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M30.002%2046.004c-1.577%200-3.1-.23-4.536-.658.606-.96%201.272-2.194%201.61-3.426.196-.713%201.127-4.4%201.127-4.4.557%201.062%202.18%201.995%203.908%201.995%205.147%200%208.636-4.688%208.636-10.97%200-4.744-4.02-9.168-10.13-9.168-7.605%200-11.44%205.455-11.44%2010%200%202.75%201.043%205.2%203.28%206.114.365.15.694.005.8-.4.074-.28.25-.99.326-1.283.106-.403.066-.543-.23-.894-.643-.76-1.054-1.744-1.054-3.14%200-4.043%203.024-7.66%207.88-7.66%204.294%200%206.657%202.623%206.657%206.13%200%204.614-2.042%208.51-5.074%208.51-1.674%200-2.927-1.387-2.524-3.085.48-2.025%201.413-4.214%201.413-5.68%200-1.308-.704-2.4-2.16-2.4-1.71%200-3.086%201.77-3.086%204.144%200%201.51.51%202.53.51%202.53s-1.75%207.424-2.058%208.72c-.286%201.218-.322%202.56-.28%203.677-5.637-2.477-9.58-8.105-9.58-14.66%200-8.84%207.167-16.003%2016.007-16.003%208.836%200%2016.002%207.164%2016.002%2016.004%200%208.838-7.167%2016.004-16.003%2016.004z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 30px
}

@media (min-width: 768px) {
    .brand-hero--social-links .link--Pinterest:hover {
        background-size: 40px
    }
}

.brand-filter.active {
    background: #00D7FF;
    color: white
}

.our-brands__filter-options--sectors {
    display: none
}

.filter-sector.active,
.filter-audience.active {
    background: gray;
    border: gray;
    color: white
}

.our-brands__filter-options--audience {
    display: none
}