@charset "UTF-8";
.floatlabel-select ul li,.slick-slider{
    -webkit-user-select:none;
    -moz-user-select:none
}
.slick-dots,.slideshow .item,body{
    text-align:center
}
#about,#brand,#floorplan .right,#home,#strategy-team{
    -webkit-perspective:1000
}
*,.slick-slider{
    -webkit-tap-highlight-color:transparent
}
#contact .clear,#team .clear,#test .clear,.clear,.clr,.slick-track:after{
    clear:both
}
.row label.css-label,.slick-slider,.table-build .tr-row label.css-label{
    -webkit-touch-callout:none;
    -khtml-user-select:none
}
@font-face{
    font-family:Medium;
    src:url(../fonts/2BE465_0_0.eot);
    src:url(../fonts/2BE465_0_0.eot?#iefix) format("embedded-opentype"),url(../fonts/2BE465_0_0.woff) format("woff"),url(../fonts/2BE465_0_0.ttf) format("truetype")
}
@font-face{
    font-family:Light;
    src:url(../fonts/2BE465_1_0.eot);
    src:url(../fonts/2BE465_1_0.eot?#iefix) format("embedded-opentype"),url(../fonts/2BE465_1_0.woff) format("woff"),url(../fonts/2BE465_1_0.ttf) format("truetype")
}
@font-face{
    font-family:Austin;
    src:url(../fonts/Austin-Italic-Web.eot);
    src:url(../fonts/Austin-Italic-Web.eot?#iefix) format("embedded-opentype"),url(../fonts/Austin-Italic-Web.woff) format("woff"),url(../fonts/Austin-Italic-Web.ttf) format("truetype"),url(../fonts/Austin-Italic-Web.svg#Austin-Italic) format("svg");
    font-weight:300;
    font-style:italic;
    font-stretch:normal
}
.case_view{
    display:block
}
.floatlabel,.floatlabel-select{
    position:relative
}
.floatlabel-select.comments,.floatlabel.comments{
    margin-bottom:10px
}
.floatlabel label,.floatlabel-select label{
    position:absolute;
    top:9px;
    left:20px;
    opacity:0;
    font-size:11px
}
.floatlabel-select.focused label,.floatlabel-select.populated label,.floatlabel.focused label,.floatlabel.populated label{
    opacity:.7;
    line-height:15px
}
#brand{
    height:676px;
    min-height:676px
}
.floatlabel-select.focused input,.floatlabel-select.populated input,.floatlabel-select.populated select,.floatlabel.focused input,.floatlabel.populated input,.floatlabel.populated select{
    position:relative;
    top:7px
}
.floatlabel-select.focused textarea,.floatlabel-select.populated textarea,.floatlabel.focused textarea,.floatlabel.populated textarea{
    padding-top:1.5em
}
.floatlabel input,.floatlabel-select input{
    display:inline-block
}
.floatlabel input,.floatlabel label,.floatlabel select,.floatlabel textarea,.floatlabel-select input,.floatlabel-select label,.floatlabel-select select,.floatlabel-select textarea{
    -webkit-transition:.15s ease-in-out;
    transition:.15s ease-in-out
}
.floatlabel-select.error:after,.floatlabel.error:after{
    position:absolute;
    display:block;
    right:0;
    top:0;
    height:55px;
    content:'';
    border-right:5px solid #e40046
}
.floatlabel-select.error:before,.floatlabel.error:before{
    font-family:BrandonGrotesque-Medium,Helvetica,Arial,Verdana;
    position:absolute;
    display:block;
    right:15px;
    top:0;
    height:55px;
    line-height:55px;
    content:'!';
    color:red
}
.floatlabel-select label{
    opacity:1;
    position:relative;
    font-size:1em;
    display:block;
    top:0;
    left:0;
    line-height:50px
}
.floatlabel-select .value{
    position:absolute;
    top:7px;
    display:none;
    z-index:-1;
    line-height:50px
}
.floatlabel-select.populated label{
    font-size:11px;
    display:block;
    line-height:30px
}
.floatlabel-select.populated .value{
    display:block
}
.floatlabel-select ul{
    position:absolute;
    list-style-type:none;
    margin:0;
    padding:0;
    display:inline-block;
    width:200px;
    background:#fff;
    color:#002846;
    -webkit-border-radius:4px;
    border-radius:4px;
    z-index:10;
    visibility:hidden;
    opacity:0;
    top:50%;
    right:0;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.1);
    box-shadow:0 0 10px rgba(0,0,0,.1);
    -webkit-transition:-webkit-transform .15s ease-in-out,opacity .15s ease-in-out;
    transition:transform .15s ease-in-out,opacity .15s ease-in-out;
    -webkit-transform:translate3d(40%,-50%,0);
    transform:translate3d(40%,-50%,0)
}
.floatlabel-select ul:after{
    left:-20px;
    top:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:rgba(255,255,255,0);
    border-right-color:#FFF;
    border-width:10px;
    margin-top:-10px
}
.floatlabel-select ul li{
    font-family:BrandonGrotesque-Medium,Helvetica,Arial,Verdana;
    -ms-user-select:none;
    user-select:none;
    font-size:.85em;
    cursor:pointer;
    height:40px;
    line-height:44px;
    padding-left:20px;
    border-bottom:1px solid rgba(0,40,70,.1);
    position:relative
}
.slick-dots li button:before,.slick-next:before,.slick-prev:before{
    font-family:slick;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased
}
.slick-slider,body{
    -ms-user-select:none
}
.floatlabel-select ul li.selected:after{
    right:10px;
    top:0;
    height:40px;
    content:"✔";
    position:absolute
}
.slick-list,.slick-slider,.slick-track{
    position:relative;
    display:block
}
.floatlabel-select ul li:last-child{
    border:0
}
.floatlabel-select ul li:hover{
    background:rgba(187,186,180,.1)
}
head.mobile .floatlabel-select ul{
    top:50px;
    left:0;
    width:100%
}
.floatlabel-select.open ul{
    visibility:visible;
    opacity:1;
    -webkit-transform:translate3d(50%,-50%,0);
    transform:translate3d(50%,-50%,0);
    display:block
}
#mediaplatforms .lamp .lamp-head svg #lighting,.slick-loading .slick-slide,.slick-loading .slick-track{
    visibility:hidden
}
input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 50px rgba(255,255,255,.1) inset
}
.slick-slider{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y
}
.row label.css-label,body{
    -moz-user-select:none;
    -webkit-user-select:none
}
.slick-list{
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:0
}
.slick-loading .slick-list{
    background:#fff
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.slick-track{
    left:0;
    top:0
}
.slick-track:after,.slick-track:before{
    content:"";
    display:table
}
.slick-slide{
    float:left;
    height:100%;
    min-height:1px;
    display:none
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
@font-face{
    font-family:slick;
    src:url(fonts/slick.eot);
    src:url(fonts/slick.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(fonts/slick.svg#slick) format("svg");
    font-weight:400;
    font-style:normal
}
.slick-next,.slick-prev{
    position:absolute;
    display:block;
    height:20px;
    width:20px;
    line-height:0;
    font-size:0;
    cursor:pointer;
    background:0 0;
    color:transparent;
    top:50%;
    margin-top:-10px;
    padding:0;
    border:none;
    outline:0
}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{
    outline:0;
    background:0 0;
    color:transparent
}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{
    opacity:1
}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{
    opacity:.25
}
.slick-next:before,.slick-prev:before{
    font-size:20px;
    line-height:1;
    color:#fff;
    opacity:.75
}
.slick-prev{
    left:25px
}
[dir=rtl] .slick-prev{
    left:auto;
    right:25px
}
.slick-prev:before{
    content:"←"
}
.slick-next:before,[dir=rtl] .slick-prev:before{
    content:"→"
}
.slick-next{
    right:25px
}
[dir=rtl] .slick-next{
    left:25px;
    right:auto
}
[dir=rtl] .slick-next:before{
    content:"←"
}
.slick-slider{
    margin-bottom:30px
}
.slick-dots{
    position:absolute;
    bottom:-250px;
    list-style:none;
    display:block;
    padding:0;
    width:100%
}
.preloader,html{
    left:0;
    right:0;
    top:0;
    bottom:0
}
.slick-dots li{
    position:relative;
    display:inline-block;
    height:20px;
    width:20px;
    margin:0;
    padding:0;
    cursor:pointer
}
.slick-dots li button{
    border:0;
    background:0 0;
    display:block;
    height:20px;
    width:20px;
    outline:0;
    line-height:0;
    font-size:0;
    color:transparent;
    padding:0;
    cursor:pointer
}
.preloader,body{
    background:#002846
}
.slick-dots li button:focus,.slick-dots li button:hover{
    outline:0
}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{
    opacity:1
}
.slick-dots li button:before{
    position:absolute;
    top:0;
    left:0;
    content:"•";
    width:20px;
    height:20px;
    font-size:20px;
    line-height:20px;
    text-align:center;
    color:#000;
    opacity:.25
}
.slick-dots li.slick-active button:before{
    color:#000;
    opacity:.75
}
.slideshow{
    position:relative;
    width:100%;
    margin:0 0 100px;
    padding:0
}
.slideshow .item{
    font-size:.75em;
    margin:0;
    padding:0;
    display:block
}
.slideshow .item h3{
    color:#ce9f52;
    margin:0
}
#brand .slideshow .item{
    font-size:.9em;
    line-height:1.2em
}
.slideshow .item .card{
    display:inline-block;
    max-width:200px
}
.slideshow .item img{
    width:100%;
    margin-bottom:20px
}
body.no-js .slideshow .item{
    display:inline-block;
    margin-right:20px
}
#footer a:last-child,#footer span:last-child(4),#header a:nth-child(6){
    margin-right:0!important
}
body.no-js .slideshow .item .card{
    opacity:1
}
html{
    position:absolute;
    overflow-x:hidden
}
h1,h2,h3,h4,h5,h6{
    font-weight:400
}
body{
    font-family:Light;
    font-size:18px;
    margin:0;
    padding:0;
    height:100%!important;
    width:100%;
    user-select:none;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility
}
@media screen and (min-width:480px){
    body{
        font-size:18px
    }
}
@media screen and (min-width:800px){
    body{
        font-size:18px
    }
}
@media screen and (min-width:1024px){
    body{
        font-size:18px
    }
}
@media screen and (min-width:1136px){
    body{
        font-size:18px
    }
}
@media screen and (min-width:1280px){
    body{
        font-size:18px
    }
}
.preloader{
    position:fixed;
    color:#e0dcd4;
    padding-top:100px;
    font-family:Arial,Helvetica,sans-serif;
    z-index:10000
}
.preloader .message{
    display:inline-block;
    top:-200px;
    position:relative
}
body.loaded .preloader{
    display:none!important
}
.preloader progress{
    position:absolute;
    top:-webkit-calc(60% + 50px);
    top:calc(60% + 50px);
    left:10%;
    width:80%;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:rgba(224,220,212,.2);
    border:0;
    height:1px;
    -webkit-border-radius:0;
    border-radius:0
}
@media screen and (max-width:667px){
    body{
        font-size:24px;
        overflow:hidden
    }
    .preloader progress{
        top:-webkit-calc(50%);
        top:calc(50%)
    }
}
@media screen and (max-width:1024px){
    .preloader progress{
        left:15%;
        width:70%;
        top:-webkit-calc(50%);
        top:calc(50%)
    }
}
.preloader progress::-webkit-progress-bar{
    background-color:rgba(224,220,212,.2);
    -webkit-border-radius:0;
    border-radius:0
}
.preloader progress::-webkit-progress-value{
    background-color:#e0dcd4;
    -webkit-border-radius:0;
    border-radius:0
}
.preloader progress::-moz-progress-bar{
    background-color:#e0dcd4;
    border-radius:0
}
#skrollr-body{
    height:100%;
    overflow:visible;
    position:relative
}
@media screen and (max-width:667px){
    #skrollr-body{
        overflow:hidden;
        overflow-y:scroll;
        -webkit-overflow-scrolling:touch
    }
    .next{
        display:none
    }
}
body.no-js #skrollr-body .inner{
    height:100%
}
a{
    color:inherit
}
a:active{
    background-color:transparent
}
input::-ms-clear{
    display:none
}
b{
    font-family:Medium;
    font-weight:none
}
.title{
    letter-spacing:.4em;
    font-size:1.25em
}
.paragraph{
    width:200px;
    font-size:.85em;
    font-family:Light;
    text-align:left
}
#about .paragraph p strong,#about .text,#brand .paragraph h1,#brand .slideshow .item .card .copy h2 a,#brand .text,#strategy h1,#strategy h2{
    font-family:Medium
}
.page{
    min-height:50%!important;
    width:100%;
    background:#e0dcd4;
    position:relative;
    overflow:hidden
}
html.desktop .page{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden
}
.page.home-blue{
    background:#002846;
    color:#fff
}
.page.white{
    background:#fff
}
.page.gray{
    background:#f0eceb
}
.page.red{
    background:#EE3233;
    color:#fff
}
.page.beige{
    background:#f0eceb
}
.page.blue{
    background:#227fbc;
    color:#fff
}
.page.lightblue{
    background:#a4d7f6
}
.page.darkgray{
    background:#2c3e52;
    color:#fff
}
.page.aliceblue{
    background:#cfecfa
}
.page.darkblue{
    background:#002846;
    color:#fff
}
.page.beige-tint{
    background:#a4d7f6
}
.page.jet{
    background:#c0d7d2
}
.next{
    background-image:url(../img/arrow7.svg);
    background-size:100%;
    background-repeat:no-repeat;
    position:absolute;
    bottom:8%;
    left:50%;
    width:50px;
    height:50px;
    opacity:.2;
    -ms-transform:translate(-50%,0);
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    cursor:pointer
}
.next:hover{
    opacity:.3
}
.next.dark{
    background-image:url(../img/arrow6.svg)
}
@media screen and (min-width:1920px){
    .next{
        width:100px;
        height:100px
    }
}
.circ{
    width:100px;
    height:100px;
    background:#FFF;
    display:block;
    -webkit-border-radius:50px;
    border-radius:50px
}
#header .close,#menu{
    display:none
}
#header{
    top:60%
}
#header.fixed .logo{
    opacity:1
}
#menu{
    position:fixed;
    width:100%;
    height:60px;
    background:url(../img/menu2.svg) 20px no-repeat,20px no-repeat #002846;
    background-size:auto 30%;
    z-index:140
}
@media screen and (max-width:667px){
    #menu{
        display:block
    }
    #toplogo,.toplogo{
        display:none
    }
}
body.showHeader #menu{
    background:url(../img/logo-mobile.png) center no-repeat,url(../img/menu2.svg) 20px no-repeat,20px no-repeat #002846;
    background-size:auto 60%,auto 30%
}
#toplogo,.toplogo{
    cursor:pointer;
    position:fixed;
    width:80px;
    top:20px;
    left:20px;
    height:58px;
    z-index:100;
    background-image:url(../img/logo-small.png);
    -webkit-transition:opacity .1s ease-in-out;
    transition:opacity .1s ease-in-out;
    background-position:top;
    background-repeat:no-repeat
}
body.light-header #toplogo,body.light-header .toplogo{
    background-image:url(../img/logo-small.png)
}
#toplogo.home,.toplogo.home{
    display:none
}
@media screen and (min-width:1920px){
    #toplogo,.toplogo{
        width:150px;
        height:80px;
        top:40px;
        left:40px
    }
}
@media screen (min-width:980px) and (max-width:1280px){
    #home{
        height:220px!important;
        min-height:583px!important
    }
    #development{
        height:300px!important;
        min-height:500px!important
    }
    #brand{
        height:676px;
        min-height:676px
    }
    #header{
        top:40%!important
    }
    #development-slideshow .slideshow p,#socialmedia-slideshow .slideshow p{
        bottom:20px!important;
        font-size:14px!important
    }
}
body.light-header .toplogo{
    background-image:url(../img/logo-small.png)
}
html.tablet .toplogo{
    display:block
}
#footer12,#footer-lightbox,#header{
    height:50px;
    line-height:50px;
    color:rgba(76,76,79,1);
    position:fixed;
    z-index:100;
    -webkit-transition:color .1s ease-in-out,opacity .1s ease-in-out;
    transition:color .1s ease-in-out,opacity .1s ease-in-out;
    font-size:.85em;
    border-bottom:1px solid rgba(108,117,119,.4);
    left:10%;
    right:10%
}
@media screen and (max-width:1024px){
    #footer,#footer-lightbox,#header{
        left:15%;
        right:15%
    }
}
#footer a,#footer span,#footer-lightbox a,#header a{
    display:inline-block;
    margin-right:30px;
    text-decoration:none;
    height:50px;
    line-height:50px
}
#footer span{
    cursor:pointer
}
#footer a.active,#footer-lightbox a.active,#header a.active{
    border-bottom:1px solid #4d4d4f
}
@media screen and (min-width:1920px){
    #footer,#footer-lightbox,#header{
        height:80px
    }
    #footer a,#footer span,#footer-lightbox a,#header a{
        margin-right:50px;
        height:80px;
        line-height:80px
    }
}
#footer .contact,#footer-lightbox .contact,#header .contact{
    display:none
}
body.light-header #header{
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.4)
}
body.light-header #header a.active{
    border-bottom:1px solid #fff
}
@media screen and (max-width:1199px){
    #development-slideshow .slideshow p,#socialmedia-slideshow .slideshow p{
        bottom:0!important
    }
    #signup h1{
        font-size:2em!important
    }
    #getstarted p{
        top:45%!important
    }
}
@media screen and (max-width:991px){
    #mediaplatforms .highlight-0{
        bottom:30%!important
    }
}
@media screen and (max-width:667px){
    #header a,#header a:last-child{
        margin-right:20px
    }
    #header .contact,#header a{
        display:block
    }
    #header{
        position:fixed;
        top:0;
        color:#FFF;
        background:#002846;
        height:auto;
        left:auto;
        right:auto;
        width:100%;
        z-index:9999;
        overflow:hidden;
        border-bottom:none;
        max-height:0;
        -webkit-transition:max-height .3s ease-in-out;
        transition:max-height .3s ease-in-out;
        -webkit-box-shadow:0 0 100px #000;
        box-shadow:0 0 100px #000;
        pointer-events:none
    }
    #header a{
        margin-left:20px;
        border-bottom:1px solid rgba(255,255,255,.2);
        height:44px;
        line-height:44px
    }
    #header a:active{
        background-color:rgba(224,220,212,.1)
    }
    html.mobile.landscape #header a{
        height:35px;
        line-height:35px
    }
    #header .close{
        display:inline-block;
        width:30px;
        height:30px;
        background:url(../img/close.png) no-repeat;
        background-size:contain;
        position:relative;
        top:auto;
        right:auto;
        margin-top:20px;
        margin-bottom:20px;
        outline:0
    }
    #header.open{
        max-height:385px;
        pointer-events:auto;
        top:0;
        z-index:9999
    }
    html.mobile.landscape #header.open{
        max-height:100%
    }
    
}
#footer{
    width:100%;
    left:0;
    margin-left:0;
    z-index:3;
    bottom:0;
    border-bottom:0!important;
    -webkit-transition:opacity .3s ease-in-out;
    transition:opacity .3s ease-in-out;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
body.light-footer #footer{
    color:#fff;
    border-bottom:1px solid rgba(224,220,212,.5)
}
body.light-footer #footer .logo{
    background-image:url(../img/logo-white.svg)
}
body.light-footer #footer a.active{
    border-bottom:1px solid #e0dcd4
}
body.overlay #footer{
    color:#002846
}
@media screen and (max-width:667px){
    #footer{
        display:none;
        -webkit-transition:none;
        transition:none
    }
}
body.animating #footer{
    opacity:0
}
#home .logo{
    top:12%;
    left:50%;
    width:25%;
    margin-left:-12.5%;
    min-width:150px;
    position:absolute;
    display:block
}
#home .logo img{
    width:100%
}
@media screen and (max-width:667px){
    #home .logo{
        width:180px;
        top:50%;
        margin-left:0;
        -webkit-transform:translate3d(-50%,-55%,0);
        transform:translate3d(-50%,-55%,0)
    }
    #home .logo img{
        max-width:100%
    }
    #home{
        height:60%
    }
}
html.portrait.tablet #home .logo{
    width:50%;
    margin-left:-25%
}
html.mobile.landscape #home{
    height:100%
}
html.mobile.landscape #home .logo{
    width:30%
}
#about .ground{
    background:#e6dedc;
    height:45%;
    position:absolute;
    bottom:0;
    width:100%;
    z-index:0
}
#about .building{
    position:absolute;
    height:50%;
    width:40%;
    left:50%;
    top:50%;
    -ms-transform:translate(-46%,-62%) scale(1);
    -webkit-transform:translate3d(-46%,-62%,0) scale(1);
    transform:translate3d(-46%,-62%,0) scale(1);
    z-index:1
}
#about .building img{
    height:100%
}
html.portrait #about .building{
    height:40%;
    left:47%
}
#about .text{
    position:absolute;
    bottom:16%;
    width:100%;
    text-align:center;
    font-size:1.5em;
    letter-spacing:.2em
}
#about .paragraph{
    position:absolute;
    right:15%;
    width:18%;
    top:18%
}
#about .paragraph p{
    line-height:25px
}
#about .paragraph p strong{
    font-weight:400
}
html.portrait #about .paragraph{
    width:30%;
    right:10%;
    top:13%
}
@media screen and (max-width:667px){
    #about{
        font-size:.85em
    }
    #about *{
        position:relative!important
    }
    #about .building{
        height:auto!important;
        width:70%!important;
        top:50px!important;
        left:50%!important;
        -webkit-transform:translate3d(-50%,0,0)!important;
        transform:translate3d(-50%,0,0)!important
    }
    #about .building img{
        height:auto;
        width:100%;
        -webkit-transform:translate3d(8%,0,0);
        transform:translate3d(8%,0,0)
    }
    #about .ground{
        height:100%;
        bottom:auto;
        top:200px;
        position:absolute!important
    }
    #about .text{
        margin-top:70px;
        bottom:auto;
        font-size:1em
    }
    #about .paragraph{
        right:auto!important;
        width:80%!important;
        left:auto;
        top:auto;
        display:inline-block;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
#brand .signpost{
    width:30%;
    left:50%;
    -webkit-transform:translate3d(-35%,0,0);
    transform:translate3d(-35%,0,0);
    top:40px;
    position:absolute;
    display:none
}
#brand .text{
    text-align:center
}
#brand .paragraph{
    text-align:center;
    position:absolute;
    width:100%;
    left:0;
    top:16%
}
#brand .paragraph h1,#brand .paragraph p{
    padding:0;
    margin:0
}
#brand .paragraph h1{
    font-size:2em;
    letter-spacing:.2em
}
#brand .paragraph a{
    text-decoration:none;
    border-bottom:1px solid #002846;
    display:inline-block;
    height:17px
}
#brand .slideshow{
    position:absolute;
    top:30%;
    margin-bottom:0
}
@media screen and (max-width:1024px){
    #brand .slideshow{
        top:45%;
        -webkit-transform:translateY(-40%);
        -ms-transform:translateY(-40%);
        transform:translateY(-40%)
    }
}
#brand .slideshow .slick-list{
    overflow:visible
}
#brand .slideshow .slick-next,#brand .slideshow .slick-prev{
    display:none;
    width:3%;
    height:20%;
    position:absolute;
    top:50%;
    left:0;
    line-height:20%;
    background-image:url(../img/left.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    -ms-transform:translate(0,-50%);
    -webkit-transform:translate3d(0,-50%,0);
    transform:translate3d(0,-50%,0);
    opacity:.5
}
#brand .slideshow .slick-next:hover,#brand .slideshow .slick-prev:hover{
    opacity:1
}
#brand .slideshow .slick-next:before,#brand .slideshow .slick-prev:before{
    content:'';
    display:none
}
#brand .slideshow .slick-next{
    left:auto;
    right:0;
    background-image:url(../img/right.png)
}
#brand .slideshow .item{
    position:relative
}
#brand .slideshow .item .card{
    -webkit-transition:opacity .4s ease;
    -moz-transition:opacity .4s ease;
    -ms-transition:opacity .4s ease;
    transition:opacity .4s ease;
    opacity:.3;
    max-width:60%;
    position:relative
}
#brand .slideshow .item .card img{
    margin-bottom:0
}
#brand .slideshow .item .card .copy{
    position:absolute;
    width:200%;
    left:-50%;
    top:100%;
    opacity:0;
    -webkit-transition:opacity .5s ease;
    -moz-transition:opacity .5s ease;
    -ms-transition:opacity .5s ease;
    transition:opacity .5s ease;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
}
html.desktop #brand .slideshow .item .card .copy,html.tablet #brand .slideshow .item .card .copy{
    width:250%;
    left:-75%
}
#brand .slideshow .item .card .copy h2 a{
    text-decoration:none;
    color:#002846;
    padding-bottom:5px;
    border-bottom:1px solid #002846;
    display:inline-block;
    height:20px;
    margin-bottom:10px
}
#brand .slideshow .item .card:hover{
    opacity:.5
}
#brand .slideshow .item.slick-center .card{
    opacity:1
}
#brand .slideshow .item.slick-center .copy{
    -webkit-transition-delay:.3s;
    transition-delay:.3s;
    opacity:1
}
#brand .slideshow .item .img-holder{
    position:relative;
    width:100%
}
#brand .slideshow .item .img-holder:after{
    content:'';
    width:10px;
    height:10px;
    display:block;
    position:absolute;
    top:45%;
    right:-30%;
    background-image:url(../img/cross.png);
    background-size:contain
}
#brand .slideshow .item img{
    cursor:pointer;
    -webkit-border-radius:500px;
    border-radius:500px;
    position:relative;
    display:inline-block;
    width:100%
}
@media screen and (max-width:1024px){
    #brand .slideshow .item img{
        width:100%
    }
}
#brand .slideshow .item.slick-center img{
    cursor:default
}
#brand .next{
    display:none;
    left:auto;
    right:10%
}
@media screen and (max-width:667px){
    #brand .paragraph,#brand .signpost{
        display:inline-block;
        left:auto;
        top:auto
    }
    #brand{
        height:auto;
        font-size:.85em;
        padding-top:40px
    }
    #brand *{
        position:relative!important
    }
    #brand .signpost{
        width:40%;
        -webkit-transform:translate3d(12%,0,0)!important;
        transform:translate3d(12%,0,0)!important;
        margin-top:40px;
        margin-bottom:20px
    }
    #brand .text{
        top:auto
    }
    #brand .item .card{
        max-width:60%!important
    }
    #brand .item .card .copy{
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        padding-left:20px;
        padding-right:20px
    }
    #brand .paragraph{
        width:80%;
        clear:both;
        -webkit-transform:translate3d(0,0,0)!important;
        transform:translate3d(0,0,0)!important
    }
    #brand .paragraph h1{
        font-size:1em;
        margin-bottom:20px
    }
    #brand .slideshow{
        height:500px;
        top:auto;
        margin-top:20px;
        margin-bottom:50px;
        -webkit-transform:translate3d(0,0,0)!important;
        transform:translate3d(0,0,0)!important
    }
    #brand .slideshow .item .img-holder:after{
        display:none
    }
    #brand .slick-next,#brand .slick-prev{
        display:none!important
    }
    #brand .slick-dots{
        top:auto;
        bottom:20px;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
html.portrait.tablet #brand .item .card .copy{
    max-width:auto!important
}
html.portrait.tablet #brand .slick-dots{
    top:auto;
    bottom:-260px;
    pointer-events:none;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
#strategy h1,#strategy h2{
    position:relative;
    letter-spacing:.3em;
    top:40%
}
#strategy{
    height:200%;
    background-image:url(../img/outer_building.jpg);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
#strategy .building{
    position:relative;
    width:100%;
    display:block
}
#strategy h1,#strategy h2{
    padding:0;
    margin:0
}
#strategy h1{
    font-size:4em
}
#strategy h2{
    font-size:1.2em
}
#strategy .middle{
    top:0;
    position:absolute;
    width:100%;
    height:50%;
    text-align:center
}
@media screen and (max-width:667px){
    #strategy{
        background-image:url(../img/outer_building_mobile.jpg);
        min-height:initial!important;
        height:0;
        width:100%;
        padding-bottom:116%;
        background-size:100%;
        background-position:top;
        overflow:hidden;
        position:relative
    }
    #strategy h1{
        font-size:1.2em;
        letter-spacing:.1em
    }
    #strategy h2{
        font-size:.7em;
        letter-spacing:.1em;
        padding-left:20px;
        padding-right:20px
    }
    #strategy .middle{
        top:50%;
        -webkit-transform:translate3d(0,-50%,0);
        transform:translate3d(0,-50%,0)
    }
}
#strategy-workshop .page-center{
    position:relative;
    top:50%;
    -ms-transform:translate(0,-55%);
    -webkit-transform:translate3d(0,-55%,0);
    transform:translate3d(0,-55%,0)
}
#strategy-workshop .compass{
    position:absolute;
    height:30%;
    width:auto;
    left:50%;
    top:50%;
    -ms-transform:translate(-32%,-115%);
    -webkit-transform:translate3d(-32%,-115%,0);
    transform:translate3d(-32%,-115%,0)
}
#strategy-workshop .quote-holder{
    position:absolute;
    top:53%;
    left:25%;
    width:50%
}
#strategy-workshop blockquote{
    -webkit-transition:opacity .5s ease-in-out;
    transition:opacity .5s ease-in-out;
    font-family:Austin;
    font-style:italic;
    font-weight:400;
    display:inline-block;
    padding:0;
    margin:0;
    text-align:center;
    color:#888;
    font-size:1.8em;
    opacity:1;
    line-height:1.2em
}
#development h1,#development-slideshow .thumb h2,#mediaplatforms .thumb h2,#mediaplatforms h1,#socialmedia h1,#socialmedia-slideshow .thumb h2,#strategy-team h1{
    font-family:Medium
}
#strategy-workshop small{
    -webkit-transition:opacity .5s ease-in-out;
    transition:opacity .5s ease-in-out;
    text-align:center;
    color:#ce9f52;
    opacity:1
}
@media screen and (max-width:667px){
    #strategy-workshop .compass,#strategy-workshop small{
        display:inline-block;
        margin-top:40px;
        top:auto;
        width:auto;
        left:auto
    }
    #strategy-workshop{
        font-size:.85em;
        padding-bottom:40px
    }
    #strategy-workshop *{
        position:relative!important
    }
    #strategy-workshop .compass{
        height:180px;
        -webkit-transform:translate3d(16%,0,0);
        transform:translate3d(16%,0,0);
        margin-bottom:20px
    }
    #strategy-workshop .quote-holder{
        position:relative;
        top:auto;
        left:auto;
        width:auto
    }
    #strategy-workshop blockquote{
        font-size:1.4em;
        width:auto;
        padding-left:20px;
        padding-right:20px;
        top:auto;
        left:auto;
        display:inline-block;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    #strategy-workshop small{
        font-size:.75em;
        margin-bottom:0;
        padding-left:40px;
        padding-right:40px;
        -webkit-transform:translate3d(0,0,0)!important;
        transform:translate3d(0,0,0)!important;
        line-height:100%!important;
        text-align:center
    }
}
#strategy-team{
    text-align:center
}
#strategy-team:before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle;
    margin-right:-.25em
}
#strategy-team .team{
    position:relative;
    width:80%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    vertical-align:middle
}
#strategy-team .bookshelf-holder{
    width:50%;
    float:left;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
#strategy-team .bookshelf{
    width:auto;
    height:462px;
    min-width:100px;
    float:right;
    margin-right:40px
}
#strategy-team h1{
    margin-top:0;
    font-size:2em;
    letter-spacing:.2em;
    text-transform:uppercase;
    margin-bottom:0
}
#strategy-team .paragraph p{
    margin-bottom:40px;
    margin-top:10px
}
#strategy-team .paragraph{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    float:left;
    width:40%
}
#strategy-team .paragraph p:first-child{
    margin-top:0
}
html.tablet.landscape #strategy-team .paragraph{
    width:50%
}
html.tablet.portrait #strategy-team .bookshelf{
    width:220px
}
@media screen and (max-width:1400px){
    #strategy-team .bookshelf{
        height:550px
    }
}
@media screen and (max-width:992px){
    #strategy-team .bookshelf{
        height:400px
    }
}
@media screen and (max-width:667px){
    #strategy-team{
        padding-bottom:20px;
        font-size:.85em
    }
    #strategy-team *{
        position:relative!important
    }
    #strategy-team .team{
        top:0;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    #strategy-team .bookshelf-holder{
        left:0;
        float:none;
        width:100%;
        margin-top:40px;
        margin-bottom:20px
    }
    #strategy-team .bookshelf{
        width:150px;
        height:auto;
        margin-right:0;
        float:none
    }
    #strategy-team .paragraph,#strategy-team h1{
        left:auto;
        top:auto;
        width:100%;
        text-align:center
    }
    #strategy-team .paragraph{
        top:auto
    }
    #strategy-team .paragraph h1{
        font-size:1em
    }
}
#development,#socialmedia{
    height:70%;
    -webkit-perspective:1000
}
#development .top,#socialmedia .top{
    top:32%;
    position:absolute;
    width:40%;
    left:30%
}
html.tablet.portrait #development .top,html.tablet.portrait #socialmedia .top{
    width:50%;
    left:25%
}
#socialmedia{
    z-index:9
}
#development h1,#socialmedia h1{
    font-size:2em;
    letter-spacing:.2em;
    margin:0 0 20px;
    padding:0;
    line-height:110%;
    text-transform:uppercase
}
#development .next,#socialmedia .next{
    bottom:20px;
    z-index:100
}
@media screen and (max-width:667px){
    #development,#socialmedia{
        font-size:.85em;
        padding-bottom:50px;
        height:auto;
        padding-top:50px;
        min-height:initial!important
    }
    #development *,#socialmedia *{
        position:relative!important;
        left:auto;
        top:auto
    }
    #development .top,#socialmedia .top{
        position:relative;
        max-width:80%;
        width:80%;
        left:10%
    }
    #development h1,#socialmedia h1{
        font-size:1em
    }
    #development .intro,#socialmedia .intro{
        font-size:.85em
    }
}
#development-slideshow,#socialmedia-slideshow{
    overflow:visible;
    font-size:1.2em
}
#development-slideshow .popcorn,#socialmedia-slideshow .popcorn{
    height:35%;
    position:absolute;
    right:5%;
    top:-25px;
    -ms-transform:translate(90%,0);
    -webkit-transform:translate3d(90%,0,0);
    transform:translate3d(90%,0,0)
}
#development-slideshow .thumb,#socialmedia-slideshow .thumb{
    display:block;
    height:0;
    width:18%;
    padding-bottom:18%
}
html.ipad #development-slideshow .thumb,html.ipad #socialmedia-slideshow .thumb{
    width:22%;
    padding-bottom:22%
}

#development-slideshow .thumb h2,#socialmedia-slideshow .thumb h2{
    position:relative;
    display:block;
    margin-top:0;
    text-transform:uppercase;
    font-size:.75em;
    font-weight:400;
    letter-spacing:.1em;
    color:#e0dcd4
}
#development-slideshow .slideshow,#socialmedia-slideshow .slideshow{
    position:absolute;
    top:50%;
    height:55%;
    overflow:visible
}
#development-slideshow .slideshow h3,#socialmedia-slideshow .slideshow h3{
    color:#002846;
    position:absolute;
    margin-top:20%;
    text-transform:uppercase;
    -webkit-transition:opacity .5s ease;
    transition:opacity .5s ease;
    opacity:0;
    width:100%;
    font-family:Medium;
    letter-spacing:.1em
}
#development-slideshow .slideshow img,#socialmedia-slideshow .slideshow img{
    -webkit-transition:-webkit-transform .4s ease;
    transition:transform .4s ease
}
#development-slideshow .slideshow p,#socialmedia-slideshow .slideshow p{
    position:absolute;
    width:300%;
    left:-100%;
    bottom:50px;
    opacity:0;
    -webkit-transition:opacity .5s ease;
    transition:opacity .5s ease
}
#development-slideshow .slideshow .slick-list,#socialmedia-slideshow .slideshow .slick-list{
    overflow:visible;
    top:-20%
}
#development-slideshow .slideshow .card,#socialmedia-slideshow .slideshow .card{
    position:relative;
    max-width:80%
}
#development-slideshow .slideshow .card img,#socialmedia-slideshow .slideshow .card img{
    width:250%;
    margin-left:-75%;
    -ms-transform:scale(.4);
    -webkit-transform:scale(.4);
    transform:scale(.4);
    position:relative;
    cursor:pointer;
    display:block
}
#development-slideshow .slideshow .card .img-holder,#socialmedia-slideshow .slideshow .card .img-holder{
    cursor:pointer;
    position:relative;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
#development-slideshow .slideshow .card .img-holder:after,#socialmedia-slideshow .slideshow .card .img-holder:after{
    content:'';
    width:10px;
    height:10px;
    display:block;
    position:absolute;
    top:50%;
    right:-15%;
    background-image:url(../img/cross.png);
    background-size:contain;
    z-index:-1
}
#development-slideshow .item:last-child .img-holder:after,#development-slideshow .slideshow .slick-center .img-holder img:after,#socialmedia-slideshow .item:last-child .img-holder:after,#socialmedia-slideshow .slideshow .slick-center .img-holder img:after{
    display:none
}
#development-slideshow .slideshow .slick-center .img-holder img,#socialmedia-slideshow .slideshow .slick-center .img-holder img{
    pointer-events:none;
    -ms-transform:scale(1);
    -webkit-transform:translate3d(0,0,0) scale(1);
    transform:translate3d(0,0,0) scale(1)
}
#development-slideshow .slideshow .slick-center h3,#development-slideshow .slideshow .slick-center p,#socialmedia-slideshow .slideshow .slick-center h3,#socialmedia-slideshow .slideshow .slick-center p{
    opacity:1
}
#development-slideshow:not(.done) .slideshow,#socialmedia-slideshow:not(.done) .slideshow2{
    display:block;
    pointer-events:none
}
#development-slideshow:not(.done) .card img,#socialmedia-slideshow:not(.done) .card img{
    -ms-transform:scale(.4)!important;
    -webkit-transform:translate3d(0,0,0) scale(.4)!important;
    transform:translate3d(0,0,0) scale(.4)!important
}
#development-slideshow:not(.done) h3,#development-slideshow:not(.done) p,#socialmedia-slideshow:not(.done) h3,#socialmedia-slideshow:not(.done) p{
    display:none!important
}
#development-slideshow:not(.done) .slick-center img,#socialmedia-slideshow:not(.done) .slick-center img{
    pointer-events:none
}
html.tablet #development-slideshow .slick-center .img-holder img,html.tablet #socialmedia-slideshow .slick-center .img-holder img{
    pointer-events:none;
    -ms-transform:scale(.75);
    -webkit-transform:scale(.75)!important;
    transform:scale(.75)!important
}
html.tablet.portrait #development-slideshow .slideshow,html.tablet.portrait #socialmedia-slideshow .slideshow{
    height:450px
}
html.tablet.portrait #development-slideshow h3,html.tablet.portrait #socialmedia-slideshow2 h3{
    width:100%
}
html.tablet.portrait #development-slideshow p,html.tablet.portrait #socialmedia-slideshow2 p{
    width:200%;
    left:-50%;
    bottom:auto;
    top:80%
}
html.tablet.landscape #development-slideshow .slideshow .slick-list,html.tablet.landscape #socialmedia-slideshow .slideshow .slick-list{
    top:-55%
}
html.tablet.landscape #development-slideshow h3,html.tablet.landscape #socialmedia-slideshow h3{
    margin-top:40%;
    width:100%
}
html.tablet.landscape #development-slideshow p,html.tablet.landscape #socialmedia-slideshow p{
    width:200%;
    left:-50%;
    bottom:120px
}

@media screen and (max-width:667px){
    #development-slideshow,#socialmedia-slideshow{
        font-size:.85em!important;
        height:auto;
        padding-bottom:0
    }
    #development-slideshow .popcorn,#socialmedia-slideshow .popcorn{
        height:200px;
        -webkit-transform:translate3d(-15%,-80%,0);
        transform:translate3d(-15%,-80%,0)
    }
    #development-slideshow:not(.active) .slideshow,#socialmedia-slideshow:not(.active) .slideshow2{
        top:0;
        -webkit-transform:translate3d(0,0,0) scale(1);
        transform:translate3d(0,0,0) scale(1)
    }
    #development-slideshow:not(.active) h3,#development-slideshow:not(.active) p,#socialmedia-slideshow:not(.active) h3,#socialmedia-slideshow:not(.active) p{
        display:block!important
    }
    #development-slideshow:not(.active) .card img,#socialmedia-slideshow:not(.active) .card img{
        -webkit-transform:translate3d(0,0,0)!important;
        transform:translate3d(0,0,0)!important
    }
    #development-slideshow .slideshow,#socialmedia-slideshow .slideshow{
        position:relative!important;
        height:500px;
        display:block;
        padding-top:50px;
        margin-bottom:0;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
        overflow:hidden;
        pointer-events:auto!important
    }
    html.landscape #development-slideshow .slideshow,html.landscape #socialmedia-slideshow .slideshow{
        height:auto;
        padding-bottom:40px
    }
    #development-slideshow .slideshow .slick-dots,#socialmedia-slideshow .slideshow .slick-dots{
        bottom:0
    }
    #development-slideshow .slideshow h3,#socialmedia-slideshow .slideshow h3{
        margin-top:90px;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        width:100%
    }
    html.landscape #development-slideshow .slideshow h3,html.landscape #socialmedia-slideshow .slideshow h3{
        width:200%;
        position:absolute;
        margin-top:30%;
        -webkit-transform:translate3d(-25%,0,0);
        transform:translate3d(-25%,0,0)
    }
    #development-slideshow .slideshow .card .img-holder img, #socialmedia-slideshow .slideshow .card .img-holder img {
        margin-top: -90px;
    }
    #development-slideshow .slideshow p,#socialmedia-slideshow .slideshow p{
        top:90%;
        bottom:auto;
        width:80%;
        left:10%;
        display:inline-block!important
    }
    #development-slideshow .slideshow .card p:first-child, #socialmedia-slideshow .slideshow .card p:first-child {
        top: 77%;
    }
    html.landscape #development-slideshow .slideshow p,html.landscape #socialmedia-slideshow .slideshow p{
        width:200%;
        top:150%
    }
    #development-slideshow .card,#socialmedia-slideshow .card{
        max-width:none!important;
        text-align:center
    }
    #development-slideshow .card img,#socialmedia-slideshow .card img{
        width:100%!important;
        margin-left:0!important
    }
    #development-slideshow .card .img-holder,#socialmedia-slideshow .card .img-holder{
        top:40px
    }
    #development-slideshow .card .img-holder:after,#socialmedia-slideshow .card .img-holder:after{
        display:none!important
    }
    #development-slideshow .slideshow-gallery,#socialmedia-slideshow .slideshow-gallery{
        margin-bottom:0
    }
    #development-slideshow .slideshow-gallery .slick-list,#socialmedia-slideshow .slideshow-gallery .slick-list{
        height:250px
    }
    #development-slideshow .slideshow-gallery .item,#socialmedia-slideshow .slideshow-gallery .item{
        width:100%;
        position:relative
    }
    #development-slideshow .slideshow-gallery .item .slide,#socialmedia-slideshow .slideshow-gallery .item .slide{
        max-width:initial!important;
        width:100%;
        height:250px
    }
    #development-slideshow .slideshow-gallery .item .slide .img-holder,#socialmedia-slideshow .slideshow-gallery .item .slide .img-holder{
        width:100%;
        height:100%;
        position:relative;
        display:block;
        background-repeat:no-repeat;
        background-position:center;
        background-size:cover,10%;
        text-align:center;
        overflow:hidden
    }
    #development-slideshow .slideshow-gallery .item .slide .img-holder img,#socialmedia-slideshow .slideshow-gallery .item .slide .img-holder img{
        display:inline-block;
        width:auto;
        height:100%
    }
    #development-slideshow .slideshow-gallery .item .slide .copy,#socialmedia-slideshow .slideshow-gallery .item .slide .copy{
        display:none
    }
    #development-slideshow .slideshow-gallery .slick-dots,#socialmedia-slideshow .slideshow-gallery .slick-dots{
        position:relative;
        bottom:0
    }
    #development-slideshow .slideshow-gallery .slick-dots li button:before,#socialmedia-slideshow .slideshow-gallery .slick-dots li button:before{
        color:#FFF
    }
    #development-slideshow .slideshow-gallery .slick-dots.slick-active button:before,#socialmedia-slideshow .slideshow-gallery .slick-dots.slick-active button:before{
        color:#FFF;
        opacity:.75
    }
    #development-slideshow .imagetext,#socialmedia-slideshow .imagetext{
        font-size:.9em;
        display:inline-block;
        width:80%;
        padding-bottom:40px
    }
}
#mediaplatforms .lamp,#mediaplatforms .lamp .lamp-head{
    -webkit-transform:translate3d(0,0,0);
    -webkit-backface-visibility:hidden
}
#mediaplatforms{
    height:200%
}
#mediaplatforms h1{
    font-size:2em;
    letter-spacing:.2em;
    margin-bottom:20px
}
#mediaplatforms .intro{
    position:absolute;
    width:50%;
    left:25%;
    top:15%
}
#mediaplatforms .lamp{
    position:absolute;
    right:10px;
    height:45%;
    bottom:-5%;
    transform:translate3d(0,0,0);
    backface-visibility:hidden
}
#mediaplatforms .lamp .lamp-base{
    height:100%
}
#mediaplatforms .lamp .lamp-head{
    position:absolute;
    -webkit-transform-origin:top right;
    -ms-transform-origin:top right;
    transform-origin:top right;
    transform:translate3d(0,0,0);
    backface-visibility:hidden
}
#mediaplatforms .lamp .lamp-head svg{
    height:100%;
    width:auto;
    position:relative;
    top:0;
    right:0
}
#mediaplatforms .lamp .lamp-head svg #lighting.on,table[data-sortable] th[data-sorted=true] label:after{
    visibility:visible
}
#mediaplatforms .table{
    position:absolute;
    width:20%;
    bottom:-5%;
    left:5%;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
#mediaplatforms .bathroom,#mediaplatforms .kitchen,#mediaplatforms .livingroom{
    position:absolute
}
#mediaplatforms .thumb{
    bottom:5%;
    display:none;
    height:0;
    padding-bottom:18%;
    position:absolute;
    width:24%
}
html.ipad #mediaplatforms .thumb{
    width:22%;
    padding-bottom:22%
}
#mediaplatforms .thumb img{
    background:rgba(224,220,212,.1);
    position:relative;
    width:100%;
    -webkit-border-radius:100%;
    border-radius:100%;
    overflow:hidden;
    cursor:pointer;
    margin-left:0;
    margin-top:0
}
#mediaplatforms .thumb h2{
    position:relative;
    display:block;
    margin-top:0;
    text-transform:uppercase;
    font-size:.75em;
    font-weight:400;
    letter-spacing:.1em
}
#getstarted h1,#signup h1{
    letter-spacing:.2em;
    font-family:Medium
}
#mediaplatforms .highlight-0{
    bottom:20%;
    left:38%
}
html.ipad #mediaplatforms .highlight-0{
    left:20%
}
#mediaplatforms .highlight-1{
    left:54%;
    bottom:20%
}
html.ipad #mediaplatforms .highlight-1{
    left:55%
}
#mediaplatforms .highlight-2{
    left:50%;
    bottom:26%
}
#mediaplatforms .highlight-3{
    left:63%;
    bottom:15%
}
#mediaplatforms .next{
    bottom:54%
}
#mediaplatforms .next2{
    bottom:4%
}
#mediaplatforms.showthumbs .thumb{
    display:block
}
html.tablet.portrait #mediaplatforms .lamp{
    right:-15%;
    height:45%
}
html.tablet.portrait #mediaplatforms .table{
    width:40%;
    bottom:-5%;
    left:-12%
}
html.tablet.portrait #mediaplatforms .thumb{
    width:25%;
    padding-bottom:25%
}
html.tablet.portrait #mediaplatforms .highlight-2{
    left:50%;
    bottom:26%
}
html.tablet.portrait #mediaplatforms .highlight-3{
    left:68%;
    bottom:15%
}
@media screen and (max-width:667px){
    #mediaplatforms{
        height:auto;
        font-size:.85em;
        padding-bottom:40px
    }
    #mediaplatforms *{
        position:relative!important;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        left:auto;
        top:auto
    }
    #mediaplatforms .lamp,#mediaplatforms .lamp-head{
        position:absolute!important
    }
    #mediaplatforms h1{
        font-size:1em
    }
    #mediaplatforms .intro{
        margin-top:40px;
        font-size:.85em;
        width:80%!important;
        margin-left:0;
        left:auto;
        top:auto;
        display:inline-block;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        margin-bottom:40px
    }
    #mediaplatforms .lamp{
        width:150px;
        bottom:-120px;
        right:-50px;
        display:none
    }
    #mediaplatforms .table{
        display:none
    }
    #mediaplatforms .thumb{
        position:relative;
        display:inline-block;
        left:auto;
        bottom:auto;
        width:70%;
        height:250px;
        margin-top:20px
    }
    #mediaplatforms .slideshow{
        margin-bottom:0
    }
    #mediaplatforms .slideshow .slick-list{
        height:250px
    }
    #mediaplatforms .slideshow .item{
        width:100%;
        position:relative
    }
    #mediaplatforms .slideshow .item .card{
        max-width:initial!important;
        width:100%;
        height:250px
    }
    #mediaplatforms .slideshow .item .card .img-holder{
        width:100%;
        height:100%;
        position:relative;
        display:block;
        background-repeat:no-repeat;
        background-position:center;
        background-size:cover,10%;
        text-align:center;
        overflow:hidden
    }
    #mediaplatforms .slideshow .item .card .img-holder img{
        display:inline-block;
        width:auto;
        height:100%
    }
    #mediaplatforms .slideshow .item .card .copy{
        display:none
    }
    #mediaplatforms .slideshow .slick-dots{
        bottom:0
    }
    #mediaplatforms .slideshow .slick-dots li button:before{
        color:#FFF
    }
    #mediaplatforms .slideshow .slick-dots.slick-active button:before{
        color:#FFF;
        opacity:.75
    }
    #mediaplatforms .imagetext{
        font-size:.9em;
        display:inline-block;
        width:80%
    }
}
#signup table tbody tr.row td .ico:hover,.close:hover{
    opacity:.5
}
@-webkit-keyframes blink{
    0%,75%{
        visibility:hidden
    }
    100%,50%{
        visibility:visible
    }
}
@keyframes blink{
    0%,75%{
        visibility:hidden
    }
    100%,50%{
        visibility:visible
    }
}
#signup .titles{
    top:16%;
    left:50%;
    width:50%;
    margin-left:-25%;
    text-align:center;
    position:absolute
}
#signup h1{
    font-size:2.3em;
    margin:0 0 -12px;
    padding:0
}
#signup h2{
    margin:0;
    padding:0;
    font-size:.85em
}
#signup .table-holder{
    position:relative;
    width:60%;
    top:28%;
    left:50%;
    margin-left:-30%;
    height:auto
}
html.ie9 #signup .table-holder{
    height:50%;
    overflow:hidden;
    overflow-y:scroll
}
html.mobile #signup .table-holder{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    top:auto;
    left:auto;
    width:100%
}
#signup table{
    font-size:.8em;
    position:relative;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-collapse:collapse;
    background:-webkit-gradient(linear,left top,right top,from(rgba(213,208,197,0)),color-stop(#f2f2f2),to(rgba(213,208,197,0)));
    background:-webkit-linear-gradient(left,rgba(213,208,197,0),#f2f2f2,rgba(213,208,197,0));
    background:linear-gradient(to right,rgba(213,208,197,0),#f2f2f2,rgba(213,208,197,0))
}
#signup table thead{
    background:#fff;
    width:100%;
    position:relative;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
#signup table thead th{
    font-family:Medium;
    font-size:.65em;
    text-transform:uppercase;
    padding-bottom:20px
}
#signup table thead th:first-child{
    text-align:left
}
#signup table thead th:last-child{
    text-align:right
}
#signup table tbody tr,#signup table thead tr{
    position:relative;
    display:table;
    width:100%;
    table-layout:fixed;
    padding:0;
    margin:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align:left
}
#signup table tbody td,#signup table thead th{
    display:inline-block;
    display:table-cell;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:13.8%
}
#signup table tbody{
    height:250px;
    overflow:hidden;
    width:100%;
    display:block;
    position:relative;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
#signup table tbody tr.row{
    cursor:pointer;
    background:#fff;
    height:44px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.07);
    -moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.07)
}
#signup table tbody tr.row:hover{
    background:0 0
}
#signup table tbody tr.no-data{
    border:none
}
#signup table tbody tr.no-data:hover{
    background:#fff;
    cursor:auto
}
#signup table tbody tr.no-data:nth-child(-n+10){
    display:none
}
#signup table tbody tr.no-data:last-child(+n-10){
    display:block
}
#signup table tbody label{
    position:relative;
    display:inline-block;
    cursor:pointer
}
#signup table tbody tr.row td{
    height:44px;
    line-height:44px
}
#signup table tbody tr.row td:first-child{
    text-align:left
}
#signup table tbody tr.row td:last-child{
    text-align:right
}
#signup table tbody tr.row td .ico{
    display:inline-block;
    width:18px;
    height:18px;
    background-image:url(../img/floorplan-icon.png);
    background-size:contain;
    background-repeat:no-repeat;
    cursor:pointer;
    vertical-align:middle
}
html.tablet #signup table{
    top:53%
}
#signup .pages{
    float:left;
    margin-top:20px
}
#signup .pages .count{
    display:inline-block;
    vertical-align:top;
    height:30px;
    line-height:35px;
    width:60px;
    text-align:center
}
#signup .pages .bck,#signup .pages .fwd,#signup .pages span{
    width:30px;
    height:30px;
    line-height:35px;
    display:inline-block
}
#contact .form,#getstarted p,.terms_content p{
    text-align:left
}
#signup .pages .bck,#signup .pages .fwd{
    -webkit-border-radius:4px;
    border-radius:4px;
    cursor:pointer;
    background:url(../img/right.png) center no-repeat #d5d0c5;
    background-size:25%;
    -webkit-transition:opacity .15s ease-in-out;
    transition:opacity .15s ease-in-out
}
#signup .pages .bck.inactive,#signup .pages .fwd.inactive{
    cursor:default;
    opacity:.5
}
#signup .pages .bck{
    background-image:url(../img/left.png)
}
#signup .pages span{
    font-family:Medium;
    font-size:.85em;
    margin-right:10px;
    cursor:pointer;
    background:#d5d0c5;
    -webkit-border-radius:4px;
    border-radius:4px
}
#signup .pages span:last-child{
    margin-right:0
}
#signup .pages span.active{
    text-decoration:none;
    cursor:default;
    background:#002846;
    color:#e0dcd4
}
html.ie9 #signup .pages{
    display:none
}
#signup .mobile{
    display:none;
    width:80%
}
@media screen and (max-width:667px){
    #signup{
        font-size:.85em;
        padding-bottom:80px;
        padding-top:50px
    }
    #signup .pages{
        float:none
    }
    #signup *{
        left:auto;
        top:auto
    }
    #signup .table-holder,#signup .titles{
        left:0;
        margin-left:0
    }
    #signup .titles{
        top:0;
        width:auto;
        position:relative
    }
    #signup h1{
        font-size:1em;
        margin-bottom:0
    }
    #signup table{
        position:relative;
        display:inline-block;
        width:80%;
        top:auto;
        left:auto;
        font-size:.65em;
        margin-top:40px
    }
    #signup table tbody td,#signup table thead th{
        width:65%!important
    }
    #signup table tbody td:nth-child(1),#signup table tbody td:nth-child(3),#signup table tbody td:nth-child(4),#signup table tbody td:nth-child(5),#signup table thead th:nth-child(1),#signup table thead th:nth-child(3),#signup table thead th:nth-child(4),#signup table thead th:nth-child(5){
        display:block
    }
    #signup table tbody td:nth-child(6),#signup table thead th:nth-child(6){
        text-align:center
    }
    #signup table tbody tr.row td{
        padding-top:0;
        padding-bottom:0
    }
}
table[data-sortable]{
    border-collapse:collapse;
    border-spacing:0
}
table[data-sortable] th:not([data-sortable=false]){
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none
}
table[data-sortable] th label{
    position:relative;
    display:inline-block;
    cursor:pointer
}
table[data-sortable] th label:after{
    content:"";
    visibility:hidden;
    display:block;
    vertical-align:inherit;
    position:absolute;
    right:-15px;
    height:0;
    width:0;
    top:-2px;
    border-width:5px;
    border-style:solid;
    border-color:transparent;
    margin-right:1px;
    margin-left:10px
}
table[data-sortable] th[data-sorted-direction=descending] label:after{
    border-top-color:inherit;
    top:2px
}
table[data-sortable] th[data-sorted-direction=ascending] label:after{
    border-bottom-color:inherit
}
#getstarted h1{
    font-size:4em;
    position:absolute;
    color:#fff;
    top:20%;
    width:100%;
    text-align:center;
    -ms-transform:translate(0,-50%);
    -webkit-transform:translate3d(0,-50%,0);
    transform:translate3d(0,-50%,0)
}
#getstarted p{
    position:absolute;
    width:60%;
    left:20%;
    top:40%;
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
    -webkit-column-gap:40px;
    -moz-column-gap:40px;
    column-gap:40px
}
#getstarted .computer{
    position:absolute;
    height:auto;
    bottom:0;
    right:20px;
    z-index:-1
}
html.tablet.portrait #getstarted .computer{
    height:auto;
    width:51.5%
}
@media screen and (max-width:667px){
    #getstarted h1,#getstarted p{
        position:relative!important;
        left:0
    }
    #getstarted{
        height:auto;
        padding-top:50px;
        padding-bottom:200px
    }
    #getstarted h1{
        font-size:1em;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    #getstarted p{
        width:80%;
        -webkit-column-count:1;
        -moz-column-count:1;
        column-count:1;
        -webkit-column-gap:0;
        -moz-column-gap:0;
        column-gap:0;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        font-size:.85em;
        display:inline-block
    }
    #getstarted .computer{
        height:25%
    }
}
#footer-section,#terms_overlay{
    position:fixed;
    top:0;
    bottom:0;
    background:0 0;
    left:0;
    right:0;
    height:100%;
    width:auto;
    margin-left:0;
    pointer-events:none;
    -webkit-transition:background .3s ease-out;
    transition:background .3s ease-out;
    -webkit-transition-delay:.5s;
    transition-delay:.5s;
    z-index:200;
    color:#002846;
    visibility:hidden
}
#footer-section .footer-panel,.terms_body{
    min-height:120%;
    width:100%;
    z-index:3;
    background:#f1edec;
    height:auto;
    position:relative;
    -webkit-transition:top .5s ease-in-out;
    transition:top .5s ease-in-out;
    top:100%
}
#terms_overlay.active,html.overlay #footer-section{
    pointer-events:auto;
    background:rgba(0,0,0,.8);
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
    visibility:visible
}
.terms_content{
    width:860px;
    margin:0 auto;
    padding:30px 15px;
    box-sizing:border-box
}
#footer-section .footer-panel h1{
    text-transform:uppercase;
    padding-top:40px;
    margin:0;
    font-size:1.5em;
    letter-spacing:.25em;
    font-family:Medium
}
#footer-section #team h1{
    font-size:1.76em
}
#footer-section .footer-panel hr{
    max-width:60%;
    border:0;
    margin-bottom:40px;
    clear:both
}
#footer-section .footer-panel .text{
    display:inline-block;
    max-width:60%
}
#footer-section .footer-panel .text hr{
    max-width:100%
}
#footer-section section{
    display:none
}
#footer-section.contact #contact,#footer-section.journey #journey,#footer-section.legal #legal,#footer-section.press #press{
    display:block
}
html.overlay body{
    visibility:visible
}
html.overlay #footer-section{
    -webkit-transition-delay:0s;
    transition-delay:0s
}
#ppa{
    -webkit-transition-delay:.15s;
    transition-delay:.15s
}
#ppa.active{
    display:block!important;
    -webkit-transition-delay:.15s;
    transition-delay:.15s
}
#terms_overlay.active{
    -webkit-transition-delay:0s;
    transition-delay:0s;
    display:block
}
#footer-section.test #terms_overlay.active .terms_body,html.overlay #footer-section .footer-panel{
    -webkit-transition-delay:.15s;
    transition-delay:.15s;
    top:0
}
.close,.close_term{
    display:block;
    background-image:url(../img/close-dark.png);
    background-size:100%;
    background-repeat:no-repeat;
    position:absolute;
    top:20px;
    right:20px;
    width:30px;
    height:30px;
    cursor:pointer
}
.close.white{
    background-image:url(../img/close.png)
}
#contact address{
    font-style:normal;
    font-size:1.1em;
    line-height:100%
}
#contact address p{
    margin:0;
    padding:0
}
#contact .center{
    width:100%
}
#contact .address{
    width:70%;
    display:inline-block;
    text-align:left;
    border-top:1px solid #CCC;
    padding-top:20px
}
#contact .column{
    width:50%;
    float:left;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin-top:20px;
    padding-right:0
}
#contact .column:first-child{
    padding-left:0;
    padding-right:20px
}
#contact .column:last-child{
    padding-right:0
}
body.submitted #contact .column{
    display:none!important
}
#contact .thankyou{
    display:none;
    font-size:1.5em;
    margin-bottom:50px;
    width:50%;
    line-height:100%
}
#contact .thankyou .message{
    line-height:140%
}
body.submitted #contact .thankyou{
    display:block
}
#contact .submit{
    float:right;
    font-family:Medium;
    color:#ee3233;
    text-transform:none
}
#contact .form{
    position:relative;
    display:inline-block;
    width:70%;
    font-size:1.2em;
    line-height:1.5em
}
html.desktop #contact .tel{
    text-decoration:none
}
#contact form{
    font-size:.65em
}
#contact form input,#contact form textarea{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    width:100%;
    height:55px;
    font-size:19px;
    background:0 0;
    color:rgba(0,40,70,.4);
    padding-left:20px;
    padding-right:20px;
    border:0;
    -webkit-border-radius:0;
    border-radius:0;
    outline:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-family:Light
}
#contact form .populated input,#contact form .populated textarea{
    color:#002846
}
#contact form .floatlabel{
    background:rgba(255,255,255,.5);
    margin-bottom:10px
}
#contact form textarea{
    padding-top:20px;
    height:120px;
    resize:none;
    line-height:140%
}
#contact form .appointment{
    padding-top:20px;
    padding-bottom:20px;
    position:relative
}
#contact form .appointment input,#contact form .appointment label.checkbox{
    top:20px;
    background:rgba(255,255,255,.25);
    padding:0;
    right:0;
    cursor:pointer
}
#contact form .appointment label{
    display:block;
    width:50%;
    line-height:140%
}
#contact form .appointment input:checked+label.checkbox:after,#contact form .appointment input:checked:after{
    content:"✔";
    position:absolute;
    font-size:1.5em;
    text-align:center;
    line-height:45px;
    color:#002846
}
#contact form .appointment input{
    position:absolute;
    -webkit-appearance:none;
    width:40px;
    height:40px;
    display:inline-block;
    display:none;
    outline:0
}
#contact form .appointment input:checked:after{
    width:100%;
    height:100%
}
#contact form .appointment label.checkbox{
    position:absolute;
    width:40px;
    height:40px;
    display:inline-block
}
#contact form .appointment input:checked+label.checkbox:after{
    width:100%;
    height:100%
}
#legal .text,#team small{
    text-align:left
}
#contact form .floatlabel-select label,#contact form select{
    background:0 0;
    border:none;
    width:100%;
    height:50px;
    margin-bottom:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    outline:0;
    border-bottom:1px solid rgba(0,40,70,.25);
    -webkit-border-radius:0;
    border-radius:0;
    -webkit-appearance:none;
    cursor:pointer
}
#skrollr-body #contact{
    display:none
}
@media screen and (max-width:667px){
    #contact .address,#contact .form{
        border:0
    }
    #contact .form{
        width:80%
    }
    #contact .center{
        position:relative;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
    #skrollr-body #contact{
        display:block;
        position:relative;
        top:auto;
        height:auto;
        background:#e0dcd4;
        font-size:.85em;
        padding-bottom:40px;
        color:#002846;
        padding-top:40px;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    #skrollr-body #contact .form .column{
        width:100%;
        float:none;
        padding:0
    }
    #skrollr-body #contact .form .column input{
        padding:10px
    }
    #skrollr-body #contact .form .column .floatlabel label{
        left:10px
    }
    #skrollr-body #contact .form .mobile-hide{
        display:none!important
    }
    #skrollr-body #contact .form .floatlabel-select .value{
        z-index:0
    }
    #skrollr-body #contact .form .floatlabel-select ul{
        -webkit-transform:translate3d(0,-50%,0);
        transform:translate3d(0,-50%,0)
    }
    #skrollr-body #contact .form .floatlabel-select.open ul{
        -webkit-transform:translate3d(10%,-50%,0);
        transform:translate3d(10%,-50%,0)
    }
    #skrollr-body #contact .thankyou{
        width:auto
    }
    #skrollr-body #contact h1{
        margin-top:0;
        padding-top:0;
        text-transform:uppercase;
        font-size:1em;
        letter-spacing:.25em;
        font-family:Medium
    }
    #skrollr-body #contact .address{
        position:relative;
        font-size:.85em;
        width:auto;
        left:auto;
        margin-left:0;
        padding-left:40px;
        padding-right:40px;
        font-family:Light
    }
    #skrollr-body #contact .address address{
        line-height:140%!important
    }
    #skrollr-body #contact hr{
        display:none
    }
}
#team h2{
    text-transform:uppercase
}
#team .text h2{
    font-size:.65em;
    font-family:Medium;
    margin-bottom:20px
}
#team .text .column{
    width:50%;
    float:left;
    padding-bottom:40px
}
#team .text .column img{
    width:50%
}
#team small{
    display:block;
    font-size:.65em;
    line-height:1em;
    text-align:justify;
    margin-bottom:50px
}
#team small img{
    width:50px!important;
    float:right;
    margin-bottom:150px;
    margin-left:20px
}
#gallery{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:500;
    pointer-events:none;
    visibility:hidden
}
#gallery .slideshow{
    position:absolute;
    top:15%;
    height:60%;
    left:20px;
    right:20px;
    padding:0;
    width:auto;
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .3s ease-in-out;
    transition:opacity .3s ease-in-out
}
html.tablet.portrait #gallery .slideshow{
    height:30%
}
#gallery .cover{
    position:absolute;
    -webkit-transition:background .3s ease-in-out;
    transition:background .3s ease-in-out;
    background:rgba(0,40,70,0);
    width:100%;
    height:100%
}
#gallery h1{
    margin:0;
    position:relative;
    top:40px;
    color:#002846;
    font-size:1.5em;
    letter-spacing:.25em
}
#gallery .item h2,#gallery .item h3{
    font-size:.85em;
    font-family:Medium;
    color:#002846
}
#gallery .bg{
    position:absolute;
    background:#fff;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    opacity:0;
    -ms-transform:scale(.8);
    -webkit-transform:scale(.8);
    transform:scale(.8);
    overflow:hidden;
    top:10%;
    left:10%;
    right:10%;
    bottom:10%
}
#gallery .item,#gallery .slick-list{
    overflow:visible;
    height:100%
}
#gallery .slick-track{
    height:100%
}
#gallery .loading{
    position:absolute;
    width:200px;
    text-align:center;
    left:50%;
    top:50%;
    margin-left:-100px
}
#gallery.show .slideshow{
    visibility:visible;
    opacity:1
}
#gallery.show .loading{
    display:none
}
#gallery .item{
    position:relative
}
#gallery .item h1,#gallery .item h2,#gallery .item h3{
    text-transform:uppercase;
    margin:0
}
#gallery .item img{
    display:block;
    top:0;
    width:auto;
    height:100%;
    margin-bottom:0;
    background:url(../img/noimage.png) center no-repeat;
    background-color:rgba(0,0,0,.1);
    background-size:30px
}
#gallery .item h2{
    text-align:left;
    top:-25px;
    left:0;
    width:100%;
    height:30px;
    position:absolute;
    display:block;
    letter-spacing:0
}
#gallery .item h3{
    margin-bottom:20px
}
#gallery .item .pinch-zoom-container{
    height:100%
}
#gallery .item .text{
    text-align:left;
    position:absolute;
    bottom:-7px;
    width:200px
}
#gallery .slick-next,#gallery .slick-prev{
    width:50px;
    height:50px;
    position:absolute;
    top:auto;
    left:0;
    bottom:-80px;
    line-height:50px;
    background-image:url(../img/left.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    opacity:.3
}
#gallery .slick-next:hover,#gallery .slick-prev:hover{
    opacity:.5
}
#gallery .slick-next:before,#gallery .slick-prev:before{
    content:'';
    display:none
}
#gallery .slick-next{
    left:auto;
    right:0;
    background-image:url(../img/right.png)
}
@media screen and (max-width:667px){
    #gallery .item .pinch-zoom-container,#gallery .slideshow{
        height:300px
    }
    #gallery{
        font-size:.75em
    }
    #gallery .title{
        width:320px
    }
    #gallery .item{
        min-height:300px
    }
    #gallery .item .text{
        display:none
    }
}
#gallery .image-holder{
    position:relative;
    display:block;
    float:left;
    height:100%;
    width:auto
}
#gallery .go-fullscreen{
    position:absolute;
    top:0;
    right:0;
    width:50px;
    height:50px;
    background-image:url(../img/expand.svg);
    background-repeat:no-repeat;
    background-size:35%;
    opacity:.5;
    background-position:center;
    cursor:pointer
}
#gallery .go-fullscreen:hover{
    opacity:1
}
#gallery .fullscreen{
    display:none;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#000
}
#gallery .fullscreen .image{
    position:absolute;
    top:50%;
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0);
    max-width:95%;
    max-height:95%;
    cursor:pointer
}
#gallery.showFullscreen .fullscreen{
    display:block
}
#gallery.showFullscreen .toplogo{
    background-image:url(../img/logo-small.png)
}
@media screen and (min-width:993px){
    #gallery .slick-track{
        width:800px!important;
        left:50%;
        margin-left:-400px
    }
    #gallery .item{
        width:100%!important
    }
    #gallery .item .text{
        width:505px;
        font-size:1.3em
    }
}
@media screen and (min-width:768px){
    #gallery .company-logo{
        position:absolute;
        left:50%;
        bottom:-90px;
        margin-left:-110px
    }
    #gallery #residence-3 .company-logo{
        background:url(../img/p3tography_logo.png) no-repeat;
        width:220px;
        height:45px;
        background-size:100% auto
    }
    #gallery #residence-4 .company-logo{
        background:url(../img/fit-ft_logo.png) no-repeat;
        width:220px;
        height:45px;
        background-size:100% auto
    }
}
@media screen and (max-width:767px){
    #gallery .slick-track{
        width:100%!important;
        -webkit-transform:translate3d(0,0,0)!important;
        -moz-transform:translate3d(0,0,0)!important;
        transform:translate3d(0,0,0)!important
    }
    #gallery .image-holder{
        display:block;
        float:none;
        height:100%;
        margin:0 auto;
        position:relative
    }
    #gallery .item .text{
        left:0!important;
        position:relative;
        width:100%
    }
}
body.gallery #gallery{
    visibility:visible;
    pointer-events:auto
}
body.gallery #gallery .cover{
    background:rgba(0,40,70,.8)
}
body.gallery #gallery .bg{
    opacity:1;
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1)
}
#floorplan .cover,#floorplan .pdf{
    -webkit-transform:translate3d(0,0,0)
}
#floorplan{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:500;
    pointer-events:none;
    overflow:hidden;
    visibility:hidden
}
#floorplan .cover{
    position:absolute;
    -webkit-transition:background .3s ease-in-out;
    transition:background .3s ease-in-out;
    background:rgba(0,40,70,0);
    width:100%;
    height:100%;
    transform:translate3d(0,0,0);
    overflow:hidden
}
#floorplan h1,#floorplan h2{
    margin:0;
    color:#002846;
    font-size:1.5em;
    letter-spacing:.25em
}
#floorplan .pdf,#floorplan h1{
    font-size:.75em;
    font-family:Medium;
    text-transform:uppercase
}
#floorplan .bg{
    position:absolute;
    background:#e0dcd4;
    -webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
    transition:opacity .3s ease-in-out,transform .3s ease-in-out;
    opacity:0;
    -webkit-transform:scale(.8);
    -ms-transform:scale(.8);
    transform:scale(.8);
    overflow:hidden;
    top:10px;
    left:10px;
    right:10px;
    bottom:10px
}
#team .top-logo,.video .play_but{
    -webkit-transition:all .3s ease-out 0s
}
#floorplan .imageholder{
    position:absolute;
    width:45%;
    height:80%;
    top:10%;
    left:5%;
    text-align:left
}
#floorplan .imageholder img{
    width:auto;
    height:100%
}
#floorplan .imageholder .pinch-zoom-container{
    height:100%
}
#floorplan .thumb{
    display:block;
    margin-top:40px
}
#floorplan .pdf{
    text-align:center;
    transform:translate3d(0,0,0);
    text-decoration:none;
    letter-spacing:.25em;
    color:#002846
}
#floorplan .pdf img{
    width:40%;
    display:inline-block;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
#floorplan .right{
    position:absolute;
    width:50%;
    height:100%;
    top:0;
    left:50%;
    background-size:contain;
    background-repeat:no-repeat;
    display:none
}
#floorplan .right .center,#floorplan .right:before{
    display:inline-block;
    vertical-align:middle
}
#floorplan .right:before{
    content:'';
    height:100%;
    margin-right:-.25em
}
#floorplan .right.show{
    display:block
}
@media screen and (max-width:667px){
    #floorplan{
        font-size:.85em
    }
    #floorplan .imageholder{
        position:relative;
        display:inline-block;
        width:100%;
        height:350px;
        top:auto;
        left:auto;
        padding:40px;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        background-size:contain;
        background-repeat:no-repeat
    }
    html.landscape #floorplan .imageholder{
        max-height:100%;
        max-width:100%
    }
    html.landscape #floorplan .imageholder img{
        width:auto;
        height:auto;
        max-height:100%;
        max-width:100%;
        position:relative
    }
    #floorplan .center,#floorplan .right{
        position:relative;
        width:auto;
        top:auto;
        left:auto;
        height:auto;
        padding:0 20px 20px;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    #floorplan .right{
        text-align:left
    }
    #floorplan .thumb{
        text-align:center
    }
    #floorplan .pdf{
        width:100%;
        text-align:left
    }
    #floorplan .pdf img{
        width:50%;
        display:inline-block
    }
    body.floorplan #floorplan .bg{
        overflow-x:hidden;
        overflow-y:scroll;
        -webkit-overflow-scrolling:touch
    }
}
body.floorplan #floorplan{
    visibility:visible;
    pointer-events:auto
}
body.floorplan #floorplan .cover{
    background:#002846
}
body.floorplan #floorplan .bg{
    opacity:1;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.middle-div{
    width:1170px;
    margin:0 auto
}
#partner-program{
    margin:30px 0
}
#partner-program .slick-list{
    border:8px solid #f9f8f7
}
#partner-program .item{
    position:relative
}
#partner-program .item .slide_text{
    width:40%;
    text-align:left;
    position:absolute;
    top:15%;
    left:4%;
    z-index:99
}
#partner-program .item img{
    margin-bottom:0;
    vertical-align:top
}
#partner-program .item .slide_text h3{
    font-size:28px;
    font-weight:600;
    color:#2c3e52
}
#partner-program .item .slide_text p{
    font-size:18px;
    line-height:24px;
    font-weight:400
}
#partner-program .slick-next::before,#partner-program .slick-prev::before{
    color:#2c3e52
}
.media-block{
    width:28%;
    padding:2%;
    min-height:217px;
    float:left;
    margin-right:2%;
    color:#fff;
    line-height:20px;
    position:relative
}
.media-block.video-trainings{
    width:32%;
    padding:0;
    margin-right:0
}
.media-block:after,.media-block:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
.media-block:after{
    box-shadow:inset 8px 8px 0 rgba(0,0,0,.08)
}
.media-block:before{
    box-shadow:inset -8px -8px 0 rgba(0,0,0,.08)
}
.program-block .testimonial{
    background:#3bc168
}
.program-block .partner-resources{
    background:#35a2c9
}
.program-block .video-trainings{
    background:#fff
}
.program-block .media-left{
    width:40%;
    float:left;
    position:relative;
    z-index:99
}
.program-block .media-right{
    width:55%;
    float:left;
    text-align:left;
    position:relative;
    z-index:99;
    margin-left:15px
}
.program-block .media-right p{
    margin:0
}
.testimonial-thum{
    border:3px solid #fff;
    display:inline-block;
    width:97px;
    height:97px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    overflow:hidden
}
.media-block .name{
    margin:0;
    font-size:16px;
    font-weight:600;
    text-transform:uppercase
}
.media-block .position{
    font-size:12px
}
.video{
    position:relative
}
.video .play_but{
    background:url(../img/video-play-icon.png) no-repeat;
    width:78px;
    height:78px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-39px;
    margin-top:-39px;
    font-size:0;
    z-index:99;
    -ms-transform:all .3s ease-out 0s;
    transition:all .3s ease-out 0s
}
.video .play_but:hover{
    -webkit-transform:scale(.8);
    -ms-transform:scale(.8);
    transform:scale(.8)
}
.video img{
    vertical-align:top;
    width:100%;
    max-width:100%;
    height:auto
}
.media-block.video-trainings::after,.media-block.video-trainings::before{
    z-index:9
}
.row input[type=checkbox].css-checkbox{
    position:absolute;
    z-index:-1000;
    left:-1000px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0
}
.row input[type=checkbox].css-checkbox+label.css-label{
    padding-left:25px;
    height:25px;
    display:inline-block;
    line-height:25px;
    background-repeat:no-repeat;
    background-position:0 0;
    font-size:30px;
    vertical-align:middle;
    cursor:pointer
}
.link-portal,.payment_but{
    line-height:1.5em;
    font-weight:500;
    display:inline-block
}
.row input[type=checkbox].css-checkbox:checked+label.css-label{
    background-position:0 -25px
}
.row label.css-label{
    background-image:url(../img/checkbox-icon.png);
    -ms-user-select:none;
    user-select:none
}
#footer-section.journey .footer-panel{
    background:#a4d7f6
}
#journey .journey-img{
    height:auto;
    width:30%
}
#journey .quote-holder{
    width:100%;
    margin-top:30px
}
.link-portal{
    color:#002846;
    text-decoration:none;
    padding:2px 10px;
    cursor:pointer
}
.link-portal:focus{
    outline:0
}
#journey .apply-sec{
    display:inline-block;
    width:100%;
    text-align:center;
    margin-top:10px
}
#journey .apply-but{
    background:#002846;
    display:inline-block;
    text-decoration:none;
    padding:5px 15px;
    font-size:16px;
    color:#fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    cursor:pointer
}
.body-white{
    background:#fff
}
.but-sec{
    float:right;
    margin-top:20px;
    margin-left:15px
}
.payment_but{
    font-family:Medium;
    color:#002846;
    font-size:.8em;
    padding:2px 0;
    text-decoration:underline!important
}
#team .team-block .copy h2 a,.price_comparision>a,html.desktop #team .tel,html.desktop #test .tel{
    text-decoration:none
}
.partner-portal-form{
    width:80%;
    margin:40px auto 0;
    display:inline-block
}
.partner-portal-form .form-group{
    float:left;
    margin:0 1%;
    width:43%
}
.partner-portal-form .form-group.button-group{
    width:10%;
    margin:0
}
.link-portal,.partner-portal-form .form-group input{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    width:100%;
    height:50px;
    font-size:19px;
    background:rgba(255,255,255,.7);
    color:rgba(0,40,70,.8);
    padding-left:20px;
    padding-right:20px;
    border:0;
    -webkit-border-radius:0;
    border-radius:0;
    outline:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-family:Light
}
@media screen and (max-width:600px){
    .partner-portal-form{
        width:100%
    }
    .partner-portal-form .form-group{
        margin:8px 0;
        width:100%
    }
    /*#footer {
        height: 60px;
        line-height: 30px;
    }
    #footer a {
        height: 30px;
        line-height: 30px;
    }*/
}
@media screen and (max-width:992px){
    #footer-section .footer-panel #journey .text{
        max-width:80%
    }
    #journey .journey-img{
        width:40%
    }
}
@media screen and (max-width:667px){
    #journey{
        font-size:.85em;
        padding-bottom:40px
    }
    #journey *{
        position:relative!important
    }
    #journey .journey-img{
        display:inline-block;
        height:180px;
        top:auto;
        -webkit-transform:translate3d(16%,0,0);
        transform:translate3d(16%,0,0);
        margin-top:40px;
        margin-bottom:20px;
        width:auto;
        left:auto
    }
    #journey .quote-holder{
        position:relative;
        top:auto;
        left:auto;
        width:auto
    }
}
@media screen and (max-width:1450px){
    #development .intro>br,#socialmedia .intro>br{
        display:none
    }
    #about .ground{
        height:40%
    }
    #about .building{
        left:45%
    }
    #about .paragraph{
        width:20%
    }
}
@media screen and (max-width:1200px){
    #getstarted .computer{
        width:400px
    }
    #development .intro br,#mediaplatforms .intro br,#socialmedia .intro br{
        display:none
    }
    #about .building{
        left:35%
    }
    #about .paragraph{
        width:28%
    }
}
@media screen and (max-width:992px){
    #getstarted .computer{
        width:300px;
        bottom:10%
    }
}
@media screen and (max-width:992px) and (min-width:767px){
    html.portrait #about .building{
        left:30%
    }
    #strategy-team .paragraph{
        width:50%
    }
    #gallery .bg{
        bottom:10px;
        left:10px;
        right:10px;
        top:10px
    }
    #development .top,#socialmedia .top{
        left:20%;
        width:60%
    }
    #development-slideshow .slideshow .slick-list,#socialmedia-slideshow .slideshow .slick-list{
        top:0;
        -webkit-transition:all .3s ease-out 0s;
        -ms-transform:all .3s ease-out 0s;
        transition:all .3s ease-out 0s
    }
    #development-slideshow .slideshow p,#socialmedia-slideshow .slideshow p{
        bottom:inherit;
        top:72%
    }
    #development-slideshow.active .slideshow .slick-list,#socialmedia-slideshow.active .slideshow .slick-list{
        top:-20%
    }
    #signup .titles{
        margin-left:-35%;
        width:70%
    }
    #signup h1{
        font-size:1.9em
    }
    #gallery .slick-track{
        left:50%;
        margin-left:-45%;
        width:90%!important
    }
    #gallery .item{
        width:100%!important
    }
    #gallery .image-holder{
        width:48%!important
    }
    #gallery .item img{
        height:auto;
        width:100%
    }
    #gallery .item .text{
        width:50%;
        left:50%!important;
        bottom:auto;
        top:0
    }
}
@media screen and (max-width:767px){
    #getstarted{
        padding-bottom:0;
        padding-top:30px
    }
    #getstarted .computer{
        width:70%;
        max-width:100%;
        position:relative;
        bottom:0;
        right:0;
        margin:0 auto;
        height:auto;
        vertical-align:top
    }
    #gallery .bg{
        bottom:10px;
        left:10px;
        right:10px;
        top:10px
    }
    #footer{
        display:block;
        background:rgba(255,255,255,.7);
        z-index:9
    }
    #footer a{
        font-size:15px;
        margin-right:15px
    }
    #contact .column{
        width:100%;
        padding-right:0
    }
    #journey .journey-img{
        margin-right:18%
    }
    #journey .quote-holder blockquote{
        margin:30px 0
    }
    .partner-portal-form .form-group.button-group{
        width:20%
    }
}
#footer-section.test #test{
    display:block
}
#footer-section .review .form{
    margin-top:2%
}
#test address{
    font-style:normal;
    font-size:1.1em;
    line-height:100%
}
#test address p{
    margin:0;
    padding:0
}
#test .center{
    width:100%
}
#test .address{
    width:70%;
    display:inline-block;
    text-align:left;
    border-top:1px solid #CCC;
    padding-top:20px
}
#test .column{
    width:50%;
    float:left;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin-top:20px;
    padding-right:20px
}
#test .column:first-child{
    padding-left:0;
    padding-right:20px
}
#test .column:last-child{
    padding-right:0
}
body.submitted #test .column{
    display:none!important
}
#test .thankyou{
    display:none;
    font-size:1.5em;
    margin-bottom:50px;
    width:50%;
    line-height:100%
}
#test .thankyou .message{
    line-height:140%
}
body.submitted #test .thankyou{
    display:block
}
#test .submit{
    float:right;
    font-family:Medium;
    color:#ee3233;
    text-transform:none
}
#test .form{
    position:relative;
    display:inline-block;
    width:70%;
    text-align:left;
    font-size:1.2em;
    line-height:1.5em
}
#test form{
    font-size:.65em
}
#test form input,#test form textarea{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    width:100%;
    height:55px;
    font-size:19px;
    background:0 0;
    color:rgba(0,40,70,.4);
    padding-left:20px;
    padding-right:20px;
    border:0;
    -webkit-border-radius:0;
    border-radius:0;
    outline:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-family:Light
}
#test form .populated input,#test form .populated textarea{
    color:#002846
}
#test form .floatlabel{
    background:rgba(255,255,255,.5);
    margin-bottom:10px
}
.review form .floatlabel-half{
    width:49%;
    float:left
}
.review form .floatlabel-half.half-last{
    margin-left:2%
}
.clr{
    float:none;
    font-size:0;
    height:0
}
#test form textarea{
    padding-top:20px;
    height:120px;
    resize:none;
    line-height:140%
}
#test form .appointment{
    padding-top:20px;
    padding-bottom:20px;
    position:relative
}
#test form .appointment input,#test form .appointment label.checkbox{
    top:20px;
    right:0;
    background:rgba(255,255,255,.25);
    padding:0;
    cursor:pointer
}
#test form .appointment label{
    display:block;
    width:50%;
    line-height:140%
}
#test form .appointment input:checked+label.checkbox:after,#test form .appointment input:checked:after{
    content:"✔";
    color:#002846;
    font-size:1.5em;
    line-height:45px;
    text-align:center;
    position:absolute
}
#test form .appointment input{
    position:absolute;
    -webkit-appearance:none;
    width:40px;
    height:40px;
    display:inline-block;
    display:none;
    outline:0
}
#test form .appointment input:checked:after{
    width:100%;
    height:100%
}
#test form .appointment label.checkbox{
    position:absolute;
    width:40px;
    height:40px;
    display:inline-block
}
#test form .appointment input:checked+label.checkbox:after{
    width:100%;
    height:100%
}
#test form .floatlabel-select label,#test form select{
    background:0 0;
    border:none;
    width:100%;
    height:50px;
    margin-bottom:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    outline:0;
    border-bottom:1px solid rgba(0,40,70,.25);
    -webkit-border-radius:0;
    border-radius:0;
    -webkit-appearance:none;
    cursor:pointer
}
#test .column-full{
    width:100%
}
#test .column-full .floatlabel{
    width:49%;
    margin:0 auto
}
#test .column-full #show_monthly_saving .floatlabel{
    margin-top:10px
}
.column #monthly_space{
    height:130px
}
#test .column-full input{
    text-align:center;
    text-indent:-45px
}
.price_comparision{
    background:#fff;
    max-width:30%;
    margin:3% auto 0;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    overflow:hidden
}
.price_comparision>a{
    background:#fff;
    color:#333;
    width:50%;
    float:left;
    padding:7px 0
}
.price_comparision>a.active{
    background:#002846;
    color:#fff
}
#test form .custom_txt{
    color:rgba(0,40,70,.5);
    font-family:Light;
    font-size:18px;
    left:53%;
    line-height:55px;
    position:absolute;
    top:0;
    min-width:117px;
    text-align:left;
    z-index:99
}
#skrollr-body #test{
    display:none
}
@media screen and (max-width:667px){
    #test .address,#test .form{
        border:0
    }
    #test .form{
        width:80%
    }
    #test .center{
        position:relative;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
    #skrollr-body #test{
        display:block;
        position:relative;
        top:auto;
        height:auto;
        background:#e0dcd4;
        font-size:.85em;
        padding-bottom:40px;
        color:#002846;
        padding-top:40px;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    #skrollr-body #test .form .column{
        width:100%;
        float:none;
        padding:0
    }
    #skrollr-body #test .form .column input{
        padding:10px
    }
    #skrollr-body #test .form .column .floatlabel label{
        left:10px
    }
    #skrollr-body #test .form .mobile-hide{
        display:none!important
    }
    #skrollr-body #test .form .floatlabel-select .value{
        z-index:0
    }
    #skrollr-body #test .form .floatlabel-select ul{
        -webkit-transform:translate3d(0,-50%,0);
        transform:translate3d(0,-50%,0)
    }
    #skrollr-body #test .form .floatlabel-select.open ul{
        -webkit-transform:translate3d(10%,-50%,0);
        transform:translate3d(10%,-50%,0)
    }
    #skrollr-body #test .thankyou{
        width:auto
    }
    #skrollr-body #test h1{
        margin-top:0;
        padding-top:0;
        text-transform:uppercase;
        font-size:1em;
        letter-spacing:.25em;
        font-family:Medium
    }
    #skrollr-body #test .address{
        position:relative;
        font-size:.85em;
        width:auto;
        left:auto;
        margin-left:0;
        padding-left:40px;
        padding-right:40px;
        font-family:Light
    }
    #skrollr-body #test .address address{
        line-height:140%!important
    }
    #skrollr-body #test hr{
        display:none
    }
}
#footer-section.team #team{
    display:block
}
#team address{
    font-style:normal;
    font-size:1.1em;
    line-height:100%
}
#team address p{
    margin:0;
    padding:0
}
#team .center{
    width:100%
}
#team .address{
    width:70%;
    display:inline-block;
    text-align:left;
    border-top:1px solid #CCC;
    padding-top:20px
}
#team .column{
    width:50%;
    float:left;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin-top:20px;
    padding-right:20px
}
#team .column:first-child{
    padding-left:0;
    padding-right:20px
}
#team .column:last-child{
    padding-right:0
}
body.submitted #team .column{
    display:none!important
}
#team .thankyou{
    display:none;
    font-size:1.5em;
    margin-bottom:50px;
    width:50%;
    line-height:100%
}
#team .thankyou .message{
    line-height:140%
}
body.submitted #team .thankyou{
    display:block
}
#team .submit{
    float:right;
    font-family:Medium;
    color:#ee3233;
    text-transform:none
}
#team .form{
    position:relative;
    display:inline-block;
    width:70%;
    text-align:left;
    font-size:1.2em;
    line-height:1.5em
}
#team form{
    font-size:.65em
}
#team form input,#team form textarea{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    width:100%;
    height:55px;
    font-size:19px;
    background:0 0;
    color:rgba(0,40,70,.4);
    padding-left:20px;
    padding-right:20px;
    border:0;
    -webkit-border-radius:0;
    border-radius:0;
    outline:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-family:Light
}
#team form .populated input,#team form .populated textarea{
    color:#002846
}
#team form .floatlabel{
    background:rgba(255,255,255,.5);
    margin-bottom:10px
}
#team form textarea{
    padding-top:20px;
    height:120px;
    resize:none;
    line-height:140%
}
#team form .appointment{
    padding-top:20px;
    padding-bottom:20px;
    position:relative
}
#team form .appointment input,#team form .appointment label.checkbox{
    top:20px;
    right:0;
    background:rgba(255,255,255,.25);
    padding:0;
    cursor:pointer
}
#team form .appointment label{
    display:block;
    width:50%;
    line-height:140%
}
#team form .appointment input:checked+label.checkbox:after,#team form .appointment input:checked:after{
    content:"✔";
    color:#002846;
    position:absolute;
    font-size:1.5em;
    line-height:45px;
    text-align:center
}
#team form .appointment input{
    position:absolute;
    -webkit-appearance:none;
    width:40px;
    height:40px;
    display:inline-block;
    display:none;
    outline:0
}
#team form .appointment input:checked:after{
    width:100%;
    height:100%
}
#team form .appointment label.checkbox{
    position:absolute;
    width:40px;
    height:40px;
    display:inline-block
}
#team form .appointment input:checked+label.checkbox:after{
    width:100%;
    height:100%
}
#team form .floatlabel-select label,#team form select{
    background:0 0;
    border:none;
    width:100%;
    height:50px;
    margin-bottom:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    outline:0;
    border-bottom:1px solid rgba(0,40,70,.25);
    -webkit-border-radius:0;
    border-radius:0;
    -webkit-appearance:none;
    cursor:pointer
}
#skrollr-body #team{
    display:none
}
@media screen and (max-width:667px){
    #team .address,#team .form{
        border:0
    }
    #team .form{
        width:80%
    }
    #team .center{
        position:relative;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
    #skrollr-body #team{
        display:block;
        position:relative;
        top:auto;
        height:auto;
        background:#e0dcd4;
        font-size:.85em;
        padding-bottom:40px;
        color:#002846;
        padding-top:40px;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    #skrollr-body #team .form .column{
        width:100%;
        float:none;
        padding:0
    }
    #skrollr-body #team .form .column input{
        padding:10px
    }
    #skrollr-body #team .form .column .floatlabel label{
        left:10px
    }
    #skrollr-body #team .form .mobile-hide{
        display:none!important
    }
    #skrollr-body #team .form .floatlabel-select .value{
        z-index:0
    }
    #skrollr-body #team .form .floatlabel-select ul{
        -webkit-transform:translate3d(0,-50%,0);
        transform:translate3d(0,-50%,0)
    }
    #skrollr-body #team .form .floatlabel-select.open ul{
        -webkit-transform:translate3d(10%,-50%,0);
        transform:translate3d(10%,-50%,0)
    }
    #skrollr-body #team .thankyou{
        width:auto
    }
    #skrollr-body #team h1{
        margin-top:0;
        padding-top:0;
        text-transform:uppercase;
        font-size:1em;
        letter-spacing:.25em;
        font-family:Medium
    }
    #skrollr-body #team .address{
        position:relative;
        font-size:.85em;
        width:auto;
        left:auto;
        margin-left:0;
        padding-left:40px;
        padding-right:40px;
        font-family:Light
    }
    #skrollr-body #team .address address{
        line-height:140%!important
    }
    #skrollr-body #team hr{
        display:none
    }
}
#team .top-logo{
    cursor:pointer;
    position:fixed;
    width:80px;
    top:20px;
    left:20px;
    height:58px;
    z-index:100;
    background-image:url(../img/logo-small2.png);
    -ms-transform:all .3s ease-out 0s;
    transition:all .3s ease-out 0s;
    background-position:top;
    background-repeat:no-repeat;
    -webkit-transform:translateY(-150%);
    -moz-transform:translateY(-150%);
    transform:translateY(-150%)
}
.team #team .top-logo{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    transform:translateY(0)
}
#footer-section.team .footer-panel{
    min-height:105%
}
#team .paragraph{
    position:relative;
    top:0;
    width:46%;
    margin:0 auto;
    left:0;
    text-align:center
}
#team .team-slide{
    width:80%;
    margin:60px auto 0
}
#team .team-block{
    width:30%;
    display:inline-block
}
#team .team-block .card-block{
    width:80%;
    margin:0 auto
}
#team .team-block .img-holder img{
    display:inline-block;
    position:relative;
    width:100%
}
#team .team-block-content{
    width:50%;
    margin:10px auto 0;
    display:inline-block
}
#team .team-block .copy h2{
    margin:10px 0 0
}
#team .team-block .copy h2 a{
    color:#ee3233;
    display:inline-block;
    font-family:Medium;
    font-size:18px;
    height:17px;
    margin-bottom:0;
    padding-bottom:0
}
#team .team-block p{
    font-family:Medium;
    font-size:16px;
    min-height:50px
}
#team .team-block.col-4{
    width:25%;
    float:left
}
@media screen and (max-width:1200px){
    #team .paragraph{
        width:70%
    }
    #team .team-slide{
        width:90%
    }
    #team .team-block .card-block{
        width:65%
    }
    #team .team-block-content{
        width:80%
    }
}
@media screen and (max-width:992px){
    #team .paragraph{
        width:80%
    }
    #team .team-slide{
        width:90%
    }
    #team .team-block .card-block,#team .team-block-content{
        width:80%
    }
    .terms_content{
        width:100%
    }
}
@media screen and (max-width:767px){
    #team .paragraph .text{
        max-width:100%
    }
    #team .team-slide{
        margin-top:0
    }
    #team .team-block,#team .team-block.col-4{
        width:100%;
        margin:20px 0
    }
    #team .team-block .card-block{
        width:50%
    }
    #team .team-block-content{
        margin-bottom:0
    }
    #team .team-block-content p{
        margin-top:0
    }
    #footer-section .close{
        z-index:9999
    }
    #footer-section .footer-panel .review>h1{
        font-size:1em
    }
    .price_comparision{
        max-width:60%
    }
    #test .column{
        width:100%;
        padding-right:0
    }
    #test .column-full .floatlabel{
        width:100%
    }
    .price_comparision>a{
        font-size:18px
    }
    #signup table{
        width:90%
    }
    #signup .pages{
        float:left;
        margin-left:20px
    }
    #signup .but-sec{
        margin-right:20px
    }
}
@media screen and (max-width:705px) and (min-width:601px){
    .partner-portal-form{
        width:100%
    }
    .partner-portal-form .form-group{
        margin:0 2%;
        width:41%
    }
    .partner-portal-form .form-group.button-group{
        margin:0;
        width:10%
    }
}
.review form.checkout-form .visaexpir-sec,.terms-condition{
    margin-bottom:10px
}
@media screen and (max-width:479px){
    #team .team-block-content{
        width:95%
    }
}
.review form.checkout-form .visaexpir-sec>label{
    display:inline-block;
    font-size:15px;
    left:0;
    border:none!important;
    position:relative;
    top:0;
    width:100%;
    height:20px!important;
    line-height:20px
}
.review form.checkout-form .visaexpir-sec .card_type{
    background:#f8f6f6!important;
    padding:0 15px;
    border:none!important;
    height:55px!important;
    top:0;
    width:100%!important
}
.review form.checkout-form .expir-sec{
    background:0 0!important;
    display:inline-block;
    width:100%
}
.review form.checkout-form .expir-sec>label{
    display:inline-block;
    font-size:15px;
    left:0;
    position:relative;
    top:0;
    width:100%
}
.review form.checkout-form .expir-sec select.month{
    margin-right:3%
}
.review form.checkout-form .expir-sec select.month,.review form.checkout-form .expir-sec select.year{
    background:#f8f6f6!important;
    padding:0 15px;
    border:none!important;
    float:left;
    height:55px!important;
    top:0;
    width:48%!important
}
.review form.checkout-form .payment_submit,.review form.checkout-form input[type=submit]{
    background:#002846!important;
    width:auto!important;
    display:inline-block;
    text-decoration:none;
    font-size:14px;
    text-transform:uppercase!important;
    padding:5px 25px;
    color:#fff!important;
    -webkit-border-radius:4px!important;
    -moz-border-radius:4px!important;
    border-radius:4px!important;
    float:right
}
form .column #pre_resi_size{
    background:#002846;
    color:#fff
}
.terms-condition{
    text-align:right
}
.terms-condition a{
    font-size:11px
}
#signup .table-holder{
    display:none
}
#signup .table-build{
    display:block;
    height:auto;
    left:50%;
    margin-left:-30%;
    position:relative;
    top:28%;
    width:60%
}
#signup .table-build table tbody{
    height:auto!important
}
.table-build .tr-row input[type=checkbox].css-checkbox{
    position:absolute;
    z-index:-1000;
    left:-1000px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0
}
.table-build .tr-row input[type=checkbox].css-checkbox+label.css-label{
    padding-left:25px;
    height:25px;
    display:inline-block;
    line-height:25px;
    background-repeat:no-repeat;
    background-position:0 0;
    font-size:30px;
    vertical-align:middle;
    cursor:pointer
}
.table-build .tr-row input[type=checkbox].css-checkbox:checked+label.css-label{
    background-position:0 -25px
}
.table-build .tr-row label.css-label{
    background-image:url(../img/checkbox-icon.png);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
#signup table tbody tr.tr-row{
    cursor:pointer;
    background:#fff;
    height:44px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.07);
    -moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.07)
}
#signup table tbody tr.tr-row:hover{
    background:0 0
}
#signup table tbody tr.tr-row td:first-child{
    text-align:left
}
#signup table tbody tr.tr-row td:last-child{
    text-align:right
}
#signup table tbody tr.tr-row.no-data{
    box-shadow:none;
    display:block
}
.table-pagination{
    display:inline-block;
    width:100%;
    margin-top:25px
}
#signup .page-arrow{
    float:left
}
#signup .page-arrow .counting{
    display:inline-block;
    vertical-align:top;
    height:30px;
    line-height:35px;
    width:60px;
    text-align:center
}
#signup .page-arrow .aleft,#signup .page-arrow .aright{
    display:inline-block;
    width:30px;
    height:30px;
    line-height:35px;
    -webkit-border-radius:4px;
    border-radius:4px;
    cursor:pointer;
    background:url(../img/right.png) center no-repeat #d5d0c5;
    background-size:25%;
    -webkit-transition:opacity .15s ease-in-out;
    transition:opacity .15s ease-in-out
}
#signup .page-arrow .aleft.inactive,#signup .page-arrow .aright.inactive{
    cursor:default;
    opacity:.5
}
#signup .page-arrow .aleft{
    background-image:url(../img/left.png)
}
#signup .table-pagination .but-sec{
    margin-top:5px
}
@media screen and (max-width:767px){
    html.mobile #signup .table-build{
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        top:auto;
        left:auto;
        width:100%;
        margin:0
    }
    #signup .table-build tbody td,#signup .table-build thead th{
        padding:10px 0
    }
    #signup .table-pagination{
        width:90%
    }
}
.team-block{
    margin-top:20px
}
.custom-width{
    width:100%!important
}
h1.custom-head{
    font-size:2.3em!important
}