a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizelegibility
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:"";
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
em,i{
    font-style:italic
}
b,strong{
    font-weight:700
}
img{
    max-width:100%;
    height:auto
}
.wrapper{
    max-width:1288px
}
*,:after,:before{
    box-sizing:border-box;
    outline:0
}
html{
    font-size:100%
}
.container{
    margin:0;
    padding:0;
    width:100%;
    list-style:none
}
.wrapper{
    margin:0 auto;
    padding:0 20px
}
#footer .social-links:after,#footer .social-links:before,#menu .contact-details-wrap .column.social-links:after,#menu .contact-details-wrap .column.social-links:before,.clearfix:after,.clearfix:before,.container:after,.container:before,.page-template-page-contact .social-links:after,.page-template-page-contact .social-links:before,.row:after,.row:before,section:after,section:before{
    display:table;
    content:" "
}
#footer .social-links:after,#menu .contact-details-wrap .column.social-links:after,.clearfix:after,.container:after,.page-template-page-contact .social-links:after,.row:after,section:after{
    clear:both
}
[class*=" col-"],[class^=col-]{
    padding-left:24px;
    padding-right:24px
}
@media (min-width:768px){
    .row{
        margin:0 -10px
    }
    .row.no-gutter{
        margin-left:0;
        margin-right:0
    }
    .row.no-gutter [class^=col-]{
        padding-left:0;
        padding-right:0
    }
    [class*=" col-"],[class^=col-]{
        position:relative;
        float:left;
        padding-right:10px;
        padding-left:10px;
        min-height:1px;
        width:100%
    }
    .col-1{
        width:8.333%
    }
    .col-2{
        width:16.666%
    }
    .col-3{
        width:25%
    }
    .col-4{
        width:33.333%
    }
    .col-5{
        width:41.666%
    }
    .col-6{
        width:50%
    }
    .col-7{
        width:58.333%
    }
    .col-8{
        width:66.666%
    }
    .col-9{
        width:75%
    }
    .col-10{
        width:83.333%
    }
    .col-11{
        width:91.666%
    }
    .col-12{
        width:100%
    }
    .push-1{
        margin-left:8.333%
    }
    .push-2{
        margin-left:16.666%
    }
    .push-3{
        margin-left:25%
    }
    .push-4{
        margin-left:33.333%
    }
    .push-5{
        margin-left:41.666%
    }
    .push-6{
        margin-left:50%
    }
    .push-7{
        margin-left:58.333%
    }
    .push-8{
        margin-left:66.666%
    }
    .push-9{
        margin-left:75%
    }
    .push-10{
        margin-left:83.333%
    }
    .push-11{
        margin-left:91.666%
    }
    .push-12{
        margin-left:100%
    }
    .pull-1{
        margin-left:-8.333%
    }
    .pull-2{
        margin-left:-16.666%
    }
    .pull-3{
        margin-left:-25%
    }
    .pull-4{
        margin-left:-33.333%
    }
    .pull-5{
        margin-left:-41.666%
    }
    .pull-6{
        margin-left:-50%
    }
    .pull-7{
        margin-left:-58.333%
    }
    .pull-8{
        margin-left:-66.666%
    }
    .pull-9{
        margin-left:-75%
    }
    .pull-10{
        margin-left:-83.333%
    }
    .pull-11{
        margin-left:-91.666%
    }
    .pull-12{
        margin-left:-100%
    }
}

.left{
    text-align:left
}
.right{
    text-align:right
}
.center{
    text-align:center
}
.bold{
    font-weight:600;
    text-transform:uppercase;
    color:#f8f8f8
}
body,html{
    height:100%;
    width:100%
}
body{
    font-family:'Quicksand', sans-serif;
    font-size:20px;
    line-height:1.3;
    height:100%
}
body.preload *{
    transition:none!important;
    -webkit-transition:none!important;
    -moz-transition:none!important;
    -o-transition:none!important
}
h1,h2,h3{
    line-height:.7;
    margin-bottom:24px
}
h4,h5,h6{
    line-height:1.4;
    margin-bottom:12px;
    letter-spacing:1px
}
h1,h4,h5,h6{
    text-transform:uppercase;
    font-weight:700
}
h1{
    font-size:120px
}
h2{
    font-size:42px;
    font-weight:700;
    text-transform:uppercase
}
h3{
    line-height:1.2;
    font-size:36px
}
h4{
    font-size:24px
}
h5{
    font-size:21px
}
h6{
    font-size:18px
}
a{
    text-decoration:none;
    color:#000;
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
a:hover{
    color:#ed1c0d
}
p,ul{
    margin-bottom:12px
}
.italic-serif{
    font-style:italic;
}
.italic-serif.small{
    font-size:14px;
    line-height:16px
}
::-moz-selection,::selection{
    color:#fff;
    background-color:#ed1c0d
}
body[data-selections=lily] ::-moz-selection,body[data-selections=lily] ::selection{
    background-color:#ffa3b5
}
@media only screen and (min-width:768px) and (max-width:1024px){
    h3{
        font-size:28px;
        margin-bottom:12px
    }
    p{
        font-size:16px
    }
}
.button{
    display:inline-block;
    font-size:18px;
    font-weight:700;
    line-height:1;
    border-radius:12px;
    text-transform:uppercase;
    padding:12px 48px 13px;
    cursor:pointer;
    background:#111;
    transition:background .2s,border-color .2s,color .2s;
    -webkit-transition:background .2s,border-color .2s,color .2s;
    -moz-transition:.2s background,.2s border-color,.2s color;
    -o-transition:.2s background,.2s border-color,.2s color
}
.button,.button:hover{
    color:#fff
}
.button:hover[data-color=red]{
    background:#ed1c0d;
    border-color:#ed1c0d
}
.button:hover[data-color=orange]{
    background:#ed7300;
    border-color:#ed7300
}
.button:hover[data-color=gold]{
    background:#ffbf0f;
    border-color:#ffbf0f
}
.button:hover[data-color=green]{
    background:#87c70f;
    border-color:#87c70f
}
.button:hover[data-color=cyan]{
    background:#00c9bf;
    border-color:#00c9bf
}
.button:hover[data-color=blue]{
    background:#3d8cde;
    border-color:#3d8cde
}
.button:hover[data-color=purple]{
    background:#663382;
    border-color:#663382
}
.button:hover[data-color=lily]{
    background:#ffa3b5;
    border-color:#ffa3b5
}
.button:hover[data-color=pink]{
    background:#ff3363;
    border-color:#ff3363
}
.button:hover[data-color=black]{
    background:#111;
    border-color:#111
}
.button.hollow{
    background:transparent;
    color:#111;
    border:2px solid #111;
    box-sizing:border-box;
    padding:10px 46px
}
.button.hollow:hover{
    color:#111;
    transition:color .2s,border-color .2s;
    -webkit-transition:color .2s,border-color .2s;
    -moz-transition:.2s color,.2s border-color;
    -o-transition:.2s color,.2s border-color;
    background-color:transparent
}
.button.hollow:hover[data-color=red]{
    color:#ed1c0d;
    border-color:#ed1c0d
}
.button.hollow:hover[data-color=orange]{
    color:#ed7300;
    border-color:#ed7300
}
.button.hollow:hover[data-color=gold]{
    color:#ffbf0f;
    border-color:#ffbf0f
}
.button.hollow:hover[data-color=green]{
    color:#87c70f;
    border-color:#87c70f
}
.button.hollow:hover[data-color=cyan]{
    color:#00c9bf;
    border-color:#00c9bf
}
.button.hollow:hover[data-color=blue]{
    color:#3d8cde;
    border-color:#3d8cde
}
.button.hollow:hover[data-color=purple]{
    color:#663382;
    border-color:#663382
}
.button.hollow:hover[data-color=lily]{
    color:#ffa3b5;
    border-color:#ffa3b5
}
.button.hollow:hover[data-color=pink]{
    color:#ff3363;
    border-color:#ff3363
}
.button.hollow:hover[data-color=black]{
    color:#111;
    border-color:#111
}
.button.hollow.faded{
    background-color:transparent;
    color:hsla(0,0%,5%,.6);
    border-color:hsla(0,0%,5%,.6)
}
.button.hollow.faded:hover{
    color:#fff;
    border-color:#fff;
    background-color:transparent
}
.button.faded{
    background-color:hsla(0,0%,5%,.6);
    border-color:hsla(0,0%,5%,0)
}
.button.faded:hover{
    background-color:#0c0c0c;
    border-color:#0c0c0c
}
.colors.active .button.hollow.faded:hover,.gifs.active .button.hollow.faded:hover{
    color:#111;
    border-color:#111;
    background-color:transparent
}
.page-template-page-contact .gifs .choice.active,.page-template-page-contact .gifs .choice:hover{
    border-color:#111
}
.djax-content{
    height:100%
}
#page-container{
    opacity:1;
    height:100%;
    position:relative;
    right:0;
    transition:all .7s,right .5s;
    -webkit-transition:all .7s,right .5s;
    -moz-transition:.7s all,.5s right;
    -o-transition:.7s all,.5s right
}
#page-container.hidden{
    right:50%;
    opacity:.9;
    filter:grayscale(100%);
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    transition:all .4s,right .8s;
    -webkit-transition:all .4s,right .8s;
    -moz-transition:.4s all,.8s right;
    -o-transition:.4s all,.8s right
}
.page-overlay{
    display:none;
    position:fixed;
    top:0;
    height:100%;
    width:100%;
    background:#111;
    z-index:9000
}
.page-overlay .close-video{
    cursor:pointer;
    height:40px;
    width:40px;
    position:fixed;
    right:30px;
    top:30px;
    display:block;
    float:right;
    background:#333
}
.page-overlay .close-video,.page-overlay .close-video:after,.page-overlay .close-video:before{
    transition:all .13s ease-in-out 0s;
    -webkit-transition:all .13s ease-in-out 0s;
    -moz-transition:.13s all 0s ease-in-out;
    -o-transition:.13s all 0s ease-in-out
}
.page-overlay .close-video:after,.page-overlay .close-video:before{
    content:"";
    display:inline-block;
    height:2px;
    position:absolute;
    left:12px;
    top:0;
    width:20px;
    transform:rotate(45deg) translate(12px,-4px);
    -webkit-transform:rotate(45deg) translate(12px,-4px);
    -moz-transform:rotate(45deg) translate(12px,-4px);
    -o-transform:rotate(45deg) translate(12px,-4px);
    box-shadow:0 19px #fff,0 19px #fff,0 19px #fff,0 19px #fff,0 19px #fff,0 19px #fff,0 19px #fff
}
.page-overlay .close-video:before{
    transform:rotate(-45deg) translate(-15px,-7px);
    -webkit-transform:rotate(-45deg) translate(-15px,-7px);
    -moz-transform:rotate(-45deg) translate(-15px,-7px);
    -o-transform:rotate(-45deg) translate(-15px,-7px)
}
.video-container{
    position:relative;
    padding-bottom:49%;
    height:0;
    overflow:hidden;
    max-width:87%;
    max-height:90%;
    height:auto;
    top:50%;
    margin:auto;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%)
}
.video-container iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
section{
    text-align:center;
    position:relative;
    overflow:hidden;
    margin-bottom:-1px
}
section.marquee:before{
    content:"";
    float:left;
    padding-bottom:50%
}
section.marquee:after{
    content:"";
    display:table;
    clear:both
}
section .wrapper{
    padding-top:96px;
    padding-bottom:96px
}
section .wrapper.small{
    max-width:660px
}
section .wrapper.small p{
    margin-bottom:24px
}
section.text-block h3{
    font-size:40px;
    margin-bottom:10px
}
section.text-block .wrapper{
    padding-top:70px;
    padding-bottom:60px
}
section.text-block.full-width .wrapper{
    padding:64px 20px
}
section.text-block.full-width h3{
    font-size:43px;
    text-transform:uppercase;
    font-weight:700
}
section.text-block.full-width p{
    font-size:21px;
    display:inline-block;
    max-width:590px
}
section.full-width-link-block img{
    display:block;
    width:100%;
    position:relative;
    margin-left:0;
    transition:all .3s ease-in-out 0s;
    -webkit-transition:all .3s ease-in-out 0s;
    -moz-transition:.3s all 0s ease-in-out;
    -o-transition:.3s all 0s ease-in-out
}
section.full-width-link-block a{
    position:absolute;
    top:50%;
    left:50%;
    width:123px;
    height:123px;
    transform:translate(-50%,-50%);
    background:url(../images/link.png) 50% no-repeat;
    background-size:100%
}
section.full-width-image-block img{
    display:block;
    width:100%;
    position:relative;
    margin-left:0;
    transition:all .3s ease-in-out 0s;
    -webkit-transition:all .3s ease-in-out 0s;
    -moz-transition:.3s all 0s ease-in-out;
    -o-transition:.3s all 0s ease-in-out
}
section.full-width-image-block.overlaid img{
    margin-left:-25%
}
section.full-width-header-block .full-width-header{
    font-style:italic;
    font-size:72px;
    margin:48px auto 60px
}
section.half_link_block img{
    display:block;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    margin-left:0;
    transition:all .3s ease-in-out 0s;
    -webkit-transition:all .3s ease-in-out 0s;
    -moz-transition:.3s all 0s ease-in-out;
    -o-transition:.3s all 0s ease-in-out
}
section.half_link_block a{
    position:absolute;
    top:50%;
    left:50%;
    width:123px;
    height:123px;
    transform:translate(-50%,-50%);
    background:url(../images/link.png) 50% no-repeat;
    background-size:100%
}
section.slideshow-block,section .text-slideshow-block{
    position:relative;
    overflow:hidden
}
section.slideshow-block .slick-arrow,section .text-slideshow-block .slick-arrow{
    width:48px;
    height:48px;
    border-radius:50%;
    background:#fff;
    z-index:1;
    text-align:center;
    color:#888;
    position:absolute;
    right:35px;
    cursor:pointer
}
section.slideshow-block .slick-arrow:hover,section .text-slideshow-block .slick-arrow:hover{
    background:#ddd
}
section.slideshow-block.lightbox-visible .slick-arrow,section .text-slideshow-block.lightbox-visible .slick-arrow{
    z-index:9001;
    top:48%;
    bottom:auto;
    right:20px;
    position:fixed
}
section.slideshow-block.lightbox-visible .slick-arrow.slick-prev,section .text-slideshow-block.lightbox-visible .slick-arrow.slick-prev{
    left:20px
}
section.slideshow-block .slide,section .text-slideshow-block .slide{
    display:block;
    float:left;
    position:relative
}
section.slideshow-block .slide img,section .text-slideshow-block .slide img{
    display:none;
    width:100%;
    margin-left:0;
    transition:all .3s ease-in-out 0s;
    -webkit-transition:all .3s ease-in-out 0s;
    -moz-transition:.3s all 0s ease-in-out;
    -o-transition:.3s all 0s ease-in-out
}
section.slideshow-block .slide.slick-slide img,section .text-slideshow-block .slide.slick-slide img{
    display:block
}
section.slideshow-block .slide iframe,section .text-slideshow-block .slide iframe{
    display:none
}
section.slideshow-block.overlaid .slide img,section .text-slideshow-block.overlaid .slide img{
    margin-left:-25%
}
section.slideshow-block .slide-image,section .text-slideshow-block .slide-image{
    height:100%;
    max-width:none;
    position:relative;
    left:50%;
    transform:translate(-50%);
    -webkit-transform:translate(-50%);
    -moz-transform:translate(-50%);
    -o-transform:translate(-50%)
}
section.slideshow-block .slide-text,section .text-slideshow-block .slide-text{
    max-height:none
}
section.slideshow-block .slide-text .next-button,section.slideshow-block .slide-text .prev-button,section .text-slideshow-block .slide-text .next-button,section .text-slideshow-block .slide-text .prev-button{
    display:block;
    font-style:italic;
    margin-top:36px;
    color:#888;
    font-size:18px;
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
section.slideshow-block .slide-text .next-button:hover,section.slideshow-block .slide-text .prev-button:hover,section .text-slideshow-block .slide-text .next-button:hover,section .text-slideshow-block .slide-text .prev-button:hover{
    color:#111
}
section.slideshow-block.black .slide-text .next-button:hover,section.slideshow-block.black .slide-text .prev-button:hover,section .text-slideshow-block.black .slide-text .next-button:hover,section .text-slideshow-block.black .slide-text .prev-button:hover{
    color:#fff
}
section.slideshow-block .slick-dots,section .text-slideshow-block .slick-dots{
    position:absolute;
    bottom:36px;
    width:50%;
    left:25%
}
section.slideshow-block .slick-dots li,section .text-slideshow-block .slick-dots li{
    display:inline-block;
    margin:0;
    position:relative;
    height:40px;
    width:40px;
    cursor:pointer
}
section.slideshow-block .slick-dots li button,section .text-slideshow-block .slick-dots li button{
    display:none
}
section.slideshow-block .slick-dots li:before,section .text-slideshow-block .slick-dots li:before{
    content:"";
    display:block;
    width:18px;
    height:18px;
    background:#888;
    border-radius:20px;
    -webkit-border-radius:20px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-9px;
    margin-top:-9px
}
section.slideshow-block .slick-dots li.slick-active:before,section .text-slideshow-block .slick-dots li.slick-active:before{
    background:#111
}
section.slideshow-block.black .slick-dots li.slick-active:before,section .text-slideshow-block.black .slick-dots li.slick-active:before{
    background:#fff
}
section.slideshow-block .play-button,section .text-slideshow-block .play-button{
    width:123px;
    height:123px;
    background-image:url(../images/case-study/play.png);
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    cursor:pointer
}
section .overlay{
    position:absolute;
    top:0;
    right:-100%;
    width:100%;
    height:100%;
    transition:all .3s ease-in-out 0s;
    -webkit-transition:all .3s ease-in-out 0s;
    -moz-transition:.3s all 0s ease-in-out;
    -o-transition:.3s all 0s ease-in-out
}
section .overlay.toggled{
    right:0
}
section .full-width-overlay{
    width:50%;
    right:-50%
}
section .overlay-toggle{
    cursor:pointer;
    z-index:7000;
    bottom:36px;
    right:36px;
    width:48px;
    height:48px
}
section .overlay-toggle,section .overlay-toggle:after,section .overlay-toggle:before{
    position:absolute;
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
section .overlay-toggle:after,section .overlay-toggle:before{
    content:"";
    display:block;
    width:2px;
    height:24px;
    background:#fff;
    top:50%;
    left:50%;
    margin-top:-12px;
    margin-left:-1px
}
section .overlay-toggle:after{
    height:2px;
    width:24px;
    margin-left:-12px;
    margin-top:-1px
}
section .overlay-toggle:hover{
    background:#111!important
}
section .overlay-toggle.toggled{
    background:rgba(237,28,13,.6)
}
section .overlay-toggle.toggled:after,section .overlay-toggle.toggled:before{
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg)
}
section .overlay-toggle.toggled:hover{
    background:#ed1c0d
}
section.half-width-blocks .half-width:before{
    content:"";
    float:left;
    padding-bottom:100%
}
section.half-width-blocks .half-width:after{
    content:"";
    display:table;
    clear:both
}
section.half-width-blocks .half-width.brand h2,section.half-width-blocks .half-width.brand h3,section.half-width-blocks .half-width.brand p{
    color:#fff
}
section.half-width-blocks .half-width.image-block img{
    display:block;
    width:100%
}
section.half-width-blocks .half-width.header-block .middle:not(.full){
    max-width:600px
}
section.half-width-blocks .half-width.header-block .surtitle{
    margin-bottom:36px
}
section.half-width-blocks .half-width.header-block h2{
    font-size:80px;
    margin-bottom:36px
}
section.half-width-blocks .half-width.square-video-block .square-video{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%
}
section.half-width-blocks .half-width.square-video-block iframe{
    height:100%;
    width:100%
}
section.full-width-video-block{
    position:relative
}
section.full-width-video-block .full-video{
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
    max-width:100%;
    height:auto;
    margin-left:0;
    transition:all .3s ease-in-out 0s;
    -webkit-transition:all .3s ease-in-out 0s;
    -moz-transition:.3s all 0s ease-in-out;
    -o-transition:.3s all 0s ease-in-out
}
section.full-width-video-block .full-video embed,section.full-width-video-block .full-video iframe,section.full-width-video-block .full-video object,section.full-width-video-block .full-video video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
section.full-width-video-block.overlaid .full-video{
    margin-left:-25%
}
section.full-width-video-block .overlay:before{
    content:"";
    float:left;
    padding-bottom:112.5112511251%
}
section.full-width-video-block .overlay:after{
    content:"";
    display:table;
    clear:both
}
#custom-play{
    width:123px;
    height:123px;
    background:#333;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:inline-block;
    position:absolute;
    z-index:10;
    cursor:pointer;
    opacity:1;
    visibility:visible;
    transition:all .1s ease-in-out 0s;
    -webkit-transition:all .1s ease-in-out 0s;
    -moz-transition:.1s all 0s ease-in-out;
    -o-transition:.1s all 0s ease-in-out
}
#custom-play.hidden{
    opacity:0;
    visibility:hidden
}
#custom-play:hover:after{
    border-color:transparent transparent transparent #000
}
#custom-play:before{
    transform:translate(-50%,-50%);
    border-width:30px 0 30px 52px;
    border-color:transparent transparent transparent #fff
}
#custom-play:after,#custom-play:before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    border-style:solid;
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
#custom-play:after{
    transform:translate(-51.6%,-50%);
    border-width:26px 0 26px 46px;
    border-color:transparent transparent transparent rgba(0,0,0,.5)
}
#custom-pause{
    width:123px;
    height:123px;
    background:#333;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:inline-block;
    position:absolute;
    cursor:pointer;
    opacity:0;
    visibility:hidden
}
#custom-pause.visible{
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    visibility:visible
}
button.play.rounded-box{
    visibility:hidden
}
.middle{
    width:100%;
    position:absolute;
    max-height:100%;
    max-width:100%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.middle.wrapper{
    max-width:1288px
}
.half-width{
    width:50%;
    float:left;
    position:relative
}
.half-width:before{
    content:"";
    float:left;
    padding-bottom:100%
}
.half-width:after{
    content:"";
    display:table;
    clear:both
}
.half-width .middle:not(.full){
    max-width:400px
}
.half-width.quote-block .middle{
    max-width:510px
}
.single-big-paragraph{
    color:#fff!important;
    font-size:34px
}
.white .single-big-paragraph{
    color:#111!important
}
.half-width,section{
    background:#fff
}
.half-width h1,.half-width h2,.half-width h3,.half-width h4,.half-width h5,.half-width h6,section h1,section h2,section h3,section h4,section h5,section h6{
    color:#111
}
.half-width p,section p{
    color:#888
}
.half-width.egg,section.egg{
    background:#f8f8f8
}
.half-width.gray,section.gray{
    background:#333
}
.half-width.gray.light,section.gray.light{
    background:#404040
}
.half-width.gray h1,.half-width.gray h2,.half-width.gray h3,.half-width.gray h4,.half-width.gray h5,.half-width.gray h6,section.gray h1,section.gray h2,section.gray h3,section.gray h4,section.gray h5,section.gray h6{
    color:#fff
}
.half-width.gray p,section.gray p{
    color:#888
}
.half-width.gray a,section.gray a{
    color:#fff
}
.half-width.black,section.black{
    background: black
}
.half-width.black h1,.half-width.black h2,.half-width.black h3,.half-width.black h4,.half-width.black h5,.half-width.black h6,section.black h1,section.black h2,section.black h3,section.black h4,section.black h5,section.black h6{
    color:#fff
}
.half-width.black p,section.black p{
    color:#888
}
.half-width.black a,section.black a{
    color:#fff
}
.half-width.all-black,section.all-black{
    background:#111
}
.half-width.all-black h1,.half-width.all-black h2,.half-width.all-black h3,.half-width.all-black h4,.half-width.all-black h5,.half-width.all-black h6,section.all-black h1,section.all-black h2,section.all-black h3,section.all-black h4,section.all-black h5,section.all-black h6{
    color:#fff
}
.half-width.all-black p,section.all-black p{
    color:#888
}
.half-width.all-black a,section.all-black a{
    color:#fff
}
.half-width.all-gray,section.all-gray{
    background:#1e1e1e
}
.half-width.full-width-overlay,.half-width.half-width-overlay,section.full-width-overlay,section.half-width-overlay{
    background:#111
}
@media screen and (max-width:1024px){
    .half-width.mobile-all-black,section.mobile-all-black{
        background:#111
    }
    .half-width.mobile-all-black h1,.half-width.mobile-all-black h2,.half-width.mobile-all-black h3,.half-width.mobile-all-black h4,.half-width.mobile-all-black h5,.half-width.mobile-all-black h6,section.mobile-all-black h1,section.mobile-all-black h2,section.mobile-all-black h3,section.mobile-all-black h4,section.mobile-all-black h5,section.mobile-all-black h6{
        color:#fff
    }
    .half-width.mobile-all-black p,section.mobile-all-black p{
        color:#888
    }
    .half-width.mobile-all-black a,section.mobile-all-black a{
        color:#fff
    }
    .half-width.mobile-all-gray,section.mobile-all-gray{
        background:#1e1e1e
    }
}
@-webkit-keyframes a{
    0%{
        left:50%
    }
    50%{
        left:100%
    }
    51%{
        left:0
    }
    to{
        left:50%
    }
}
@keyframes a{
    0%{
        left:50%
    }
    50%{
        left:100%
    }
    51%{
        left:0
    }
    to{
        left:50%
    }
}
@-webkit-keyframes b{
    0%{
        left:50%
    }
    50%{
        left:0
    }
    51%{
        left:100%
    }
    to{
        left:50%
    }
}
@keyframes b{
    0%{
        left:50%
    }
    50%{
        left:0
    }
    51%{
        left:100%
    }
    to{
        left:50%
    }
}
.slick-arrow{
    width:48px;
    height:48px;
    overflow:hidden;
    border-radius:50%;
    background:#fff;
    z-index:1;
    text-align:center;
    color:#888;
    position:absolute;
    right:35px;
    cursor:pointer;
    transition:all .1s ease-in-out 0s;
    -webkit-transition:all .1s ease-in-out 0s;
    -moz-transition:.1s all 0s ease-in-out;
    -o-transition:.1s all 0s ease-in-out
}
.slick-arrow:before{
    opacity:.35;
    position:absolute;
    content:"";
    top:50%;
    left:50%;
    margin:-10px 0 0 -5px;
    width:10px;
    height:20px;
    transition:opacity .15s ease-in-out 0s;
    -webkit-transition:opacity .15s ease-in-out 0s;
    -moz-transition:.15s opacity 0s ease-in-out;
    -o-transition:.15s opacity 0s ease-in-out;
    background:url(../images/brief/Arrows-02-dark.svg) 50% no-repeat
}
.slick-arrow.slick-prev{
    top:51%
}
.slick-arrow.slick-next{
    bottom:51%
}
.slick-arrow.slick-next:before{
    background:url(../images/brief/Arrows-01-dark.svg) 50% no-repeat
}
.slick-arrow:active{
    background:#ddd;
    transform:scale(.9);
    -webkit-transform:scale(.9);
    -moz-transform:scale(.9);
    -o-transform:scale(.9)
}
.slick-arrow:hover:before{
    opacity:1
}
.slick-arrow.slick-prev:hover:before{
    animation:b .15s ease-in-out 1
}
.slick-arrow.slick-next:hover:before{
    animation:a .15s ease-in-out 1
}
.slick-slider{
    display:block;
    box-sizing:border-box;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    position:relative;
    overflow:hidden;
    display:block;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.slick-track{
    position:relative;
    left:0;
    top:0;
    display:block
}
.slick-track:before{
    content:"\200B";
    height:100%
}
.slick-track .slideshow-single.slick-slide,.slick-track:before{
    display:inline-block;
    vertical-align:middle
}
.slick-track:after{
    content:"";
    display:table;
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    display:none
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display: inline-block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
.half-width-blocks .slick-initialized .slick-slide,
.full-width-image-block .slick-initialized .slick-slide{
    display:inline-block;
    overflow:hidden;
    position:relative
}
#main-nav{
    position:absolute;
    width:100%;
    z-index:5001;
    top:0;
    left:0;
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
#main-nav:after,#main-nav:before{
    display:table;
    content:""
}
#main-nav:after{
    clear:both
}
@-webkit-keyframes c{
    0%{
        transform:translateX(0) scale(1);
        -webkit-transform:translateX(0) scale(1);
        -moz-transform:translateX(0) scale(1);
        -o-transform:translateX(0) scale(1)
    }
    50%{
        transform:translateX(10px) scale(1.1);
        -webkit-transform:translateX(10px) scale(1.1);
        -moz-transform:translateX(10px) scale(1.1);
        -o-transform:translateX(10px) scale(1.1)
    }
    to{
        transform:translateX(0) scale(1);
        -webkit-transform:translateX(0) scale(1);
        -moz-transform:translateX(0) scale(1);
        -o-transform:translateX(0) scale(1)
    }
}
@keyframes c{
    0%{
        transform:translateX(0) scale(1);
        -webkit-transform:translateX(0) scale(1);
        -moz-transform:translateX(0) scale(1);
        -o-transform:translateX(0) scale(1)
    }
    50%{
        transform:translateX(10px) scale(1.1);
        -webkit-transform:translateX(10px) scale(1.1);
        -moz-transform:translateX(10px) scale(1.1);
        -o-transform:translateX(10px) scale(1.1)
    }
    to{
        transform:translateX(0) scale(1);
        -webkit-transform:translateX(0) scale(1);
        -moz-transform:translateX(0) scale(1);
        -o-transform:translateX(0) scale(1)
    }
}
.logo-link{
    opacity:0;
    position:fixed;
    left:14px;
    top:0;
    padding:28px 0 28px 14px;
    transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none
}
.logo-link.visible{
    opacity:1
}
.logo-link .logo-mark{
    width:150px;
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
.logo-link .logo-text,.logo-link.mini:hover .logo-text .logo-link.mini .logo-text.open{
    margin-left:19px;
    max-width:176px;
    height:57px
}
.logo-link.mini .logo-text{
    max-width:0
}
.logo-link.logo-svg-wrap{
    display:block;
    opacity:0;
    z-index:9999;
    width:290px;
    overflow:hidden;
    transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:.2s all;
    -o-transition:.2s all
}
.logo-link.logo-svg-wrap:hover{
    transition:width .15s;
    -webkit-transition:width .15s;
    -moz-transition:.15s width;
    -o-transition:.15s width;
    opacity:1
}
.logo-link.logo-svg-wrap:hover #logo-svg path,.logo-link.logo-svg-wrap:hover #logo-svg polygon{
    transition:fill .3s;
    -webkit-transition:fill .3s;
    -moz-transition:.3s fill;
    -o-transition:.3s fill
}
.logo-link.logo-svg-wrap:hover #logo-svg path.lit,.logo-link.logo-svg-wrap:hover #logo-svg polygon.lit{
    transition:fill .15s;
    -webkit-transition:fill .15s;
    -moz-transition:.15s fill;
    -o-transition:.15s fill
}
.logo-link.logo-svg-wrap.mini{
    width:90px
}
.logo-link.logo-svg-wrap.mini:hover{
    width:290px
}
.logo-link.logo-svg-wrap.mini:hover #logo-svg{
    animation:c .15s ease-in-out;
    -moz-animation:c .15s ease-in-out;
    -webkit-animation:c .15s ease-in-out
}
.logo-link.logo-svg-wrap:active{
    transform:scale(.95);
    -webkit-transform:scale(.95);
    -moz-transform:scale(.95);
    -o-transform:scale(.95);
    opacity:.8
}
.logo-svg-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:pointer
}
#logo-svg{
    position:relative;
    float:left
}
#menu.visible+#main-nav .logo-link.black{
    opacity:0
}
#menu.visible+#main-nav .logo-link.black,#menu.visible+#main-nav .logo-link.white{
    transition:opacity .2s .3s;
    -webkit-transition:opacity .2s .3s;
    -moz-transition:.2s opacity .3s;
    -o-transition:.2s opacity .3s
}
#menu.visible+#main-nav .logo-link.white{
    opacity:1
}
.menu-toggle{
    cursor:pointer;
    height:40px;
    width:40px;
    position:fixed;
    right:28px;
    top:28px;
    z-index:9000;
    display:block;
    float:right;
    background:#333
}
.menu-toggle,.menu-toggle:after,.menu-toggle:before{
    transition:all .13s ease-in-out 0s;
    -webkit-transition:all .13s ease-in-out 0s;
    -moz-transition:.13s all 0s ease-in-out;
    -o-transition:.13s all 0s ease-in-out
}
.menu-toggle:after,.menu-toggle:before{
    content:"";
    display:inline-block;
    width:16px;
    height:2px;
    position:absolute;
    left:12px;
    top:0;
    box-shadow:0 12px #fff,0 12px #fff,0 19px #fff,0 19px #fff,0 19px #fff,0 26px #fff,0 26px #fff
}
.menu-toggle:hover{
    background:#111
}
.menu-toggle:hover:after,.menu-toggle:hover:before{
    width:12px;
    height:1px;
    left:14px;
    box-shadow:0 19px #00c9bf,0 10px #87c70f,0 28px #ed1c0d,0 13px #ed7300,0 25px #3d8cde,0 16px #ffa3b5,0 22px #ffbf0f
}
#menu{
    z-index:0;
    position:fixed;
    width:100%;
    height:100%;
    right:-110%;
    top:0;
    opacity:1;
    overflow:auto;
    overflow-y:auto;
    background:#231f20;
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    transition:all .7s;
    -webkit-transition:all .7s;
    -moz-transition:.7s all;
    -o-transition:.7s all
}
#menu.visible{
    opacity:1;
    right:0;
    z-index:5000;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    transition:all .4s .1s;
    -webkit-transition:all .4s .1s;
    -moz-transition:.4s all .1s;
    -o-transition:.4s all .1s
}
#menu.visible .contact-details-wrap .careers-cta{
    left:0;
    opacity:1
}
#menu .menu-content-wrap{
    width:100%;
    height:calc(100% - 120px);
    margin-top:120px;
    min-height:540px
}
#menu .menu-links-wrap{
    height:80%;
    position:relative
}
#menu .menu-links-wrap .menu-links{
    padding-left:7%;
    position:relative
}
#menu .menu-links-wrap .menu-links .menu-link{
    font-size:94px;
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    display:inline-block;
    position:relative;
    z-index:5000;
    padding:24px 0;
    line-height:.7;
    transition:all .1s ease-in-out 0s;
    -webkit-transition:all .1s ease-in-out 0s;
    -moz-transition:.1s all 0s ease-in-out;
    -o-transition:.1s all 0s ease-in-out
}
#menu .menu-links-wrap .menu-links .menu-link:hover{
    color:#666
}
#menu .menu-links-wrap .menu-links li:last-of-type .menu-link{
    padding-bottom:0
}
#menu .menu-links-wrap .menu-links li:first-of-type .menu-link{
    padding-top:0
}
#menu .menu-links-wrap .menu-links .menu-rainbow{
    position:absolute;
    top:0;
    left:0;
    z-index:1
}
#menu .contact-details-wrap{
    position:relative;
    height:20%;
    color:#666;
    font-size:15px;
    line-height:1.2;
    font-style:italic;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -o-transform:translateZ(0)
}
#menu .contact-details-wrap .column{
    position:relative;
    display:inline-block;
    padding-left:7%;
    color:#888
}
@media only screen and (min-width:1025px) and (max-width:1350px){
    #menu .contact-details-wrap .column:nth-child(n+2){
        padding-left:3%
    }
}
@media only screen and (max-width:1024px){
    #menu .contact-details-wrap .column{
        display:block
    }
    #menu .contact-details-wrap .column.social-links .social-icon:first-child{
        margin-left:0
    }
}
#menu .contact-details-wrap .column.social-links{
    display:inline-block
}
#menu .contact-details-wrap .column.social-links .social-icon{
    display:block;
    width:40px;
    height:40px;
    border:1px solid #333;
    border-radius:20px;
    float:left;
    position:relative;
    margin:0 12px;
    transition:all .15s ease-in-out 0s
}
#menu .contact-details-wrap .column.social-links .social-icon:before{
    content:"";
    position:absolute;
    width:200%;
    height:200%;
    top:-50%;
    left:-50%;
    opacity:.5;
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
#menu .contact-details-wrap .column.social-links .social-icon:hover:before{
    opacity:1
}
#menu .contact-details-wrap .column.social-links .social-icon:hover[data-color=red]{
    background:#ed1c0d
}
#menu .contact-details-wrap .column.social-links .social-icon:hover[data-color=orange]{
    background:#ed7300
}
#menu .contact-details-wrap .column.social-links .social-icon:hover[data-color=gold]{
    background:#ffbf0f
}
#menu .contact-details-wrap .column.social-links .social-icon:hover[data-color=green]{
    background:#87c70f
}
#menu .contact-details-wrap .column.social-links .social-icon:hover[data-color=cyan]{
    background:#00c9bf
}
#menu .contact-details-wrap .column.social-links .social-icon:hover[data-color=blue]{
    background:#3d8cde
}
#menu .contact-details-wrap .column.social-links .social-icon:hover[data-color=purple]{
    background:#663382
}
#menu .contact-details-wrap .column.social-links .social-icon:hover[data-color=lily]{
    background:#ffa3b5
}
#menu .contact-details-wrap .column.social-links .social-icon:hover[data-color=pink]{
    background:#ff3363
}
#menu .contact-details-wrap .column.social-links .social-icon#facebook:before{
    background:transparent url(../images/social/facebook@2x.png) 50% no-repeat;
    background-size:12.5%
}
#menu .contact-details-wrap .column.social-links .social-icon#twitter:before{
    background:transparent url(../images/social/twitter@2x.png) 50% no-repeat;
    background-size:25%
}
#menu .contact-details-wrap .column.social-links .social-icon#insta:before{
    background:transparent url(../images/social/ig@2x.png) 50% no-repeat;
    background-size:22.5%
}
#menu .contact-details-wrap a{
    color:#888
}
#menu .contact-details-wrap a:hover{
    color:#00c9bf
}
#menu .contact-details-wrap .careers-cta{
    display:block;
    float:right;
    position:relative;
    left:-20px;
    opacity:0;
    text-align:right;
    padding-right:3.5%;
    margin-right:3.5%
}
#menu .contact-details-wrap .careers-cta p{
    line-height:1;
    margin:0 0 10px
}
#menu .contact-details-wrap .careers-cta h6{
    color:#fff;
    line-height:1;
    margin:8px 0 3px;
    font-style:normal;
}
#menu .contact-details-wrap .careers-cta .careers-button{
    position:absolute;
    background:#ff3363;
    border-radius:30px;
    right:0;
    width:56px;
    margin-right:-28px;
    height:56px;
    top:50%;
    margin-top:-28px;
    overflow:hidden;
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
#menu .contact-details-wrap .careers-cta .careers-button:after,#menu .contact-details-wrap .careers-cta .careers-button:before{
    content:"";
    display:block;
    width:2px;
    height:12px;
    background:#fff;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-1px;
    margin-top:-6px;
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out;
    transform:rotate(45deg) translate(3px,3px);
    -webkit-transform:rotate(45deg) translate(3px,3px);
    -moz-transform:rotate(45deg) translate(3px,3px);
    -o-transform:rotate(45deg) translate(3px,3px)
}
#menu .contact-details-wrap .careers-cta .careers-button:after{
    transform:rotate(-45deg) translate(3px,-3px);
    -webkit-transform:rotate(-45deg) translate(3px,-3px);
    -moz-transform:rotate(-45deg) translate(3px,-3px);
    -o-transform:rotate(-45deg) translate(3px,-3px)
}
#menu .contact-details-wrap .careers-cta:hover .careers-button{
    background:#00c9bf;
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2)
}
body.nights{
    overflow-y:scroll;
    position:fixed
}
body.nights .menu-toggle:after,body.nights .menu-toggle:before{
    width:20px;
    transform:rotate(45deg) translate(12px,-4px);
    -webkit-transform:rotate(45deg) translate(12px,-4px);
    -moz-transform:rotate(45deg) translate(12px,-4px);
    -o-transform:rotate(45deg) translate(12px,-4px);
    box-shadow:0 19px #fff,0 19px #fff,0 19px #fff,0 19px #fff,0 19px #fff,0 19px #fff,0 19px #fff
}
@supports (overflow:-webkit-marquee) and (justify-content:inherit){
    body.nights .menu-toggle:after,body.nights .menu-toggle:before{
        height:2.3px
    }
}
body.nights .menu-toggle:before{
    transform:rotate(-45deg) translate(-15px,-7px);
    -webkit-transform:rotate(-45deg) translate(-15px,-7px);
    -moz-transform:rotate(-45deg) translate(-15px,-7px);
    -o-transform:rotate(-45deg) translate(-15px,-7px)
}
body.nights .menu-toggle:hover:after,body.nights .menu-toggle:hover:before{
    width:20px;
    height:1px;
    left:12px;
    box-shadow:0 19px #fff,0 19px #fff,0 19px #fff,0 19px #fff,0 19px #fff,0 19px #fff,0 19px #fff
}
@supports (overflow:-webkit-marquee) and (justify-content:inherit){
    body.nights .menu-toggle:hover:after,body.nights .menu-toggle:hover:before{
        height:1.24999995px
    }
}
body.fixed{
    overflow:hidden
}
@media only screen and (min-width:1600px){
    #menu .contact-details-wrap .column{
        font-size:16px
    }
    #menu .menu-links-wrap .menu-links .menu-link{
        font-size:110px
    }
}
@media only screen and (min-width:2000px){
    #menu .contact-details-wrap .column{
        font-size:17px
    }
    #menu .contact-details-wrap .careers-cta h6{
        font-size:20px
    }
    #menu .contact-details-wrap .careers-cta p{
        font-size:19px
    }
    #menu .menu-links-wrap .menu-links .menu-link{
        font-size:130px
    }
}
@media only screen and (min-width:2100px){
    #menu .menu-links-wrap .menu-links .menu-link{
        font-size:160px
    }
}
.page-template-page-homepage{
    height:100%;
    min-height:700px;
    position:relative
}
.page-template-page-homepage #footer{
    display:none
}
.page-template-page-homepage #animation-stage{
    max-height:none
}
.page-template-page-homepage .homepage-link{
    display:none;
    width:40px;
    height:40px;
    border-radius:40px;
    -webkit-border-radius:40px;
    position:absolute;
    margin-left:-20px;
    margin-top:-20px;
    text-indent:60px;
    line-height:38px;
    overflow:hidden;
    color:#fff;
    text-align:left;
    text-transform:uppercase;
    font-weight:700;
    transition:width .15s,margin-left .15s,text-indent .35s;
    -webkit-transition:width .15s,margin-left .15s,text-indent .35s;
    -moz-transition:.15s width,.15s margin-left,.35s text-indent;
    -o-transition:.15s width,.15s margin-left,.35s text-indent
}
.page-template-page-homepage .homepage-link:after,.page-template-page-homepage .homepage-link:before{
    content:"";
    display:block;
    width:2px;
    height:16px;
    background:#fff;
    position:absolute;
    right:19px;
    top:20px;
    margin-left:0;
    margin-top:-8px;
    transition:all .4s;
    -webkit-transition:all .4s;
    -moz-transition:.4s all;
    -o-transition:.4s all
}
.page-template-page-homepage .homepage-link:after{
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg)
}
.page-template-page-homepage .homepage-link:after:after{
    box-shadow:0 0 #fff
}
.page-template-page-homepage .homepage-link .link-arrow{
    display:block;
    position:absolute;
    width:0;
    height:0;
    right:20px;
    top:20px;
    transition:all .3s;
    -webkit-transition:all .3s;
    -moz-transition:.3s all;
    -o-transition:.3s all;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg)
}
.page-template-page-homepage .homepage-link .link-arrow:after,.page-template-page-homepage .homepage-link .link-arrow:before{
    content:"";
    display:block;
    width:100%;
    height:2px;
    background:#fff;
    position:absolute;
    bottom:0;
    right:0
}
.page-template-page-homepage .homepage-link .link-arrow:after{
    width:2px;
    height:100%
}
.page-template-page-homepage .homepage-link.work{
    background:#663382;
    left:38.0714%;
    top:35%
}
.page-template-page-homepage .homepage-link.brief{
    background:#ffbf0f;
    left:67%;
    top:24%
}
.page-template-page-homepage .homepage-link.team{
    background:#87c70f;
    left:47.1429%;
    top:72.8571%
}
.page-template-page-homepage .homepage-link.contact{
    background:#00c9bf;
    left:82.1428%;
    top:74.2857%
}
.page-template-page-homepage .homepage-link:hover{
    margin-left:-90px;
    text-indent:16px;
    width:180px
}
.page-template-page-homepage .homepage-link:hover:before{
    height:0
}
.page-template-page-homepage .homepage-link:hover:after{
    box-shadow:0 6px #fff
}
.page-template-page-homepage .homepage-link:hover .link-arrow{
    width:12px;
    height:12px;
    margin-top:-6px;
    margin-right:-6px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg)
}
@supports (overflow:-webkit-marquee) and (justify-content:inherit){
    .page-template-page-homepage .homepage-link:hover .link-arrow{
        margin-top:-6.6px;
        margin-right:-6.6px
    }
}
@media only screen and (min-width:1601px){
    .page-template-page-team #team-hero h1{
        font-size:160px
    }
}
.page-template-page-team #team-hero{
    position:relative
}
.page-template-page-team #team-hero:before{
    content:"";
    float:left;
    padding-bottom:36.6667033334%
}
.page-template-page-team #team-hero:after{
    content:"";
    display:table;
    clear:both
}
.page-template-page-team #team-hero h1{
    cursor:default;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none
}
.page-template-page-team canvas#animation{
    position:absolute;
    display:none;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.page-template-page-team .team-member{
    margin-bottom:98px
}
.page-template-page-team .team-member .team-member-wrap{
    position:relative;
    padding-bottom:29%;
    overflow:hidden;
    cursor:pointer;
    max-width:402px;
    margin:0 auto
}
.page-template-page-team .team-member .team-member-wrap .team-member-photo{
    width:100%;
    background-color:#888;
    background-position:top;
    background-size:100% auto;
    background-repeat:no-repeat;
    transform:scale(1) translateZ(0);
    -webkit-transform:scale(1) translateZ(0);
    -moz-transform:scale(1) translateZ(0);
    -o-transform:scale(1) translateZ(0);
    transition:all .2s,background-position .1ms;
    -webkit-transition:all .2s,background-position .1ms;
    -moz-transition:.2s all,.1ms background-position;
    -o-transition:.2s all,.1ms background-position
}
.page-template-page-team .team-member .team-member-wrap .team-member-photo:before{
    content:"";
    float:left;
    padding-bottom:63.9386189258%
}
.page-template-page-team .team-member .team-member-wrap .team-member-photo:after{
    content:"";
    display:table;
    clear:both
}
.page-template-page-team .team-member .team-member-wrap .team-member-panel{
    background:#fff;
    padding:36px 0;
    min-height:0;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    transition:all .3s,background-color .2s;
    -webkit-transition:all .3s,background-color .2s;
    -moz-transition:.3s all,.2s background-color;
    -o-transition:.3s all,.2s background-color
}
.page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-name,.page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-title{
    max-height:30px;
    margin:0;
    line-height:1.3;
    opacity:1;
    transition:all .3s,color .2s;
    -webkit-transition:all .3s,color .2s;
    -moz-transition:.3s all,.2s color;
    -o-transition:.3s all,.2s color
}
.page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-name{
    margin:0 0 3px
}
.page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-title{
    color:#666;
    font-size:15px
}
.page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-bio-wrap{
    overflow:hidden;
    padding:0 36px;
    max-height:0;
    opacity:0;
    transition:all .3s ease-in-out 0s;
    -webkit-transition:all .3s ease-in-out 0s;
    -moz-transition:.3s all 0s ease-in-out;
    -o-transition:.3s all 0s ease-in-out
}
.page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-bio-wrap .team-member-bio{
    font-size:16px;
    line-height:1.2;
    margin-bottom:36px
}
.page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-bio-wrap h6{
    margin:0 0 3px
}
.page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-bio-wrap .team-member-detail{
    font-style:italic;
    font-size:15px;
    line-height:1.3;
    font-weight:300;
    margin:0
}
.page-template-page-team .team-member .team-member-wrap.toggled .team-member-panel,.page-template-page-team .team-member .team-member-wrap:hover .team-member-panel{
    background:#87c70f
}
.page-template-page-team .team-member .team-member-wrap.toggled .team-member-panel h6,.page-template-page-team .team-member .team-member-wrap.toggled .team-member-panel p,.page-template-page-team .team-member .team-member-wrap:hover .team-member-panel h6,.page-template-page-team .team-member .team-member-wrap:hover .team-member-panel p{
    color:#fff
}
.page-template-page-team .team-member .team-member-wrap.toggled[data-color=red] .team-member-panel,.page-template-page-team .team-member .team-member-wrap:hover[data-color=red] .team-member-panel{
    background:#ed1c0d
}
.page-template-page-team .team-member .team-member-wrap.toggled[data-color=orange] .team-member-panel,.page-template-page-team .team-member .team-member-wrap:hover[data-color=orange] .team-member-panel{
    background:#ed7300
}
.page-template-page-team .team-member .team-member-wrap.toggled[data-color=gold] .team-member-panel,.page-template-page-team .team-member .team-member-wrap:hover[data-color=gold] .team-member-panel{
    background:#3d8cde
}
.page-template-page-team .team-member .team-member-wrap.toggled[data-color=green] .team-member-panel,.page-template-page-team .team-member .team-member-wrap:hover[data-color=green] .team-member-panel{
    background:#87c70f
}
.page-template-page-team .team-member .team-member-wrap.toggled[data-color=cyan] .team-member-panel,.page-template-page-team .team-member .team-member-wrap:hover[data-color=cyan] .team-member-panel{
    background:#00c9bf
}
.page-template-page-team .team-member .team-member-wrap.toggled[data-color=blue] .team-member-panel,.page-template-page-team .team-member .team-member-wrap:hover[data-color=blue] .team-member-panel{
    background:#3d8cde
}
.page-template-page-team .team-member .team-member-wrap.toggled[data-color=purple] .team-member-panel,.page-template-page-team .team-member .team-member-wrap:hover[data-color=purple] .team-member-panel{
    background:#663382
}
.page-template-page-team .team-member .team-member-wrap.toggled[data-color=lily] .team-member-panel,.page-template-page-team .team-member .team-member-wrap:hover[data-color=lily] .team-member-panel{
    background:#ffa3b5
}
.page-template-page-team .team-member .team-member-wrap.toggled[data-color=pink] .team-member-panel,.page-template-page-team .team-member .team-member-wrap:hover[data-color=pink] .team-member-panel{
    background:#ff3363
}
.page-template-page-team .team-member .team-member-wrap.toggled .team-member-panel{
    padding:0;
    min-height:100%
}
.page-template-page-team .team-member .team-member-wrap.toggled .team-member-panel .team-member-name,.page-template-page-team .team-member .team-member-wrap.toggled .team-member-panel .team-member-title{
    max-height:0;
    overflow:hidden;
    opacity:0
}
.page-template-page-team .team-member .team-member-wrap.toggled .team-member-panel .team-member-bio-wrap{
    max-height:100%;
    opacity:1
}
.page-template-page-team ul.jobs-list{
    width:100%;
    margin:60px auto 0;
    text-align:left
}
.page-template-page-team ul.jobs-list li{
    color:#888
}
.page-template-page-team ul.jobs-list li a{
    color:#888;
    border-color:#87c70f;
    transition:color .2s ease-in-out,border-color .1ms;
    -webkit-transition:color .2s ease-in-out,border-color .1ms;
    -moz-transition:.2s color ease-in-out,.1ms border-color;
    -o-transition:.2s color ease-in-out,.1ms border-color
}
.page-template-page-team ul.jobs-list li a[data-color=red]{
    border-color:#ed1c0d
}
.page-template-page-team ul.jobs-list li a[data-color=orange]{
    border-color:#ed7300
}
.page-template-page-team ul.jobs-list li a[data-color=gold]{
    border-color:#3d8cde
}
.page-template-page-team ul.jobs-list li a[data-color=green]{
    border-color:#87c70f
}
.page-template-page-team ul.jobs-list li a[data-color=cyan]{
    border-color:#00c9bf
}
.page-template-page-team ul.jobs-list li a[data-color=blue]{
    border-color:#3d8cde
}
.page-template-page-team ul.jobs-list li a[data-color=purple]{
    border-color:#ff3363
}
.page-template-page-team ul.jobs-list li a[data-color=lily]{
    border-color:#ffa3b5
}
.page-template-page-team ul.jobs-list li a[data-color=pink]{
    border-color:#ff3363
}
.page-template-page-team ul.jobs-list li a:before{
    content:"";
    display:inline-block;
    position:relative;
    top:0;
    left:-10px;
    height:11px;
    width:0;
    background-color:rgba(204,0,102,0);
    border:1px solid;
    border-color:inherit;
    border-radius:75px;
    transition:all .2s ease-in-out;
    transition:all .2s ease-in-out,border-color .1ms;
    -webkit-transition:all .2s ease-in-out,border-color .1ms;
    -moz-transition:.2s all ease-in-out,.1ms border-color;
    -o-transition:.2s all ease-in-out,.1ms border-color;
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden
}
.page-template-page-team ul.jobs-list li a:hover{
    color:#fff
}
.page-template-page-team ul.jobs-list li a:hover:before{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    margin-left:11px;
    width:11px
}
.page-template-page-team .half-width .middle{
    text-align:left;
    width:50%
}
.page-template-page-team .half-width .middle h2{
    margin-bottom:68px
}
.page-template-page-team .half-width .middle .jobs-list{
    margin-left:0
}
.page-template-page-team .half-width .middle .jobs-list li{
    padding-bottom:3px
}
.team-filters{
    margin-bottom:26px
}
.team-filters__department,.team-filters__tags{
    font-style:italic;
    color:#888;
    font-weight:400;
    font-size:17px;
    padding:0 20px;
    cursor:pointer;
    display:inline-block;
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
.team-filters__department:hover,.team-filters__tags:hover{
    color:#1e1e1e
}
.team-filters__department.active,.team-filters__tags.active{
    color:#1e1e1e;
    font-weight:600
}
.team-filters__tags .plus{
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
.team-filters__tags .plus.active{
    display:none
}
.team-filters__tags .down_arrow{
    display:none;
    width:11.47px;
    height:7px;
    background:url(../images/team/Arrows_down@2x.png) no-repeat;
    background-size:10.47px;
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
.team-filters__tags .down_arrow.active{
    display:inline-block
}
.tag-filters{
    display:none;
    margin:0 auto;
    background:#222
}
.tag-filters .wrapper{
    padding-top:40px;
    padding-bottom:40px
}
.tag-filters__filter{
    text-align:left;
    color:#888;
    margin:7px 0;
    cursor:pointer;
    border-color:#87c70f;
    transition:color .2s ease-in-out,border-color .1ms;
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
.tag-filters__filter[data-color=red]{
    border-color:#ed1c0d
}
.tag-filters__filter[data-color=orange]{
    border-color:#ed7300
}
.tag-filters__filter[data-color=gold]{
    border-color:#3d8cde
}
.tag-filters__filter[data-color=green]{
    border-color:#87c70f
}
.tag-filters__filter[data-color=cyan]{
    border-color:#00c9bf
}
.tag-filters__filter[data-color=blue]{
    border-color:#3d8cde
}
.tag-filters__filter[data-color=purple]{
    border-color:#ff3363
}
.tag-filters__filter[data-color=lily]{
    border-color:#ffa3b5
}
.tag-filters__filter[data-color=pink]{
    border-color:#ff3363
}
.tag-filters__filter:before{
    content:"";
    display:inline-block;
    position:relative;
    top:0;
    left:-10px;
    height:11px;
    width:0;
    background-color:rgba(204,0,102,0);
    border:1px solid;
    border-color:inherit;
    border-radius:75px;
    transition:all .2s ease-in-out;
    transition:all .2s ease-in-out,border-color .1ms;
    -webkit-transition:all .2s ease-in-out,border-color .1ms;
    -moz-transition:.2s all ease-in-out,.1ms border-color;
    -o-transition:.2s all ease-in-out,.1ms border-color;
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden
}
.tag-filters__filter.active{
    color:#fff
}
.tag-filters__filter:hover{
    color:#f8f8f8
}
.tag-filters__filter:hover:before{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    margin-left:11px;
    width:11px
}
.office-block .text-slideshow-block .slide-text .next-button{
    position:relative
}
.office-block .text-slideshow-block .slide-text .next-button:after{
    content:"";
    display:inline-block;
    position:absolute;
    background:url(../images/Arrows/SVG/right_arrow_gray.svg) no-repeat;
    left:50%;
    margin-left:-15px;
    width:30px;
    height:30px
}
.office-block .slide img{
    width:100%
}
.office-block .neighborhood{
    position:absolute;
    opacity:0;
    visibility:hidden;
    z-index:1000;
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
.office-block .neighborhood .slide{
    position:relative
}
.office-block .neighborhood .slide img{
    position:absolute;
    top:0;
    left:0
}
.office-block .neighborhood.active{
    opacity:1;
    visibility:visible
}
#colorado .slideshow-block{
    float:right
}
#colorado .neighborhood{
    right:0
}
div[data-name=cats]{
    display:none
}
.wrapper.team-container{
    padding-top:100px;
    padding-bottom:22px
}
.no-members-found{
    display:none;
    font-style:italic;
    margin-bottom:72px
}
section[data-name=denver]{
    float:right
}
@media only screen and (min-width:1024px) and (max-width:1350px){
    .page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-bio-wrap{
        padding:0 5%
    }
    .page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-bio-wrap .team-member-bio{
        font-size:14px;
        font-size:1.3658536585vw;
        margin-bottom:5%
    }
    .page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-bio-wrap h6{
        font-size:14px;
        font-size:1.3658536585vw;
        margin-bottom:1.5%
    }
    .page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-bio-wrap .team-member-detail{
        font-size:14px;
        font-size:1.3658536585vw;
        line-height:1.2
    }
    .page-template-page-team .half-width .middle{
        width:70%
    }
    .page-template-page-team .half-width .middle h3{
        margin-bottom:4%
    }
    .page-template-page-team .half-width .middle p{
        margin-bottom:2%
    }
    section .text-slideshow-block .slide-text .next-button{
        margin-top:5%
    }
    section .text-slideshow-block .slick-dots{
        margin-bottom:0;
        bottom:4%
    }
    #listings .half-width{
        padding:7% 0
    }
}
.mobile-animation-fallback{
    display:none;
    max-width:100%;
    margin:0 auto
}
.page-template-page-brief #brief-hero{
    height:100%
}
.page-template-page-brief #brief-hero h1,.page-template-page-brief #brief-hero h3{
    cursor:default;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none
}
.page-template-page-brief #brief-hero h3{
    font-style:italic;
    margin:0
}
.page-template-page-brief #brief-hero #hero-animation-wrap{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.page-template-page-brief #brief-hero .sketch{
    width:100%;
    height:100%
}
.page-template-page-brief #brief-hero .hero-text-wrap{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.page-template-page-brief #moonrock-canvas-wrapper{
    width:600px;
    height:600px;
    margin:0 auto;
    background:#222 url(../images/brief/rock-rings.png) 50% no-repeat;
    background-size:100%;
    transition:background-size .3s;
    -webkit-transition:background-size .3s;
    -moz-transition:.3s background-size
}
.page-template-page-brief #moonrock-canvas-wrapper canvas{
    width:100%;
    height:100%
}
.page-template-page-brief .half-width span{
    color:#888;
    font-style:italic;
    margin-bottom:10px;
    font-size:18px
}
.page-template-page-brief #animation-stack{
    position:relative
}
.page-template-page-brief #animation-stack .half-width:before{
    padding-bottom:65.7%
}
@media only screen and (max-width:1350px){
    .page-template-page-brief #animation-stack .half-width:before{
        padding-bottom:90%
    }
}
.page-template-page-brief #animation-stack .arrow{
    width:0;
    height:0;
    top:0;
    z-index:1;
    position:absolute;
    border-style:solid;
    border-width:23px 32px 0;
    border-color:#333 transparent transparent;
    left:50%;
    margin-left:-32px
}
.page-template-page-brief #animation-stack .absorbz-wrapper{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transform:none;
    -webkit-transform:none;
    -moz-transform:none;
    -o-transform:none;
    padding:0
}
.page-template-page-brief #animation-stack #blob-canvas{
    width:100%;
    height:100%
}
.page-template-page-brief .animation-block.half-width{
    float:right
}
.page-template-page-brief .animation-block .wrapper{
    padding-top:37px;
    padding-bottom:37px;
    position:absolute;
    width:100%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.page-template-page-brief #balls-canvas{
    max-width:100%
}
.page-template-page-brief .services{
    opacity:0;
    position:absolute;
    right:-9999px;
    top:0;
    background:#222;
    transition:opacity .5s,right 0s .5s;
    -webkit-transition:opacity .5s,right 0s .5s;
    -moz-transition:.5s opacity,0s right .5s;
    -o-transition:.5s opacity,0s right .5s
}
.page-template-page-brief .services.visible{
    transition:opacity .5s;
    -webkit-transition:opacity .5s;
    -moz-transition:.5s opacity;
    -o-transition:.5s opacity;
    right:0;
    opacity:1
}
.page-template-page-brief .services .bold{
    color:#fff;
    font-style:normal;
}
.page-template-page-brief section[data-name=what-we-do] .half-width.black .middle:not(.full){
    max-width:418px
}
.page-template-page-brief .see-all{
    margin-top:36px;
    display:block;
    font-style:italic;
    color:#888;
    font-size:18px;
    position:relative;
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
.page-template-page-brief .see-all:hover,.page-template-page-brief .see-all:hover .hide,.page-template-page-brief .see-all:hover .see{
    color:#000
}
.page-template-page-brief .see-all .hide,.page-template-page-brief .see-all .see{
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
.page-template-page-brief .see-all:after{
    content:"";
    display:inline-block;
    position:absolute;
    background:url(../images/Arrows/SVG/right_arrow_gray.svg) no-repeat;
    left:50%;
    top:0;
    margin-left:-15px;
    width:30px;
    height:30px
}
.page-template-page-brief .see-all .hide{
    display:none
}
.page-template-page-brief .see-all.toggled .hide{
    display:inline
}
.page-template-page-brief .see-all.toggled .see{
    display:none
}
.page-template-page-brief section[data-name=what-we-do] .black.half-width{
    float:right
}
.page-template-page-brief #canv{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    border:0
}
.page-template-page-brief #animation-gallery{
    padding:24px 0 60px
}
.page-template-page-brief #animation-gallery .wrapper{
    padding:0;
    height:520px
}
.page-template-page-brief section[data-name=client-list] h3{
    font-weight:600
}
.page-template-page-brief #client-list{
    padding-top:28px
}
.page-template-page-brief #client-list .client{
    margin-bottom:28px;
    background:#fff;
    position:relative
}
.page-template-page-brief #client-list .client:before{
    content:"";
    float:left;
    padding-bottom:66.6666666667%
}
.page-template-page-brief #client-list .client:after{
    content:"";
    display:table;
    clear:both
}
.page-template-page-brief #client-list .client img{
    transition:all .15s;
    -webkit-transition:all .15s;
    -moz-transition:.15s all;
    -o-transition:.15s all;
    transform:translate3d(-50%,-50%,0);
    -webkit-transform:translate3d(-50%,-50%,0);
    -moz-transform:translate3d(-50%,-50%,0);
    -o-transform:translate3d(-50%,-50%,0);
    width:auto;
    max-width:80%
}
.page-template-page-brief #client-list .client a{
    display:block;
    background:#fff;
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
.page-template-page-brief #client-list .client a:before{
    content:"";
    float:left;
    padding-bottom:66.6666666667%
}
.page-template-page-brief #client-list .client a:after{
    content:"";
    display:table;
    clear:both
}
.page-template-page-brief #client-list .client a:hover img{
    filter:brightness(500%);
    -webkit-filter:brightness(500%);
    -moz-filter:brightness(500%);
    -o-filter:brightness(500%)
}
.page-template-page-brief #client-list .client .badge{
    width:0;
    height:0;
    border-style:solid;
    border-width:0 45px 45px 0;
    border-color:transparent;
    top:0;
    right:0;
    position:absolute;
    transition:all .15s;
    -webkit-transition:all .15s;
    -moz-transition:.15s all;
    -o-transition:.15s all
}
.page-template-page-brief #client-list .client .badge:before{
    content:"";
    background:url(../images/brief/Link_out@2x.png) no-repeat;
    width:14px;
    height:14px;
    background-size:14px;
    right:-40px;
    top:5px;
    z-index:7001;
    position:absolute
}
.page-template-page-brief #client-list .client .badge:after{
    opacity:0;
    content:"";
    width:0;
    height:0;
    border-style:solid;
    border-width:0 45px 45px 0;
    border-color:transparent rgba(0,0,0,.1) transparent transparent;
    top:0;
    right:-45px;
    z-index:7000;
    position:absolute;
    transition:all .15s;
    -webkit-transition:all .15s;
    -moz-transition:.15s all;
    -o-transition:.15s all
}
.page-template-page-brief #client-list .client .badge.active:after{
    opacity:1
}
@media only screen and (min-width:1440px){
    .page-template-page-brief #brief-hero h1{
        font-size:140px
    }
}
@media only screen and (min-width:1600px){
    .page-template-page-brief #brief-hero h1{
        font-size:220px
    }
}
#grid{
    line-height:0;
    background:#222
}
.grid-sizer{
    width:50%
}
.grid-item img{
    width:100%
}
.page-template-page-work{
    background:#222
}
.page-template-page-work .half-width{
    background:#222;
    line-height:0;
    overflow:hidden
}
.page-template-page-work .half-width:before{
    padding-bottom:0
}
.page-template-page-work .half-width .project-details .project-link.button,.page-template-page-work .half-width.work-header .project-link.button{
    animation:none;
    padding:0
}
.page-template-page-work .half-width .project-details .project-link.button a,.page-template-page-work .half-width.work-header .project-link.button a{
    color: #000000;
    display:block;
    padding:14px 20px
}
.page-template-page-work .half-width .project-details .project-link.button:hover a,.page-template-page-work .half-width.work-header .project-link.button:hover a{
    background-color:rgba(0,0,0,.3)
}
.page-template-page-work .half-width.work-header{
    background:#222
}
.page-template-page-work .half-width.work-header:before{
    content:"";
    float:left;
    padding-bottom:83.3333333333%
}
.page-template-page-work .half-width.work-header:after{
    content:"";
    display:table;
    clear:both
}
.page-template-page-work .half-width.work-header .project-link.button{
    background-color:#00c9c0
}
.page-template-page-work .half-width.work-header .middle{
    padding-top:48px;
    top:47%;
    max-width:900px
}
.page-template-page-work .half-width.work-header h1{
    font-size:95px
}
.page-template-page-work .half-width.work-header h3,.page-template-page-work .half-width.work-header p{
    line-height:1.2em;
    color:#888
}
.page-template-page-work .half-width.work-header p{
    font-size:24px;
    padding-bottom:16px
}
.page-template-page-work .half-width.work-header h3{
    font-size:28px;
    width:70%;
    margin:10px auto 50px
}
.page-template-page-work .half-width.case-study{
    cursor:pointer;
    opacity:0
}
.page-template-page-work .half-width.case-study img.project-photo{
    transform:scale(1) translateZ(0);
    -webkit-transform:scale(1) translateZ(0);
    -moz-transform:scale(1) translateZ(0);
    -o-transform:scale(1) translateZ(0);
    transition:filter .3s,-webkit-filter .3s,-moz-filter .3s,opacity .2s,transform .3s;
    -webkit-transition:filter .3s,-webkit-filter .3s,-moz-filter .3s,opacity .2s,transform .3s;
    -moz-transition:.3s filter,.3s -webkit-filter,.3s -moz-filter,.2s opacity,.3s transform;
    -o-transition:.3s filter,.3s -webkit-filter,.3s -moz-filter,.2s opacity,.3s transform
}
.page-template-page-work .half-width.case-study:hover .project-photo{
    filter:alpha(opacity=30);
    -khtml-opacity:.2;
    -moz-opacity:.2;
    opacity:.2;
    filter:.2;
    transform:scale(1.02) translateZ(0);
    -webkit-transform:scale(1.02) translateZ(0);
    -moz-transform:scale(1.02) translateZ(0);
    -o-transform:scale(1.02) translateZ(0)
}
.page-template-page-work .half-width.case-study:hover .project-details{
    display:block
}
.page-template-page-work .half-width.case-study.coming-soon{
    cursor:default
}
.page-template-page-work .half-width.case-study.coming-soon:hover .project-photo{
    transform:scale(1.02) translateZ(0);
    -webkit-transform:scale(1.02) translateZ(0);
    -moz-transform:scale(1.02) translateZ(0);
    -o-transform:scale(1.02) translateZ(0);
    filter:blur(8px);
    -webkit-filter:blur(8px);
    -moz-filter:blur(8px);
    -ms-filter:blur(8px)
}
.page-template-page-work .half-width.case-study .subnav{
    display:none
}
.page-template-page-work .half-width .project-details{
    z-index:20;
    display:none
}
.page-template-page-work .half-width .project-details .project-excerpt,.page-template-page-work .half-width .project-details .project-title{
    color:#f8f8f8
}
.page-template-page-work .half-width .project-details .project-title{
    display:block;
    line-height:1.2
}
.page-template-page-work .half-width .project-details .project-excerpt{
    line-height:24px;
    margin:20px auto
}
@media only screen and (min-width:1600px){
    .page-template-page-work .half-width.work-header h1{
        font-size:120px
    }
    .page-template-page-work .half-width.work-header h3{
        max-width:400px
    }
}
.single-case-study .marquee{
    height:100%;
    text-align:left;
    background-size:cover;
    background-position:50%;
    background-repeat:no-repeat;
    position:relative
}
.single-case-study .marquee:after,.single-case-study .marquee:before{
    display:none
}
.single-case-study .marquee .back-to-work-toggle{
    cursor:pointer;
    width:0;
    height:40px;
    position:fixed;
    right:82px;
    top:28px;
    z-index:9000;
    display:block;
    float:right;
    transition:width .3s,color .15s,text-indent .15s;
    -webkit-transition:width .3s,color .15s,text-indent .15s;
    -moz-transition:.3s width,.15s color,.15s text-indent;
    -o-transition:.3s width,.15s color,.15s text-indent;
    padding:10px 20px;
    overflow:hidden;
    text-indent:-6px;
    font-weight:700;
    text-transform:uppercase;
    font-size:16px;
    text-align:left;
    white-space:nowrap;
    color:transparent;
    background-image:url(../images/case-study/arrow-white.png);
    background-image:url(../images/case-study/arrow-white.svg);
    background-repeat:no-repeat;
    background-size:auto 20px;
    background-position:left 12px center
}
.single-case-study .marquee .back-to-work-toggle:hover{
    width:165px;
    text-indent:20px;
    color:#fff;
    transition:width .2s,color 0s .1s,text-indent .3s;
    -webkit-transition:width .2s,color 0s .1s,text-indent .3s;
    -moz-transition:.2s width,0s color .1s,.3s text-indent;
    -o-transition:.2s width,0s color .1s,.3s text-indent;
    -webkit-animation:d .3s;
    animation:d .3s
}
@keyframes d{
    0%{
        background-position:left 12px center
    }
    50%{
        background-position:left 18px center
    }
    to{
        background-position:left 12px center
    }
}
.single-case-study .marquee .wrapper{
    display:inline-block;
    position:absolute;
    max-width:none;
    padding:0; /* padding:0 0 0 95px */
}
.single-case-study .marquee .case-study-hero-video{
    height:100%;
    position:relative;
    overflow:hidden;
    max-width:100%
}
.single-case-study .marquee .case-study-hero-video embed,.single-case-study .marquee .case-study-hero-video iframe,.single-case-study .marquee .case-study-hero-video object{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transform:scale(1.3);
    -webkit-transform:scale(1.3);
    -moz-transform:scale(1.3);
    -o-transform:scale(1.3)
}
.single-case-study .marquee .award{
    position:absolute;
    height:150px;
    width:300px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:100%;
    bottom:10px;
    right:10px
}
.single-case-study .marquee h1{
    font-size:96px
}
.single-case-study .marquee p{
    font-size:24px;
    margin:0
}
.single-case-study .marquee.black p{
    color:#fff
}
.single-case-study .autoplay-video:not(.controls)::-webkit-media-controls-play-button,.single-case-study .autoplay-video:not(.controls)::-webkit-media-controls-start-playback-button{
    opacity:0;
    pointer-events:none;
    width:5px
}
.single-case-study .half-width-image{
    position:absolute
}
.single-case-study .quote-block.white .quote{
    color:#000
}
.single-case-study .quote{
    color:#fff;
    font-style:italic;
    font-size:39px;
    line-height:1.125;
    margin-bottom:22px
}
.single-case-study .quote+h6{
    font-size:15.7px;
    color:#888
}
.single-case-study .open-quote{
    top:20%;
    background:transparent url(../images/social/quote1_gray.svg) 50% no-repeat
}
.single-case-study .close-quote,.single-case-study .open-quote{
    content:"";
    position:absolute;
    width:88px;
    height:88px;
    left:50%;
    transform:translateX(-50%)
}
.single-case-study .close-quote{
    bottom:20%;
    background:transparent url(../images/social/quote2_gray.svg) 50% no-repeat
}
.single-case-study .contact-block .button:hover{
    background:#333!important
}
.single-case-study #contact h2{
    line-height:1
}
.single-case-study .caption{
    width:100%;
    padding:60px 36px 24px;
    position:absolute;
    bottom:0;
    left:0;
    text-align:right;
    background:transparent
}
.single-case-study .caption,.single-case-study .caption p{
    font-style:italic
}
.single-case-study .caption p{
    color:#fff;
    margin:0;
    font-size:14px
}
.single-case-study .caption a{
    color:#fff;
    text-decoration:underline
}
.statistics-column{
    padding:0
}
.statistic.full:before{
    content:"";
    float:left;
    padding-bottom:100%
}
.statistic.full:after{
    content:"";
    display:table;
    clear:both
}
.statistic.two-thirds:before{
    content:"";
    float:left;
    padding-bottom:66.6666666667%
}
.statistic.two-thirds:after{
    content:"";
    display:table;
    clear:both
}
.statistic.half:before{
    content:"";
    float:left;
    padding-bottom:50%
}
.statistic.half:after{
    content:"";
    display:table;
    clear:both
}
.statistic .middle .statistic-value{
    font-size:150px
}
.statistic .middle .statistic-text{
    color:#fff;
    font-style:italic;
    max-width:420px;
    display:inline-block
}
.statistic.brand .statistic-value,.statistic.custom .statistic-value{
    color:#fff
}
.statistic.brand .statistic-text,.statistic.custom .statistic-text{
    color:#f8f8f8
}
.full-width .wrapper{
    padding:64px 20px
}
.full-width h3{
    font-size:43px;
    text-transform:uppercase;
    font-weight:700
}
.full-width p{
    font-size:21px;
    display:inline-block;
    max-width:560px
}
.overlay-toggle{
    opacity:0;
    transition:opacity .5s,background-color .15s;
    -webkit-transition:opacity .5s,background-color .15s;
    -moz-transition:.5s opacity,.15s background-color;
    -o-transition:.5s opacity,.15s background-color
}
.overlay-toggle.in-view{
    opacity:1;
    -webkit-animation:e .5s 0s cubic-bezier(.175,.885,.32,1.275) forwards,f .75s .4s;
    animation:e .5s 0s cubic-bezier(.175,.885,.32,1.275) forwards,f .75s .4s
}
@-webkit-keyframes e{
    0%{
        transform:scale(1);
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1)
    }
    50%{
        transform:scale(1.4);
        -webkit-transform:scale(1.4);
        -moz-transform:scale(1.4);
        -o-transform:scale(1.4)
    }
    to{
        transform:scale(1);
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1)
    }
}
@keyframes e{
    0%{
        transform:scale(1);
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1)
    }
    50%{
        transform:scale(1.4);
        -webkit-transform:scale(1.4);
        -moz-transform:scale(1.4);
        -o-transform:scale(1.4)
    }
    to{
        transform:scale(1);
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1)
    }
}
@-webkit-keyframes f{
    0%{
        transform:rotate(0);
        -webkit-transform:rotate(0);
        -moz-transform:rotate(0);
        -o-transform:rotate(0)
    }
    to{
        transform:rotate(1turn);
        -webkit-transform:rotate(1turn);
        -moz-transform:rotate(1turn);
        -o-transform:rotate(1turn)
    }
}
@keyframes f{
    0%{
        transform:rotate(0);
        -webkit-transform:rotate(0);
        -moz-transform:rotate(0);
        -o-transform:rotate(0)
    }
    to{
        transform:rotate(1turn);
        -webkit-transform:rotate(1turn);
        -moz-transform:rotate(1turn);
        -o-transform:rotate(1turn)
    }
}
@media only screen and (min-width:1025px) and (max-width:1350px){
    section.half-width-blocks .half-width.header-block h2{
        font-size:80px;
        font-size:7.8048780488vw
    }
    .single-case-study .marquee .case-study-hero-video embed,.single-case-study .marquee .case-study-hero-video iframe,.single-case-study .marquee .case-study-hero-video object{
        transform:scale(1.7);
        -webkit-transform:scale(1.7);
        -moz-transform:scale(1.7);
        -o-transform:scale(1.7)
    }
    .single-case-study .quote{
        font-size:39px;
        font-size:3.8048780488vw;
        padding:0 20px
    }
    .single-case-study .open-quote{
        top:7%;
        width:13.2%;
        height:13.2%
    }
    .single-case-study .close-quote{
        bottom:7%;
        width:13.2%;
        height:13.2%
    }
}
@media only screen and (min-width:1351px) and (max-width:1600px){
    .single-case-study .open-quote{
        top:10%
    }
    .single-case-study .close-quote{
        bottom:10%
    }
}
.page-template-page-contact h1{
    margin-bottom:35px
}
.page-template-page-contact h1.thanks{
    color:#fff
}
@media (max-width:1440px){
    .page-template-page-contact h1{
        font-size:97px
    }
}
.page-template-page-contact p{
    font-size:17px
}
.page-template-page-contact input[type=email],
.page-template-page-contact input[type=text],
.page-template-page-contact select,
.page-template-page-contact textarea,
.page-template-page-contact input[type=submit] {

    background-color:#f2f2f2;
    border:0 solid transparent;
    padding:15px;
    font-size:17px;
    border-radius:3px;
    margin-top:30px;
    width:100%
}
.page-template-page-contact input[type=email].error-outline,.page-template-page-contact input[type=text].error-outline,.page-template-page-contact select.error-outline,.page-template-page-contact textarea.error-outline{
    padding:13px;
    border:2px solid #ed1c0d
}
.page-template-page-contact input[type=text]{
    float:left;
    margin-right:20px;
    width:190px;
    display:inline-block
}
.page-template-page-contact input[type=text]#phone{
    margin-right:0
}
.page-template-page-contact input[type=email]{
    width:100%;
    margin-top:15px
}
.page-template-page-contact select{
    margin-top:15px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-image:url(../images/team/Arrows_down@2x.png);
    background-size:15px;
    background-position:top 22px right 15px;
    background-repeat:no-repeat
}
.page-template-page-contact select.first-as-label{
    color:#666
}
.page-template-page-contact textarea{
    margin-top:15px;
    width:100%;
    resize:none;
    height:150px;
    border-radius: 10px;
}
.page-template-page-contact canvas#animation-canvas{
    position:absolute;
    top:0;
    left:0;
    min-height:800px
}
@media (max-width:992px){
    .page-template-page-contact canvas#animation-canvas{
        min-height:0
    }
}
@media (min-width:1300px) and (max-height:850px){
    .page-template-page-contact .contact-details-wrap{
        position:relative;
        bottom:auto
    }
    .page-template-page-contact #contact-slideshow .contact-slide.initial{
        padding-top:60px
    }
    .page-template-page-contact #contact-slideshow .contact-slide.initial .middle{
        position:relative;
        top:0;
        left:0;
        transform:none;
        -webkit-transform:none;
        -moz-transform:none;
        -o-transform:none
    }
}
@media only screen and (min-width:1024px) and (max-width:1250px) and (max-height:830px){
    .page-template-page-contact .contact-slide{
        padding-top:120px;
        padding-bottom:120px
    }
}
.page-template-page-contact section{
    background:transparent
}
.page-template-page-contact .contact-details-wrap{
    position:absolute;
    bottom:3%;
    height:auto;
    width:100%;
    margin-top:65px
}
.page-template-page-contact .contact-details-wrap .column{
    padding-left:3%;
    padding-right:3%;
    font-size:18px;
    color:#888;
    font-style:italic;
    margin:auto;
    display:inline-block
}
.page-template-page-contact .contact-details-wrap a{
    color:#888
}
.page-template-page-contact .contact-details-wrap a:hover{
    color:#00c9bf
}
.page-template-page-contact .contact-form-container{
    display:block;
    width:400px;
    margin:auto
}
.page-template-page-contact .contact-form-container .submit-button{
    padding:12px 10px
}
.page-template-page-contact .contact-form-container .submit-button.unavailable,.page-template-page-contact .contact-form-container .submit-button.unavailable:hover{
    border-width:2px;
    border-style:solid;
    padding:10px 46px
}
.page-template-page-contact .contact-form-container .more-button,.page-template-page-contact .contact-form-container .submit-button{
    width:100%;
    box-sizing:border-box
}
.page-template-page-contact .contact-form-container .more-button.unavailable,.page-template-page-contact .contact-form-container .more-button.unavailable:hover,.page-template-page-contact .contact-form-container .submit-button.unavailable,.page-template-page-contact .contact-form-container .submit-button.unavailable:hover{
    background-color:transparent;
    color:hsla(0,0%,5%,.3);
    border-color:hsla(0,0%,5%,.3);
    cursor:default
}
.page-template-page-contact .contact-form-container .more-button{
    padding:10px
}
.page-template-page-contact .social-links{
    display:inline-block
}
.page-template-page-contact .social-links .social-icon{
    display:block;
    width:40px;
    height:40px;
    border:1px solid #333;
    border-radius:20px;
    float:left;
    position:relative;
    margin:0 12px;
    background-color: black;
}
.page-template-page-contact .social-links .social-icon,.page-template-page-contact .social-links .social-icon:before{
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
.page-template-page-contact .social-links .social-icon:before{
    content:"";
    position:absolute;
    width:200%;
    height:200%;
    top:-50%;
    left:-50%
}
.page-template-page-contact .social-links .social-icon#facebook:before{
    background:transparent url(../images/social/facebook_gray.svg) 50% no-repeat;
    background-size:12.5%;
    filter: brightness(0) invert(1);
}
.page-template-page-contact .social-links .social-icon#twitter:before{
    background:transparent url(../images/social/twitter_gray.svg) 50% no-repeat;
    background-size:25%
}
.page-template-page-contact .social-links .social-icon#insta:before{
    background:transparent url(../images/social/instagram_gray.svg) 50% no-repeat;
    background-size:22.5%;
    filter: brightness(0) invert(1);
}
.page-template-page-contact .social-links .social-icon:hover:before{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -webkit-filter:invert(100%);
    -moz-filter:invert(100%);
    -o-filter:invert(100%);
    filter:invert(100%)
}

.page-template-page-contact #contact-slideshow{
    height:100%;
    min-height:800px;
    transition:background-color .3s;
    -webkit-transition:background-color .3s;
    -moz-transition:.3s background-color;
    -o-transition:.3s background-color
}
.page-template-page-contact #contact-slideshow[data-slide="2"]{
    background-color:#663382
}
.page-template-page-contact #contact-slideshow[data-slide="3"]{
    background-color:#00c9bf
}
.page-template-page-contact #contact-slideshow[data-slide="4"],.page-template-page-contact #contact-slideshow[data-slide="5"]{
    background-color:#fff
}
.page-template-page-contact #contact-slideshow[data-slide="6"]{
    background-color:#ffbf0f
}
.page-template-page-contact #contact-slideshow[data-slide="7"]{
    background-color:#111
}
.page-template-page-contact #contact-slideshow .contact-slide{
    visibility:hidden;
    transition:visibility 0s .3s;
    -webkit-transition:visibility 0s .3s;
    -moz-transition:0s visibility .3s;
    -o-transition:0s visibility .3s
}
.page-template-page-contact #contact-slideshow .contact-slide.active{
    visibility:visible;
    transition:visibility 0s 0s;
    -webkit-transition:visibility 0s 0s;
    -moz-transition:0s visibility 0s;
    -o-transition:0s visibility 0s
}
.page-template-page-contact #contact-slideshow .contact-slide.active .contact-details-wrap,.page-template-page-contact #contact-slideshow .contact-slide.active .contact-form-container,.page-template-page-contact #contact-slideshow .contact-slide.active .slide-content,.page-template-page-contact #contact-slideshow .contact-slide.active .social-links,.page-template-page-contact #contact-slideshow .contact-slide.active h1{
    opacity:1;
    transition:visibility 0s,opacity .3s .3s;
    -webkit-transition:visibility 0s,opacity .3s .3s;
    -moz-transition:0s visibility,.3s opacity .3s;
    -o-transition:0s visibility,.3s opacity .3s
}
.page-template-page-contact #contact-slideshow .contact-slide.initial{
    height:100%
}
.page-template-page-contact #contact-slideshow .contact-slide.gifs div[data-value="Gif 1"]{
    background:url(../images/contact/1.gif) no-repeat 50%;
    background-size:100%
}
.page-template-page-contact #contact-slideshow .contact-slide.gifs div[data-value="Gif 2"]{
    background:url(../images/contact/2.gif) no-repeat 50%;
    background-size:100%
}
.page-template-page-contact #contact-slideshow .contact-slide.gifs div[data-value="Gif 3"]{
    background:url(../images/contact/3.gif) no-repeat 50%;
    background-size:100%
}
.page-template-page-contact #contact-slideshow .contact-slide .contact-details-wrap,.page-template-page-contact #contact-slideshow .contact-slide .contact-form-container,.page-template-page-contact #contact-slideshow .contact-slide .slide-content,.page-template-page-contact #contact-slideshow .contact-slide .social-links,.page-template-page-contact #contact-slideshow .contact-slide h1{
    opacity:0;
    transition:visibility 0s,opacity .3s;
    -webkit-transition:visibility 0s,opacity .3s;
    -moz-transition:0s visibility,.3s opacity;
    -o-transition:0s visibility,.3s opacity
}
.page-template-page-contact #contact-slideshow .contact-slide .form-choice-container{
    width:195px;
    margin:120px auto 0;
    display:block
}
.page-template-page-contact #contact-slideshow .contact-slide .form-choice-container .more-button.unavailable{
    background-color:transparent;
    color:hsla(0,0%,5%,.3);
    border-color:hsla(0,0%,5%,.3);
    cursor:default
}
.page-template-page-contact #contact-slideshow .contact-slide .form-choice-container .more-button.unavailable:hover{
    background-color:transparent;
    color:hsla(0,0%,5%,.3);
    border-color:hsla(0,0%,5%,.3)
}
.page-template-page-contact #contact-slideshow .contact-slide .form-choice-container .more-button,.page-template-page-contact #contact-slideshow .contact-slide .form-choice-container .submit-button{
    display:block;
    margin:20px 0
}
.page-template-page-contact #contact-slideshow .contact-slide .form-choice-container .submit-button.unavailable:hover{
    border-width:2px;
    cursor:default;
    background-color:hsla(0,0%,5%,.3);
    border-color:hsla(0,0%,5%,0);
    color:#fff
}
.page-template-page-contact span.question{
    display:block;
    font-style:italic;
    color:#fff;
    font-size:26px;
    margin-bottom:45px;
    transition:opacity 1s ease-in-out 0s;
    -webkit-transition:opacity 1s ease-in-out 0s;
    -moz-transition:1s opacity 0s ease-in-out;
    -o-transition:1s opacity 0s ease-in-out
}
.page-template-page-contact span.question.dark{
    color:#111
}
.page-template-page-contact span.question.gray{
    color:#777
}
.page-template-page-contact span.question.gone{
    opacity:0
}
.page-template-page-contact .color-choice{
    margin:auto;
    border-radius:50%;
    width:50px;
    height:50px;
    display:inline-block;
    margin:0 12px;
    cursor:pointer;
    background-clip:padding-box;
    transition:border-color .2s ease-in-out 0s;
    -webkit-transition:border-color .2s ease-in-out 0s;
    -moz-transition:.2s border-color 0s ease-in-out;
    -o-transition:.2s border-color 0s ease-in-out;
    border:5px solid transparent
}
.page-template-page-contact .color-choice[data-color=red]{
    background-color:#ed1c0d
}
.page-template-page-contact .color-choice[data-color=orange]{
    background-color:#ed7300
}
.page-template-page-contact .color-choice[data-color=gold]{
    background-color:#ffbf0f
}
.page-template-page-contact .color-choice[data-color=green]{
    background-color:#87c70f
}
.page-template-page-contact .color-choice[data-color=cyan]{
    background-color:#00c9bf
}
.page-template-page-contact .color-choice[data-color=blue]{
    background-color:#3d8cde
}
.page-template-page-contact .color-choice[data-color=purple]{
    background-color:#663382
}
.page-template-page-contact .color-choice[data-color=lily]{
    background-color:#ffa3b5
}
.page-template-page-contact .color-choice[data-color=pink]{
    background-color:#ff3363
}
.page-template-page-contact .color-choice.active[data-color=red],.page-template-page-contact .color-choice:hover[data-color=red]{
    border-color:rgba(237,28,13,.3)
}
.page-template-page-contact .color-choice.active[data-color=orange],.page-template-page-contact .color-choice:hover[data-color=orange]{
    border-color:rgba(237,115,0,.3)
}
.page-template-page-contact .color-choice.active[data-color=gold],.page-template-page-contact .color-choice:hover[data-color=gold]{
    border-color:rgba(255,191,15,.3)
}
.page-template-page-contact .color-choice.active[data-color=green],.page-template-page-contact .color-choice:hover[data-color=green]{
    border-color:rgba(135,199,15,.3)
}
.page-template-page-contact .color-choice.active[data-color=cyan],.page-template-page-contact .color-choice:hover[data-color=cyan]{
    border-color:rgba(0,201,191,.3)
}
.page-template-page-contact .color-choice.active[data-color=blue],.page-template-page-contact .color-choice:hover[data-color=blue]{
    border-color:rgba(61,140,222,.3)
}
.page-template-page-contact .color-choice.active[data-color=purple],.page-template-page-contact .color-choice:hover[data-color=purple]{
    border-color:rgba(102,51,130,.3)
}
.page-template-page-contact .color-choice.active[data-color=lily],.page-template-page-contact .color-choice:hover[data-color=lily]{
    border-color:rgba(255,163,181,.3)
}
.page-template-page-contact .color-choice.active[data-color=pink],.page-template-page-contact .color-choice:hover[data-color=pink]{
    border-color:rgba(255,51,99,.3)
}
.page-template-page-contact .choice{
    background-color:hsla(0,0%,5%,.3);
    display:inline-block;
    position:relative;
    width:174px;
    height:174px;
    border:7px solid transparent;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    color:#fff;
    box-sizing:border-box;
    cursor:pointer;
    background-clip:padding-box;
    transition:border-color .2s ease-in-out 0s;
    -webkit-transition:border-color .2s ease-in-out 0s;
    -moz-transition:.2s border-color 0s ease-in-out;
    -o-transition:.2s border-color 0s ease-in-out;
    margin:0 12px
}
.page-template-page-contact .choice:before{
    content:"";
    display:inline-block;
    vertical-align:middle;
    height:100%;
    margin-right:-.25em
}
.page-template-page-contact .choice span{
    display:block;
    width:100%;
    padding:0 12px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%)
}
.page-template-page-contact .choice.circle{
    border-radius:50%
}
.page-template-page-contact .choice.active,.page-template-page-contact .choice:hover{
    border-color:#fff
}
.page-template-page-contact .dot{
    border-radius:50%;
    width:20px;
    height:20px;
    background-color:#fff
}
.page-template-page-contact .dot-wrapper{
    width:20px;
    height:20px;
    margin:100px auto 200px;
    color:orange;
    font-size:100px;
    line-height:1;
    position:relative;
    left:-250px;
    transition:opacity 1s ease-in-out 0s;
    -webkit-transition:opacity 1s ease-in-out 0s;
    -moz-transition:1s opacity 0s ease-in-out;
    -o-transition:1s opacity 0s ease-in-out
}
.page-template-page-contact .dot-wrapper.animated{
    animation:g 5s ease-in-out infinite;
    animation-direction:alternate;
    transform-origin:50% 50px
}
.page-template-page-contact .dot-wrapper.gone{
    opacity:0
}
@keyframes g{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(1turn) translateX(500px)
    }
}
.page-template-page-contact .screen-reader-response,.page-template-page-contact .wpcf7-not-valid-tip,.page-template-page-contact .wpcf7-response-output{
    display:none!important
}
.subnav{
    position:fixed;
    z-index:1;
    bottom:5%;
    cursor:pointer;
    height:44px
}
.subnav__button{
    display:inline-block;
    background:#888;
    line-height:44px;
    height:44px;
    width:46px;
    color:#f8f8f8;
    vertical-align:middle;
    padding-right:4px
}
.subnav__button__container{
    position:absolute;
    line-height:0;
    top:10px;
    left:10px
}
.subnav__button__container span{
    display:inline-block;
    height:5px;
    font-size:40px;
    letter-spacing:-2px;
    color:#111
}
@keyframes h{
    0%{
        color:#ed1c0d
    }
    10%{
        color:#ed7300
    }
    20%{
        color:#663382
    }
    30%{
        color:#3d8cde
    }
    40%{
        color:#00c9bf
    }
    50%{
        color:#ffa3b5
    }
    60%{
        color:#ff3363
    }
    70%{
        color:#ffbf0f
    }
    80%{
        color:#87c70f
    }
    90%{
        color:#888
    }
    to{
        color:#f8f8f8
    }
}
.subnav__button:hover span{
    animation-name:h;
    animation-duration:4s;
    animation-iteration-count:infinite;
    animation-fill-mode:both
}
.subnav__button:hover span:nth-child(2){
    animation-delay:.1s
}
.subnav__button:hover span:nth-child(3){
    animation-delay:.2s
}
.subnav__content{
    margin-left:-5px;
    transition:width 1s cubic-bezier(.49,-.3,.68,1.23);
    -webkit-transition:width 1s cubic-bezier(.49,-.3,.68,1.23);
    -moz-transition:width 1s cubic-bezier(.49,-.3,.68,1.23);
    -o-transition:width 1s cubic-bezier(.49,-.3,.68,1.23)
}
.subnav__content,.subnav__items{
    display:inline-block;
    vertical-align:middle;
    height:100%
}
.subnav__items{
    overflow:hidden;
    background:#111;
    margin-bottom:0;
    width:100%;
    font-size:0;
    position:relative;
    transition:width .6s cubic-bezier(.48,.43,.29,1.3);
    -webkit-transition:width .6s cubic-bezier(.48,.43,.29,1.3);
    -moz-transition:width .6s cubic-bezier(.48,.43,.29,1.3);
    -o-transition:width .6s cubic-bezier(.48,.43,.29,1.3)
}
.subnav__items.hidden{
    width:0
}
.subnav__items.hidden .subnav__item span{
    opacity:0;
    transition:all .7s cubic-bezier(.48,.43,.7,2.5),opacity .2s;
    -webkit-transition:all .7s cubic-bezier(.48,.43,.7,2.5),opacity .2s;
    -moz-transition:all .7s cubic-bezier(.48,.43,.7,2.5),opacity .2s;
    -o-transition:all .7s cubic-bezier(.48,.43,.7,2.5),opacity .2s;
    transform:rotateY(-70deg);
    -webkit-transform:rotateY(-70deg);
    -moz-transform:rotateY(-70deg);
    -o-transform:rotateY(-70deg)
}
.subnav__items.hidden .subnav__item:first-child span{
    transition-delay:.6s
}
.subnav__items.hidden .subnav__item:nth-child(2) span{
    transition-delay:.5s
}
.subnav__items.hidden .subnav__item:nth-child(3) span{
    transition-delay:.3s
}
.subnav__items.hidden .subnav__item:nth-child(4) span{
    transition-delay:.1s
}
.subnav__item{
    display:inline-block;
    font-style:italic;
    text-align:center;
    line-height:44px;
    font-weight:500;
    -webkit-perspective:1000px;
    perspective:1000px;
    transition:color .3s
}
.subnav__item:hover[data-color=red] span{
    color:#ed1c0d
}
.subnav__item:hover[data-color=orange] span{
    color:#ed7300
}
.subnav__item:hover[data-color=gold] span{
    color:#3d8cde
}
.subnav__item:hover[data-color=green] span{
    color:#87c70f
}
.subnav__item:hover[data-color=cyan] span{
    color:#00c9bf
}
.subnav__item:hover[data-color=blue] span{
    color:#3d8cde
}
.subnav__item:hover[data-color=purple] span{
    color:#663382
}
.subnav__item:hover[data-color=lily] span{
    color:#ffa3b5
}
.subnav__item:hover[data-color=pink] span{
    color:#ff3363
}
.subnav__item span{
    display:block;
    height:100%;
    color:#888;
    cursor:pointer;
    letter-spacing:-1px;
    line-height:44px;
    padding:0 23px;
    font-size:15px;
    opacity:1;
    transform:rotateY(0deg);
    -webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -o-transform:rotateY(0deg);
    transition:all .6s cubic-bezier(.48,.43,.7,2.5),opacity .6s,color .15s;
    -webkit-transition:all .6s cubic-bezier(.48,.43,.7,2.5),opacity .6s,color .15s;
    -moz-transition:all .6s cubic-bezier(.48,.43,.7,2.5),opacity .6s,color .15s;
    -o-transition:all .6s cubic-bezier(.48,.43,.7,2.5),opacity .6s,color .15s
}
.nav__item:first-child span{
    transition-delay:.1s
}
.nav__item:nth-child(2) span{
    transition-delay:.2s
}
.nav__item:nth-child(3) span{
    transition-delay:.4s
}
.nav__item:nth-child(4) span{
    transition-delay:.6s
}
.animation-block h3{
    font-size:280px;
    font-style:italic
}
.animation-block span{
    color:#fff;
    color:#888;
    font-size:14px;
    font-style:italic
}
.animation-block__chapter{
    display:block
}
.animation-block__title{
    font-size:44px;
    line-height:21px
}
.animation-block__content{
    display:block;
    font-style:italic;
    font-size:16px;
    line-height:17px;
    margin-top:29px;
    margin-bottom:0;
    max-width:660px;
    margin:0 auto;
    padding-top:10px
}
.error404{
    background:#222;
    min-height:550px
}
.error404 .marquee{
    background:#222;
    height:100%
}
.error404 .marquee h1{
    display:inline-block;
    color:#fff;
    font-size:300px;
    vertical-align:middle;
    margin-bottom:60px
}
.error404 .marquee p{
    font-style:italic;
    max-width:220px;
    margin:0 auto
}
.error404 .marquee p a{
    color:#fff
}
.error404 .marquee p a:hover{
    color:#ed1c0d
}
.error404 .marquee .sprite{
    display:inline-block;
    width:277px;
    height:325px;
    vertical-align:bottom;
    background:url(../images/404_spritesheet.png) 0 0;
    background-size:100%;
    margin:12px -55px 60px;
    -webkit-animation:i 1.2s steps(8) infinite;
    animation:i 1.2s steps(8) infinite
}
@-webkit-keyframes i{
    0%{
        background-position-y:0
    }
    to{
        background-position-y:5200px
    }
}
@keyframes i{
    0%{
        background-position-y:0
    }
    to{
        background-position-y:5200px
    }
}
.loading-gif{
    position:fixed;
    top:-50%;
    left:50%;
    opacity:0;
    z-index:-1;
    margin-top:-40px;
    margin-left:-56px;
    transition:all .2s,top .1ms 0s;
    -webkit-transition:all .2s,top .1ms 0s;
    -moz-transition:.2s all,.1ms top 0s;
    -o-transition:.2s all,.1ms top 0s
}
.loading-gif.visible{
    top:50%;
    opacity:1;
    margin-top:-54px;
    transition:all .5s .6s,top .1ms 0s;
    -webkit-transition:all .5s .6s,top .1ms 0s;
    -moz-transition:.5s all .6s,.1ms top 0s;
    -o-transition:.5s all .6s,.1ms top 0s
}
.violator{
    background-color:#3d8cde;
    width:100%;
    position:fixed;
    bottom:-60px;
    text-align:center;
    color:#fff
}
.violator__copy{
    display:inline-block;
    margin:0 1em 0 0;
    font-size:17px;
    line-height:3.5em
}
.violator__form{
    display:inline-block;
    position:relative
}
.violator__form:before{
    top:.5em;
    border-left:8px solid #3d8cde;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent
}
.violator__form:after,.violator__form:before{
    content:"";
    position:absolute;
    left:calc(100% - 1.2em)
}
.violator__form:after{
    top:calc(.5em + 2px);
    border-left:6px solid #fff;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent
}
.violator__email-field{
    background-color:#fff;
    border:0 solid transparent;
    padding:.6em 1.5em;
    font-size:14px;
    border-radius:10em;
    font-style:italic;
    letter-spacing:.5px;
    min-width:200px
}
.violator__email-field::-webkit-input-placeholder{
    color:#3d8cde
}
.violator__email-field::-moz-placeholder{
    color:#3d8cde
}
.violator__email-field:-ms-input-placeholder{
    color:#3d8cde
}
.violator__email-field:-moz-placeholder{
    color:#3d8cde
}
.violator__email-submit{
    position:absolute;
    right:0;
    top:0;
    border:0;
    background:transparent;
    padding:0;
    vertical-align:middle;
    width:3em;
    height:100%;
    cursor:pointer;
    z-index:100
}
.violator__close{
    cursor:pointer;
    height:40px;
    width:40px;
    position:absolute;
    right:2em;
    top:.6em;
    z-index:9000;
    display:block;
    float:right;
    transition:all .13s ease-in-out 0s;
    -webkit-transition:all .13s ease-in-out 0s;
    -moz-transition:.13s all 0s ease-in-out;
    -o-transition:.13s all 0s ease-in-out
}
.violator__close:after,.violator__close:before{
    content:"";
    display:inline-block;
    width:25px;
    height:1px;
    position:absolute;
    left:12px;
    top:0;
    transform:rotate(45deg) translate(12px,-4px);
    -webkit-transform:rotate(45deg) translate(12px,-4px);
    -moz-transform:rotate(45deg) translate(12px,-4px);
    -o-transform:rotate(45deg) translate(12px,-4px);
    box-shadow:0 19px #fff,0 19px #fff,0 19px #fff,0 19px #fff,0 19px #fff,0 19px #fff,0 19px #fff
}
@supports (overflow:-webkit-marquee) and (justify-content:inherit){
    .violator__close:after,.violator__close:before{
        height:2.3px
    }
}
.violator__close:before{
    transform:rotate(-45deg) translate(-15px,-7px);
    -webkit-transform:rotate(-45deg) translate(-15px,-7px);
    -moz-transform:rotate(-45deg) translate(-15px,-7px);
    -o-transform:rotate(-45deg) translate(-15px,-7px)
}
#footer{
    position:relative
}
#footer .footer-menu,#footer .rotating-blurb{
    margin-bottom:60px
}
#footer .footer-menu li{
    display:inline-block;
    padding:0 24px
}
#footer .footer-menu li a{
    text-transform:uppercase;
    font-size:16px;
    letter-spacing:1px;
    font-weight:700
}
#footer .footer-menu li a[data-color=red]:hover{
    color:#ed1c0d
}
#footer .footer-menu li a[data-color=orange]:hover{
    color:#ed7300
}
#footer .footer-menu li a[data-color=gold]:hover{
    color:#ffbf0f
}
#footer .footer-menu li a[data-color=green]:hover{
    color:#87c70f
}
#footer .footer-menu li a[data-color=cyan]:hover{
    color:#00c9bf
}
#footer .footer-menu li a[data-color=blue]:hover{
    color:#3d8cde
}
#footer .footer-menu li a[data-color=purple]:hover{
    color:#663382
}
#footer .footer-menu li a[data-color=lily]:hover{
    color:#ffa3b5
}
#footer .footer-menu li a[data-color=pink]:hover{
    color:#ff3363
}
#footer .social-links{
    display:inline-block
}
#footer .social-links .social-icon{
    display:block;
    width:40px;
    height:40px;
    border:1px solid #333;
    border-radius:20px;
    float:left;
    position:relative;
    margin:0 12px
}
#footer .social-links .social-icon,#footer .social-links .social-icon:before{
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
#footer .social-links .social-icon:before{
    content:"";
    position:absolute;
    width:200%;
    height:200%;
    top:-50%;
    left:-50%;
    opacity:.5
}
#footer .social-links .social-icon#facebook:before{
    background:transparent url(../images/social/facebook@2x.png) 50% no-repeat;
    background-size:12.5%
}
#footer .social-links .social-icon#twitter:before{
    background:transparent url(../images/social/twitter@2x.png) 50% no-repeat;
    background-size:25%
}
#footer .social-links .social-icon#insta:before{
    background:transparent url(../images/social/ig@2x.png) 50% no-repeat;
    background-size:22.5%
}
#footer .social-links .social-icon:hover:before{
    opacity:1
}
#footer .social-links .social-icon:hover[data-color=red]{
    background:#ed1c0d
}
#footer .social-links .social-icon:hover[data-color=orange]{
    background:#ed7300
}
#footer .social-links .social-icon:hover[data-color=gold]{
    background:#ffbf0f
}
#footer .social-links .social-icon:hover[data-color=green]{
    background:#87c70f
}
#footer .social-links .social-icon:hover[data-color=cyan]{
    background:#00c9bf
}
#footer .social-links .social-icon:hover[data-color=blue]{
    background:#3d8cde
}
#footer .social-links .social-icon:hover[data-color=purple]{
    background:#663382
}
#footer .social-links .social-icon:hover[data-color=lily]{
    background:#ffa3b5
}
#footer .social-links .social-icon:hover[data-color=pink]{
    background:#ff3363
}
.footer-rainbow,.mobile-rainbow{
    max-width:87%;
    margin:0 auto;
    position:absolute;
    bottom:-10px;
    left:0;
    right:0
}
.footer-rainbow div[class^=bar-],.mobile-rainbow div[class^=bar-]{
    min-height:9px;
    float:left;
    width:11.11111111111%;
    display:inline-block
}
.footer-rainbow .bar-1,.mobile-rainbow .bar-1{
    background:#ed1c0d
}
.footer-rainbow .bar-2,.mobile-rainbow .bar-2{
    background:#ed7300
}
.footer-rainbow .bar-3,.mobile-rainbow .bar-3{
    background:#ffbf0f
}
.footer-rainbow .bar-4,.mobile-rainbow .bar-4{
    background:#87c70f
}
.footer-rainbow .bar-5,.mobile-rainbow .bar-5{
    background:#00c9bf
}
.footer-rainbow .bar-6,.mobile-rainbow .bar-6{
    background:#3d8cde
}
.footer-rainbow .bar-7,.mobile-rainbow .bar-7{
    background:#663382
}
.footer-rainbow .bar-8,.mobile-rainbow .bar-8{
    background:#ffa3b5
}
.footer-rainbow .bar-9,.mobile-rainbow .bar-9{
    background:#ff3363
}
.footer-rainbow{
    bottom:0
}
.mobile-rainbow{
    display:none
}
@media (max-width:992px){
    .violator{
        bottom:-90px;
        padding:10px 0
    }
    .violator__copy{
        display:block;
        margin:0;
        line-height:2em
    }
    .violator__form{
        display:inline-block;
        position:relative
    }
    .violator__close{
        right:1em
    }
}
@media only screen and (min-width:768px) and (max-width:1024px){
    .page-template-page-homepage #animation-stage{
        min-height:100%;
        position:relative;
        top:0;
        left:0;
        transform:none;
        -webkit-transform:none;
        -moz-transform:none;
        -o-transform:none
    }
    .page-template-page-homepage .homepage-link{
        display:none!important
    }
    .page-template-page-homepage #footer{
        display:block
    }
    section[data-name=the-team] p{
        max-width:442px;
        display:inline-block
    }
    section[data-name=the-team] .wrapper{
        padding-top:77px;
        padding-bottom:40px
    }
    section[data-name=the-team] .tag-filters .wrapper{
        padding-top:40px;
        padding-bottom:40px
    }
    section[data-name=the-team] .tag-filters .col-2{
        width:25%
    }
    .team-filters__department{
        font-size:15px;
        padding:0 1%
    }
    .half-width h3{
        font-size:24px;
        font-size:3.125vw;
        margin-bottom:5.2%
    }
    .half-width p{
        font-size:14px;
        font-size:1.8229166667vw;
        margin-bottom:6.8%
    }
    #brooklyn .middle,#colorado .middle{
        top:50%
    }
    #brooklyn .text-slideshow-block .slide-text .next-button:after,#colorado .text-slideshow-block .slide-text .next-button:after{
        left:80%
    }
    section .text-slideshow-block .slide-text .next-button{
        font-size:14px;
        font-size:1.8229166667vw;
        margin-top:10%
    }
    section .text-slideshow-block .slick-dots{
        margin-bottom:0;
        bottom:4%
    }
    .col-4{
        width:50%
    }
    #team{
        padding-top:98px;
        padding-bottom:52px
    }
    #team .wrapper{
        padding:0 45px
    }
    .page-template-page-team .team-member{
        margin-bottom:45px
    }
    .page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-bio-wrap{
        padding:10px 4%
    }
    .page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-bio-wrap h6{
        font-size:14px;
        font-size:1.8229166667vw;
        margin-bottom:1.5%
    }
    .page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-bio-wrap .team-member-bio{
        font-size:14px;
        font-size:1.8229166667vw;
        margin-bottom:5%
    }
    .page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-bio-wrap .team-member-detail{
        font-size:14px;
        font-size:1.8229166667vw;
        line-height:1.2
    }
    .page-template-page-team .team-member .team-member-wrap .team-member-photo{
        margin-bottom:-40px
    }
    .page-template-page-team .team-member .team-member-wrap .team-member-panel{
        padding:24px 0
    }
    .page-template-page-team .team-member .team-member-wrap:hover:not(.toggled) .team-member-panel{
        background:#fff!important
    }
    .page-template-page-team .team-member .team-member-wrap:hover:not(.toggled) .team-member-panel h6,.page-template-page-team .team-member .team-member-wrap:hover:not(.toggled) .team-member-panel p{
        color:initial
    }
    .page-template-page-team .team-member-name{
        font-size:15.7px
    }
    .page-template-page-team .italic-serif{
        padding:0
    }
    .page-template-page-team .half-width{
        width:50%
    }
    .page-template-page-team .half-width h3,.page-template-page-team .half-width p{
        padding:0
    }
    .page-template-page-team .half-width .middle{
        width:70%
    }
    .page-template-page-team .half-width .middle h2{
        margin-bottom:20px
    }
    #our-offices .wrapper{
        padding-top:78px;
        padding-bottom:76px
    }
    #our-offices p{
        margin-bottom:0
    }
    #our-offices p,section[data-name=jobs] p{
        padding:0 100px
    }
    section[data-name=jobs] .wrapper{
        padding-top:66px;
        padding-bottom:62px
    }
    #listings p{
        margin-bottom:3%
    }
    .jobs-list li{
        font-size:16px
    }
    .page-template-page-team ul.jobs-list{
        margin-top:11.6%
    }
    #listings .half-width{
        padding:7% 0
    }
    #contact h2{
        margin-bottom:21px
    }
    #contact p{
        padding:0 82px
    }
    #contact .wrapper{
        padding-top:61px;
        padding-bottom:62px
    }
    #balls-canvas,#blob-canvas,#canvas,.compass,.space,.wave{
        display:none
    }
    .mobile-animation-fallback{
        display:block
    }
    .page-template-page-brief .logo-mark.white{
        display:none
    }
    .page-template-page-brief #brief-hero{
        height:60%
    }
    .page-template-page-brief #brief-hero h3{
        font-size:23px
    }
    .page-template-page-brief #client-list .client a:hover img{
        filter:none
    }
    .page-template-page-brief .gray .wrapper{
        padding-top:39px;
        padding-bottom:39px
    }
    .page-template-page-brief .gray p{
        max-width:442px;
        display:inline-block
    }
    .page-template-page-brief .gray h6{
        font-size:15.5px
    }
    .page-template-page-brief section[data-name=how-we-do] .wrapper{
        padding:74px 0
    }
    .page-template-page-brief .half-width:before{
        padding-bottom:105%
    }
    .page-template-page-brief .half-width .middle{
        width:70%
    }
    .page-template-page-brief .half-width .middle.left p:last-child,.page-template-page-brief .half-width .middle.services p{
        margin-bottom:0
    }
    .page-template-page-brief .half-width h3,.page-template-page-brief .half-width p{
        padding:0
    }
    .page-template-page-brief .see-all:after{
        left:70%
    }
    .page-template-page-brief #animation-stack .half-width{
        width:100%
    }
    .page-template-page-brief #animation-stack .half-width:after,.page-template-page-brief #animation-stack .half-width:before{
        display:none
    }
    .page-template-page-brief #animation-stack .half-width p{
        font-size:16px;
        margin-top:22px
    }
    .page-template-page-brief #animation-stack .half-width .middle,.page-template-page-brief #animation-stack .half-width .wrapper{
        width:100%;
        padding:12px;
        position:relative;
        top:0;
        left:0;
        margin:0 auto;
        transform:none;
        -webkit-transform:none;
        -moz-transform:none;
        -o-transform:none
    }
    .page-template-page-brief #animation-stack .half-width .middle.animation-wrapper,.page-template-page-brief #animation-stack .half-width .wrapper.animation-wrapper{
        min-height:399px
    }
    .page-template-page-brief #animation-stack .arrow{
        display:none
    }
    div[data-name=client-list].wrapper{
        padding:74px 0
    }
    div[data-name=client-list] p{
        max-width:442px;
        display:inline-block
    }
    h1{
        font-size:90px;
        margin-bottom:21px
    }
    h2{
        font-size:28px
    }
    .half-width h3{
        font-family:sans-serif;
        font-style:inherit;
        padding:0 15px
    }
    .half-width p{
        padding:0 15px
    }
    .wrapper .button{
        max-width:185px;
        width:100%;
        font-size:14px
    }
    #with-us .wrapper{
        padding:68px 0
    }
    .slick-arrow{
        right:2.6%
    }
    #client-list .col-3{
        width:33.333%
    }
    .page-template-page-work .logo-mark.black{
        display:none
    }
    .page-template-page-work .half-width.work-header:before{
        content:"";
        float:left;
        padding-bottom:100%
    }
    .page-template-page-work .half-width.work-header:after{
        content:"";
        display:table;
        clear:both
    }
    .page-template-page-work .half-width.work-header .middle{
        padding-top:60px
    }
    .page-template-page-work .half-width.work-header h1{
        font-size:56px;
        margin-bottom:14px
    }
    .page-template-page-work .half-width.work-header .italic-serif{
        font-size:15px;
        margin-bottom:0;
        padding-bottom:14px
    }
    .page-template-page-work .half-width.work-header h3{
        margin-bottom:22px;
        padding:3px 0 0
    }
    .page-template-page-work .half-width.work-header h3 p{
        font-size:14px;
        padding-right:0;
        padding-left:0;
        padding-bottom:0;
        margin-bottom:13px;
        line-height:18px
    }
    .page-template-page-work .half-width .project-details .project-link.button a,.page-template-page-work .half-width.work-header .project-link.button a{
        padding:8px 0
    }
    .page-template-page-work .half-width .project-details .project-excerpt{
        margin:0 auto 15px;
        line-height:14px
    }
    .page-template-page-work .half-width .middle{
        width:70%
    }
    .button{
        font-size:10px
    }
    .contact-form-container .button{
        font-size:18px
    }
    .project-link{
        width:110px
    }
    .page-template-page-team .logo-mark.black{
        display:none
    }
    #single-case h1{
        font-size:56px;
        margin-bottom:15px
    }
    #single-case p{
        font-size:18px
    }
    section.text-block h3{
        font-size:28px;
        margin-bottom:5px
    }
    section.text-block.full-width .wrapper{
        padding:48px 20px
    }
    section.text-block.full-width h3{
        font-size:30px;
        margin-bottom:12px
    }
    section.text-block.full-width p{
        font-size:16.5px;
        padding:0 25px
    }
    section.half-width-blocks .half-width.header-block h2{
        font-size:46px;
        font-size:5.9895833333vw
    }
    .single-case-study .marquee .back-to-work-toggle,.single-case-study .marquee .back-to-work-toggle:hover{
        width:165px;
        text-indent:20px;
        color:#fff;
        -webkit-animation:none;
        animation:none
    }
    .single-case-study .marquee .case-study-hero-video{
        display:none
    }
    .single-case-study .marquee .award{
        height:125px;
        width:250px
    }
    .single-case-study .half-width .middle{
        width:70%
    }
    .single-case-study .half-width .middle p:last-child{
        margin-bottom:0
    }
    .single-case-study .half-width .middle h3,.single-case-study .half-width .middle p{
        padding:0
    }
    .single-case-study .single-big-paragraph{
        font-size:20px;
        font-size:2.6041666667vw
    }
    .single-case-study .quote{
        font-size:27px;
        font-size:3.515625vw
    }
    .single-case-study .quote+h6{
        font-size:12px;
        font-size:1.5625vw
    }
    .single-case-study .open-quote{
        top:7%;
        width:11%;
        height:11%
    }
    .single-case-study .close-quote{
        bottom:7%;
        width:11%;
        height:11%
    }
    .single-case-study .half-width-blocks .half-width.slideshow-block-half{
        margin-bottom:-10px
    }
    #custom-play{
        width:66px;
        height:66px
    }
    #custom-play:before{
        border-width:17px 0 17px 29px
    }
    #custom-play:after{
        border-width:14px 0 14px 25.1px
    }
    #custom-pause{
        width:66px;
        height:66px
    }
    .statistic .middle .statistic-value{
        font-size:80px;
        font-size:10.4166666667vw
    }
    .statistic .middle .statistic-text{
        max-width:290px
    }
    #footer .wrapper{
        padding-top:50px;
        padding-bottom:50px
    }
    #footer .footer-menu{
        margin-bottom:30px
    }
    #footer .rotating-blurb{
        margin-bottom:28px
    }
    .contact-details-wrap p{
        padding:0
    }
    .menu-toggle,.menu-toggle:hover{
        background:#333;
        color:initial;
        transition:none;
        -webkit-transition:none;
        -moz-transition:none;
        -o-transition:none
    }
    .menu-toggle:after,.menu-toggle:before,.menu-toggle:hover:after,.menu-toggle:hover:before{
        left:12px;
        width:16px;
        height:2px;
        box-shadow:0 12px #fff,0 12px #fff,0 19px #fff,0 19px #fff,0 19px #fff,0 26px #fff,0 26px #fff;
        transition:none;
        -webkit-transition:none;
        -moz-transition:none;
        -o-transition:none
    }
    body.nights{
        max-width:100%;
        max-height:100%;
        overflow:hidden
    }
    body.nights .menu-toggle:hover:after,body.nights .menu-toggle:hover:before{
        height:2px
    }
    #page-container.hidden{
        transition:none;
        -webkit-transition:none;
        -moz-transition:none;
        -o-transition:none;
        right:0;
        opacity:1
    }
    #menu{
        z-index:5000;
        opacity:0;
        transition:opacity .3s;
        -webkit-transition:opacity .3s;
        -moz-transition:.3s opacity;
        -o-transition:.3s opacity
    }
    #menu .menu-content-wrap{
        min-height:0;
        height:calc(100% - 100px);
        margin-top:100px
    }
    #menu .menu-links-wrap{
        height:60%;
        min-height:330px
    }
    #menu .menu-links-wrap .menu-links .menu-link,#menu .menu-links-wrap .menu-links .menu-link:hover{
        color:#fff;
        font-size:80px;
        padding-bottom:21px
    }
    #menu.visible{
        transition:opacity .3s;
        -webkit-transition:opacity .3s;
        -moz-transition:.3s opacity;
        -o-transition:.3s opacity;
        opacity:1
    }
    #menu.visible .contact-details-wrap .careers-cta{
        left:70%;
        bottom:0
    }
    #menu .contact-details-wrap{
        height:40%;
        min-height:330px
    }
    #menu .contact-details-wrap .middle{
        margin-bottom:0
    }
    #menu .contact-details-wrap .column{
        float:none;
        margin-bottom:22px
    }
    #menu .contact-details-wrap .column.social-links{
        margin-bottom:0
    }
    #menu .contact-details-wrap .careers-cta{
        position:absolute;
        left:70%;
        display:inline-block;
        float:none;
        bottom:20px;
        min-width:160px
    }
    #menu .contact-details-wrap .careers-cta h6{
        font-size:15px
    }
    #menu .contact-details-wrap .careers-cta .careers-button{
        margin-right:-40px
    }
    #menu.visible+#main-nav .logo-mark.black{
        display:none
    }
    #menu.visible+#main-nav .logo-mark.white{
        display:block
    }
    .error404 .marquee:before{
        padding-bottom:100%
    }
    .error404 .marquee p{
        font-size:20px
    }
}
@media only screen and (max-width:768px){
    .page-template-page-work .half-width.case-study .curtain{
        background-color:transparent;
        z-index:10;
        position:absolute;
        width:100%;
        height:100%;
        left:0;
        top:0
    }
    .page-template-page-work .half-width.case-study.active .project-photo{
        filter:alpha(opacity=30)!important;
        -khtml-opacity:.2!important;
        -moz-opacity:.2!important;
        opacity:.2!important;
        filter:.2!important;
        transform:scale(1.02) translateZ(0)!important;
        -webkit-transform:scale(1.02) translateZ(0)!important;
        -moz-transform:scale(1.02) translateZ(0)!important;
        -o-transform:scale(1.02) translateZ(0)!important
    }
    .page-template-page-work .half-width.case-study.active .project-details{
        display:block!important
    }
    .page-template-page-work .half-width.case-study.active .subnav__button{
        background:#111
    }
    .page-template-page-work .half-width.case-study.active .subnav__button__container span{
        color:#fff
    }
    .page-template-page-work .half-width.case-study:hover .project-photo{
        filter:none;
        opacity:1;
        -khtml-opacity:initial;
        -moz-opacity:initial;
        transform:none
    }
    .page-template-page-work .half-width.case-study:hover .project-details{
        display:none
    }
    .page-template-page-work .half-width.case-study .subnav{
        position:absolute;
        bottom:0;
        left:0;
        z-index:200;
        display:block;
        cursor:pointer
    }
    .page-template-page-work .half-width.case-study .subnav .subnav__button{
        transition:all .15s ease-in-out 0s;
        -webkit-transition:all .15s ease-in-out 0s;
        -moz-transition:.15s all 0s ease-in-out;
        -o-transition:.15s all 0s ease-in-out
    }
    .page-template-page-work .half-width.case-study .subnav .subnav__button:hover span{
        animation-duration:0s;
        -webkit-animation-iteration-count:initial;
        animation-iteration-count:1;
        -webkit-animation-fill-mode:initial
    }
    .page-template-page-work .half-width.case-study .subnav .subnav__button__container span{
        transition:all .15s ease-in-out 0s;
        -webkit-transition:all .15s ease-in-out 0s;
        -moz-transition:.15s all 0s ease-in-out;
        -o-transition:.15s all 0s ease-in-out
    }
    .page-template-page-work .half-width.case-study.coming-soon .project-photo{
        opacity:.2;
        -webkit-filter:.2;
        filter:.2
    }
    .page-template-page-work .half-width.case-study.coming-soon:hover .project-photo{
        transform:none;
        filter:none;
        -moz-filter:initial;
        -ms-filter:initial
    }
    .page-template-page-work .half-width.case-study.coming-soon .project-details{
        display:block
    }
    .page-template-page-work .half-width.case-study.coming-soon .project-details .project-excerpt,.page-template-page-work .half-width.case-study.coming-soon .project-details .project-title{
        display:none
    }
    .page-template-page-work .half-width.case-study.coming-soon .project-details .project-excerpt.mobile{
        display:block;
        font-size:22px
    }
    .page-template-page-team .col-4.team-member .team-member-wrap .team-member-panel .team-member-bio-wrap{
        padding:10px 20%
    }
    .page-template-page-team .col-4.team-member .team-member-wrap .team-member-panel .team-member-bio-wrap .team-member-bio{
        padding:0;
        margin-bottom:20px;
        font-size:17px;
        line-height:1.2;
        margin-bottom:36px
    }
    .page-template-page-team .col-4.team-member .team-member-wrap .team-member-panel .team-member-bio-wrap h6{
        font-size:18px
    }
    .page-template-page-team .col-4.team-member .team-member-wrap .team-member-panel .team-member-bio-wrap .team-member-detail{
        padding:0;
        font-size:15px
    }
    .page-template-page-team .col-4.team-member .team-member-wrap:hover:not(.toggled) .team-member-panel{
        background:#fff!important
    }
    .page-template-page-team .col-4.team-member .team-member-wrap:hover:not(.toggled) .team-member-panel h6,.page-template-page-team .col-4.team-member .team-member-wrap:hover:not(.toggled) .team-member-panel p{
        color:initial
    }
    .page-template-page-team .col-4.team-member.fixed{
        position:fixed;
        height:100%;
        margin-left:-10px;
        left:0;
        top:0;
        width:100%;
        z-index:10000
    }
    .page-template-page-team .col-4.team-member.fixed .team-member-wrap .team-member-bio-wrap{
        position:fixed
    }
    .page-template-page-team .col-4.team-member.fixed .team-member-wrap .team-member-photo{
        display:none
    }
    .page-template-page-team .col-4.team-member.fixed .team-member-wrap.toggled{
        position:fixed;
        height:100%;
        width:100%;
        max-width:none
    }
    .page-template-page-team .col-4.team-member.fixed .team-member-wrap.toggled .team-member-panel:before{
        content:"\00d7";
        color:#fff;
        font-size:90px;
        line-height:1;
        font-weight:300;
        display:inline-block;
        position:absolute;
        top:-19px;
        left:10px;
        z-index:10
    }
    .page-template-page-team .col-4.team-member.fixed .team-member-wrap.toggled .team-member-panel:after{
        content:"";
        background:rgba(0,0,0,.1);
        width:64px;
        height:64px;
        position:absolute;
        z-index:10;
        left:0;
        top:0
    }
    #single-case h1{
        font-size:80px
    }
}
@media only screen and (max-width:767px){
    .logo-link,.logo-link.logo-svg-wrap,.logo-link:hover{
        position:absolute;
        width:120px;
    }
    h3{
        font-size:32px;
        margin-bottom:22px
    }
    .mobile-animation-fallback{
        display:block
    }
    .page-template-page-homepage #animation-stage{
        min-height:100%;
        position:relative;
        top:0;
        left:0;
        transform:none;
        -webkit-transform:none;
        -moz-transform:none;
        -o-transform:none
    }
    .page-template-page-homepage .homepage-link{
        display:none!important
    }
    .page-template-page-homepage #footer{
        display:block
    }
    .page-template-page-work .logo-mark.black{
        display:none
    }
    .page-template-page-work .half-width.work-header h1{
        font-size:56px;
        margin-bottom:14px
    }
    .page-template-page-work .half-width.work-header .italic-serif{
        font-size:15px;
        margin-bottom:0;
        padding-bottom:14px
    }
    .page-template-page-work .half-width.work-header h3{
        margin-bottom:22px;
        padding:3px 0 0
    }
    .page-template-page-work .half-width.work-header h3 p{
        font-size:14px;
        padding-right:0;
        padding-left:0;
        padding-bottom:0;
        margin-bottom:13px;
        line-height:18px
    }
    .page-template-page-work .half-width.work-header .middle{
        width:100%
    }
    .page-template-page-work .half-width.work-header a{
        font-size:14px
    }
    .page-template-page-work .half-width .project-details .project-link.button a,.page-template-page-work .half-width.work-header .project-link.button a{
        padding:8px 0
    }
    .page-template-page-work .half-width .project-details,.page-template-page-work .half-width .project-details.middle{
        width:100%
    }
    .page-template-page-work .half-width .project-details h4{
        margin-bottom:9px
    }
    .page-template-page-work .half-width .project-details .project-title{
        font-size:16px
    }
    .page-template-page-work .half-width .project-details .project-excerpt{
        margin:0 auto 15px;
        line-height:14px;
        font-size:15px;
        padding:0 50px
    }
    .page-template-page-work .half-width .middle{
        width:70%
    }
    .button{
        font-size:10px
    }
    .project-link{
        width:114px
    }
    h1{
        font-size:90px;
        margin-bottom:21px
    }
    .logo.logo-text{
        display:none
    }
    .half-width{
        width:100%
    }
    #balls-canvas,#blob-canvas,#canvas,.compass,.space,.wave{
        display:none
    }
    .page-template-page-brief #brief-hero{
        padding:200px 0;
        height:auto
    }
    .page-template-page-brief #brief-hero h3{
        font-size:23px;
        margin-bottom:0
    }
    .page-template-page-brief .gray .wrapper{
        padding:83px 20px
    }
    .page-template-page-brief .gray .wrapper h6{
        font-size:15.5px
    }
    .page-template-page-brief .half-width .middle{
        width:70%
    }
    .page-template-page-brief .half-width .middle.left{
        text-align:center
    }
    .page-template-page-brief .half-width h3,.page-template-page-brief .half-width p{
        padding:0
    }
    .page-template-page-brief .see-all{
        display:inline-block;
        margin-left:-50px
    }
    .page-template-page-brief .see-all:after{
        right:-50px;
        left:auto;
        height:23px
    }
    .page-template-page-brief #animation-stack .half-width{
        width:100%
    }
    .page-template-page-brief #animation-stack .half-width:after,.page-template-page-brief #animation-stack .half-width:before{
        display:none
    }
    .page-template-page-brief #animation-stack .half-width .middle,.page-template-page-brief #animation-stack .half-width .wrapper{
        width:100%;
        padding:0 12px 36px;
        position:relative;
        top:0;
        left:0;
        margin:0 auto;
        transform:none;
        -webkit-transform:none;
        -moz-transform:none;
        -o-transform:none
    }
    .page-template-page-brief #animation-stack .half-width .middle.animation-wrapper,.page-template-page-brief #animation-stack .half-width .wrapper.animation-wrapper{
        min-height:387px
    }
    .page-template-page-brief #animation-stack .half-width .middle.animation-wrapper:first-of-type,.page-template-page-brief #animation-stack .half-width .wrapper.animation-wrapper:first-of-type{
        min-height:399px;
        padding-top:36px;
        padding-bottom:12px
    }
    .page-template-page-brief #animation-stack .half-width.animation-block,.page-template-page-brief #client-list{
        padding:0
    }
    .page-template-page-brief #client-list .client a:hover img{
        filter:none
    }
    .page-template-page-brief #client-list .wrapper{
        padding:64px 20px
    }
    .slick-arrow.slick-prev{
        bottom:5%;
        left:50%;
        margin-left:-60px;
        top:auto
    }
    .slick-arrow.slick-next{
        bottom:5%;
        right:50%;
        margin-right:-60px
    }
    .half-width-blocks .slick-arrow.slick-prev{
        top:51%;
        right:20px;
        margin-left:0;
        left:auto;
        bottom:auto
    }
    .half-width-blocks .slick-arrow.slick-next{
        bottom:51%;
        right:20px;
        margin-right:0
    }
    .animation-block__content{
        padding-bottom:23px
    }
    #client-list .col-3{
        padding-left:0;
        padding-right:0
    }
    #with-us h2{
        margin-bottom:37px
    }
    #with-us .wrapper{
        padding-top:144px;
        padding-bottom:144px
    }
    #with-us .button{
        font-size:16px;
        padding:15px 54px
    }
    #team-hero h1{
        margin-bottom:0
    }
    .team-filters__department{
        margin-bottom:21px
    }
    section[data-name=the-team] .wrapper{
        padding-top:88px;
        padding-bottom:50px
    }
    section[data-name=the-team] .tag-filters .wrapper{
        padding-top:40px;
        padding-bottom:40px
    }
    section[data-name=the-team] .tag-filters .col-2{
        width:33.333%;
        position:relative;
        float:left;
        padding-right:10px;
        padding-left:10px;
        min-height:1px
    }
    .page-template-page-team .logo-mark{
        position:absolute;
        top:28px;
        left:28px
    }
    .page-template-page-team .logo-mark.black{
        display:none
    }
    .page-template-page-team .menu-toggle:after,.page-template-page-team .menu-toggle:before{
        box-shadow:0 12px #fff,0 12px #fff,0 19px #fff,0 19px #fff,0 19px #fff,0 26px #fff,0 26px #fff
    }
    .page-template-page-team #team .wrapper,.page-template-page-team section .wrapper p{
        padding:0 10px
    }
    .page-template-page-team .team-member{
        margin-bottom:36px
    }
    .page-template-page-team .team-member .team-member-wrap .team-member-panel{
        padding:8.3% 0
    }
    .page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-title{
        padding:0
    }
    .page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-name{
        font-size:14px;
        margin-bottom:0
    }
    .page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-title{
        font-size:13px
    }
    .page-template-page-team .team-member .team-member-wrap .team-member-photo{
        margin-bottom:-16px
    }
    .page-template-page-team .team-member .team-member-wrap:hover:not(.toggled) .team-member-panel{
        background:#fff!important
    }
    .page-template-page-team .team-member .team-member-wrap:hover:not(.toggled) .team-member-panel h6,.page-template-page-team .team-member .team-member-wrap:hover:not(.toggled) .team-member-panel p{
        color:initial
    }
    .page-template-page-team .half-width{
        width:100%
    }
    .page-template-page-team .half-width .middle{
        width:100%;
        padding:0 20px
    }
    .page-template-page-team .half-width .middle h2{
        font-size:42px;
        margin-bottom:20px
    }
    .page-template-page-team .half-width.text-slideshow-block:before{
        padding-bottom:50%
    }
    .page-template-page-team .half-width h3,.page-template-page-team .half-width p{
        display:inline-block;
        padding:0
    }
    .page-template-page-team .half-width p{
        text-align:left
    }
    .col-4{
        width:50%;
        position:relative;
        float:left;
        padding-right:10px;
        padding-left:10px;
        min-height:1px
    }
    #team{
        padding-top:95px;
        padding-bottom:60px
    }
    #team .wrapper{
        padding:0 45px
    }
    #our-offices .wrapper{
        padding-top:88px;
        padding-bottom:70px
    }
    #our-offices h3{
        margin-bottom:23px
    }
    section[data-name=jobs] .wrapper{
        padding-top:75px;
        padding-bottom:75px
    }
    .jobs-list li{
        font-size:20px
    }
    .logo-mark{
        display:inline-block;
        width:62px;
        margin-left:1px
    }
    section.slideshow-block .slide-image,section .text-slideshow-block .slide-image{
        max-width:100%;
        height:auto
    }
    #brooklyn .text-slideshow-block .slide-text,#colorado .text-slideshow-block .slide-text{
        display:none
    }
    #brooklyn .text-slideshow-block .slide-text .next-button:after,#colorado .text-slideshow-block .slide-text .next-button:after{
        left:70%
    }
    #brooklyn .text-slideshow-block.slick-initialized .slide-text,#colorado .text-slideshow-block.slick-initialized .slide-text{
        display:block
    }
    #brooklyn .slick-arrow.slick-next,#colorado .slick-arrow.slick-next{
        bottom:5%;
        right:50%;
        margin-right:-60px
    }
    section .text-slideshow-block .slick-dots{
        bottom:6%
    }
    section .text-slideshow-block .slick-dots li{
        width:30px;
        height:30px
    }
    section .text-slideshow-block .slick-dots li:before{
        width:15px;
        height:15px
    }
    #listings .half-width{
        padding:123px 0
    }
    #listings .half-width:before{
        padding-bottom:50%
    }
    .office-block .slide:not(.slick-slide){
        height:auto!important
    }
    div[data-name=brooklyn] .slide,div[data-name=denver] .slide{
        min-height:500px!important
    }
    div[data-name=brooklyn] .slide .slide-text.middle,div[data-name=denver] .slide .slide-text.middle{
        padding:0
    }
    #single-case .wrapper{
        padding-left:0;
        text-align:center
    }
    #single-case h1{
        font-size:90px;
        margin-bottom:21px
    }
    #single-case p{
        font-size:23px
    }
    section.text-block.full-width h3{
        font-size:30px;
        margin-bottom:13px
    }
    section.text-block.full-width p{
        font-size:16px;
        padding:0 10px
    }
    section.text-block h3{
        font-size:32px
    }
    section.full-width-link-block a,section.half_link_block a{
        width:80px;
        height:80px
    }
    .slideshow-block-half .slick-track,
    .slideshow-block-half .slide.slick-slide,
    .slideshow-block-full .slick-track,
    .slideshow-block-full .slide.slick-slide {
        height:auto!important
    }
    .single-case-study .caption{
        display:none
    }
    .single-case-study .marquee .back-to-work-toggle,.single-case-study .marquee .back-to-work-toggle:hover{
        color:transparent;
        width:0;
        text-indent:-6px;
        -webkit-animation:none;
        animation:none
    }
    .single-case-study .marquee .case-study-hero-video{
        display:none
    }
    .single-case-study .marquee .award{
        height:100px;
        width:200px
    }
    .single-case-study .half-width .middle p:last-child{
        margin-bottom:0
    }
    .single-case-study .half-width .middle .single-big-paragraph{
        font-size:20px
    }
    .single-case-study .slideshow-block .slick-arrow.slick-prev{
        top:51%;
        margin-left:0;
        left:auto
    }
    .single-case-study .slideshow-block .slick-arrow.slick-next{
        bottom:51%;
        margin-right:0
    }
    .single-case-study .slideshow-block-half{
        margin-bottom:-10px
    }
    .single-case-study .open-quote{
        top:10%;
        width:11.5%;
        height:11.5%
    }
    .single-case-study .close-quote{
        bottom:10%;
        width:11.5%;
        height:11.5%
    }
    #custom-play{
        width:66px;
        height:66px
    }
    #custom-play:before{
        border-width:17px 0 17px 29px
    }
    #custom-play:after{
        border-width:14px 0 14px 25.1px
    }
    section.full-width-image-block.overlaid img{
        margin-left:0
    }
    section.half-width-blocks .half-width.square-video-block .square-video:before{
        content:"";
        float:left;
        padding-bottom:100%
    }
    section.half-width-blocks .half-width.square-video-block .square-video:after{
        content:"";
        display:table;
        clear:both
    }
    section.half-width-blocks .half-width.square-video-block .square-video iframe{
        position:absolute;
        top:0;
        left:0
    }
    section.full-width-video-block .full-video{
        z-index:2
    }
    section.full-width-video-block.overlaid .full-video{
        margin-left:0
    }
    section.full-width-video-block.overlaid #custom-play{
        left:50%
    }
    section .overlay-toggle{
        bottom:1px;
        right:0;
        width:40px;
        height:40px;
        transition:bottom 0s .3s;
        -webkit-transition:bottom 0s .3s;
        -moz-transition:0s bottom .3s;
        -o-transition:0s bottom .3s
    }
    .single-case-study section .overlay{
        width:100%;
        right:0;
        position:relative;
        max-height:0;
        overflow:hidden;
        padding:0 12px
    }
    .single-case-study section .overlay:after,.single-case-study section .overlay:before{
        display:none!important
    }
    .single-case-study section .overlay.toggled{
        max-height:330px;
        z-index:400
    }
    .single-case-study section .overlay .middle{
        transform:none;
        position:relative;
        margin:0 auto;
        top:auto;
        left:auto;
        padding:46px 12px
    }
    section.full-width-video-block .overlay:after,section.full-width-video-block .overlay:before{
        display:none
    }
    #footer .wrapper{
        padding-top:50px;
        padding-bottom:50px
    }
    #footer .footer-menu{
        margin-bottom:30px
    }
    #footer .rotating-blurb{
        margin-bottom:28px;
        padding:0
    }
    #page-container.hidden{
        transition:none;
        -webkit-transition:none;
        -moz-transition:none;
        -o-transition:none;
        right:0;
        opacity:1
    }
    #menu{
        transition:opacity .3s;
        -webkit-transition:opacity .3s;
        -moz-transition:.3s opacity;
        -o-transition:.3s opacity;
        opacity:0;
        z-index:-1
    }
    #menu .menu-links-wrap{
        height:60%;
        min-height:360px
    }
    #menu .menu-links-wrap .menu-links .menu-link,#menu .menu-links-wrap .menu-links .menu-link:hover{
        color:#fff;
        font-size:80px;
        padding-bottom:21px
    }
    #menu .menu-content-wrap{
        min-height:0;
        height:calc(100% - 100px);
        margin-top:100px
    }
    #menu.visible{
        transition:opacity .3s;
        -webkit-transition:opacity .3s;
        -moz-transition:.3s opacity;
        -o-transition:.3s opacity;
        opacity:1
    }
    #menu.visible .contact-details-wrap .careers-cta{
        left:70%;
        position:absolute;
        bottom:0
    }
    #menu .contact-details-wrap{
        height:40%;
        min-height:360px
    }
    #menu .contact-details-wrap .column{
        float:none;
        margin-bottom:22px
    }
    #menu .contact-details-wrap .column.social-links{
        margin-bottom:0
    }
    #menu .contact-details-wrap .careers-cta h6{
        font-size:15px
    }
    #menu .contact-details-wrap .careers-cta .careers-button{
        margin-right:-40px
    }
    #menu.visible+#main-nav .logo-mark.black{
        display:none
    }
    #menu.visible+#main-nav .logo-mark.white{
        display:block
    }
    #contact .wrapper{
        padding-top:67px;
        padding-bottom:69px
    }
    #contact h2{
        margin-bottom:32px
    }
    #contact .button{
        font-size:16px;
        padding:15px 54px 16px
    }
    #contact p{
        margin-bottom:30px
    }
    .error404 .marquee:before{
        padding-bottom:100%
    }
    .error404 .marquee p{
        font-size:20px
    }
}
@media only screen and (max-width:580px){
    .grid-item.half-width{
        width:100%;
        float:none
    }
    .project-link{
        width:auto
    }
    .page-template-page-work .half-width.work-header{
        min-height:495px
    }
    .page-template-page-work .half-width.work-header .middle p.italic-serif{
        font-size:21px
    }
    .page-template-page-work .half-width.work-header .middle h3{
        padding-top:0;
        margin:10px auto 34px
    }
    .page-template-page-work .half-width.work-header .middle h3 p{
        font-size:24px;
        line-height:1.2
    }
    .page-template-page-work .half-width.work-header .middle .italic-serif{
        font-size:16px
    }
    .page-template-page-work .half-width .project-details .project-link.button,.page-template-page-work .half-width.work-header .project-link.button{
        font-size:15px
    }
    .page-template-page-work .half-width .project-details .project-link.button a,.page-template-page-work .half-width.work-header .project-link.button a{
        padding:12px 0 10px;
        width:175px;
        max-width:100%
    }
    .page-template-page-work .half-width.work-header .project-link.button a{
        padding:10px 0
    }
    .page-template-page-work .half-width .project-details .project-excerpt{
        font-size:15px;
        padding:0 25px;
        line-height:1
    }
    .page-template-page-work .half-width.work-header .middle p{
        padding:0
    }
    .page-template-page-work .half-width.work-header .middle p.italic-serif{
        padding-bottom:28px
    }
    .page-template-page-work .half-width.work-header p{
        font-size:22px
    }
    .page-template-page-work .half-width.work-header h1{
        font-size:60px;
        margin-bottom:34px
    }
    .menu-rainbow{
        display:none
    }
    #menu{
        right:0
    }
    #menu .menu-links-wrap{
        min-height:0;
        height:80%
    }
    #menu .menu-links-wrap .menu-links{
        padding-top:80px;
        padding-left:0;
        text-align:center
    }
    #menu .menu-links-wrap .menu-links .menu-link,#menu .menu-links-wrap .menu-links .menu-link:hover{
        color:#fff;
        font-size:40px;
        padding:9px 0
    }
    #menu .menu-content-wrap{
        min-height:360px;
        height:100%;
        margin-top:0;
        position:relative
    }
    #menu.visible .contact-details-wrap .careers-cta{
        left:auto;
        position:relative
    }
    #menu .contact-details-wrap{
        min-height:0;
        height:20%
    }
    #menu .contact-details-wrap .careers-cta{
        text-align:center;
        float:none;
        right:0;
        left:0;
        padding-right:0;
        margin-right:0;
        padding-bottom:10px
    }
    #menu .contact-details-wrap .careers-cta h6{
        font-size:17.5px
    }
    #menu .contact-details-wrap .careers-button{
        display:none
    }
    .mobile-rainbow{
        display:block;
        bottom:0
    }
    .menu-toggle,.menu-toggle:hover{
        background:#333;
        color:initial;
        transition:none;
        -webkit-transition:none;
        -moz-transition:none;
        -o-transition:none
    }
    .menu-toggle:after,.menu-toggle:before,.menu-toggle:hover:after,.menu-toggle:hover:before{
        left:12px;
        width:16px;
        height:2px;
        box-shadow:0 12px #fff,0 12px #fff,0 19px #fff,0 19px #fff,0 19px #fff,0 26px #fff,0 26px #fff;
        transition:none;
        -webkit-transition:none;
        -moz-transition:none;
        -o-transition:none
    }
    body.nights .menu-toggle:hover:after,body.nights .menu-toggle:hover:before{
        height:2px
    }
    body.nights .menu-toggle{
        background:#333
    }
    #team-hero{
        padding:190px 0
    }
    #team-hero h1{
        font-size:60px;
        padding:0 45px
    }
    .page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-name{
        font-size:11px
    }
    .page-template-page-team .team-member .team-member-wrap .team-member-panel .team-member-title{
        font-size:10px
    }
    .page-template-page-team .team-member .team-member-wrap:hover:not(.toggled) .team-member-panel{
        background:#fff!important
    }
    .page-template-page-team .team-member .team-member-wrap:hover:not(.toggled) .team-member-panel h6,.page-template-page-team .team-member .team-member-wrap:hover:not(.toggled) .team-member-panel p{
        color:initial
    }
    .page-template-page-team .team-member .team-member-photo{
        margin-bottom:-4px
    }
    .page-template-page-team .col-4.team-member .team-member-wrap .team-member-panel .team-member-bio-wrap{
        padding:24px 20px
    }
    .page-template-page-team .half-width.text-slideshow-block{
        padding:12px 20px
    }
    #listings .half-width:before,.page-template-page-team .half-width.text-slideshow-block:before{
        padding-bottom:100%
    }
    section .text-slideshow-block .slick-dots{
        bottom:10%
    }
    section[data-name=the-team] .tag-filters .col-2{
        width:50%
    }
    .tag-filters__filter{
        text-align:center
    }
    section[data-name=the-team] .wrapper{
        padding-top:88px;
        padding-bottom:18px
    }
    .team-filters{
        margin-bottom:34px
    }
    .team-filters__department{
        margin-bottom:21px
    }
    .team-member-wrap.position.toggled:before{
        font-size:45px;
        top:-10px;
        left:4px
    }
    .team-member-wrap.position.toggled:after{
        width:32px;
        height:32px
    }
    #franchise .half-width{
        padding:132px 0
    }
    .subnav{
        display:none
    }
    .page-template-page-brief #brief-hero{
        padding:190px 0;
        height:auto
    }
    .page-template-page-brief #brief-hero h3{
        font-size:21px
    }
    .page-template-page-brief h1{
        font-size:60px;
        margin-bottom:19px
    }
    .page-template-page-brief .menu-toggle{
        background:#222
    }
    .page-template-page-brief .menu-toggle:after,.page-template-page-brief .menu-toggle:before{
        box-shadow:0 12px #fff,0 12px #fff,0 19px #fff,0 19px #fff,0 19px #fff,0 26px #fff,0 26px #fff
    }
    .page-template-page-brief .half-width .middle{
        width:100%;
        padding:0 20px
    }
    .page-template-page-brief .half-width .animation-block__content{
        padding-top:10px
    }
    .animation-block__title{
        font-size:40px
    }
    section[data-name=what-we-do] .half-width.description:after,section[data-name=what-we-do] .half-width.description:before,section[data-name=why-we-do] .half-width.description:after,section[data-name=why-we-do] .half-width.description:before{
        display:none
    }
    section[data-name=what-we-do] .half-width.description .middle,section[data-name=why-we-do] .half-width.description .middle{
        position:relative;
        top:auto;
        left:auto;
        transform:none;
        margin:55px auto
    }
    #single-case{
        height:495px
    }
    #single-case h1{
        font-size:48px;
        padding:0 12px;
        margin-bottom:14px
    }
    #single-case P{
        font-size:16px;
        padding:0 40px
    }
    section.text-block h3{
        margin-bottom:6px
    }
    section.half-width-blocks .half-width.header-block h2{
        font-size:48px;
        line-height:55px
    }
    section.half-width-blocks .half-width.header-block .middle{
        max-width:300px
    }
    .text-block p{
        font-size:16px
    }
    .single-case-study .half-width .middle{
        padding:0 20px
    }
    .single-case-study .half-width .middle h3{
        font-size:26px;
        padding-right:95px;
        margin-bottom:12px
    }
    .single-case-study .half-width .middle p{
        font-size:16px
    }
    .single-case-study .half-width .middle .single-big-paragraph{
        font-size:20px
    }
    .single-case-study .half-width-blocks .half-width.header-block .surtitle,.single-case-study .half-width-blocks .half-width.header-block h2{
        margin-bottom:0
    }
    .single-case-study .slideshow-block .slick-arrow{
        width:40px;
        height:40px;
        right:20px
    }
    .single-case-study .slideshow-block .slick-arrow.slick-prev{
        top:52.5%
    }
    .single-case-study .slideshow-block .slick-arrow.slick-next{
        bottom:52.5%
    }
    .single-case-study .slideshow-block.lightbox-visible .slick-arrow.slick-next,.single-case-study .slideshow-block.lightbox-visible .slick-arrow.slick-prev{
        top:48%;
        bottom:auto
    }
    .single-case-study .slideshow-block .play-button{
        width:50px;
        height:50px
    }
    .single-case-study .slick-arrow{
        width:40px;
        height:40px;
        opacity: 0.8;
        bottom: calc(50% - 20px);
    }
    .single-case-study .slick-arrow.slick-prev{
        left: 20%;
    }
    .single-case-study .slick-arrow.slick-next{
        /* bottom:70px */
        right: 20%;
    }

    .single-case-study .contact-block h2{
        font-size:28.5px;
        line-height:31px
    }
    .single-case-study .contact-block .button{
        font-size:15px
    }
    .single-case-study .quote{
        font-size:22px
    }
    .single-case-study .quote+h6{
        font-size:14px
    }
    .single-case-study .open-quote{
        top:18%;
        width:48px;
        height:48px
    }
    .single-case-study .close-quote{
        bottom:18%;
        width:48px;
        height:48px
    }
    .statistic.half,.statistic.two-thirds{
        height:330px
    }
    .statistic .middle .statistic-value{
        font-size:80px;
        margin-bottom:16px
    }
    .statistic .middle .statistic-text{
        padding:0 20px;
        font-size:16px
    }
    .statistics-blocks{
        top:0
    }
    .contact-block,.statistics-blocks{
        transition:all .3s ease-in-out 0s;
        -webkit-transition:all .3s ease-in-out 0s;
        -moz-transition:.3s all 0s ease-in-out;
        -o-transition:.3s all 0s ease-in-out
    }
    .contact-block.top{
        margin-top:330px
    }
    .error404{
        min-height:540px
    }
    .error404 .marquee{
        height:100%
    }
    .error404 .marquee .middle{
        padding:120px 0 24px
    }
    .error404 .marquee:before{
        padding-bottom:100%
    }
    .error404 .marquee h1{
        font-size:160px
    }
    .error404 .marquee .sprite{
        width:184.69px;
        height:216.167762px;
        margin-right:-32px;
        margin-left:-32px
    }
    .error404 .marquee p{
        font-size:20px
    }
    #footer .wrapper{
        padding-top:67px;
        padding-bottom:67px
    }
    #footer .rotating-blurb{
        margin-bottom:33px;
        padding:0 30px
    }
    #footer .footer-menu{
        margin-bottom:17px
    }
    #footer .footer-menu li{
        display:block;
        padding-bottom:20px
    }
    #footer .footer-rainbow{
        max-width:100%;
        margin-left:-2px
    }
    .animation-block__content{
        padding:10px 0 23px
    }
}
@media only screen and (max-width:500px){
    section[data-name=what-we-do] .half-width.black{
        min-height:580px
    }
    .quote-block,.single-case-study .half-width-blocks .half-width.header-block+.half-width,.single-case-study .half-width-blocks .header-block.gray+.half-width{
        height:500px
    }
}
@media only screen and (max-height:600px){
    #mobile-contact-information{
        position:relative;
        z-index:3000;
        max-height:none;
        top:0;
        left:0;
        transform:none;
        -webkit-transform:none;
        -moz-transform:none;
        -o-transform:none
    }
}
.st0{
    fill:#222
}
.st3{
    fill:#ed1c0d
}
.st4{
    fill:#00c9bf
}
.st5{
    fill:#663382
}
.st6{
    fill:#ffbf0f
}
.st7{
    fill:#ff3363
}
.st8{
    fill:#87c70f
}
.st9{
    fill:#ed7300
}
.st10{
    fill:#3d8cde
}
.st1{
    fill:#444
}
.center,.st1{
    transition:all .15s ease-in-out 0s;
    -webkit-transition:all .15s ease-in-out 0s;
    -moz-transition:.15s all 0s ease-in-out;
    -o-transition:.15s all 0s ease-in-out
}
.center{
    stroke:#444;
    fill:#1e1e1e
}
.hidden{
    fill:transparent
}
svg:hover .st1{
    fill:#666
}
svg:hover .center{
    stroke:#aaa;
    stroke-width:2px
}
@-webkit-keyframes j{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(1turn)
    }
}
@keyframes j{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(1turn)
    }
}
@-webkit-keyframes k{
    0%{
        transform:rotate(1turn)
    }
    to{
        transform:rotate(0deg)
    }
}
@keyframes k{
    0%{
        transform:rotate(1turn)
    }
    to{
        transform:rotate(0deg)
    }
}
.compass{
    margin:5px auto 0;
    width:450px;
    height:450px
}
.satellite{
    display:inline-block
}
.color-1{
    -webkit-animation-duration:10s;
    animation-duration:10s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.color-1,.color-2{
    -webkit-animation-name:j;
    animation-name:j;
    -webkit-animation-direction:linear;
    animation-direction:linear;
    -webkit-transform-origin:250px 250px;
    -moz-transform-origin:250px 250px;
    -o-transform-origin:250px 250px;
    transition:250px 250px
}
.color-2{
    -webkit-animation-duration:8s;
    animation-duration:8s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.color-3{
    -webkit-animation-direction:ease-in;
    animation-direction:ease-in;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.color-3,.color-4{
    -webkit-animation-name:j;
    animation-name:j;
    -webkit-animation-duration:5s;
    animation-duration:5s;
    -webkit-transform-origin:250px 250px;
    -moz-transform-origin:250px 250px;
    -o-transform-origin:250px 250px;
    transition:250px 250px
}
.color-4{
    -webkit-animation-direction:ease-out;
    animation-direction:ease-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.color-5{
    -webkit-animation-duration:20s;
    animation-duration:20s;
    -webkit-animation-direction:ease;
    animation-direction:ease;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.color-5,.color-6{
    -webkit-animation-name:j;
    animation-name:j;
    -webkit-transform-origin:250px 250px;
    -moz-transform-origin:250px 250px;
    -o-transform-origin:250px 250px;
    transition:250px 250px
}
.color-6{
    -webkit-animation-duration:9s;
    animation-duration:9s;
    -webkit-animation-direction:cubic-bezier(.86,0,.07,1);
    animation-direction:cubic-bezier(.86,0,.07,1);
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.color-7{
    -webkit-animation-duration:5s;
    animation-duration:5s;
    -webkit-animation-direction:cubic-bezier(.785,.135,.15,.86);
    animation-direction:cubic-bezier(.785,.135,.15,.86);
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.color-7,.color-8{
    -webkit-animation-name:j;
    animation-name:j;
    -webkit-transform-origin:250px 250px;
    -moz-transform-origin:250px 250px;
    -o-transform-origin:250px 250px;
    transition:250px 250px
}
.color-8{
    -webkit-animation-duration:14s;
    animation-duration:14s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.color-8,.outside{
    -webkit-animation-direction:linear;
    animation-direction:linear
}
.outside{
    -webkit-animation-name:k;
    animation-name:k;
    -webkit-animation-duration:50s;
    animation-duration:50s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    -o-transform-origin:50% 50%;
    transition:50% 50%
}
#outer-circle{
    border-radius:50%;
    border:1px solid #444;
    transition:all .4s;
    -webkit-transition:all .4s;
    -moz-transition:.4s all;
    -o-transition:.4s all
}
#outer-circle,.space{
    width:405px;
    height:405px
}
.space{
    margin:0 auto;
    position:relative;
    perspective:405px;
    transform-style:preserve-3d;
    transition:all .3s ease-in-out 0s;
    -webkit-transition:all .3s ease-in-out 0s;
    -moz-transition:.3s all 0s ease-in-out;
    -o-transition:.3s all 0s ease-in-out
}
.space .ball{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    width:100px;
    height:100px;
    border-radius:50%;
    border:1px solid #444;
    transform-style:preserve-3d;
    transition:all .3s;
    -webkit-transition:all .3s;
    -moz-transition:.3s all;
    -o-transition:.3s all
}
.space .ball:after,.space .ball:before{
    content:"";
    position:absolute;
    top:-7.5px;
    left:0;
    right:0;
    margin:auto;
    width:15px;
    height:15px;
    border-radius:50%;
    transform-origin:50% 50% 0
}
.space .ball:after{
    top:auto;
    bottom:-7.5px
}
#c{
    width:325px;
    height:325px;
    left:-101px;
    top:1px;
    transform:rotateY(70deg) rotate(20deg);
    -webkit-transform:rotateY(70deg) rotate(20deg);
    -moz-transform:rotateY(70deg) rotate(20deg);
    -o-transform:rotateY(70deg) rotate(20deg);
    -webkit-animation-name:n;
    animation-name:n;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
#c,#c:before{
    -webkit-animation-duration:2.5s;
    animation-duration:2.5s;
    -webkit-animation-direction:linear;
    animation-direction:linear
}
#c:before{
    background:#ffbf0f;
    transform:rotate(-20deg) rotateY(-70deg);
    -webkit-transform:rotate(-20deg) rotateY(-70deg);
    -moz-transform:rotate(-20deg) rotateY(-70deg);
    -o-transform:rotate(-20deg) rotateY(-70deg);
    -webkit-animation-name:q;
    animation-name:q;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
#b{
    width:370px;
    height:370px;
    left:40px;
    transform:rotateY(59deg) rotate(0deg);
    -webkit-transform:rotateY(59deg) rotate(0deg);
    -moz-transform:rotateY(59deg) rotate(0deg);
    -o-transform:rotateY(59deg) rotate(0deg);
    -webkit-animation-name:m;
    animation-name:m;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
#b,#b:before{
    -webkit-animation-duration:6s;
    animation-duration:6s;
    -webkit-animation-direction:linear;
    animation-direction:linear
}
#b:before{
    background:#00c9bf;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
#b:after,#b:before{
    transform:rotate(-20deg) rotateY(-70deg);
    -webkit-transform:rotate(-20deg) rotateY(-70deg);
    -moz-transform:rotate(-20deg) rotateY(-70deg);
    -o-transform:rotate(-20deg) rotateY(-70deg);
    -webkit-animation-name:q;
    animation-name:q
}
#b:after{
    background:#3d8cde;
    -webkit-animation-duration:6s;
    animation-duration:6s;
    -webkit-animation-direction:linear;
    animation-direction:linear;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
#a{
    width:360px;
    height:360px;
    left:110px;
    transform:rotateY(52deg) rotate(20deg);
    -webkit-transform:rotateY(52deg) rotate(20deg);
    -moz-transform:rotateY(52deg) rotate(20deg);
    -o-transform:rotateY(52deg) rotate(20deg);
    -webkit-animation-name:l;
    animation-name:l;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
#a,#a:before{
    -webkit-animation-duration:4s;
    animation-duration:4s;
    -webkit-animation-direction:linear;
    animation-direction:linear
}
#a:before{
    background:#ed7300;
    transform:rotate(-20deg) rotateY(-70deg);
    -webkit-transform:rotate(-20deg) rotateY(-70deg);
    -moz-transform:rotate(-20deg) rotateY(-70deg);
    -o-transform:rotate(-20deg) rotateY(-70deg);
    -webkit-animation-name:q;
    animation-name:q;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
#d{
    width:288px;
    height:288px;
    left:180px;
    transform:rotateY(46deg) rotate(20deg);
    -webkit-transform:rotateY(46deg) rotate(20deg);
    -moz-transform:rotateY(46deg) rotate(20deg);
    -o-transform:rotateY(46deg) rotate(20deg)
}
#d:before{
    display:none
}
#e{
    width:174px;
    height:174px;
    left:276px;
    transform:rotateY(49deg) rotate(20deg);
    -webkit-transform:rotateY(49deg) rotate(20deg);
    -moz-transform:rotateY(49deg) rotate(20deg);
    -o-transform:rotateY(49deg) rotate(20deg);
    -webkit-animation-name:p;
    animation-name:p;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
#e,#e:before{
    -webkit-animation-duration:4.5s;
    animation-duration:4.5s;
    -webkit-animation-direction:linear;
    animation-direction:linear
}
#e:before{
    background:#ed1c0d;
    transform:rotate(-20deg) rotate(-70deg);
    -webkit-transform:rotate(-20deg) rotate(-70deg);
    -moz-transform:rotate(-20deg) rotate(-70deg);
    -o-transform:rotate(-20deg) rotate(-70deg);
    -webkit-animation-name:q;
    animation-name:q;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
#f{
    width:56px;
    height:56px;
    left:348.5px;
    transform:rotateY(42deg) rotate(20deg);
    -webkit-transform:rotateY(42deg) rotate(20deg);
    -moz-transform:rotateY(42deg) rotate(20deg);
    -o-transform:rotateY(42deg) rotate(20deg)
}
#f:before{
    display:none
}
#g{
    width:12px;
    height:12px;
    left:367.9px;
    transform:rotateY(32deg) rotate(20deg);
    -webkit-transform:rotateY(32deg) rotate(20deg);
    -moz-transform:rotateY(32deg) rotate(20deg);
    -o-transform:rotateY(32deg) rotate(20deg)
}
#g:before{
    display:none
}
#h{
    width:226px;
    height:226px;
    left:-230px;
    transform:rotateY(79deg) rotate(20deg);
    -webkit-transform:rotateY(79deg) rotate(20deg);
    -moz-transform:rotateY(79deg) rotate(20deg);
    -o-transform:rotateY(79deg) rotate(20deg);
    -webkit-animation-name:o;
    animation-name:o;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
#h,#h:before{
    -webkit-animation-duration:6s;
    animation-duration:6s;
    -webkit-animation-direction:linear;
    animation-direction:linear
}
#h:before{
    background:#87c70f;
    transform:rotate(-20deg) rotateY(-70deg);
    -webkit-transform:rotate(-20deg) rotateY(-70deg);
    -moz-transform:rotate(-20deg) rotateY(-70deg);
    -o-transform:rotate(-20deg) rotateY(-70deg);
    -webkit-animation-name:q;
    animation-name:q;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
#i{
    width:100px;
    height:100px;
    left:-322px;
    transform:rotateY(86deg) rotate(20deg);
    -webkit-transform:rotateY(86deg) rotate(20deg);
    -moz-transform:rotateY(86deg) rotate(20deg);
    -o-transform:rotateY(86deg) rotate(20deg)
}
#j{
    width:15px;
    height:15px;
    left:-367px;
    transform:rotateY(90deg) rotate(20deg);
    -webkit-transform:rotateY(90deg) rotate(20deg);
    -moz-transform:rotateY(90deg) rotate(20deg);
    -o-transform:rotateY(90deg) rotate(20deg)
}
.space:hover{
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg)
}
.space:hover #outer-circle,.space:hover .ball{
    border:1px solid #777
}
.space:hover #outer-circle{
    opacity:0
}
.space:hover #a{
    width:200px;
    height:200px;
    transition:all .4s;
    -webkit-transition:all .4s;
    -moz-transition:.4s all;
    -o-transition:.4s all
}
.space:hover #b{
    width:350px;
    height:350px;
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:.5s all;
    -o-transition:.5s all
}
.space:hover #c{
    width:370px;
    height:370px
}
.space:hover #e{
    width:230px;
    height:230px;
    transition:all .6s;
    -webkit-transition:all .6s;
    -moz-transition:.6s all;
    -o-transition:.6s all
}
@-webkit-keyframes l{
    0%{
        transform:rotateY(52deg) rotate(20deg)
    }
    to{
        transform:rotateY(52deg) rotate(380deg)
    }
}
@keyframes l{
    0%{
        transform:rotateY(52deg) rotate(20deg)
    }
    to{
        transform:rotateY(52deg) rotate(380deg)
    }
}
@-webkit-keyframes m{
    0%{
        transform:rotateY(59deg) rotate(0deg)
    }
    to{
        transform:rotateY(59deg) rotate(1turn)
    }
}
@keyframes m{
    0%{
        transform:rotateY(59deg) rotate(0deg)
    }
    to{
        transform:rotateY(59deg) rotate(1turn)
    }
}
@-webkit-keyframes n{
    0%{
        transform:rotateY(69deg) rotate(0deg)
    }
    to{
        transform:rotateY(69deg) rotate(1turn)
    }
}
@keyframes n{
    0%{
        transform:rotateY(69deg) rotate(0deg)
    }
    to{
        transform:rotateY(69deg) rotate(1turn)
    }
}
@-webkit-keyframes o{
    0%{
        transform:rotateY(79deg) rotate(20deg)
    }
    to{
        transform:rotateY(79deg) rotate(380deg)
    }
}
@keyframes o{
    0%{
        transform:rotateY(79deg) rotate(20deg)
    }
    to{
        transform:rotateY(79deg) rotate(380deg)
    }
}
@-webkit-keyframes p{
    0%{
        transform:rotateY(49deg) rotate(20deg)
    }
    to{
        transform:rotateY(49deg) rotate(380deg)
    }
}
@keyframes p{
    0%{
        transform:rotateY(49deg) rotate(20deg)
    }
    to{
        transform:rotateY(49deg) rotate(380deg)
    }
}
@-webkit-keyframes q{
    0%{
        transform:rotate(-20deg) rotateY(-70deg)
    }
    to{
        transform:rotate(-380deg) rotateY(-70deg)
    }
}
@keyframes q{
    0%{
        transform:rotate(-20deg) rotateY(-70deg)
    }
    to{
        transform:rotate(-380deg) rotateY(-70deg)
    }
}
canvas[resize]{
    width:100%;
    height:auto
}
@media only screen and (max-width:1200px){
    .canvas-wrapper canvas{
        height:400px
    }
}
.wave{
    position:relative
}
.wave circle.outline-true{
    fill:none;
    stroke:#fff;
    stroke-width:1px
}
.wave path{
    fill:rgba(0,0,0,.15);
    stroke:#444;
    stroke-width:2px;
    transition:stroke .3s
}
svg.wave:hover path{
    stroke:#666
}


/* CUSTOM */
#footer p {
    color: white;
}
#footer small {
    font-size: 12px;
}