video::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none
}

.IIV::-webkit-media-controls-play-button,
.IIV::-webkit-media-controls-start-playback-button {
    opacity: 0;
    pointer-events: none;
    width: 5px
}

*::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none
}

*::-webkit-media-controls-panel {
    display: none!important;
    -webkit-appearance: none
}

.intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent
}

.section {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0a0a0a;
    background-image: none
}

.section.testimonial {
    background-color: #050505;
    background-image: none
}

.section.services {
    background-color: #050505
}

.case-study-1 {
    position: static;
    display: none;
    overflow: visible;
    width: 100%;
    height: 100%;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-style: none solid;
    border-width: 0;
    border-color: #fff;
    background-color: #0b0a0a
}

.case-study-1.alt-5.alt-6 {
    background-image: none
}

.case-study-1.alt-5.alt-6.alt-7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0%;
    margin-left: 0%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.case-study-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border: 15px none #fff;
    background-color: #050505;
    background-image: -webkit-linear-gradient(0deg, #050505 50%, transparent 0), -webkit-linear-gradient(270deg, #050505 46%, #f5f5f5 0, #f5f5f5 56%, #050505 0);
    background-image: linear-gradient(90deg, #050505 50%, transparent 0), linear-gradient(180deg, #050505 46%, #f5f5f5 0, #f5f5f5 56%, #050505 0)
}

.case-study-2.alt {
    background-color: #0f0e0e;
    background-image: none
}

.case-study-2.mirror {
    background-image: none
}

.case-study-2.first {
    background-color: #050505;
    background-image: -webkit-linear-gradient(0deg, #050505 50%, transparent 0), -webkit-linear-gradient(270deg, #050505 44%, #f5f5f5 0, #f5f5f5 56%, #050505 0);
    background-image: linear-gradient(90deg, #050505 50%, transparent 0), linear-gradient(180deg, #050505 44%, #f5f5f5 0, #f5f5f5 56%, #050505 0)
}

.case-study-2.second {
    background-image: -webkit-linear-gradient(0deg, #050505 50%, transparent 0), -webkit-linear-gradient(270deg, #050505 44%, #f5f5f5 0, #f5f5f5 56%, #050505 0);
    background-image: linear-gradient(90deg, #050505 50%, transparent 0), linear-gradient(180deg, #050505 44%, #f5f5f5 0, #f5f5f5 56%, #050505 0)
}

.case-study-3 {
    height: 100%;
    background-color: #141414
}

.h1 {
    font-family: Prompt;
    color: #fffcfc;
    font-weight: 900
}

.h2 {
    font-family: Prompt;
    color: #fffcfc;
    font-weight: 900
}

.glitch {
    display: block;
    padding: 0em 0;
    background-color: #000;
    font-size: auto;
    line-height: auto
}

.video-r {
    position: relative;
    z-index: 10;
    display: block;
    overflow: hidden;
    width: auto;
    height: 600px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: transparent;
    box-shadow: -49px 49px 0 0 #000;
    -webkit-perspective: none;
    perspective: none
}

.video-r.is-animated {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: 100%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 40px none #fff;
    box-shadow: none;
    text-align: left
}

.video-r.is-animated.alt-5 {
    border: 10px none #fff
}

.video-r.is-animated.alt-5.alt-7 {
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
    box-shadow: none
}

.portfolio-heading {
    position: absolute;
    z-index: 100;
    display: block;
    overflow: visible;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: transparent;
    -webkit-transform: translate(-230px, 280px);
    -ms-transform: translate(-230px, 280px);
    transform: translate(-230px, 280px);
    font-family: Prompt;
    color: #fff;
    font-size: 2em;
    line-height: .8em;
    font-style: italic;
    font-weight: 900;
    letter-spacing: 0
}

.portfolio-blurb {
    position: static;
    overflow: visible;
    width: 240px;
    min-width: auto;
    margin-bottom: 2em;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    font-family: Merriweather, serif;
    color: #e9e9e9;
    font-size: 1em;
    line-height: 2.5em;
    font-weight: 400;
    letter-spacing: 0
}

.portfolio-blurb.alt-3 {
    color: #000;
    line-height: 1.4em
}

.portfolio-blurb-container {
    position: relative;
    left: 0;
    top: auto;
    right: auto;
    bottom: auto;
    z-index: 40;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: auto;
    min-width: auto;
    margin: 0;
    padding: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border: 28px none #161513;
    border-radius: 0;
    background-color: #0f0e0e;
    box-shadow: 20px 0 28px 0 #050505;
    opacity: 1;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    color: transparent;
    font-size: 14px
}

.portfolio-blurb-container.is-animated {
    padding-left: 49px;
    box-shadow: -17px 17px 0 0 rgba(0, 0, 0, .13)
}

.portfolio-blurb-container.alt {
    border-style: none;
    border-left-width: 4px;
    border-left-color: #fff;
    box-shadow: 0 -40px 0 -30px #fff, 50px 0 50px -25px #070606;
    -webkit-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    transform: translate(-100px, 0)
}

.portfolio-blurb-container.alt-2 {
    border-style: none;
    border-right-color: #222221;
    background-color: #131111;
    box-shadow: 39px 0 50px -25px #070606;
    -webkit-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    transform: translate(-100px, 0)
}

.portfolio-blurb-container.alt-2.alt-3 {
    border-style: none;
    background-color: #fff;
    box-shadow: none
}

.portfolio-blurb-container.alt-2.alt-3.alt-4 {
    position: static;
    background-image: -webkit-linear-gradient(270deg, #1a1818, #000);
    background-image: linear-gradient(180deg, #1a1818, #000);
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.portfolio-blurb-container.alt-2.alt-3.alt-4.alt-5 {
    border-right: 10px none #fff;
    background-image: -webkit-linear-gradient(270deg, #1d1a1a, #000);
    background-image: linear-gradient(180deg, #1d1a1a, #000);
    box-shadow: none;
    -webkit-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    transform: translate(-100px, 0)
}

.portfolio-blurb-container.alt-2.alt-3.alt-4.alt-5.alt-6 {
    overflow: visible;
    margin-right: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 2px none #fff;
    background-image: -webkit-linear-gradient(270deg, #1d1c1b, #000);
    background-image: linear-gradient(180deg, #1d1c1b, #000);
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.btn-1 {
    margin-top: 1.5em;
    margin-bottom: .6em;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 55px;
    background-color: #fff;
    -webkit-transform: translate(-53px, 0);
    -ms-transform: translate(-53px, 0);
    transform: translate(-53px, 0);
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #000;
    font-size: 1.4em;
    font-weight: 400
}

.btn-container {
    position: static;
    display: block;
    overflow: hidden;
    width: 100%;
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 0;
    float: none;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 14px;
    line-height: 20px
}

.intro-animation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.intro-blurb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 620px;
    margin-right: 2em;
    margin-left: 2em;
    padding-right: 0em;
    padding-left: 0em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    transform: translate(0, -50px);
    font-family: 'Noticia Text', sans-serif;
    color: #6f6f6f;
    font-size: 1.2rem;
    line-height: 1.8em;
    font-style: normal;
    font-weight: 400;
    text-align: center
}

.intro-blurb._404 {
    padding-top: 1em;
    padding-bottom: 1em
}

.intro-video-container {
    position: relative;
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    -webkit-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

.btn-container-intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.link-secondary {
    display: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-family: Inconsolata, monospace;
    color: #414141;
    font-size: 1em;
    line-height: 3em;
    text-decoration: none
}

.loading {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000
}

.loading-gif {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.testimonial-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    color: #101010
}

.testimonial-sldier {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #000
}

.testimonial-picture {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.testimonial-quote {
    display: block;
    width: 400px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: transparent;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #fff
}

.testimonial-slider {
    width: 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: transparent
}

.testimonial-slider-slide {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    margin-top: 0%;
    padding-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: none;
    border-width: 1px;
    background-color: #000;
    color: #000
}

.block-quote {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 800px;
    padding: 70px 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-style: none;
    background-color: #101011;
    box-shadow: none;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #fff
}

.quote-source {
    font-family: 'Noticia Text', sans-serif;
    color: #4e4e4e;
    font-size: .8em;
    line-height: 1em;
    font-weight: 400
}

.quote {
    font-family: 'Noticia Text', sans-serif;
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 100
}

.slider-bg {
    position: absolute;
    z-index: 1;
    display: block;
    width: 100%;
    height: 30%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #000
}

.slider-nav {
    display: none
}

.test {
    position: relative;
    z-index: 80;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #000
}

.testimonial-slide-2 {
    display: block;
    width: auto;
    height: auto;
    background-color: #000
}

.slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    font-size: 1.25em
}

.slider-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    font-size: 1.1em;
    line-height: 2em
}

.quote-mark {
    position: relative;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-transform: translate(0, 450px);
    -ms-transform: translate(0, 450px);
    transform: translate(0, 450px);
    font-family: Inconsolata, monospace;
    color: #181818;
    font-size: 60em;
    font-weight: 700
}

.cta-button {
    margin-top: 1em;
    margin-bottom: 1em;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 200px
}

.outro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100vh;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    background-color: #050505;
    background-image: -webkit-linear-gradient(270deg, #050505 78%, rgba(5, 5, 5, .97)), url(../images/trip-1.gif);
    background-image: linear-gradient(180deg, #050505 78%, rgba(5, 5, 5, .97)), url(../images/trip-1.gif);
    background-position: 0 0, 50% 50%;
    background-size: auto, contain;
    background-repeat: repeat, repeat-x;
    background-attachment: scroll, scroll;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color: #f5f5f5;
    font-size: 1em;
    font-weight: 400;
    text-align: center
}

.footer-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    float: none;
    clear: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-family: 'Noticia Text', sans-serif;
    color: #f5f5f5;
    font-size: 1em;
    font-weight: 400;
    text-align: left
}

.footer-cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    min-height: auto;
    margin: auto;
    padding: 30px 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #f5f5f5;
    box-shadow: 0 46px 0 -20px #0a0a0b;
    font-family: 'Noticia Text', sans-serif;
    color: #101011;
    font-size: 1em;
    text-align: center
}

.footer-cta.phone {
    max-width: 33%;
    margin-bottom: 100px;
    padding: 45px 0;
    background-color: #101011
}

.footer-cta.email {
    max-height: none;
    max-width: 33%;
    margin-top: 50px;
    margin-bottom: 5%;
    padding: 45px 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.email-us {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-us {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 2.8em 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4em
}

.footer-info-container {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    max-height: 100px;
    margin-top: 0em;
    padding: 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #101011
}

.footer-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: Montserrat, sans-serif;
    color: #f5f5f5;
    font-size: 1.1rem;
    line-height: 2em;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.intro-container {
    width: 100%;
    height: 100%;
    background-color: #050406;
    background-image: none
}

.intro-down {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: 100px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto
}

.footer-social-icons {
    margin-top: 40px;
    margin-bottom: 2em;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #f5f5f5
}

.case-study-nav {
    position: relative;
    z-index: 100;
    display: none;
    width: 120px;
    height: 2px;
    margin-right: -200px;
    clear: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transform: rotate(90deg) translate(0, -250px) translate(175px, 0);
    -ms-transform: rotate(90deg) translate(0, -250px) translate(175px, 0);
    transform: rotate(90deg) translate(0, -250px) translate(175px, 0)
}

.case-study-nav-sections {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 65px;
    height: 2px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    background-color: #2a2a2a
}

.case-study-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 120px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.case-study-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #797979;
    line-height: 2px
}

.menu-icon {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 80;
    display: block;
    width: auto;
    height: auto;
    margin-top: 37px;
    margin-right: 50px;
    margin-bottom: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.menu-container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 90;
    display: block;
    width: auto;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.menu-open-container {
    position: absolute;
    z-index: 50;
    display: none;
    width: 100%;
    height: 100vh;
    padding-top: 100px;
    padding-bottom: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #050505;
    background-image: -webkit-radial-gradient(circle farthest-side at 50% 50%, #050505 78%, rgba(5, 5, 5, .98)), url(../images/trip-1.gif);
    background-image: radial-gradient(circle farthest-side at 50% 50%, #050505 78%, rgba(5, 5, 5, .98)), url(../images/trip-1.gif);
    background-position: 0 0, 50% 50%;
    background-size: auto, contain;
    background-repeat: repeat, repeat-x;
    background-attachment: scroll, fixed;
    opacity: 0
}

.menu-container-swipe {
    position: fixed;
    left: 0;
    top: 0;
    right: 0%;
    z-index: 80;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #f5f5f5;
    background-image: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg)
}

.swipe-inner {
    height: 40%;
    border-top: 100px solid rgba(31, 31, 31, .66);
    border-bottom: 100px solid rgba(31, 31, 31, .66);
    background-color: #000
}

.menu-logo {
    margin-top: 37px;
    margin-bottom: 50px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    opacity: 1;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg)
}

.menu-logo.colour_flip {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    max-width: 128px;
    margin-top: 22px;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.menu-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    height: auto;
    margin: auto 0;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #101011;
    font-family: Prompt;
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    text-align: center
}

.list-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 40px
}

.menu-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.menu-list-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 10px;
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 0;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-style: none;
    border-width: 1px;
    border-color: #000 #000 #2c2c2c;
    -webkit-transform: translate(0, -145px);
    -ms-transform: translate(0, -145px);
    transform: translate(0, -145px);
    font-size: 1.5em
}

.menu-divider {
    display: block;
    width: 100%;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 1px solid #fff;
    background-color: transparent
}

.menu-social-icons {
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin: 20px 0;
    padding: 10px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-size: 3em;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.menu-item.w--current {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    font-weight: 700
}

.white-block {
    display: block;
    width: 600px;
    height: 150px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #fff
}

.project-name {
    position: static;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 70;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: 100%;
    height: auto;
    margin: 0 0 0 20px;
    padding: 60px 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border: 20px none #fff;
    background-color: transparent;
    direction: ltr;
    font-family: 'Montserrat black', sans-serif;
    color: #0f0e0e;
    font-size: 2em;
    line-height: 1.4em;
    font-style: normal;
    font-weight: 900;
    text-align: left;
    letter-spacing: .5rem;
    text-decoration: none;
    text-transform: uppercase
}

.project-name.alt2 {
    padding-top: 90px;
    padding-bottom: 90px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-style: none;
    background-color: #fff;
    -webkit-transform: translate(-420px, 0);
    -ms-transform: translate(-420px, 0);
    transform: translate(-420px, 0);
    color: #0f0e0e
}

.project-name.alt2.alt3 {
    margin-top: 0%;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 200px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-style: none;
    border-color: #fff;
    background-color: transparent;
    background-image: -webkit-linear-gradient(180deg, #fff 13%, transparent 78%);
    background-image: linear-gradient(270deg, #fff 13%, transparent 78%);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    color: #131111;
    font-size: 3em;
    line-height: 1em
}

.project-name.alt2.alt3.alt-4 {
    position: static;
    padding-left: 100px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    border-style: none;
    background-color: #fff;
    background-image: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.project-name.alt2.alt3.alt-4.alt-5 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #fff;
    -webkit-transform: translate(-464px, 0);
    -ms-transform: translate(-464px, 0);
    transform: translate(-464px, 0);
    font-family: 'PT Sans', sans-serif;
    font-size: 1em;
    line-height: 2em;
    text-align: right
}

.project-name.alt2.alt3.alt-4.alt-5.alt-6 {
    position: static;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    display: block;
    overflow: hidden;
    width: 600px;
    height: 200px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-style: none;
    background-color: transparent;
    color: #fff;
    font-size: 1em;
    line-height: 1.6em;
    text-align: left
}

.project-name.alt2.alt3.alt-4.alt-5.alt-7 {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-style: none;
    background-color: transparent;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 5em;
    line-height: 1em;
    font-weight: 700;
    text-align: left
}

.project-name-2 {
    position: relative;
    z-index: 60;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #fff;
    font-size: 60px;
    text-align: right
}

.project-text {
    color: #fff
}

.project-text.alt4 {
    font-family: Prompt;
    color: #0c0b0b;
    text-align: left
}

.project-text.alt4.alt-6 {
    display: inline-block;
    float: none;
    clear: none;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transform: translate(-280px, 0);
    -ms-transform: translate(-280px, 0);
    transform: translate(-280px, 0);
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 70px;
    line-height: 70px;
    font-weight: 400
}

.project-text.alt-3 {
    color: #0e0b0b
}

.project-name-container {
    position: relative;
    z-index: 90;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: 100%;
    min-width: auto;
    margin-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #fff;
    -webkit-transform: translate(100px, 0);
    -ms-transform: translate(100px, 0);
    transform: translate(100px, 0)
}

.portfolio-blurb-column {
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 40;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: auto;
    margin-right: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    -webkit-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    transform: translate(-100px, 0)
}

.portfolio-text-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 240px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.case-study-video {
    position: static;
    z-index: 1;
    overflow: visible;
    width: auto;
    max-width: 1024px;
    min-width: 600px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    box-shadow: none
}

.case-study-info {
    align-items: stretch;
    position: static;
    z-index: 30;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    max-width: 290px;
    min-width: 260px;
    margin-right: -150px;
    margin-left: 20px;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border: 0 none #fff;
    background-color: #0a0a0b;
    background-image: none;
    box-shadow: -10px 10px 1px 0 rgba(0, 0, 0, .16);
    font-family: 'Noticia Text', sans-serif;
    color: #fff;
    font-size: 1.1em;
    line-height: 2rem;
    font-weight: 400;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    align-items: stretch
}

.case-study {
    position: relative;
    z-index: 40;
    display: block;
    overflow: visible;
    width: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: -100px;
    padding-top: 0%;
    padding-bottom: 0%;
    float: right;
    clear: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: transparent;
    font-family: Montserrat, sans-serif;
    color: #f5f5f5;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 700;
    letter-spacing: .7rem;
    text-transform: uppercase
}

.video-title-container {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: auto;
    margin-right: 0;
    margin-left: -150px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto
}

.video-title-container video {
    order: 2
}

.video-title-container h1.case-study {
    margin-left: 50px;
    margin-right: -100px
}

.video-title-container h2.case-study {
    margin-left: 50px;
    margin-right: -100px
}

h1.intro-blurb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 620px;
    margin-right: 2em;
    margin-left: 2em;
    padding-right: 0em;
    padding-left: 0em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    transform: translate(0, -50px);
    font-family: 'Noticia Text', sans-serif;
    color: #6f6f6f;
    font-size: 1.2rem;
    line-height: 1.8em;
    font-style: normal;
    font-weight: 400;
    text-align: center
}

.case-study-blurb {
    margin-bottom: 0;
    padding: 70px 45px;
    font-family: 'Noticia Text', sans-serif;
    color: #fff;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400
}

.btn-case-study {
    overflow: visible;
    margin-left: 50px;
    padding-bottom: 45px;
    padding-left: 45px;
    font-family: 'Noticia Text', sans-serif;
    align-self: baseline
}

.side-swipe {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 90;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 20px;
    background-color: #eee;
    opacity: 0
}

.case-study-blurb-swipe-1 {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff
}

.wave-swipe {
    position: absolute;
    z-index: 10;
    display: inline-block;
    overflow: hidden;
    width: auto;
    height: auto;
    max-height: 100vh;
    margin-top: auto;
    margin-bottom: auto;
    opacity: .3;
    -webkit-transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg)
}

.wave-swipe-grey {
    position: absolute;
    z-index: 90;
    overflow: hidden;
    min-height: 100vh;
    -webkit-transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg)
}

.warp-1 {
    position: absolute;
    z-index: 120;
    display: none;
    overflow: hidden;
    margin-top: 1%;
    margin-bottom: 1%
}

.warp-2 {
    position: absolute;
    z-index: 32;
    display: none;
    overflow: hidden;
    width: auto;
    height: 97%;
    max-width: 2300px;
    margin-top: 0%;
    margin-bottom: 0%;
    padding-bottom: 0%;
    opacity: 1
}

.middle-drips {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 40;
    display: block;
    overflow: hidden;
    width: auto;
    height: auto;
    margin-top: 1%;
    margin-bottom: 1%
}

.side-drips {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 50;
    display: block;
    overflow: hidden;
    height: 99%;
    max-width: auto;
    background-color: transparent
}

.sun-glow {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.number {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: auto;
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    text-align: left
}

.case-study-number {
    display: block;
    -webkit-filter: hue-rotate(180deg);
    filter: hue-rotate(180deg);
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    color: #fff;
    font-size: 1.2em;
    text-align: center
}

.case-study-number._1 {
    display: block
}

.case-study-number._2 {
    display: block
}

.case-study-number._3 {
    position: static;
    display: block;
    text-align: center
}

.case-study-number._5 {
    display: block
}

.case-study-number._4 {
    display: block
}

.case-study-number._6 {
    display: block
}

.case-study-number._7 {
    display: block
}

.case-study-number._8 {
    display: block
}

.case-study-number._9 {
    display: block
}

.case-study-number._10 {
    display: block
}

.case-study-number._11 {
    display: block
}

.case-study-number._12 {
    display: block
}

.white-swipe {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-top: 2%;
    margin-bottom: 2%;
    -webkit-perspective: 0;
    perspective: 0
}

.white-swipe-image {
    position: absolute;
    z-index: 90;
    overflow: hidden;
    width: 100%
}

.middle-grey-wave {
    position: absolute;
    z-index: 1;
    overflow: hidden;
    width: 100%
}

.orange-pull-down {
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 5px;
    background-color: #ff7337
}

.email-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    margin-bottom: 0;
    padding: 30px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #101011;
    font-size: 3em;
    text-align: center
}

.phone-link {
    margin-top: 0;
    margin-bottom: 0em;
    padding: 30px;
    color: #f5f5f5;
    font-size: 2em
}

.menu-social-icon-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    margin-bottom: auto;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    background-color: #f5f5f5;
    color: #0a0a0b
}

.footer-social-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-color: transparent
}

.phone-number {
    color: #f5f5f5;
    text-decoration: none
}

.case-study-info-mobile {
    display: none
}

.contact-container {
    height: auto;
    margin: auto 0%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px)
}

.footer-text-minor {
    color: #414141
}

.case-study-top-section {
    background-color: transparent
}

.case-study-heading {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transform: translate(0, -120px);
    -ms-transform: translate(0, -120px);
    transform: translate(0, -120px);
    font-family: Montserrat, sans-serif;
    color: #f5f5f5;
    font-size: 3rem;
    line-height: 4rem;
    text-align: left;
    letter-spacing: .7rem;
    z-index: 4;
}

.case-study-heading.work {
    margin-top: 200px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.top-section-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.case-study-page {
    background-color: transparent
}

.case-study-intro-paragraph {
    height: auto;
    max-width: 1024px;
    margin-right: auto;
    margin-bottom: 120px;
    margin-left: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    font-family: 'Noticia Text', sans-serif;
    color: #f5f5f5;
    font-size: 1.6rem;
    line-height: 3rem;
    font-weight: 400;
    text-align: left;
	z-index: 10;
}

.case-study-heading-container {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #f5f5f5
}

.case-study-template {
    background-color: #050505
}

.case-study-template.about {
    background-color: #101011
}

.case-study-template.services {
    background-color: #050505
}

.case-study-section-2 {
    display: block;
    background-color: #101011
}

._50-split-picture {
    max-width: 550px
}

._50-split-picture.buggsy {
    max-width: 550px;
    margin-top: 120px;
    margin-bottom: 120px
}

.chapter-one {
    max-width: 512px;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Noticia Text', sans-serif;
    color: #f5f5f5;
    font-size: 1rem;
    line-height: 2rem
}

.chapter-one.subheading {
    max-width: 512px;
    margin-top: 0%;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Noticia Text', sans-serif;
    color: #f5f5f5;
    font-size: 2.2rem;
    line-height: 5rem;
    font-weight: 400
}

.chapter-one.subheading.dark {
    color: #101011;
    font-size: 2.2rem;
    line-height: 5rem
}

.chapter-one.top {
    margin-bottom: 120px
}

.chapter-one.dark {
    font-size: 1rem;
    line-height: 2rem
}

.dark {
    color: #101011
}

.dark {
    color: #101011
}

.case-study-section-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #050505
}

.section-container {
    padding: 120px 0%
}

.section-container.light {
    display: block;
    padding: 120px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5
}

.section-container.light.alt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 120px;
    margin-bottom: 120px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #fff
}

.section-container.dark {
    background-color: #101011
}

.case-study-quote-container {
    max-width: 1024px
}

.case-study-quote {
    margin-right: auto;
    margin-left: auto;
    padding-top: 150px;
    padding-bottom: 150px;
    font-family: 'Noticia Text', sans-serif;
    color: #f5f5f5;
    font-size: 1.6rem;
    line-height: 3rem;
    font-weight: 400
}

.case-study-quote.with-author {
    padding-bottom: 50px
}

.case-study-section-4 {
    background-color: #f5f5f5
}

.case-study-section-4.dark {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #101011
}

.case-study-section-4.dark.image-only {
    padding-top: 150px
}

.case-study-section-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #050505
}

.case-study-section-6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 150px;
    padding-bottom: 150px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.case-study-section-6.light {
    background-color: #7e7e7e
}

.case-study-image {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1
}

.case-study-image.small {
    padding-top: 120px;
    padding-bottom: 120px
}

.case-study-image.darken {
    -webkit-filter: brightness(55%);
    filter: brightness(55%)
}

.case-study-image.buggsy {
    padding-top: 0;
    padding-bottom: 0
}

.case-study-image.no-padding {
    padding-right: 0;
    padding-left: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.case-study-section-7 {
    display: block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f5f5f5
}

.case-study-section-7.dark {
    background-color: #101011
}

.case-study-quote-author {
    padding-bottom: 150px;
    font-family: 'Noticia Text', sans-serif;
    color: #505050;
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: 700
}

.centred-image {
    display: block;
    margin: 120px auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto
}

.mobile-image-screenshot {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 70px;
    padding-bottom: 70px
}

.about-container {
    display: block;
    width: 100%;
    padding: 220px 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #050505;
    background-image: -webkit-linear-gradient(270deg, rgba(5, 5, 5, .88), rgba(5, 5, 5, .88)), url(../images/bristol-design.jpg);
    background-image: linear-gradient(180deg, rgba(5, 5, 5, .88), rgba(5, 5, 5, .88)), url(../images/bristol-design.jpg);
    background-position: 0 0, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
    text-align: left
}

.about-container.reduced {
    padding-top: 0;
    background-color: #101011
}

.about-container.darker {
    background-color: #0a0a0b
}

.about-container.darker.services {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    background-color: transparent;
    background-image: none;
    text-align: left
}

.about-container.reduced-bottom {
    padding-bottom: 0;
    background-color: #050505
}

.about-container.reduced-bottom.services-page {
    background-image: none
}

.about-cta {
    display: block;
    padding-top: 120px;
    padding-bottom: 120px;
    background-color: #050505;
    font-family: 'Noticia Text', sans-serif;
    color: #fb7337;
    font-size: 1.4rem;
    text-align: center
}

.about-cta.darker {
    background-color: #101010
}

.about-cta-button {
    margin-right: auto;
    margin-left: auto;
    padding: 20px 40px;
    background-color: #101011;
    color: #f5f5f5;
    text-decoration: none
}

.about-cta-button:hover {
    background-color: #101011
}

.large-image {
    display: block;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto
}

.view-more-work-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 120px;
    padding-bottom: 120px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .66), rgba(0, 0, 0, .66)), url(../images/king-push-promo.jpg);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .66), rgba(0, 0, 0, .66)), url(../images/king-push-promo.jpg);
    background-position: 0 0, 0 0;
    background-size: auto, cover;*/
}

.view-more-work-section.waylynn-wolfe {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/waylynn-wolfe-mock-up-home-01.jpg);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/waylynn-wolfe-mock-up-home-01.jpg);
    background-position: 0 0, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.view-more-work-section.social-media-campaigns {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/star-wars-promo.jpg);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/star-wars-promo.jpg);
    background-position: 0 0, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.view-more-work-section.pusha-t-microsite {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/king-push-promo.jpg);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/king-push-promo.jpg);
    background-position: 0 0, 0 0;
    background-size: auto, cover;
}

.view-more-work-section.buggsy-website {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/buggsy-promo.JPG);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/buggsy-promo.JPG);
    background-position: 0 0, 0 0;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.view-more-work-section.tim-westwood {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/tim-westwood-promo.jpg);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/tim-westwood-promo.jpg);
    background-position: 0 0, 0 0;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.view-more-work-section.evan-williams {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/evan-williams-promo.jpg);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/evan-williams-promo.jpg);
    background-position: 0 0, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.view-more-work-section.hho {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/hho-promo.png);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/hho-promo.png);
    background-position: 0 0, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.view-more-work-section.grove-mountain {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/grove-mountain-promo.jpg);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/grove-mountain-promo.jpg);
    background-position: 0 0, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.view-more-work-section.heroic-hollywood {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/super-hero-banner-comp.png);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/super-hero-banner-comp.png);
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.view-more-work-section.music-branding {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/music-branding-1.jpg);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../images/music-branding-1.jpg);
    background-position: 0 0, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.view-more-work-section.copywriting {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .66), rgba(0, 0, 0, .66)), url(../images/copywriting-promo.jpg);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .66), rgba(0, 0, 0, .66)), url(../images/copywriting-promo.jpg);
    background-position: 0 0, 0 0;
    background-size: auto, cover;
}

.view-more-work-section.grovemountain {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .66), rgba(0, 0, 0, .66)), url(../images/grove-mountain-promo.jpg);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .66), rgba(0, 0, 0, .66)), url(../images/grove-mountain-promo.jpg);
    background-position: 0 0, 50% 100%;
    background-size: auto, cover;
}

.view-more-work-section.yplan {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .66), rgba(0, 0, 0, .66)), url(../images/yplan-app-pr.jpg);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .66), rgba(0, 0, 0, .66)), url(../images/yplan-app-pr.jpg);
    background-position: 0 0, 50% 100%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, scroll;
}

.view-more-work-section.naughty-town {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../videos/naughtyboy-promo-still.jpg);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../videos/naughtyboy-promo-still.jpg);
    background-position: 0 0, 50% 50%;
    background-size: auto, cover;
}

.view-more-work-section.toddla-t-facebook-live-remix {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../videos/toddla-t-livestream-promo.jpg);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../videos/toddla-t-livestream-promo.jpg);
    background-position: 0 0, 50% 50%;
    background-size: auto, cover;
}

.view-more-work-section.amplifylink {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../videos/amplifylink-still.pngg);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .76), rgba(0, 0, 0, .76)), url(../videos/amplifylink-still.png);
    background-position: 0 0, 50% 50%;
    background-size: auto, cover;
}


.view-more-work-heading {
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-size: 2rem;
    line-height: 3.5rem;
    font-weight: 700;
    letter-spacing: .7rem;
    text-decoration: none;
    word-wrap: break-word;
}

.mobile-image {
    display: none;
}

.work-external-link {
    color: #f5f5f5;
    text-decoration: none;
}

.desktop-only-image.centred-image {
    margin-bottom: 0;
    text-align: center;
}

.services-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-bottom: 1px none #000;
    text-align: left
}

.services-list {
    font-family: 'Noticia Text', sans-serif;
    color: #f5f5f5;
    font-size: 1rem;
    line-height: 2rem
}

.services-heading {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-style: none;
    border-width: 30px 30px 1px;
    border-color: #fb7337 #fb7337 #fff;
    font-family: Montserrat, sans-serif;
    color: #f5f5f5;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase
}

.services-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 20px none transparent;
    text-align: center
}

.services-section-heading {
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-family: Montserrat, sans-serif;
    color: #f5f5f5;
    font-size: 1.1rem;
    line-height: 2em;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase
}

.services-section-blurb {
    max-width: 750px;
    margin-right: auto;
    margin-bottom: 60px;
    margin-left: auto;
    font-family: 'Noticia Text', sans-serif;
    color: #f5f5f5;
    font-size: 1rem;
    line-height: 2rem;
    text-align: center;
    align-self: baseline
}

.services-section-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 120px;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: transparent;
    background-image: -webkit-linear-gradient(270deg, transparent 35%, #f5f5f5 0, #f5f5f5 65%, transparent 0);
    background-image: linear-gradient(180deg, transparent 35%, #f5f5f5 0, #f5f5f5 65%, transparent 0)
}

.services-button {
    font-family: 'Noticia Text', sans-serif;
    color: #f5f5f5;
    font-size: 1.1rem;
    line-height: 2rem;
    text-align: center;
    text-decoration: none
}

.in-text-link {
    color: #f5f5f5;
    text-decoration: underline
}

.services-text-container {
    margin-right: 0;
    margin-left: 0;
    padding: 15px 30px 25px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #101011;
    color: #4e4e4e;
    text-align: center
}

.services-column-container {
    margin-right: 10px;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: #101011
}

.spacer {
    height: 25px
}

.work-tag {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 50;
    display: block;
    margin-top: 37px;
    margin-right: auto;
    margin-left: 37px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-family: 'Noticia Text', sans-serif;
    color: #f5f5f5;
    font-size: .8rem;
    line-height: .8rem;
    text-align: left
}

.divide {
    color: #fb7337
}

.section-heading {
    font-family: Montserrat, sans-serif;
    font-size: 1.1rem;
    line-height: auto;
    text-transform: uppercase
}

.services-blurb {
    margin: 30px 40px 35px;
    font-family: 'Noticia Text', sans-serif;
    color: #f5f5f5;
    font-size: 1rem;
    line-height: 1.8rem;
    text-align: left
}

.work-tag-mobile {
    display: none;
}

.client-logo-containers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #101011;
}

.single-logo-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}


.utility-page-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #050505
}

.utility-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 260px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.utility-page-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

._404-image {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

._404-home-icon {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    transition: opacity 0.2s
}

._404-home-icon:hover {
    opacity: 1!important;
    transition: opacity 0.2s
}

html.w-mod-js *[data-ix="move-down"] {
    -webkit-transform: translate(0, 130px);
    -ms-transform: translate(0, 130px);
    transform: translate(0, 130px)
}

html.w-mod-js *[data-ix="video-entry-left"] {
    -webkit-transform: translate(-1000px, 0);
    -ms-transform: translate(-1000px, 0);
    transform: translate(-1000px, 0)
}

html.w-mod-js *[data-ix="move-up"] {
    -webkit-transform: translate(0, 160px);
    -ms-transform: translate(0, 160px);
    transform: translate(0, 160px)
}

html.w-mod-js *[data-ix="fade-in"] {
    opacity: 0
}

html.w-mod-js *[data-ix="squeeze"] {
    height: 95%;
    -webkit-transform: translate(200px, 0);
    -ms-transform: translate(200px, 0);
    transform: translate(200px, 0)
}

html.w-mod-js *[data-ix="drift-right"] {
    opacity: 1;
    -webkit-transform: translate(-1000px, 0) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);
    transform: translate(-1000px, 0) rotateX(0deg) rotateY(-90deg) rotateZ(0deg)
}

html.w-mod-js *[data-ix="drift-right-services"] {
    opacity: 1;
    -webkit-transform: translate(-1000px, 0) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);
    transform: translate(-1000px, 0) rotateX(0deg) rotateY(-90deg) rotateZ(0deg)
}

html.w-mod-js *[data-ix="drift-left"] {
    opacity: 1;
    -webkit-transform: translate(900px, 0) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);
    transform: translate(900px, 0) rotateX(0deg) rotateY(-90deg) rotateZ(0deg)
}

html.w-mod-js *[data-ix="drift-vertical"] {
    -webkit-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    transform: translate(-100px, 0)
}

html.w-mod-js *[data-ix="case-study-blurb"] {
    opacity: 1;
    -webkit-transform: translate(0, -400px);
    -ms-transform: translate(0, -400px);
    transform: translate(0, -400px)
}

html.w-mod-js *[data-ix="wave-rotate-1"] {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

html.w-mod-js *[data-ix="wave-rotate-2"] {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

html.w-mod-js *[data-ix="drips-middle-rotate"] {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

html.w-mod-js *[data-ix="slow-rotate-case-study-info"] {
    -webkit-transform: translate(-100px, 0) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);
    transform: translate(-100px, 0) rotateX(0deg) rotateY(-90deg) rotateZ(0deg)
}

html.w-mod-js *[data-ix="drips-slide-left"] {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

html.w-mod-js *[data-ix="case-study-button-entry"] {
    -webkit-transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg)
}

html.w-mod-js *[data-ix="number-entry"] {
    opacity: 0;
    -webkit-transform: translate(0, -400px) scale(1.5, 1.5);
    -ms-transform: translate(0, -400px) scale(1.5, 1.5);
    transform: translate(0, -400px) scale(1.5, 1.5)
}

html.w-mod-js *[data-ix="case-study-mobile-up"] {
    opacity: 0
}

html.w-mod-js *[data-ix="quick-fade-in-from-bottom"] {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px)
}

html.w-mod-js *[data-ix="services-entry-1"] {
    opacity: 0;
    -webkit-transform: translate(0, 200px);
    -ms-transform: translate(0, 200px);
    transform: translate(0, 200px)
}

html.w-mod-js *[data-ix="services-entry-2"] {
    opacity: 0;
    -webkit-transform: translate(0, 200px);
    -ms-transform: translate(0, 200px);
    transform: translate(0, 200px)
}

html.w-mod-js *[data-ix="services-entry-3"] {
    opacity: 0;
    -webkit-transform: translate(0, 200px);
    -ms-transform: translate(0, 200px);
    transform: translate(0, 200px)
}

html.w-mod-js *[data-ix="404-home-icon-hover"] {
    opacity: .25
}

@media (max-width:1200px) {
    .section-container * {
        padding-right: 30px;
        padding-left: 30px
    }
    .case-study-heading-container {
        margin-right: 50px;
        margin-left: 50px
    }
    .case-study-quote-container {
        margin-right: 50px;
        margin-left: 50px
    }
    .intro-video-container video {
        width: 400px;
        height: 100%;
        width: 55vw;
        padding: 0 60px
    }
    h1.intro-blurb {
        margin-top: 60px
    }
}

@media (max-width:1024px) {
    .case-study-number {
        visibility: hidden
    }
    .intro-video-container video {
        width: 500px;
        height: 100%;
        width: 50vw;
        padding: 0 60px
    }
}

@media (max-width:991px) {
    .section {
        background-color: #0a0a0b;
        background-image: none
    }
    .section.testimonial {
        background-image: none
    }
    .case-study-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        background-image: none
    }
    .case-study-2.first {
        background-image: none
    }
    .case-study-2.second {
        background-image: none
    }
    .intro-animation {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .intro-blurb {
        line-height: 1.8em
    }
    h1.intro-blurb {
        line-height: 1.8em
    }
    .intro-video-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .intro-video-container video {
        width: 400px;
        height: 100%;
        width: 80vw;
        padding: 0 60px
    }
    .block-quote {
        width: 450px
    }
    .outro {
        background-color: #0a0a0b;
        background-image: -webkit-radial-gradient(circle farthest-corner at 50% 50%, #0a0a0b 78%, rgba(10, 10, 11, .95)), url(../images/trip-1.gif);
        background-image: radial-gradient(circle farthest-corner at 50% 50%, #0a0a0b 78%, rgba(10, 10, 11, .95)), url(../images/trip-1.gif);
        background-position: 0 0, 50% 50%;
        background-size: auto, contain;
        background-repeat: repeat, repeat-x;
        background-attachment: scroll, scroll
    }
    .footer-info {
        padding-top: 20px;
        padding-bottom: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        text-align: left
    }
    .footer-cta {
        max-width: 500px;
        padding: 20px 50px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 1em
    }
    .footer-cta.phone {
        max-width: 67%;
        padding-top: 30px;
        padding-bottom: 30px
    }
    .footer-cta.email {
        max-width: 67%;
        margin-top: 100px;
        padding-top: 30px;
        padding-bottom: 30px
    }
    .footer-info-container {
        height: auto;
        max-height: none;
        padding-top: 20px;
        padding-bottom: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        background-color: #101011;
        text-align: left
    }
    .footer-heading {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-transform: translate(0, 50px);
        -ms-transform: translate(0, 50px);
        transform: translate(0, 50px);
        color: #4e4e4e
    }
    .intro-down {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }
    .footer-social-icons {
        margin-top: 0;
        margin-bottom: 0
    }
    .menu-icon {
        display: block
    }
    .menu-open-container {
        display: none
    }
    .menu-logo.colour_flip {
        left: 0;
        top: 0;
        right: 0;
        margin-top: 22px
    }
    .menu-list {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .menu-social-icons {
        margin-right: auto;
        margin-left: auto
    }
    .menu-item.w--current {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .case-study-video {
        position: relative;
        overflow: hidden;
        width: auto;
        max-width: none;
        min-width: 400px;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .case-study-info {
        display: none
    }
    .case-study {
        display: none;
        font-size: 2.7rem;
        line-height: 3rem;
        letter-spacing: .7rem
    }
    .video-title-container {
        overflow: visible;
        margin-left: 0;
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .case-study-blurb {
        margin-bottom: 20px;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-transform: translate(0, -45px);
        -ms-transform: translate(0, -45px);
        transform: translate(0, -45px);
        line-height: 1.5em;
        text-align: left
    }
    .btn-case-study {
        font-size: 1.1rem;
        line-height: 2em
    }
    .warp-2 {
        display: none
    }
    .email-link {
        padding: 30px;
        font-size: 2.5em
    }
    .phone-link {
        padding-top: 30px;
        font-size: 1.7em
    }
    .footer-social-container {
        padding: 0 10px;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .case-study-info-mobile {
        z-index: 5;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
        margin-right: 40px;
        margin-left: 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-color: #0a0a0b
    }
    .case-study-mobile {
        padding-left: 45px;
        -webkit-transform: translate(0, -45px);
        -ms-transform: translate(0, -45px);
        transform: translate(0, -45px);
        font-family: Montserrat, sans-serif;
        color: #f5f5f5;
        font-size: 2.1em;
        line-height: 1.5em;
        letter-spacing: .7rem;
        text-transform: uppercase
    }
    .contact-container {
        margin-top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .footer-text-minor {
        display: none
    }
    .case-study-heading {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
    .case-study-intro-paragraph {
        margin-bottom: 0;
        z-index:10;
    }
    .case-study-heading-container {
        max-width: 100%;
        margin-right: 50px;
        margin-left: 50px
    }
    .case-study-section-2 {
        background-color: #0a0a0b
    }
    ._50-split-picture.buggsy.reduced {
        margin-bottom: 0
    }
    .dark {
        line-height: 5rem
    }
    .section-container {
        position: relative;
        padding-right: 50px;
        padding-left: 50px;
        background-color: transparent
    }
    .section-container.light {
        padding-right: 50px;
        padding-left: 50px
    }
    .section-container.light.alt.image {
        background-color: transparent
    }
    .section-container.dark.lone-image {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .section-container.dark.lone-image.reduced {
        padding-right: 0;
        padding-left: 0
    }
    .section-container.reduced {
        padding-top: 0
    }
    .case-study-quote-container {
        margin-right: 50px;
        margin-left: 50px
    }
    .case-study-section-4.dark.image-only {
        padding-top: 0;
        padding-bottom: 0
    }
    .case-study-image {
        width: 100%;
        height: auto;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .case-study-image.lone-image {
        padding-top: 70px;
        padding-bottom: 70px
    }
    .case-study-image.small.reduced {
        padding-top: 0
    }
    .case-study-image.no-padding {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .centred-image.reduced {
        margin-top: 0
    }
    .about-container.darker.services {
        padding-right: 0;
        padding-left: 0
    }
    .about-cta {
        font-size: 1.4rem
    }
    .about-cta-button {
        text-decoration: none
    }
    .mobile-image {
        display: none
    }
    .work-external-link {
        color: #f5f5f5;
        text-decoration: none
    }
    .desktop-only-image {
        display: none
    }
    .services-container {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .services-section-blurb {
        padding-right: 20px;
        padding-left: 20px
    }
    .services-section-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .work-tag-mobile {
        display: none
    }
	.client-logo-containers {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		padding: 20px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
		background-color: #101011;
}
	.single-logo-container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin: 20px;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
}

}

@media (max-width:767px) {
    .intro-video-container video {
        width: 400px;
        height: 100%;
        width: 90vw;
        padding: 0 20px
    }
    .section {
        background-image: none;
        font-size: 14px
    }
    .section.testimonial {
        background-image: none
    }
    .case-study-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .case-study-2.first {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-image: none
    }
    .case-study-2.second {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        background-image: none
    }
    .intro-animation {
        width: 100%
    }
    .intro-blurb {
        width: auto;
        font-size: 1rem
    }
    h1.intro-blurb {
        width: 100%;
        font-size: 1rem
    }
    .block-quote {
        width: auto;
        margin-right: 20px;
        margin-left: 20px;
        padding: 0;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        background-color: #101011
    }
    .colour_flip {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .quote-source {
        padding-right: 45px;
        padding-bottom: 45px;
        padding-left: 45px
    }
    .quote {
        padding: 45px 45px 0;
        line-height: 1.5rem
    }
    .slider {
        font-size: 1.1em;
        line-height: 2em
    }
    .slide-1 {
        font-size: auto;
        line-height: auto
    }
    .slider-container {
        font-size: auto;
        line-height: auto
    }
    .outro {
        background-color: #0a0a0b;
        color: #101011
    }
    .footer-info {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .footer-cta {
        max-width: 420px
    }
    .footer-cta.phone {
        max-width: 67%;
        padding-top: 35px;
        padding-bottom: 35px
    }
    .footer-cta.email {
        max-width: 67%;
        padding-top: 30px;
        padding-bottom: 30px
    }
    .footer-heading {
        font-size: 1.1em
    }
    .footer-social-icons {
        margin-top: 0;
        margin-bottom: 0
    }
    .menu-icon {
        z-index: 80;
        margin-top: 37px;
        margin-right: 50px
    }
    .menu-open-container {
        position: absolute;
        display: none;
        padding-bottom: 100px;
        background-image: none;
        background-position: 0 0
    }
    .menu-container-swipe {
        background-color: #f5f5f5;
        background-image: none
    }
    .menu-logo.colour_flip {
        left: 0;
        top: 0;
        right: 0;
        width: auto;
        margin-top: 22px;
        margin-bottom: 50px
    }
    .menu-list {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        line-height: auto
    }
    .menu-social-icons {
        margin-right: auto;
        margin-left: auto
    }
    .menu-item {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 2em
    }
    .menu-item.w--current {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 2em
    }
    .case-study-video {
        max-width: none;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .case-study-info {
        display: none;
        max-width: 100%;
        margin-right: 20px;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }
    .case-study {
        display: none;
        margin-left: -100px
    }
    .video-title-container {
        margin-left: 0;
        padding-right: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .case-study-blurb {
        margin-bottom: 20px;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-transform: translate(0, -45px);
        -ms-transform: translate(0, -45px);
        transform: translate(0, -45px);
        line-height: 1.5em
    }
    .btn-case-study {
        -webkit-transform: translate(0, -45px);
        -ms-transform: translate(0, -45px);
        transform: translate(0, -45px)
    }
    .number {
        display: none
    }
    .email-link {
        padding-right: 30px;
        padding-left: 30px;
        font-size: 2.3em
    }
    .phone-link {
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 1.4em
    }
    .menu-social-icon-container {
        padding-right: 10px;
        padding-left: 10px
    }
    .footer-social-container {
        padding-bottom: 0;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .case-study-info-mobile {
        position: relative;
        z-index: 5;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
        min-width: 260px;
        margin-right: 20px;
        margin-left: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-color: #0a0a0b;
        font-family: 'Noticia Text', sans-serif;
        font-size: 1.1em;
        line-height: 2em
    }
    .case-study-mobile {
        margin-bottom: 20px;
        padding-left: 45px;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-transform: translate(0, -45px);
        -ms-transform: translate(0, -45px);
        transform: translate(0, -45px);
        font-family: Montserrat, sans-serif;
        color: #f5f5f5;
        font-size: 2.1em;
        line-height: 1.5em;
        letter-spacing: .7rem;
        text-decoration: none;
        text-transform: uppercase
    }
    .facebook {
        font-family: Fontawesome, sans-serif
    }
    .case-study-heading {
        -webkit-transform: translate(0, -120px);
        -ms-transform: translate(0, -120px);
        transform: translate(0, -120px)
    }
    .section-container.dark.lone-image {
        padding-right: 0;
        padding-left: 0
    }
    .case-study-image {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: auto;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .about-container {
        margin-right: 0;
        margin-left: 0
    }
    .about-cta {
        display: block
    }
    .about-cta-button {
        text-decoration: none
    }
    .slider-image {
        width: 160px
    }
    .desktop-image {
        display: none
    }
    .mobile-image {
        display: block
    }
    .services-column {
        padding-top: 35px;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        background-color: #050505;
        background-image: -webkit-linear-gradient(270deg, #050505 35%, #f5f5f5 0, #f5f5f5 65%, #050505 0);
        background-image: linear-gradient(180deg, #050505 35%, #f5f5f5 0, #f5f5f5 65%, #050505 0)
    }
    .services-section-row {
        padding-right: 0;
        padding-left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        background-color: #050505;
        background-image: none
    }
    .services-column-container {
        margin-right: 40px;
        margin-left: 40px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .work-tag {
        display: none
    }
    .work-tag-mobile {
        display: block;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-transform: translate(0, -120px);
        -ms-transform: translate(0, -120px);
        transform: translate(0, -120px);
        font-family: 'Noticia Text', sans-serif;
        z-index:10;
    }
    .work-tag-mobile.down {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
	.client-logo-containers {
		margin-right: 20px;
		margin-left: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
  }
}

@media (max-width:479px) {
    .section {
        background-image: none
    }
    .case-study-1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .case-study-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .case-study-2.second {
        background-image: none
    }
    .video-r {
        height: auto
    }
    .video-r.is-animated {
        height: auto
    }
    .portfolio-blurb-container {
        margin-right: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .intro-animation {
        position: static;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: visible;
        max-width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .intro-blurb {
        font-size: 1.1rem;
        line-height: 1.8rem
    }
    h1.intro-blurb {
        font-size: 1.1rem;
        line-height: 1.8rem
    }
    .intro-video-container {
        position: static;
        width: 100%
    }
    .loading {
        z-index: 100
    }
    .block-quote {
        width: auto;
        margin-right: 20px;
        margin-left: 20px;
        font-size: 1rem;
        line-height: 2rem
    }
    .colour_flip {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .slider {
        width: 100%
    }
    .slider-container {
        margin-left: 0;
        padding-right: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .outro {
        background-color: #0a0a0b;
        color: #0a0a0b
    }
    .footer-info {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
    .footer-cta.phone {
        max-width: 82%;
        padding-top: 22px;
        padding-bottom: 22px
    }
    .footer-cta.email {
        max-width: 82%;
        padding-top: 22px;
        padding-bottom: 22px
    }
    .footer-info-container {
        padding-top: 20px
    }
    .footer-heading {
        font-size: 1em
    }
    .footer-social-icons {
        margin-top: 0;
        margin-bottom: 0
    }
    .menu-icon {
        z-index: 80;
        display: block
    }
    .menu-container {
        position: fixed;
        left: 0;
        top: 0;
        right: 0
    }
    .menu-open-container {
        display: none;
        padding-top: 80px;
        padding-bottom: 80px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .menu-container-swipe {
        background-color: #f5f5f5;
        background-image: none
    }
    .menu-logo.colour_flip {
        left: 0;
        top: 0;
        right: 0;
        margin-top: 22px;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .menu-list {
        margin-top: auto;
        margin-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .menu-list-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }
    .menu-social-icons {
        margin-right: auto
    }
    .menu-item {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .menu-item.w--current {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 2em
    }
    .testimonial-slider-nav {
        display: none
    }
    .btn-case-study {
        -webkit-transform: translate(0, -45px);
        -ms-transform: translate(0, -45px);
        transform: translate(0, -45px)
    }
    .warp-2 {
        display: none
    }
    .email-link {
        padding: 30px;
        font-size: 2em
    }
    .phone-link {
        padding-top: 30px
    }
    .menu-social-icon-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 80%;
        margin-top: 10px;
        margin-bottom: auto;
        padding: 10px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .case-study-info-mobile {
        font-size: 1rem;
        line-height: 2rem
    }
    .case-study-mobile {
        padding-right: 0;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        font-size: 1.3rem;
        line-height: 2rem;
        letter-spacing: .4rem
    }
    .case-study-heading {
        -webkit-transform: translate(0, -85px);
        -ms-transform: translate(0, -85px);
        transform: translate(0, -85px);
        font-size: 1.5rem;
        line-height: 2rem;
        letter-spacing: .5rem
    }
    .case-study-intro-paragraph {
        font-size: 1.3rem;
        line-height: 2rem;
        z-index:10;
    }
    .case-study-heading-container {
        margin-right: 28px;
        margin-left: 28px
    }
    .chapter-one.subheading {
        padding-bottom: 40px;
        line-height: 2.8rem
    }
    .section-container {
        padding-right: 40px;
        padding-left: 40px;
        background-color: transparent
    }
    .section-container.light {
        padding-right: 40px;
        padding-left: 40px
    }
    .section-container.light.alt.image-only {
        padding-right: 0;
        padding-left: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .section-container.light.alt.image {
        padding-right: 20px;
        padding-left: 20px
    }
    .section-container.dark.lone-image {
        padding-right: 0;
        padding-left: 0
    }
    .section-container.image {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-right: 20px;
        padding-left: 20px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .section-container.reduced {
        padding-top: 0
    }
    .case-study-quote-container {
        margin-right: 28px;
        margin-left: 28px
    }
    .case-study-quote {
        font-size: 1.4rem;
        line-height: 2.6rem
    }
    .case-study-section-6 {
        padding-top: 120px;
        padding-bottom: 120px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .case-study-section-6.lone-image {
        padding-right: 10px;
        padding-left: 10px
    }
    .case-study-image.lone-image {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .case-study-image.buggsy {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .case-study-quote-author {
        font-size: 1rem;
        line-height: 1.8rem
    }
    .centred-image {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .mobile-image-screenshot {
        padding-right: 20px;
        padding-left: 20px
    }
    .about-container {
        margin-right: 0;
        margin-left: 0
    }
    .about-container.darker.services {
        padding-top: 80px;
        padding-bottom: 0
    }
    .about-cta {
        padding-bottom: 120px
    }
    .about-cta-button {
        font-size: 1.2rem;
        text-decoration: none
    }
    .view-more-work-section {
        padding-left: 28px
    }
    .mobile-image {
        margin-right: 0;
        margin-left: 0
    }
    .services-column {
        padding-right: 20px;
        padding-left: 20px;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        border-style: none;
        border-width: 10px;
        background-image: -webkit-linear-gradient(270deg, #050505 35%, #f5f5f5 0, #f5f5f5 65%, #050505 0);
        background-image: linear-gradient(180deg, #050505 35%, #f5f5f5 0, #f5f5f5 65%, #050505 0)
    }
    .services-section-row {
        margin-bottom: 0
    }
    .services-column-container {
        margin-right: 0;
        margin-left: 0;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .work-tag {
        left: 0;
        top: 0;
        right: 0;
        bottom: auto
    }
    .services-blurb {
        margin-right: 30px;
        margin-left: 30px
    }
    .work-tag-mobile {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-transform: translate(0, -85px);
        -ms-transform: translate(0, -85px);
        transform: translate(0, -85px);
        font-family: 'Noticia Text', sans-serif;
        text-align: left;
        z-index:10;
    }
    .work-tag-mobile.down {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
	.single-logo-container {
		margin: 40px;
}
    .intro-video-container video {
        width: 250px;
        height: 100%;
        width: 90vw;
        padding: 0 20px
    }
}

.case-study-video-header video {
    max-height: 500px;
    max-width: 100%;
    object-fit: cover;
    width: 100vw
}

@font-face {
    font-family: 'Metaserif book opentype webfont';
    src: url(../fonts/metaserif-book-opentype-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat black';
    src: url(../fonts/montserrat-black_allfont.net.ttf) format('truetype');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'meta-italic';
    src: url(../fonts/ufonts.com_meta-italic.ttf) format('truetype'), url(../fonts/ufonts.com_meta-normal.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Fontawesome';
    src: url(../fonts/FontAwesome.otf) format('opentype');
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome,
    .menu-open-container.menu-open {
        display: -webkit-box!important
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome,
    .menu-open-container.menu-open {
        display: -webkit-box!important
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0) {
    .menu-open-container.menu-open {
        (;
        display: -webkit-box!important;
        )
    }
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        .menu-open-container.menu-open {
            display: -webkit-box!important
        }
    }
}

@media (max-width: 8000px) {
.footer-info-container {
        height: auto;
        max-height: none;
        padding-top: 20px;
        padding-bottom: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        background-color: #101011;
        text-align: left
    }
    .footer-info {
        padding-top: 20px;
        padding-bottom: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        text-align: left
    }
}

_::-webkit-full-page-media,
_:future,
:root .menu-open-container.menu-open {
    display: -webkit-box!important
}

strong {
    margin: 0!important;
    padding: 0!important
}

._4-u2 {
    background-color: #fff!important;
}

.stream {
    margin-top: 150px;
}

/*video darken overlay */

.vid-overlay {
    height: 70%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    background: black;
    opacity: 0.5;
}
}

.w-list-unstyled {
    text-align:left;
}

.services-blurb em {
    color: #ff7338;
}
}