html{
    line-height:1.15
}
article,aside,figcaption,figure,footer,header,main,nav,section{
    display:block
}
hr{
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    -webkit-text-decoration-skip:objects
}
a:active,a:hover{
    outline-width:0
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:inherit;
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
mark{
    background-color:#ff0
}
audio,video{
    display:inline-block
}
img{
    border-style:none
}
button,input,optgroup,select,textarea{
    font-family:sans-serif;
    font-size:100%;
    line-height:1.15
}
button,input{
    overflow:visible
}
[type=reset],[type=submit],button,html [type=button]{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    white-space:normal
}
progress{
    display:inline-block;
    vertical-align:baseline
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details,menu{
    display:block
}
summary{
    display:list-item
}
canvas{
    display:inline-block
}
[hidden],template{
    display:none
}
.slick-slider{
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list,.slick-slider{
    position:relative;
    display:block
}
.slick-list{
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    -webkit-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0)
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:after,.slick-track:before{
    display:table;
    content:""
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
.container,.container-fluid{
    margin-right:auto;
    margin-left:auto
}
.container-fluid{
    padding-right:2rem;
    padding-left:2rem
}
.row{
    box-sizing:border-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-.5rem;
    margin-left:-.5rem
}
.row.reverse{
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}
.col.reverse{
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse
}
.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12{
    box-sizing:border-box;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    padding-right:.5rem;
    padding-left:.5rem
}
.col-xs{
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-preferred-size:0;
    flex-basis:0;
    max-width:100%
}
.col-xs-1{
    -ms-flex-preferred-size:8.33333333%;
    flex-basis:8.33333333%;
    max-width:8.33333333%
}
.col-xs-2{
    -ms-flex-preferred-size:16.66666667%;
    flex-basis:16.66666667%;
    max-width:16.66666667%
}
.col-xs-3{
    -ms-flex-preferred-size:25%;
    flex-basis:25%;
    max-width:25%
}
.col-xs-4{
    -ms-flex-preferred-size:33.33333333%;
    flex-basis:33.33333333%;
    max-width:33.33333333%
}
.col-xs-5{
    -ms-flex-preferred-size:41.66666667%;
    flex-basis:41.66666667%;
    max-width:41.66666667%
}
.col-xs-6{
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:50%
}
.col-xs-7{
    -ms-flex-preferred-size:58.33333333%;
    flex-basis:58.33333333%;
    max-width:58.33333333%
}
.col-xs-8{
    -ms-flex-preferred-size:66.66666667%;
    flex-basis:66.66666667%;
    max-width:66.66666667%
}
.col-xs-9{
    -ms-flex-preferred-size:75%;
    flex-basis:75%;
    max-width:75%
}
.col-xs-10{
    -ms-flex-preferred-size:83.33333333%;
    flex-basis:83.33333333%;
    max-width:83.33333333%
}
.col-xs-11{
    -ms-flex-preferred-size:91.66666667%;
    flex-basis:91.66666667%;
    max-width:91.66666667%
}
.col-xs-12{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    max-width:100%
}
.col-xs-offset-0{
    margin-left:0
}
.col-xs-offset-1{
    margin-left:8.33333333%
}
.col-xs-offset-2{
    margin-left:16.66666667%
}
.col-xs-offset-3{
    margin-left:25%
}
.col-xs-offset-4{
    margin-left:33.33333333%
}
.col-xs-offset-5{
    margin-left:41.66666667%
}
.col-xs-offset-6{
    margin-left:50%
}
.col-xs-offset-7{
    margin-left:58.33333333%
}
.col-xs-offset-8{
    margin-left:66.66666667%
}
.col-xs-offset-9{
    margin-left:75%
}
.col-xs-offset-10{
    margin-left:83.33333333%
}
.col-xs-offset-11{
    margin-left:91.66666667%
}
.start-xs{
    -ms-flex-pack:start;
    justify-content:flex-start;
    text-align:start
}
.center-xs{
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}
.end-xs{
    -ms-flex-pack:end;
    justify-content:flex-end;
    text-align:end
}
.top-xs{
    -ms-flex-align:start;
    align-items:flex-start
}
.middle-xs{
    -ms-flex-align:center;
    align-items:center
}
.bottom-xs{
    -ms-flex-align:end;
    align-items:flex-end
}
.around-xs{
    -ms-flex-pack:distribute;
    justify-content:space-around
}
.between-xs{
    -ms-flex-pack:justify;
    justify-content:space-between
}
.first-xs{
    -ms-flex-order:-1;
    order:-1
}
.last-xs{
    -ms-flex-order:1;
    order:1
}
@media only screen and (min-width:48em){
    .container{
        width:49rem
    }
    .col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12{
        box-sizing:border-box;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        padding-right:.5rem;
        padding-left:.5rem
    }
    .col-sm{
        -ms-flex-positive:1;
        flex-grow:1;
        -ms-flex-preferred-size:0;
        flex-basis:0;
        max-width:100%
    }
    .col-sm-1{
        -ms-flex-preferred-size:8.33333333%;
        flex-basis:8.33333333%;
        max-width:8.33333333%
    }
    .col-sm-2{
        -ms-flex-preferred-size:16.66666667%;
        flex-basis:16.66666667%;
        max-width:16.66666667%
    }
    .col-sm-3{
        -ms-flex-preferred-size:25%;
        flex-basis:25%;
        max-width:25%
    }
    .col-sm-4{
        -ms-flex-preferred-size:33.33333333%;
        flex-basis:33.33333333%;
        max-width:33.33333333%
    }
    .col-sm-5{
        -ms-flex-preferred-size:41.66666667%;
        flex-basis:41.66666667%;
        max-width:41.66666667%
    }
    .col-sm-6{
        -ms-flex-preferred-size:50%;
        flex-basis:50%;
        max-width:50%
    }
    .col-sm-7{
        -ms-flex-preferred-size:58.33333333%;
        flex-basis:58.33333333%;
        max-width:58.33333333%
    }
    .col-sm-8{
        -ms-flex-preferred-size:66.66666667%;
        flex-basis:66.66666667%;
        max-width:66.66666667%
    }
    .col-sm-9{
        -ms-flex-preferred-size:75%;
        flex-basis:75%;
        max-width:75%
    }
    .col-sm-10{
        -ms-flex-preferred-size:83.33333333%;
        flex-basis:83.33333333%;
        max-width:83.33333333%
    }
    .col-sm-11{
        -ms-flex-preferred-size:91.66666667%;
        flex-basis:91.66666667%;
        max-width:91.66666667%
    }
    .col-sm-12{
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        max-width:100%
    }
    .col-sm-offset-0{
        margin-left:0
    }
    .col-sm-offset-1{
        margin-left:8.33333333%
    }
    .col-sm-offset-2{
        margin-left:16.66666667%
    }
    .col-sm-offset-3{
        margin-left:25%
    }
    .col-sm-offset-4{
        margin-left:33.33333333%
    }
    .col-sm-offset-5{
        margin-left:41.66666667%
    }
    .col-sm-offset-6{
        margin-left:50%
    }
    .col-sm-offset-7{
        margin-left:58.33333333%
    }
    .col-sm-offset-8{
        margin-left:66.66666667%
    }
    .col-sm-offset-9{
        margin-left:75%
    }
    .col-sm-offset-10{
        margin-left:83.33333333%
    }
    .col-sm-offset-11{
        margin-left:91.66666667%
    }
    .start-sm{
        -ms-flex-pack:start;
        justify-content:flex-start;
        text-align:start
    }
    .center-sm{
        -ms-flex-pack:center;
        justify-content:center;
        text-align:center
    }
    .end-sm{
        -ms-flex-pack:end;
        justify-content:flex-end;
        text-align:end
    }
    .top-sm{
        -ms-flex-align:start;
        align-items:flex-start
    }
    .middle-sm{
        -ms-flex-align:center;
        align-items:center
    }
    .bottom-sm{
        -ms-flex-align:end;
        align-items:flex-end
    }
    .around-sm{
        -ms-flex-pack:distribute;
        justify-content:space-around
    }
    .between-sm{
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .first-sm{
        -ms-flex-order:-1;
        order:-1
    }
    .last-sm{
        -ms-flex-order:1;
        order:1
    }
}
@media only screen and (min-width:64em){
    .container{
        width:65rem
    }
    .col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-offset-0,.col-md-offset-1,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12{
        box-sizing:border-box;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        padding-right:.5rem;
        padding-left:.5rem
    }
    .col-md{
        -ms-flex-positive:1;
        flex-grow:1;
        -ms-flex-preferred-size:0;
        flex-basis:0;
        max-width:100%
    }
    .col-md-1{
        -ms-flex-preferred-size:8.33333333%;
        flex-basis:8.33333333%;
        max-width:8.33333333%
    }
    .col-md-2{
        -ms-flex-preferred-size:16.66666667%;
        flex-basis:16.66666667%;
        max-width:16.66666667%
    }
    .col-md-3{
        -ms-flex-preferred-size:25%;
        flex-basis:25%;
        max-width:25%
    }
    .col-md-4{
        -ms-flex-preferred-size:33.33333333%;
        flex-basis:33.33333333%;
        max-width:33.33333333%
    }
    .col-md-5{
        -ms-flex-preferred-size:41.66666667%;
        flex-basis:41.66666667%;
        max-width:41.66666667%
    }
    .col-md-6{
        -ms-flex-preferred-size:50%;
        flex-basis:50%;
        max-width:50%
    }
    .col-md-7{
        -ms-flex-preferred-size:58.33333333%;
        flex-basis:58.33333333%;
        max-width:58.33333333%
    }
    .col-md-8{
        -ms-flex-preferred-size:66.66666667%;
        flex-basis:66.66666667%;
        max-width:66.66666667%
    }
    .col-md-9{
        -ms-flex-preferred-size:75%;
        flex-basis:75%;
        max-width:75%
    }
    .col-md-10{
        -ms-flex-preferred-size:83.33333333%;
        flex-basis:83.33333333%;
        max-width:83.33333333%
    }
    .col-md-11{
        -ms-flex-preferred-size:91.66666667%;
        flex-basis:91.66666667%;
        max-width:91.66666667%
    }
    .col-md-12{
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        max-width:100%
    }
    .col-md-offset-0{
        margin-left:0
    }
    .col-md-offset-1{
        margin-left:8.33333333%
    }
    .col-md-offset-2{
        margin-left:16.66666667%
    }
    .col-md-offset-3{
        margin-left:25%
    }
    .col-md-offset-4{
        margin-left:33.33333333%
    }
    .col-md-offset-5{
        margin-left:41.66666667%
    }
    .col-md-offset-6{
        margin-left:50%
    }
    .col-md-offset-7{
        margin-left:58.33333333%
    }
    .col-md-offset-8{
        margin-left:66.66666667%
    }
    .col-md-offset-9{
        margin-left:75%
    }
    .col-md-offset-10{
        margin-left:83.33333333%
    }
    .col-md-offset-11{
        margin-left:91.66666667%
    }
    .start-md{
        -ms-flex-pack:start;
        justify-content:flex-start;
        text-align:start
    }
    .center-md{
        -ms-flex-pack:center;
        justify-content:center;
        text-align:center
    }
    .end-md{
        -ms-flex-pack:end;
        justify-content:flex-end;
        text-align:end
    }
    .top-md{
        -ms-flex-align:start;
        align-items:flex-start
    }
    .middle-md{
        -ms-flex-align:center;
        align-items:center
    }
    .bottom-md{
        -ms-flex-align:end;
        align-items:flex-end
    }
    .around-md{
        -ms-flex-pack:distribute;
        justify-content:space-around
    }
    .between-md{
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .first-md{
        -ms-flex-order:-1;
        order:-1
    }
    .last-md{
        -ms-flex-order:1;
        order:1
    }
}
@media only screen and (min-width:75em){
    .container{
        width:76rem
    }
    .col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12{
        box-sizing:border-box;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        padding-right:.5rem;
        padding-left:.5rem
    }
    .col-lg{
        -ms-flex-positive:1;
        flex-grow:1;
        -ms-flex-preferred-size:0;
        flex-basis:0;
        max-width:100%
    }
    .col-lg-1{
        -ms-flex-preferred-size:8.33333333%;
        flex-basis:8.33333333%;
        max-width:8.33333333%
    }
    .col-lg-2{
        -ms-flex-preferred-size:16.66666667%;
        flex-basis:16.66666667%;
        max-width:16.66666667%
    }
    .col-lg-3{
        -ms-flex-preferred-size:25%;
        flex-basis:25%;
        max-width:25%
    }
    .col-lg-4{
        -ms-flex-preferred-size:33.33333333%;
        flex-basis:33.33333333%;
        max-width:33.33333333%
    }
    .col-lg-5{
        -ms-flex-preferred-size:41.66666667%;
        flex-basis:41.66666667%;
        max-width:41.66666667%
    }
    .col-lg-6{
        -ms-flex-preferred-size:50%;
        flex-basis:50%;
        max-width:50%
    }
    .col-lg-7{
        -ms-flex-preferred-size:58.33333333%;
        flex-basis:58.33333333%;
        max-width:58.33333333%
    }
    .col-lg-8{
        -ms-flex-preferred-size:66.66666667%;
        flex-basis:66.66666667%;
        max-width:66.66666667%
    }
    .col-lg-9{
        -ms-flex-preferred-size:75%;
        flex-basis:75%;
        max-width:75%
    }
    .col-lg-10{
        -ms-flex-preferred-size:83.33333333%;
        flex-basis:83.33333333%;
        max-width:83.33333333%
    }
    .col-lg-11{
        -ms-flex-preferred-size:91.66666667%;
        flex-basis:91.66666667%;
        max-width:91.66666667%
    }
    .col-lg-12{
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        max-width:100%
    }
    .col-lg-offset-0{
        margin-left:0
    }
    .col-lg-offset-1{
        margin-left:8.33333333%
    }
    .col-lg-offset-2{
        margin-left:16.66666667%
    }
    .col-lg-offset-3{
        margin-left:25%
    }
    .col-lg-offset-4{
        margin-left:33.33333333%
    }
    .col-lg-offset-5{
        margin-left:41.66666667%
    }
    .col-lg-offset-6{
        margin-left:50%
    }
    .col-lg-offset-7{
        margin-left:58.33333333%
    }
    .col-lg-offset-8{
        margin-left:66.66666667%
    }
    .col-lg-offset-9{
        margin-left:75%
    }
    .col-lg-offset-10{
        margin-left:83.33333333%
    }
    .col-lg-offset-11{
        margin-left:91.66666667%
    }
    .start-lg{
        -ms-flex-pack:start;
        justify-content:flex-start;
        text-align:start
    }
    .center-lg{
        -ms-flex-pack:center;
        justify-content:center;
        text-align:center
    }
    .end-lg{
        -ms-flex-pack:end;
        justify-content:flex-end;
        text-align:end
    }
    .top-lg{
        -ms-flex-align:start;
        align-items:flex-start
    }
    .middle-lg{
        -ms-flex-align:center;
        align-items:center
    }
    .bottom-lg{
        -ms-flex-align:end;
        align-items:flex-end
    }
    .around-lg{
        -ms-flex-pack:distribute;
        justify-content:space-around
    }
    .between-lg{
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .first-lg{
        -ms-flex-order:-1;
        order:-1
    }
    .last-lg{
        -ms-flex-order:1;
        order:1
    }
}
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:.67em 0
}
mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -webkit-appearance:textfield;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:700
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
html{
    box-sizing:border-box
}
*,:after,:before{
    box-sizing:inherit;
    box-sizing:border-box
}
@font-face{
    font-family:mesmerize;
    src:url(/fonts/mesmerize-se-eb-webfont.woff2) format("woff2"),url(/fonts/mesmerize-se-eb-webfont.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:oswaldbold;
    src:url(/fonts/oswald-bold-webfont.woff2) format("woff2"),url(/fonts/oswald-bold-webfont.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:oswaldlight;
    src:url(/fonts/oswald-extralight-webfont.woff2) format("woff2"),url(/fonts/oswald-extralight-webfont.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:butlerlight;
    src:url(/fonts/butler_light-webfont.woff2) format("woff2"),url(/fonts/butler_light-webfont.woff) format("woff");
    font-weight:400;
    font-style:normal
}
body{
    background-color:#048c94;
    font:20px/1.4 butlerlight,serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
body.lighter{
    background-color:#36a3a9;
    background-image:url(/img/blocking.svg);
    background-size:100% auto;
    background-position:top;
    background-repeat:no-repeat
}
h1,h2,h3{
    margin:0;
    padding:0;
    font-weight:400
}
h1,h2{
    text-align:center;
    text-transform:uppercase
}
h1 span,h2 span{
    font-family:oswaldlight,sans-serif
}
h2{
    font:92px/1.2 oswaldbold,sans-serif;
    padding:80px 0 40px
}
@media screen and (max-width:64em){
    h2{
        font-size:62px
    }
}
@media screen and (max-width:760px){
    h2{
        font-size:40px;
        padding:40px 0 20px
    }
}
h3{
    font-weight:400
}
h6{
    font-weight:700;
    text-align:center;
    padding:10px 0 0;
    margin:0;
    font:10px/1 mesmerize,sans-serif;
    color:#fff;
    opacity:.8
}
.bg-yellow{
    background-color:#e7cf24
}
.bg-red{
    background-color:#c35440
}
.bg-green{
    background-color:#81b534
}
a{
    transition:all .2s cubic-bezier(.39,.575,.565,1)
}
.center{
    text-align:center
}
.padded{
    padding:60px 0 0
}
.blur-up{
    -webkit-filter:blur(3px);
    filter:blur(3px);
    transition:-webkit-filter .3s cubic-bezier(.55,.055,.675,.19);
    transition:filter .3s cubic-bezier(.55,.055,.675,.19);
    transition:filter .3s cubic-bezier(.55,.055,.675,.19),-webkit-filter .3s cubic-bezier(.55,.055,.675,.19)
}
.blur-up.lazyloaded{
    -webkit-filter:blur(0);
    filter:blur(0)
}
img{
    max-width:100%
}
body.about header nav .logo{
    top:25px
}
body.about header nav .logo svg{
    height:50px
}
body.about header nav ul{
    top:20px
}
@media screen and (max-width:760px){
    body.about header nav ul{
        top:auto
    }
}
.builder{
    padding:20px 0
}
.builder .text .image-left .image,.builder .text .image-right .image{
    max-width:50vw;
    width:50vw
}
.builder .text .image-right .image{
    float:right;
    margin:10px -10vw 30px 40px
}
.builder .text .image-left .image{
    float:left;
    margin:10px 40px 30px -10vw
}
@media screen and (max-width:1260px){
    .builder .text .image-right .image{
        margin-right:0
    }
    .builder .text .image-left .image{
        margin-left:0
    }
}
@media screen and (max-width:1260px){
    .builder .text .image-left .image,.builder .text .image-right .image{
        max-width:100%;
        width:100%
    }
}
.builder .text .normal p{
    max-width:750px;
    font-size:26px;
    line-height:1.5;
    padding:0 0 20px;
    margin:0
}
.builder .text .large p{
    font-size:32px;
    line-height:1.5;
    margin:0;
    padding:0 0 30px
}
.builder .text .large p:first-child:first-letter{
    font:140px/1 oswaldbold,sans-serif;
    text-shadow:#000 1px 1px 1px;
    float:left;
    color:#047e85;
    margin:0 25px -10px 0
}
@media screen and (max-width:760px){
    .builder .text .normal p{
        font-size:20px
    }
    .builder .text .large p{
        font-size:25px
    }
}
.builder a{
    box-shadow:inset 0 -2px 0 0 rgba(231,207,36,.5);
    color:#000;
    text-decoration:none
}
.builder a:hover{
    box-shadow:inset 0 -2px 0 0 #e7cf24
}
section.blog{
    margin:200px 0 0;
    padding:0 60px
}
section.blog .list{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
section.blog .list .entry{
    position:relative;
    width:31%
}
section.blog .list .entry .image{
    margin-bottom:10px
}
section.blog .list .entry h2{
    font-size:32px;
    text-transform:none
}
section.blog .list .entry h2,section.blog .list .entry h4{
    padding-right:20px
}
@media screen and (max-width:64em){
    section.blog .list .entry{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        width:48%
    }
    section.blog .list .entry .image,section.blog .list .entry .text{
        width:100%;
        margin:0 auto;
        max-width:500px
    }
    section.blog .list .entry .text{
        text-align:center
    }
    section.blog .list .entry h2,section.blog .list .entry h4{
        text-align:center;
        padding-right:0
    }
}
@media screen and (max-width:760px){
    section.blog .list .entry{
        width:100%
    }
}
section.blog .featured{
    padding-bottom:60px;
    max-width:1200px;
    margin:0 auto
}
section.blog .featured h2,section.blog .featured h4{
    text-align:center
}
section.blog .featured h2{
    text-transform:none;
    font-size:80px
}
section.blog .featured .builder .text .large p{
    font-size:21px
}
section.blog .flex{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
section.blog .flex .image{
    width:50%;
    padding-top:40px
}
section.blog .flex .textblock{
    width:50%;
    padding-left:40px
}
@media screen and (max-width:64em){
    section.blog .flex{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
    section.blog .flex .image,section.blog .flex .textblock{
        width:100%
    }
}
section.blog h1{
    font:100px/1 oswaldlight,sans-serif;
    text-align:left;
    margin:20px 0;
    text-transform:none
}
section.blog .entry{
    -webkit-column-break-inside:avoid;
    break-inside:avoid;
    padding:30px 0;
    display:block
}
section.blog h4{
    margin:0 0 5px;
    padding:0;
    font:14px/1 mesmerize,sans-serif;
    text-transform:uppercase;
    color:#02383b
}
section.blog h4 a{
    color:#000;
    text-decoration:none;
    box-shadow:inset 0 -2px 0 0 #e7cf24
}
section.blog h4 a:hover{
    box-shadow:none
}
section.blog h2{
    font-size:36px;
    line-height:1.1;
    text-align:left;
    margin:0 0 6px;
    padding:0
}
section.blog h2 a{
    text-decoration:none;
    color:#011c1e
}
section.blog h2 a:hover{
    color:#000
}
@media screen and (max-width:64em){
    section.blog{
        padding:0 20px;
        margin:120px 0 0
    }
    section.blog .featured{
        padding-bottom:0
    }
    section.blog .featured h2{
        font-size:62px
    }
}
section.related{
    width:100%;
    overflow-x:hidden;
    padding:130px 0;
    text-align:left
}
section.related article{
    background:#36a3a9;
    -webkit-transform:rotate(-2deg);
    -ms-transform:rotate(-2deg);
    transform:rotate(-2deg);
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin:0 -40px;
    padding:40px 100px
}
section.related h2{
    font-size:30px;
    margin:0;
    padding:0 30px;
    text-align:left;
    max-width:400px
}
section.related a{
    color:#000;
    text-decoration:none
}
section.related h4{
    font:16px/1 mesmerize,sans-serif;
    text-transform:uppercase;
    padding:3px 50px 0 0;
    margin:0;
    max-width:150px;
    color:#025459
}
section.housegallery{
    max-width:1420px;
    margin:150px auto 0
}
@media screen and (max-width:760px){
    section.housegallery{
        margin-top:90px
    }
}
section.housegallery .mainhouses{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
section.housegallery .mainhouses .housecard{
    width:340px;
}
@media screen and (max-width:1260px){
    section.housegallery .mainhouses .housecard{
        width:33.3333%
    }
}
@media screen and (max-width:64em){
    section.housegallery .mainhouses .housecard{
        width:50%
    }
}
@media screen and (max-width:760px){
    section.housegallery .mainhouses .housecard{
        width:100%
    }
}
section.people.inside{
    margin-top:150px
}
@media screen and (max-width:760px){
    section.people.inside{
        margin-top:90px
    }
}
section.heroinside{
    max-width:1400px;
    padding:0 40px;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin:220px auto 0;
    z-index:102;
    position:relative
}
section.heroinside .card.person{
    max-width:250px;
    margin:40px auto
}
section.heroinside .title{
    width:30%;
    padding:0 40px;
    position:relative
}
section.heroinside .title h1{
    font:50px/1.1 oswaldbold,sans-serif;
    text-transform:none;
    text-align:left
}
section.heroinside .title .card-content{
    padding:0 20px 20px;
    font-size:18px;
    background:#067077
}
section.heroinside .title .card-content .bigger, section.heroinside .title .card-content .bigger span {
    font-size:26px;
    line-height:.6
}
section.heroinside .title .card-content span{
    font-size:12px
}
section.heroinside .title .card-header{
    padding:20px;
    background:#067077
}
section.heroinside .title .card-header h3{
    font:16px/1.1 oswaldlight,sans-serif;
    padding:15px 0 5px;
    text-transform:uppercase
}
section.heroinside .title .card-header h3 span{
    padding-left:5px
}
section.heroinside .title .peoplecolumn{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    min-width:250px;
    margin-top:60px
}
section.heroinside .title .peoplecolumn.multiple .card.person{
    margin:0 7px
}
section.heroinside .title .peoplecolumn.multiple .card a h3{
    font-size:15px
}
@media screen and (max-width:760px){
    section.heroinside .title .peoplecolumn{
        margin:30px 0;
        padding:0 40px
    }
}
section.heroinside .title .card.person{
    max-width:180px
}
section.heroinside .title .card a h3{
    text-align:center;
    font-size:18px
}
section.heroinside .title h4{
    font:12px/1 mesmerize,sans-serif;
    margin:-20px -20px 10px;
    text-transform:uppercase;
    color:#02383b;
    color:hsla(0,0%,100%,.6);
    padding:12px 20px
}
section.heroinside .title h4 a{
    color:#000;
    text-decoration:none;
    box-shadow:inset 0 -2px 0 0 #e7cf24
}
section.heroinside .title h4 a:hover{
    box-shadow:none
}
section.heroinside .title p a{
    box-shadow:inset 0 -2px 0 0 rgba(231,207,36,.5);
    color:#000;
    text-decoration:none
}
section.heroinside .title p a:hover{
    box-shadow:inset 0 -2px 0 0 #e7cf24
}
section.heroinside .title img{
    height:auto
}
section.heroinside .title .card a{
    color:#000e0f;
    display:block;
    background:#fff;
    padding-bottom:10px;
    text-decoration:none;
    box-shadow:0 6px 20px rgba(0,0,0,.2)
}
section.heroinside .title .card a:hover{
    -webkit-transform:scale(1.07) rotate(-1deg);
    -ms-transform:scale(1.07) rotate(-1deg);
    transform:scale(1.07) rotate(-1deg);
    box-shadow:0 12px 30px rgba(0,0,0,.4)
}
section.heroinside .video{
    width:70%
}
section.heroinside .video h1{
    text-transform:none;
    font:72px/1.2 oswaldlight,sans-serif;
    padding:20px 0
}
section.heroinside.splitScreen .title,section.heroinside.splitScreen .video{
    width:50%
}
section.heroinside.topCenterTitle{
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
section.heroinside.topCenterTitle .title,section.heroinside.topCenterTitle .video{
    width:100%
}
section.heroinside.topCenterTitle .title{
    text-align:center
}
section.heroinside.topCenterTitle .title h1{
    text-align:center;
    margin-bottom:40px;
    font-size:72px;
    max-width:900px;
    margin-left:auto;
    margin-right:auto
}
section.heroinside.topCenterTitle .video .text{
    margin:25px auto;
    max-width:900px
}
@media screen and (max-width:64em){
    section.heroinside{
        padding:0 20px
    }
    section.heroinside .video{
        width:60%
    }
    section.heroinside .title{
        width:40%;
        padding:0 20px 0 0
    }
    section.heroinside .title h1{
        text-align: center;
        padding-bottom: 15px;
        font-size:48px
    }
}
@media screen and (max-width:760px){
    section.heroinside .title h4{
        margin:0 0 10px;
    }

    section.heroinside{
        margin:130px auto 0;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        padding:0
    }
    section.heroinside .title,section.heroinside .video{
        width:100%;
        padding:0
    }
    section.heroinside .title .peoplecolumn{
        position:relative
    }
}
.builder .text{
    padding:15px 0
}
.builder .text h3{
    font:40px/1.1 oswaldbold,sans-serif;
    margin:60px 0 20px;
    text-transform:uppercase;
    opacity:.6
}
@media screen and (max-width:760px){
    .builder .text{
        padding:15px 25px
    }
}
section.photos.column{
    max-width:750px
}
section.photos.browser{
    margin-left:-28%
}
section.photos .flex{
    margin:0 -15px
}
section.photos img{
    display:block
}
section.photos .item{
    padding:15px;
    -webkit-flex:1 1 0;
    -ms-flex:1 1 0px;
    flex:1 1 0
}
@media screen and (max-width:760px){
    section.photos{
        padding:0 25px
    }
    section.photos .flex{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
    section.photos.browser{
        margin-left:0
    }
}
section.about{
    height:100vh;
    max-height:860px;
    background-size:cover;
    background-position:50%;
    overflow:hidden;
    position:relative
}
section.about img{
    display:block
}
section.about h1{
    position:absolute;
    font-weight:400;
    bottom:60px;
    left:60px;
    width:430px;
    text-align:left;
    text-transform:none;
    font-size:33px;
    line-height:1.3
}
section.about .tilt{
    background:#68babf;
    opacity:.85;
    width:2300px;
    height:600px;
    position:absolute;
    bottom:-200px;
    left:-1050px;
    -webkit-transform:rotate(35deg);
    -ms-transform:rotate(35deg);
    transform:rotate(35deg)
}
section.about .tilt2{
    background:#048c94;
    opacity:.85;
    width:130%;
    height:167px;
    position:absolute;
    top:-40px;
    left:-15%;
    -webkit-transform:rotate(3deg);
    -ms-transform:rotate(3deg);
    transform:rotate(3deg)
}
@media screen and (max-width:760px){
    section.about{
        height:auto;
        overflow:visible;
        padding-top:80%;
        margin-bottom:150px
    }
    section.about .tilt2{
        height:110px;
        width:100%;
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg);
        left:0
    }
    section.about .tilt{
        display:none
    }
    section.about h1{
        position:absolute;
        font-size:23px;
        bottom:-200px;
        left:0;
        width:100%;
        padding:30px 0;
        margin:0 auto;
        text-align:center
    }
}
.community{
    padding:60px 0
}
.community .row{
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.community p{
    font-size:21px;
    margin-right:10px;
    margin-left:50px
}
@media screen and (max-width:64em){
    .community p{
        font-size:18px;
        margin-left:40px
    }
}
@media screen and (max-width:760px){
    .community p{
        margin-left:auto;
        margin-right:auto;
        max-width:500px;
        text-align:left
    }
}
@media screen and (max-width:760px){
    .community{
        text-align:center;
        padding:60px 0 0
    }
    .community p{
        font-size:16px
    }
    .community .video .video{
        max-width:500px;
        display:inline-block
    }
}
.office{
    padding:60px 0
}
.office .row{
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.office p{
    font-size:21px;
    padding-right:30px
}
.office .bubbles{
    position:relative;
    height:auto;
    text-align:left
}
.office img{
    height:auto;
    border:10px solid #fff;
    box-shadow:0 12px 30px rgba(0,0,0,.4)
}
.office img.grande{
    position:absolute;
    top:0;
    z-index:99;
    max-width:40%;
    bottom:-49px;
    top:auto;
    right:20px
}
.office img.venti{
    border-radius:0;
    max-width:70%;
    width:auto;
    position:relative
}
@media screen and (max-width:64em){
    .office{
        padding:0
    }
    .office p{
        font-size:18px
    }
}
@media screen and (max-width:760px){
    .office{
        padding:0;
        min-height:auto
    }
    .office .row{
        -webkit-flex-direction:column-reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
    .office .bubbles{
        padding:0 10px 40px;
        text-align:center
    }
    .office p{
        font-size:16px;
        max-width:500px;
        margin:0 auto
    }
    .office img{
        border:8px solid #fff;
        margin:20px 0 0
    }
    .office img.grande{
        position:relative;
        right:auto;
        bottom:auto
    }
    .office img.grande,.office img.venti{
        max-width:500px;
        width:100%
    }
}
header{
    position:absolute;
    width:100%;
    top:0;
    z-index:103
}
header a{
    display:inline-block
}
header nav{
    position:relative;
    max-width:64em;
    margin:0 auto
}
header nav ul{
    margin:0;
    padding:0;
    position:absolute;
    top:50px;
    left:370px
}
@media screen and (max-width:1280px){
    header nav ul{
        left:211px
    }
}
@media screen and (max-width:64em){
    header nav ul{
        left:200px;
    }
}
@media screen and (max-width:760px){
    header nav ul{
        position:fixed;
        top:auto;
        bottom:0;
        left:0;
        width:100%;
        text-align:center;
        top:auto;
        background:#037076
    }
}
header nav li{
    font:32px/1 oswaldlight,sans-serif;
    display:inline-block
}
header nav li a{
    color:#fff;
    margin:0 25px;
    padding:20px 0 5px;
    text-transform:uppercase;
    text-decoration:none;
    display:block;
    position:relative
}
header nav li a:before{
    position:absolute;
    width:100%;
    height:2px;
    background:#e7cf24;
    bottom:0;
    left:0;
    content:"";
    -webkit-transform:scalex(0);
    -ms-transform:scalex(0);
    transform:scalex(0);
    transition:all .2s ease
}
header nav li a.active:before,header nav li a:hover:before{
    -webkit-transform:scalex(1);
    -ms-transform:scalex(1);
    transform:scalex(1)
}
@media screen and (max-width:74em){
    header nav li{
        font-size:28px
    }
}
@media screen and (max-width:64em){
    header nav li{
        font-size:22px
    }
    header nav li a{
        padding:15px 0 5px;
        margin:0 18px
    }
}
@media screen and (max-width:760px){
    header nav li{
        font-size:14px;
        margin:0
    }
    header nav li a{
        padding:15px 5px;
        margin:0 6px;
        display:inline-block
    }
}
header nav .icon{
    position:absolute;
    left:-60px;
    overflow:hidden;
    width:250px;
    height:224px
}
header nav .icon svg{
    position:absolute;
    width:242px;
    height:246px;
    bottom:0;
    right:0
}
header nav .icon svg path{
    opacity:.2
}
@media screen and (max-width:64em){
    header nav .icon{
        width:187px;
        height:168px
    }
    header nav .icon svg{
        width:181px;
        height:184px
    }
}
@media screen and (max-width:760px){
    header nav .icon{
        width:140px;
        height:96px;
        left:50%;
        margin-left:-180px
    }
    header nav .icon svg{
        width:135px;
        height:138px
    }
}
header nav .logo{
    position:absolute;
    left:120px;
    top:40px
}
header nav .logo a:hover svg{
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05)
}
header nav .logo svg{
    width:173px;
    height:76px;
    display:block;
    transition:all .3s ease
}
@media screen and (max-width:80em){
    header nav .logo svg{
        margin-top: 10px;
        width:130px;
        height:57px
    }
    header nav .logo{
    left:60px;
    }
}
@media screen and (max-width:1280em){
    header nav .logo{
    }
}

@media screen and (max-width:64em){
    header nav .logo{
        left:50px
    }
}
@media screen and (max-width:760px){
    header nav .logo{
        left:50%;
        margin-left:-65px;
        top:10px;
        margin-top: 0;        
    }
}
body.biopage header{
    width:60%;
    left:40%
}
body.biopage header nav{
    overflow:hidden;
    height:200px
}
body.biopage header nav .icon{
    width:120px;
    height:120px;
    left:-10px
}
body.biopage header nav .icon svg{
    width:160px;
    height:160px
}
body.biopage header nav .logo{
    top:20px;
    left:70px;
    z-index:99
}
body.biopage header nav .logo svg{
    width:120px
}
body.biopage header nav ul{
    left:0;
    padding-left:200px;
    width:100%;
    top:40px;
    text-align:center
}
body.biopage header nav li{
    font-size:16px
}
body.biopage header nav li a{
    padding:15px 5px 5px;
    margin:0 10px
}
@media screen and (max-width:760px){
    body.biopage header{
        width:100%;
        left:0
    }
    body.biopage header nav .logo{
        top:12px;
        left:50%;
        margin-left:-60px
    }
    body.biopage header nav ul{
        top:auto;
        left:0;
        padding-left:0
    }
    body.biopage header nav li a{
        padding:12px 5px
    }
}
.row{
    max-width:1400px;
    margin:0 auto;
    padding:0 40px
}
@media screen and (max-width:760px){
    .row{
        padding:0 10px
    }
}
.video .vidwrap{
    background:#000;
    position:relative;
    padding-bottom:52.25%;
    padding-bottom:calc(56.25% - 25px);
    padding-top:25px;
    height:0;
    margin:0 auto 10px
}
.video iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.player, .tour{
    display:block;
    background-color:#fff;
    height:0;
    background-size:cover;
    background-position:50%;
    background-blend-mode:multiply;
    margin-bottom:10px;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    transition:all .3s cubic-bezier(.68,-.55,.265,1.55);
    padding-bottom:56.2%
}
.tour { margin-top: 30px; }
.tour .player:before {
    content: none;
}
.player img{
    width:100%;
    height:auto
}
.player:before{
    content:"";
    width:100%;
    top:0;
    bottom:0;
    left:0;
    z-index:91;
    background:#000e0f;
    mix-blend-mode:multiply
}
.player .border,.player:before{
    position:absolute;
    transition:all .3s ease;
    opacity:.4
}
.player .border{
    border:2px solid #fff;
    top:15px;
    right:15px;
    bottom:15px;
    left:15px;
    z-index:99
}
.player:hover{
    background-color:#000e0f
}
.player:hover:before{
    opacity:.2
}
.player:hover .play-button{
    opacity:1
}
.player:hover .border{
    opacity:.7;
    -webkit-transform:scale(1.01);
    -ms-transform:scale(1.01);
    transform:scale(1.01)
}
.player .play-button{
    background:url(/img/triangle.svg) no-repeat;
    width:43px;
    height:70px;
    z-index:99;
    opacity:.7;
    transition:all .3s ease;
    cursor:pointer
}
.player .play-button,.player .play-button:before,.player iframe{
    position:absolute
}
.player .play-button{
    top:50%;
    left:50%;
    -webkit-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0)
}
.player iframe, .tour iframe{
    height:100%;
    width:100%;
    top:0;
    left:0
}
@media screen and (max-width:760px){
    .player .play-button{
        width:50px;
        height:50px
    }
}
.btn{
    background:#e7cf24;
    padding:15px 25px;
    font:14px/1.2 mesmerize,sans-serif;
    text-align:center;
    display:inline-block;
    text-transform:uppercase;
    color:#000e0f;
    text-decoration:none
}
.btn:hover{
    background:#fff
}
@media screen and (max-width:760px){
    .btn{
        font-size:12px;
        padding:15px
    }
}
.address{
    font:24px/1.4 oswaldlight,sans-serif;
    margin:0;
    padding:0 0 12px
}
.address a{
    color:#000e0f;
    text-decoration:none
}
.address a:hover{
    box-shadow:inset 0 -2px 0 0 #e7cf24
}
.address.smaller{
    font-size:18px
}
.thanks.contact h1{
    margin-top:200px
}
.thanks.contact h4{
    margin-bottom:200px
}
.contact{
    padding:0 0 30px
}
.contact footer .contact,.contact footer h2{
    display:none
}
.contact h4{
    font-weight:400;
    font-size:24px;
    max-width:500px;
    margin:0 auto 40px
}
.contact h1{
    font:19vw/1 oswaldbold,sans-serif;
    color:#e7cf24;
    text-shadow:#048c94 4px 4px 0,#fff 5px 5px 0;
    margin:180px 0 20px
}
.contact .button{
    margin-bottom:40px
}
.contact .button a.btn{
    font-size:18px;
    padding:0 0 4px;
    margin:0 15px;
    position:relative
}
.contact .button a.btn:before{
    position:absolute;
    width:100%;
    height:2px;
    background:#000e0f;
    bottom:0;
    left:0;
    content:"";
    -webkit-transform:scalex(0);
    -ms-transform:scalex(0);
    transform:scalex(0);
    transition:all .2s ease
}
.contact .button a.btn.active:before,.contact .button a.btn:hover:before{
    -webkit-transform:scalex(1);
    -ms-transform:scalex(1);
    transform:scalex(1)
}
.contact .text{
    text-align:center
}
.contact .btn{
    font-size:14px;
    margin:0 20px 0 0;
    background:none;
    padding:0;
    color:#e7cf24
}
.contact footer .text{
    text-align:left;
    margin-top:70px
}
footer{
    margin:100px 0
}
footer h3{
    font:20px/1.3 oswaldbold,sans-serif
}
footer .map{
    display:block
}
footer .map img{
    border-radius:100%;
    box-shadow:5px 10px 0 rgba(0,0,0,.3)
}
footer .map:hover{
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05)
}
footer .text{
    padding-left:80px
}
footer .text h2{
    text-align:left;
    margin:0;
    padding:0;
    letter-spacing:-2px
}
footer form p{
    font-size:18px;
    text-transform:uppercase;
    margin:10px 0
}
footer form div{
    overflow:hidden;
    margin:10px 0
}
footer form input[type=email]{
    padding:8px 15px;
    border:0;
    font:normal 20px/24px oswaldlight,sans-serif;
    width:300px;
    float:left
}
footer form button{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:0;
    float:left;
    background:#e7cf24;
    font:normal 14px/24px mesmerize,sans-serif;
    text-transform:uppercase;
    padding:9px 15px;
    margin:0 0 0 6px
}
footer form h3{
    text-transform:uppercase;
    font-size:30px
}
@media screen and (max-width:960px){
    footer{
        text-align:center;
        margin:50px 0 40px
    }
    footer .text{
        padding-left:0
    }
    footer .text h2{
        text-align:center;
        font-size:60px
    }
    footer .text p{
        font-size:20px
    }
    footer .map{
        display:inline-block
    }
    footer .map img{
        max-width:200px;
        margin:0 auto 20px
    }
}
form{
    display:inline-block;
    text-align:center;
    max-width:420px
}
form input,form textarea{
    width:100%;
    font:20px/1 oswaldlight,sans-serif;
    padding:8px;
    border:0;
    text-align:left
}
form label{
    font:10px/1 mesmerize,sans-serif;
    background:#047e85;
    color:#fff;
    display:block;
    padding:8px 10px;
    margin:20px 0 0;
    text-align:left
}
form button,form label{
    text-transform:uppercase
}
form button{
    background:#e7cf24;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:0;
    padding:20px 40px;
    font:14px/1 mesmerize,sans-serif;
    text-align:center;
    margin:15px auto;
    display:inline-block;
    transition:all .3s ease
}
form button:hover{
    background:#fff;
    cursor:pointer
}
.social{
    padding:20px 0 40px
}
.social.banner{
    margin:40px 0 0
}
.social.banner .btn{
    background:#e7cf24!important
}
.social a{
    display:inline-block;
    font:13px/1 mesmerize,sans-serif;
    color:#000;
    background:#e7cf24;
    padding:10px 20px;
    text-transform:uppercase;
    margin:0 3px;
    text-decoration:none
}
.social a.insta{
    background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);
    color:#fff
}
.social a.facebook{
    background:#3b5998;
    color:#fff
}
.social a.youtube{
    background:#c9080e;
    color:#fff
}
.social a:hover{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
@media screen and (max-width:64em){
    .social a{
        font-size:11px;
        padding:10px 15px
    }
}
.relatedhouses{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:20px 10%;
    margin:0 -20px
}
.relatedhouses.nomargin{
    margin:0
}
.associate{
    float:right;
    margin:15px 0 20px 40px
}
.associate .padded{
    padding:0 35px 0 0
}
.associate .card{
    display:block;
    margin-bottom:10px;
    text-align:left;
    background:hsla(0,0%,100%,.6)
}
.associate a{
    text-decoration:none;
    color:#000;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:start;
    -ms-flex-pack:start;
    justify-content:start
}
.associate h6{
    font:normal 10px/1 mesmerize,sans-serif;
    text-align:left;
    color:#000;
    text-transform:uppercase;
    padding:0 0 5px
}
.associate img{
    width:85px;
    height:auto;
    float:left;
    margin:0 20px 0 0
}
@media screen and (max-width:760px){
    .associate{
        width:120px
    }
    .associate h3{
        font-size:15px;
        line-height:1.2
    }
    .associate img{
        width:120px;
        margin:0
    }
    .associate .padded{
        padding:10px;
        width:100%
    }
    .associate a{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.py-20{
    padding:20px 0
}
.square{
    padding:0 2px
}
.card-header{
    color:#fff;
    background:rgba(0,0,0,.2);
    padding:20px 10px;
    transition:all .3s ease
}
.card-header h4.bg-yellow{
    color:rgba(0,0,0,.4)!important
}
.card-content{
    color:#fff;
    padding:0 20px;
    text-transform:uppercase;
    transition:all .3s ease;
    text-align:center;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    font:18px/1 oswaldlight,sans-serif;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%;
    background:rgba(0,0,0,.2)
}
.card-content .bigger{
    font-size:22px;
    line-height:.6
}
.card-content span{
    display:block;
    font-size:12px;
    padding-top:2px
}
.card-content span.blitz-inject {
    font-size: 26px; padding-top: 0;
}
.flex{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.houses .flex{
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.houses .flex .housecard{
    width:20%
}
.houses .flex .housecard.wider{
    width:33%
}
@media screen and (max-width:760px){
    .houses .flex .housecard{
        width:100%
    }
    .houses .flex .housecard.wider{
        width:50%
    }

}
@media screen and (max-width:1260px){
    .houses .flex .housecard{
        width:100%
    }
    .houses .flex .housecard.wider{
        width:100%
    }
}

.testimonial{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:space-around;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    width:100%
}
.testimonial cite{
    font:14px/1.2 mesmerize,sans-serif;
    text-transform:uppercase;
    font-style:normal
}
@media screen and (max-width:760px){
    .testimonial{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .testimonial cite{
        font-size:12px;
        margin-bottom:40px;
        display:block
    }
}
.gallery,.testimonial{
    position:relative;
    z-index:99;
    background:#05a5ad
}
.gallery img,.testimonial img{
    width:100%
}
.gallery .item{
    padding:40px;
    width:100%
}
@media screen and (max-width:760px){
    .gallery{
        padding-bottom:40px
    }
    .gallery .item{
        padding:15px 30px
    }
    .gallery .flex{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.quote{
    width:40%;
    padding-bottom:60px
}
@media screen and (max-width:760px){
    .quote{
        width:100%;
        padding:0 30px
    }
}
.testimonial blockquote{
    max-width:950px;
    font:28px/1.2 butlerlight,serif;
    margin:0;
    text-align:left;
    padding:80px 0 20px
}
@media screen and (max-width:760px){
    .testimonial blockquote{
        width:100%;
        padding:30px 0;
        font-size:24px
    }
}
.caption{
    font:18px/1.2 butlerlight,serif;
    max-width:80%
}
.caption.level1{
    font-size:25px
}
.caption.level2{
    font-size:21px
}
.caption p{
    margin:0;
    padding:5px 0
}
.caption a{
    box-shadow:inset 0 -1px 0 0 #e7cf24;
    text-decoration:none;
    color:#000
}
@media screen and (max-width:760px){
    .caption{
        max-width:100%
    }
    .caption.level1,.caption.level2{
        font-size:18px
    }
}
.ratings{
    width:40%;
    padding:60px 0;
    text-align:center
}
.ratings span,.ratings strong{
    display:block;
    font-weight:400
}
.ratings h3{
    font-size:17px;
    margin:0;
    padding:0
}
.ratings span{
    opacity:.5;
    font:14px/1 mesmerize,sans-serif;
    text-transform:uppercase
}
.ratings a{
    color:#000e0f
}
.ratings strong{
    font:normal 80px/1.2 oswaldlight,sans-serif
}
.ratings p{
    padding:0 30px
}
@media screen and (max-width:760px){
    .ratings{
        width:100%;
        padding:30px 0
    }
    .ratings h3{
        font-size:14px
    }
    .ratings .flex{
        -webkit-justify-content:space-around;
        -ms-flex-pack:distribute;
        justify-content:space-around
    }
    .ratings span{
        font-size:9px
    }
    .ratings p{
        padding:0 10px
    }
    .ratings strong{
        font-size:40px
    }
}
.contactblock{
    position:relative;
    z-index:99;
    padding:80px 40px 170px;
    background:#048c94;
    text-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
.contactblock p{
    font-size:36px
}
.contactblock p.smaller{
    margin-top:30px;
    font-size:24px
}
@media screen and (max-width:760px){
    .contactblock p{
        font-size:24px
    }
    .contactblock p.smaller{
        font-size:20px
    }
}
.housecard{
    padding:20px;
    width:50%
}
.housecard.w-full.p-0 {
    padding: 0;
    width: 100%;
}
.biopage .mapboxgl-popup-content {
    padding: 0 !important;
}
@media screen and (max-width:1160px){
    .housecard{
        width:100%
    }
}
.housecard h2{
    font-size:22px!important;
    margin:0!important;
    padding:0!important
}
.housecard h3{
    text-align:center;
    padding:5px 0 0;
    font:16px/1 oswaldlight,sans-serif
}
.housecard .houseimage{
    position:relative
}
.housecard .houseimage img{
    width:100%;
    height:auto;
    display:block;
    position:relative
}
.housecard .houseimage h4{
    z-index:10;
    position:absolute;
    top:15px;
    right:15px;
    margin:0;
    padding:0!important;
    text-transform:uppercase;
    font:normal 12px/.9 oswaldbold,sans-serif!important
}
.housecard .houseimage h4 span{
    display:block;
    padding:8px 12px;
    background:#000
}
.housecard .houseimage h4 span.blitz-inject {
    padding: 0; background: transparent;
}
.housecard .houseimage h4 span.active{
    background:#81b534
}
.housecard .houseimage h4 span.pending{
    background:#e7cf24;
    color:#000
}
.housecard .houseimage h4 span.sold{
    background:#c35440
}
.housecard a{
    color:#fff;
    text-decoration:none;
    display:block;
    box-shadow:0 5px 13px rgba(0,0,0,.1)
}
.housecard a:hover{
    box-shadow:0 9px 20px rgba(0,0,0,.2)
}
.housecard a:hover .card-content,.housecard a:hover .card-header{
    background:rgba(0,0,0,.3)
}
.people{
    position:relative;
    padding-bottom:90px;
    text-align:center
}
.people .btn{
    display:inline-block;
    margin:40px 0 0
}
.people .box{
    position:absolute;
    overflow:hidden;
    height:2900px;
    width:100%;
    left:0;
    top:-300px;
    z-index:-1
}
.people .angular{
    background:hsla(0,0%,100%,.15);
    -webkit-transform:rotate(24deg);
    -ms-transform:rotate(24deg);
    transform:rotate(24deg);
    position:absolute;
    width:170%;
    left:-350px;
    height:1200px;
    top:446px
}
@media screen and (max-width:64em){
    .people .box{
        height:1500px;
        width:100%;
        top:-120px
    }
    .people .angular{
        top:250px;
        width:1600px;
        height:800px
    }
}
@media screen and (max-width:760px){
    .people .box{
        height:2000px;
        width:100%;
        top:-620px
    }
    .people .angular{
        top:300px;
        width:600px
    }
}
.people .grid{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-flow:row wrap;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    max-width:1200px;
    margin:0 auto
}
@media screen and (max-width:64em){
    .people .grid{
        max-width:800px
    }
}
@media screen and (max-width:760px){
    .people .grid{
        max-width:500px
    }
}
.people .grid h3{
    margin:0;
    font-size:20px
}
@media screen and (max-width:760px){
    .people .grid h3{
        font-size:16px;
        font-size:14px
    }
}
.people .grid .card{
    margin:0 1% 2%;
    -webkit-flex:1 0 22%;
    -ms-flex:1 0 22%;
    flex:1 0 22%;
    z-index:2;
    max-width:22%
}
@media screen and (max-width:64em){
    .people .grid .card{
        -webkit-flex:1 0 30%;
        -ms-flex:1 0 30%;
        flex:1 0 30%;
        max-width:30%
    }
}
@media screen and (max-width:760px){
    .people .grid .card{
        margin:0 2% 4%;
        -webkit-flex:1 0 44%;
        -ms-flex:1 0 44%;
        flex:1 0 44%;
        max-width:44%
    }
}
.people .grid .card img{
    width:100%;
    height:auto
}
.people .grid .card a{
    color:#000e0f;
    display:block;
    background:#fff;
    padding-bottom:10px;
    text-align:center;
    text-decoration:none;
    box-shadow:0 6px 20px rgba(0,0,0,.2)
}
.people .grid .card a:hover{
    -webkit-transform:scale(1.07) rotate(-1deg);
    -ms-transform:scale(1.07) rotate(-1deg);
    transform:scale(1.07) rotate(-1deg);
    box-shadow:0 12px 30px rgba(0,0,0,.4)
}
.bio{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.bio .text{
    padding:180px 0 100px;
    width:60%;
    margin-left:40%;
    min-height:100vh;
    position:relative
}
.bio .text .paginate a{
    position:absolute;
    bottom:0;
    font:16px/1 oswaldbold,sans-serif;
    color:hsla(0,0%,100%,.6);
    padding:25px 30px;
    text-decoration:none;
    text-transform:uppercase
}
.bio .text .paginate a:hover{
    background:#036268;
    color:#fff;
    opacity:1
}
.bio .text .paginate a.prev{
    left:0
}
.bio .text .paginate a.next{
    right:0
}
.bio .text .social{
    text-align:center
}
.bio .text .social a{
    background:#fff
}
.bio .text .social a.insta{
    background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);
    color:#fff
}
.bio .text .social a.facebook{
    background:#3b5998;
    color:#fff
}
.bio .text .social a.youtube{
    background:#c9080e;
    color:#fff
}
.bio .text .social a:hover{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.bio .text h1{
    font:80px/1 oswaldbold,sans-serif;
    text-align:left;
    margin:0 8% 5px;
    text-align:center
}
.bio .text h5{
    font:26px/1 oswaldbold,sans-serif;
    color:#036268;
    display:block;
    margin:0;
    text-align:center;
    text-transform:uppercase;
    padding:15px 0
}
.bio .text h4{
    font-size:20px;
    padding:0 0 40px;
    text-align:center;
    margin:0
}
.bio .text h4 a{
    text-transform:uppercase;
    text-decoration:none;
    padding-bottom:4px;
    margin:0 10px;
    font:14px/.9 mesmerize,sans-serif;
    color:#e7cf24;
    position:relative
}
.bio .text h4 a:before{
    position:absolute;
    width:100%;
    height:2px;
    background:#000e0f;
    bottom:0;
    left:0;
    content:"";
    -webkit-transform:scalex(0);
    -ms-transform:scalex(0);
    transform:scalex(0);
    transition:all .2s ease
}
.bio .text h4 a:hover:before{
    -webkit-transform:scalex(1);
    -ms-transform:scalex(1);
    transform:scalex(1)
}
.bio .text h2{
    font-size:40px;
    margin:30px 0 10px;
    padding:0
}
.bio .text .address{
    text-align:center;
    font-size:24px
}
.bio .text .address.smaller{
    font-size:16px;
    margin-top:10px;
    color:#000e0f
}
.bio .text .special p{
    font-size:24px;
    line-height:1.5;
    padding:0 10%
}
.bio .text .special p:first-letter{
    font:140px/1 oswaldbold,sans-serif;
    text-shadow:#000 1px 1px 1px;
    float:left;
    color:#047e85;
    margin:0 25px -10px 0
}
@media screen and (max-width:760px){
    .bio .text .special p:first-letter{
        font-size:100px;
        margin-right:12px
    }
}
.bio .image{
    position:fixed;
    width:40%;
    padding-top:0;
    background-size:cover;
    background-position:top;
    height:100vh;
    margin:0;
    -webkit-flex:1 0 40%;
    -ms-flex:1 0 40%;
    flex:1 0 40%;
    max-width:40%
}
.bio .image img{
    height:120px;
    display:block
}
.bio .image .button{
    position:absolute;
    bottom:50px;
    left:0;
    width:100%;
    text-align:center
}
.bio .image .button .btn{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
    box-shadow:0 15px 30px rgba(0,0,0,.6)
}
.bio .image .button .btn:hover{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    box-shadow:0 10px 20px rgba(0,0,0,.6)
}
@media screen and (max-width:64em){
    .bio .text{
        padding:150px 0 50px
    }
    .bio .text .special p{
        font-size:18px
    }
    .bio .text h5{
        font-size:20px
    }
}
@media screen and (max-width:760px){
    .bio{
        -webkit-flex-flow:column;
        -ms-flex-flow:column;
        flex-flow:column;
        position:relative
    }
    .bio .text{
        width:100%;
        margin-left:0;
        padding:20px 0 60px
    }
    .bio .text h1{
        margin:0 0 5px
    }
    .bio .text h2{
        margin-top:100px
    }
    .bio .text h5{
        font-size:20px;
        padding:10px 0
    }
    .bio .text h4{
        font-size:18px;
        padding:0 0 20px
    }
    .bio .text .special p{
        font-size:16px;
        padding:0 20px
    }
    .bio .image{
        position:static;
        height:62vh;
        margin-top:85px;
        width:100%;
        max-width:100%;
        -webkit-flex:1 0 100%;
        -ms-flex:1 0 100%;
        flex:1 0 100%
    }
    .bio .image .button{
        bottom:300px;
        z-index:999
    }
}
.hero{
    position:relative;
    text-align:center
}
.hero .animate h1{
    color:#048c94
}
.hero .animate h1.loaded{
    transition:color 1s ease,-webkit-transform 1s ease;
    transition:color 1s ease,transform 1s ease;
    transition:color 1s ease,transform 1s ease,-webkit-transform 1s ease;
    color:#000;
    -webkit-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    transform:translateY(-20px)
}
.hero h1{
    padding:251px 0 0;
    font:90px/1.1 oswaldlight,sans-serif;
    letter-spacing:-2px;
    margin:0
}
.hero h1 b{
    font-family:oswaldbold,sans-serif
}
.hero img{
    width:90%;
    max-width:1500px;
    display:inline-block
}
@media screen and (max-width:64em){
    .hero h1{
        padding:200px 0 0
    }
}
@media screen and (max-width:760px){
    .hero{
        overflow:hidden
    }
    .hero h1{
        padding:150px 0 0;
        letter-spacing:-1px
    }
    .hero img{
        max-width:118%;
        width:118%;
        margin-left:-9%;
        margin-top:-20px
    }
}
.design{
    position:relative;
    margin-bottom:90px;
    text-align:center
}
.design h2{
    margin:0 0 40px;
    padding:0
}
.design p{
    font-size:20px;
    text-align:left;
    margin:0 0 20px
}
.design .columns{
    -webkit-column-gap:30px;
    column-gap:30px;
    margin:0 40px 60px 0
}
.design .btn{
    max-width:340px;
    margin-top:20px
}
.design .box{
    position:absolute;
    height:1680px;
    overflow:hidden;
    width:100%;
    left:0;
    top:-300px;
    z-index:-1
}
.design .angular{
    background:hsla(0,0%,100%,.2);
    -webkit-transform:rotate(-24deg);
    -ms-transform:rotate(-24deg);
    transform:rotate(-24deg);
    position:absolute;
    width:180%;
    left:-350px;
    height:1850px;
    top:446px
}
@media screen and (max-width:64em){
    .design .angular{
        left:-250px;
        width:200%
    }
    .design .box{
        height:1800px
    }
}
@media screen and (max-width:960px){
    .design{
        margin-top:20px
    }
    .design h2{
        margin:0 0 25px
    }
    .design .columns{
        margin:0 0 50px
    }
}
@media screen and (max-width:760px){
    .design p{
        font-size:16px
    }
    .design .box{
        height:1700px
    }
    .design .btn{
        margin-top:15px;
        max-width:300px
    }
    .design .columns{
        -webkit-columns:1;
        columns:1
    }
}
.text-center{
    text-align:center
}
.houses{
    position:relative;
    margin:50px auto 150px
}
.houses .text{
    text-align:center
}
.houses h2{
    padding:20px 0;
    margin:0
}
.houses .gallery{
    position:relative;
    max-width:1400px;
    margin:0 auto
}
@media screen and (max-width:64em){
    .houses h2{
        padding:30px 0 0
    }
}
@media screen and (max-width:760px){
    .houses{
        height:auto;
        min-height:0;
        margin-bottom:60px;
        margin-top:0;
        padding-top:0;
        text-align:center
    }
    .houses .flex{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .houses .text{
        width:100%;
        margin-bottom:20px
    }
    .houses .text p{
        position:absolute;
        bottom:0;
        width:100%
    }
    .houses .gallery{
        position:relative;
        top:auto;
        padding-bottom:90px
    }
}
.houses .house{
    position:absolute;
    display:block
}
.houses .house .overlay{
    opacity:0;
    background-color:rgba(2,56,59,.8);
    text-align:center;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-flex-flow:column;
    -ms-flex-flow:column;
    flex-flow:column;
    transition:all .3s ease;
    color:#fff;
    font-family:oswaldbold,sans-serif;
    z-index:99;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.houses .house .overlay h3{
    margin:0;
    padding:0;
    font-size:28px;
    font-weight:400
}
.houses .house .overlay p{
    font-size:14px;
    padding:0 0 20px;
    margin:0
}
.houses .house .overlay .btn{
    padding:8px 13px;
    font-size:10px
}
.houses .house .overlay p{
    font-family:oswaldlight,sans-serif;
    font-size:18px;
    line-height:1.1;
    margin-top:5px
}
.houses .house img{
    display:block;
    height:auto;
    border:10px solid #fff;
    box-shadow:0 12px 30px rgba(0,0,0,.4);
    transition:all .6s cubic-bezier(.68,-.55,.265,1.55)
}
.houses .house:hover{
    z-index:9999;
    -webkit-transform:scale(1.04);
    -ms-transform:scale(1.04);
    transform:scale(1.04)
}
.houses .house:hover img{
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}
.houses .house:hover .overlay{
    opacity:1
}
@media screen and (max-width:760px){
    .houses .house{
        margin-bottom:12px;
        margin-left:8px;
        margin-right:8px
    }
    .houses .house img{
        border-width:6px
    }
    .houses .house .overlay{
        height:100%;
        padding-top:90px;
        background:linear-gradient(180deg,rgba(4,139,147,.01) 0,rgba(4,139,147,.9));
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#03048b93",endColorstr="#99048b93",GradientType=0);
        opacity:1;
        top:auto;
        right:6px;
        left:6px;
        bottom:6px
    }
    .houses .house .overlay .btn{
        display:none
    }
}
.wpp{
    text-align:center;
    margin:-40px 0 0;
    padding-bottom:30px
}
.wpp img{
    display:inline-block;
    margin:0 20px
}
.wpp img.windermere{
    width:120px;
    height:39px
}
.wpp img.nwmls{
    width:40px;
    height:auto
}
.wpp p{
    margin:12px;
    font:11px/1 helvetica,arial,sans-serif;
    color:#82c6ca
}
.wpp p a{
    text-decoration:none;
    color:#82c6ca
}
.wpp p a:hover{
    text-decoration:underline;
    color:#fff
}
.hide{
    display:none
}
@media screen and (max-width:760px){
    .no-mobile{
        display:none
    }
}
.mobile-only{
    display:none
}
@media screen and (max-width:760px){
    .mobile-only{
        display:block
    }
}
@media print{
    .borders,footer,header{
        display:none
    }
    .pageTitle{
        padding-top:20px
    }
}