! Theme Name: Atomhawk Author: Alan McDonald Author URI: https://alanalanalan.co.uk */
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline
}
h1,h2,h3,h4,h5{
    line-height:1
}
article,aside,footer,header,hgroup,nav,section{
    display:block
}
:focus{
    outline:0
}
body{
    line-height:1;
    color:#000;
    background:#fff;
    height:100%
}
ol,ul{
    list-style:none
}
table{
    border-collapse:separate;
    border-spacing:0
}
caption,td,th{
    text-align:left;
    font-weight:400
}
blockquote:after,blockquote:before,q:after,q:before{
    content:""
}
blockquote,q{
    quotes:"" ""
}
html{
    height:100%
}
a{
    text-decoration:none
}
.hidden{
    display:none
}
.clear{
    clear:both
}
img{
    -ms-interpolation-mode:bicubic;
    width:auto;
    max-width:100%;
    height:auto;
    display:block
}
.left{
    float:left
}
.right{
    float:right
}
b{
    font-weight:300
}
i{
    font-style:normal
}
svg{
    display:block;
    width:100%;
    height:auto
}
body{
    -webkit-text-size-adjust:none;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
input[type=submit],input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],select,textarea{
    -webkit-appearance:none;
    border-radius:0;
    font-size:inherit
}
a{
    -webkit-tap-highlight-color:transparent
}
article,div,footer,header,li,nav,section{
    position:relative
}
button,input,select,textarea{
    font-family:inherit
}
select:active,select:hover{
    outline:0
}
em{
    font-style:normal
}
*{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.left{
    float:left
}
.right{
    float:right
}
a:focus{
    outline:0
}
@font-face{
    font-family:SummerLoving-Regular;
    src:url(fonts/SummerLovingRegular/font.woff2) format('woff2'),url(fonts/SummerLovingRegular/font.woff) format('woff')
}
.columns:after,.columns:before{
    content:"";
    display:table
}
.columns:after{
    clear:both
}
.columns>div{
    float:left
}
.columns>div.centered{
    float:none;
    margin:0 auto
}
.flex-columns{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.flex-columns.align-top{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.flex-columns.vb{
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
.flex-columns.align-center,.flex-columns.vc{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.flex-columns>div{
    height:auto
}
.flex-columns .align-right{
    margin-left:auto
}
.flex-columns.center-columns{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.flex-columns.sb{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.flex-columns .auto-width{
    -webkit-box-flex:1;
    -ms-flex:auto;
    flex:auto
}
.flex-columns.reverse,.flex-columns.row-reverse{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}
.flex-columns.stretch{
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch
}
.flex-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch
}
.flex-wrap.vc{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.flex-wrap.vb{
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
.flex-wrap.sb{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.flex-wrap.nw{
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}
.flex-wrap.reverse,.flex-wrap.row-reverse{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}
.flex-columns{
    margin-left:calc(var(--blockspacervalue) * -.5px);
    margin-right:calc(var(--blockspacervalue) * -.5px)
}
.flex-columns>div{
    padding-left:calc(var(--blockspacervalue) * .5px);
    padding-right:calc(var(--blockspacervalue) * .5px)
}
.flex-columns.gutter-lg{
    margin-left:calc(var(--blockspacervalue) * -1px);
    margin-right:calc(var(--blockspacervalue) * -1px)
}
.flex-columns.gutter-lg>div{
    padding-left:calc(var(--blockspacervalue) * 1px);
    padding-right:calc(var(--blockspacervalue) * 1px)
}
.flex-columns.no-gutter{
    margin-left:0;
    margin-right:0
}
.flex-columns.no-gutter>div{
    padding-left:0;
    padding-right:0
}
.columns.centered,.columns>div.centered{
    float:none;
    margin:0 auto
}
.columns>div.right{
    float:right
}
.col1{
    width:8.333333333333333%
}
.col2{
    width:16.666666666666667%
}
.col3{
    width:25%
}
.col4{
    width:33.333333333333333%
}
.col5{
    width:41.666666666666667%
}
.col6{
    width:50%
}
.col7{
    width:58.333333333333333%
}
.col8{
    width:66.666666666666667%
}
.col9{
    width:75%
}
.col10{
    width:83.333333333333333%
}
.col11{
    width:91.666666666666667%
}
.col12{
    width:100%;
    float:none
}
.col1-2{
    width:50%
}
.col1-3{
    width:33.33333333%
}
.col1-4{
    width:25%
}
.col3-4{
    width:75%
}
.col1-5{
    width:20%
}
.col1-6{
    width:16.66666666666666%
}
.col2-3{
    width:66.66666666%
}

/*video-atom-css*/


.atmo-video-slider .slick-next.slick-arrow:after{content:'';position:absolute;display: inline-block;margin-right: 15px;width: 9px;height: 9px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);}



.atmo-video-slider .slick-prev.slick-arrow:after{content:'';position:absolute;display: inline-block;margin-left: 15px;width: 9px;height: 9px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(-135deg);}
/*video-atom-css*/

@media (max-width:810px){
    .med-fw{
        width:100%
    }
}
.single-column{
    width:100%;
    max-width:712px
}
.single-column.wide{
    max-width:830px
}
.single-column.centered,.single-column.column-centered{
    margin:0 auto
}
.single-column.column-right{
    margin-left:auto
}
:root{
    --blockspacervalue:25;
    --unit:px;
    --app-height:100vh
}
@media (max-width:1600px){
    :root{
        --blockspacervalue:20
    }
}
@media (max-width:1450px){
    :root{
        --blockspacervalue:20
    }
}
@media (max-width:810px){
    :root{
        --blockspacervalue:15
    }
}
@media (max-width:600px){
    :root{
        --blockspacervalue:10
    }
}
@media (max-width:350px){
    :root{
        --blockspacervalue:8
    }
}
.inner{
    padding-left:calc(var(--blockspacervalue) * 2px);
    padding-right:calc(var(--blockspacervalue) * 2px)
}
.push-top-xl{
    padding-top:calc(var(--blockspacervalue) * 4px)
}
.push-bottom-xl{
    padding-bottom:calc(var(--blockspacervalue) * 4px)
}
.push-top-l{
    padding-top:calc(var(--blockspacervalue) * 3px)
}
.push-bottom-l{
    padding-bottom:calc(var(--blockspacervalue) * 3px)
}
.push-top-m{
    padding-top:calc(var(--blockspacervalue) * 2px)
}
.push-bottom-m{
    padding-bottom:calc(var(--blockspacervalue) * 2px)
}
.push-top-s{
    padding-top:calc(var(--blockspacervalue) * 1px)
}
.push-bottom-s{
    padding-bottom:calc(var(--blockspacervalue) * 1px)
}
.article-page{
    padding-top:200px
}
@media (max-width:1600px){
    .article-page{
        padding-top:150px
    }
}
@media (max-width:810px){
    .article-page{
        padding-top:90px
    }
    .article-page .article-featured-image+.col-text .main-title{
        padding-top:.75em
    }
}
@media (max-width:500px){
    .article-page{
        padding-top:70px
    }
}
@media (max-width:600px){
    section.push-bottom-m{
        padding-bottom:calc(var(--blockspacervalue) * 4px)
    }
    section.no-pad-bottom+section.push-top-m{
        padding-top:calc(var(--blockspacervalue) * 4px)
    }
}
.text-left{
    text-align:left
}
.text-right{
    text-align:right
}
.text-center{
    text-align:center
}
body{
    font-family:neue-haas-grotesk-display,sans-serif;
    font-style:normal
}
ol,p,ul{
    line-height:130%;
    padding-bottom:1.25em
}
input,label,ol,p,select,textarea,ul{
    letter-spacing:.045em
}
ul{
    line-height:126%
}
#fonts>.normal,.text-reg{
    font-weight:400
}
#fonts>.normal ol,#fonts>.normal p,#fonts>.normal ul,.text-reg ol,.text-reg p,.text-reg ul{
    line-height:125%;
    letter-spacing:.045em
}
#fonts>.bold,.text-bold,strong{
    font-weight:700;
    letter-spacing:.027em
}
#fonts>.normal-bold{
    font-weight:700
}
#fonts>.heading,h1,h2,h3,h4,h5{
    font-weight:700;
    letter-spacing:.027em;
    line-height:.9
}
#fonts>.heading *,h1 *,h2 *,h3 *,h4 *,h5 *{
    letter-spacing:.027em
}
.text-heading p{
    line-height:115%
}
.uc{
    text-transform:uppercase
}
.nple ol:last-child,.nple p:last-child,.nple ul:last-child,.nple.vacancy-html>div:last-child{
    padding-bottom:0
}
.text-content ol,.text-content p,.text-content table,.text-content ul,.text-content.vacancy-html>div{
    padding-bottom:1.34em;
    letter-spacing:.045em;
    line-height:130%
}
.text-content ol a,.text-content p a,.text-content table a,.text-content ul a,.text-content.vacancy-html>div a{
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:.15em
}
.text-content ol a:hover,.text-content p a:hover,.text-content table a:hover,.text-content ul a:hover,.text-content.vacancy-html>div a:hover{
    color:#ff5945
}
.text-content table{
    padding-bottom:48px
}
.text-content table td{
    vertical-align:top
}
.text-content ul{
    padding-left:1.2em;
    list-style-type:none
}
.text-content ul li{
    padding-bottom:1.4em
}
.text-content ul li:before{
    content:"\2022";
    color:#ff5945;
    display:inline-block;
    width:1.2em;
    margin-left:-1.2em
}
.text-content.vacancy-html ul>div{
    padding-bottom:1.4em;
    -webkit-transform:translateX(-1.2em);
    transform:translateX(-1.2em)
}
.text-content ol{
    list-style-type:decimal
}
.text-content ol{
    padding-left:1em
}
.text-content ol li{
    padding-bottom:1.4em
}
.text-content ol ol,.text-content ol ul{
    font-size:inherit;
    padding-bottom:.3em
}
.text-content blockquote{
    font-size:2.5rem
}
.text-content blockquote p{
    font-size:1rem;
    line-height:120%
}
.text-content img.alignnone{
    display:inline;
    vertical-align:middle
}
.text-content img.alignleft{
    float:left;
    margin:.5em 1em .5em 0
}
.text-content img.alignright{
    float:right;
    margin:0 0 1em 1em
}
.text-content h1,.text-content h2{
    margin-bottom:1em
}
.text-content h3,.text-content h4,.text-content h5{
    margin-bottom:.6em
}
.g-size-xxl{
    font-size:8rem
}
.g-size-xl{
    font-size:6rem
}

@media (max-width:1700px){
    .g-size-xl{
        font-size:5.5rem
    }
}
@media (max-width:1600px){
    .g-size-xl{
        font-size:5rem
    }
}
@media (max-width:1150px){
    .g-size-xl{
        font-size:4.5rem
    }
}
@media (max-width:810px){
    .g-size-xl{
        font-size:4rem
    }
}
@media (max-width:600px){
    .g-size-xl{
        font-size:3.5rem
    }
}
@media (max-width:420px){
    .g-size-xl{
        font-size:3rem
    }
}
@media (max-width:420px){
    .g-size-xl{
        font-size:3rem
    }
}
@media (max-width:350px){
    .g-size-xl{
        font-size:2.7rem
    }
}
.g-size-l,.text-content h2{
    font-size:5rem
}
@media (min-width:1921px){
    .g-size-l,.text-content h2{
        font-size:2.6vw
    }
}
@media (max-width:1600px){
    .g-size-l,.text-content h2{
        font-size:4.5rem
    }
}
@media (max-width:1450px){
    .g-size-l,.text-content h2{
        font-size:4.25rem
    }
}
@media (max-width:1150px){
    .g-size-l,.text-content h2{
        font-size:4rem
    }
}
@media (max-width:810px){
    .g-size-l,.text-content h2{
        font-size:3.5rem
    }
}
@media (max-width:600px){
    .g-size-l,.text-content h2{
        font-size:3rem
    }
}
@media (max-width:500px){
    .g-size-l,.text-content h2{
        font-size:2.7rem
    }
}
@media (max-width:420px){
    .g-size-l,.text-content h2{
        font-size:2.5rem
    }
}
@media (max-width:350px){
    .g-size-l,.text-content h2{
        font-size:2.2rem
    }
}
.g-size-med,.text-content h3{
    font-size:4rem
}
@media (min-width:1921px){
    .g-size-med,.text-content h3{
        font-size:2.1vw
    }
}
@media (max-width:1600px){
    .g-size-med,.text-content h3{
        font-size:3.5rem
    }
}
@media (max-width:1150px){
    .g-size-med,.text-content h3{
        font-size:3.3rem
    }
}
@media (max-width:810px){
    .g-size-med,.text-content h3{
        font-size:3.3rem
    }
}
@media (max-width:600px){
    .g-size-med,.text-content h3{
        font-size:3rem
    }
}
@media (max-width:420px){
    .g-size-med,.text-content h3{
        font-size:2.8rem
    }
}
@media (max-width:350px){
    .g-size-med,.text-content h3{
        font-size:2.5rem
    }
}
.g-size-reg-med,.text-content h4{
    font-size:4rem
}
@media (min-width:1921px){
    .g-size-reg-med,.text-content h4{
        font-size:2.1vw
    }
}
@media (max-width:1600px){
    .g-size-reg-med,.text-content h4{
        font-size:3.5rem
    }
}
@media (max-width:1150px){
    .g-size-reg-med,.text-content h4{
        font-size:3.3rem
    }
}
@media (max-width:810px){
    .g-size-reg-med,.text-content h4{
        font-size:3.3rem
    }
}
@media (max-width:600px){
    .g-size-reg-med,.text-content h4{
        font-size:3rem
    }
}
@media (max-width:420px){
    .g-size-reg-med,.text-content h4{
        font-size:2.8rem
    }
}
@media (max-width:350px){
    .g-size-reg-med,.text-content h4{
        font-size:2.5rem
    }
}
.g-size-reg,.text-content h5,.text-content h6{
    font-size:3rem
}
@media (min-width:1921px){
    .g-size-reg,.text-content h5,.text-content h6{
        font-size:1.57vw
    }
}
@media (max-width:1600px){
    .g-size-reg,.text-content h5,.text-content h6{
        font-size:2.5rem
    }
}
@media (max-width:1150px){
    .g-size-reg,.text-content h5,.text-content h6{
        font-size:2.2rem
    }
}
@media (max-width:810px){
    .g-size-reg,.text-content h5,.text-content h6{
        font-size:2rem
    }
}
@media (max-width:600px){
    .g-size-reg,.text-content h5,.text-content h6{
        font-size:1.8rem
    }
}
@media (max-width:420px){
    .g-size-reg,.text-content h5,.text-content h6{
        font-size:1.5rem
    }
}
.g-size-sm{
    font-size:2.5rem
}
@media (min-width:1921px){
    .g-size-sm{
        font-size:1.3vw
    }
}
@media (max-width:1600px){
    .g-size-sm{
        font-size:2.2rem
    }
}
@media (max-width:1150px){
    .g-size-sm{
        font-size:2rem
    }
}
@media (max-width:810px){
    .g-size-sm{
        font-size:1.9rem
    }
}
@media (max-width:600px){
    .g-size-sm{
        font-size:1.7rem
    }
}
@media (max-width:420px){
    .g-size-sm{
        font-size:1.5rem
    }
}
@media (max-width:350px){
    .g-size-sm{
        font-size:1.4rem
    }
}
.text-script{
    font-family:SummerLoving-Regular;
    font-weight:400!important;
    line-height:1
}
.text-script.g-size-xl{
    font-size:25rem
}
@media (min-width:1921px){
    .text-script.g-size-xl{
        font-size:14vw
    }
}
@media (max-width:1600px){
    .text-script.g-size-xl{
        font-size:22rem
    }
}
@media (max-width:1150px){
    .text-script.g-size-xl{
        font-size:17rem
    }
}
@media (max-width:810px){
    .text-script.g-size-xl{
        font-size:15rem
    }
}
@media (max-width:600px){
    .text-script.g-size-xl{
        font-size:12rem
    }
}
@media (max-width:420px){
    .text-script.g-size-xl{
        font-size:10rem
    }
}
.text-script.g-size-l{
    font-size:14rem
}
@media (max-width:1600px){
    .text-script.g-size-l{
        font-size:12rem
    }
}
@media (max-width:1150px){
    .text-script.g-size-l{
        font-size:10rem
    }
}
@media (max-width:810px){
    .text-script.g-size-l{
        font-size:8rem
    }
}
@media (max-width:600px){
    .text-script.g-size-l{
        font-size:7rem
    }
}
@media (max-width:420px){
    .text-script.g-size-l{
        font-size:6rem
    }
}
.text-script.g-size-med{
    font-size:11rem
}
@media (max-width:1600px){
    .text-script.g-size-med{
        font-size:10rem
    }
}
@media (max-width:1150px){
    .text-script.g-size-med{
        font-size:9rem
    }
}
@media (max-width:810px){
    .text-script.g-size-med{
        font-size:8.5rem
    }
}
@media (max-width:600px){
    .text-script.g-size-med{
        font-size:7.5rem;
        padding-top:.1em
    }
}
@media (max-width:420px){
    .text-script.g-size-med{
        font-size:6.5rem
    }
}
@media (max-width:390px){
    .text-script.g-size-med{
        font-size:5.9rem
    }
}
@media (max-width:350px){
    .text-script.g-size-med{
        font-size:5.6rem
    }
}
.text-script.g-size-sm{
    font-size:10rem
}
@media (max-width:1600px){
    .text-script.g-size-sm{
        font-size:9rem
    }
}
@media (max-width:1150px){
    .text-script.g-size-sm{
        font-size:7.5rem
    }
}
@media (max-width:810px){
    .text-script.g-size-sm{
        font-size:6rem
    }
}
@media (max-width:600px){
    .text-script.g-size-sm{
        font-size:5.5rem
    }
}
@media (max-width:420px){
    .text-script.g-size-sm{
        font-size:4.5rem
    }
}
.pt0-25{
    padding-top:.25em!important
}
.pt0-5{
    padding-top:.5em!important
}
.pt0-75{
    padding-top:.75em!important
}
.pt1{
    padding-top:1em!important
}
.pt1-5{
    padding-top:1.5em!important
}
.pt2{
    padding-top:2em!important
}
.pb0-25{
    padding-bottom:.25em!important
}
.pb0-5{
    padding-bottom:.5em!important
}
.pb0-75{
    padding-bottom:.75em!important
}
.pb1{
    padding-bottom:1em!important
}
.pb1-5{
    padding-bottom:1.5em!important
}
.pb2{
    padding-bottom:2em!important
}
.pb2-5{
    padding-bottom:2.5em!important
}
.pb3{
    padding-bottom:3em!important
}
p.g-size-med{
    line-height:110%
}
.anim-links a,.anim-links span.current{
    position:relative;
    display:inline-block
}
.anim-links a:after,.anim-links span.current:after{
    content:'';
    position:absolute;
    width:0;
    height:1px;
    display:block;
    margin-top:1px;
    right:0;
    background:#ff5945;
    -webkit-transition:width .4s ease;
    transition:width .4s ease
}
.anim-links a:hover:after,.anim-links span.current:hover:after{
    width:100%;
    left:0
}
.img-greyscale{
    -webkit-filter:grayscale(1);
    filter:grayscale(1)
}
.img-multiply{
    mix-blend-mode:multiply
}
img.fw,picture.fw{
    width:100%
}
picture.fw img{
    width:100%;
    max-width:none
}
.img-rounded-corners{
    border-radius:5px;
    overflow:hidden
}
.image-caption{
    padding:20px;
    font-weight:700;
    letter-spacing:.027em
}
.image-caption p:last-child{
    padding:0
}
@media (max-width:550px){
    .image-caption{
        padding:15px
    }
}
.bg-media,.fixed-height-image{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:0
}
.bg-media picture img,.bg-media>img,.fixed-height-image picture img,.fixed-height-image>img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.bg-media>picture,.fixed-height-image>picture{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.bg-media.bg-contain,.fixed-height-image.bg-contain{
    display:block
}
.bg-media.bg-contain picture img,.bg-media.bg-contain>img,.fixed-height-image.bg-contain picture img,.fixed-height-image.bg-contain>img{
    -o-object-fit:contain;
    object-fit:contain;
    -o-object-position:50% 50%;
    object-position:50% 50%
}
.bg-media.focus-top img,.fixed-height-image.focus-top img{
    -o-object-position:50% 0;
    object-position:50% 0
}
.bg-media.focus-center img,.fixed-height-image.focus-center img{
    -o-object-position:50% 50%;
    object-position:50% 50%
}
.bg-media.focus-bottom img,.fixed-height-image.focus-bottom img{
    -o-object-position:50% 100%;
    object-position:50% 100%
}
.bg-media video,.fixed-height-image video{
    width:100% he
}
.fixed-height-image{
    position:relative;
    height:auto;
    top:auto;
    left:auto
}
.abs-play-button{
    width:25%;
    max-width:80px;
    min-width:45px;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:0
}
.abs-play-button.lg{
    max-width:105px
}
@media (max-width:600px){
    .abs-play-button{
        max-width:45px
    }
}
.img-circle{
    border-radius:100%;
    overflow:hidden
}
.fis{
    height:0
}
.fis a>img,.fis picture img,.fis>img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.fis>picture{
    position:relative;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.fis.contain img{
    -o-object-fit:contain;
    object-fit:contain;
    -o-object-position:left;
    object-position:left
}
.fis.fis-square{
    padding-bottom:100%
}
.fis.fis-landscape-2-1{
    padding-bottom:50%
}
.fis.fis-landscape{
    padding-bottom:66.66666666%
}
.fis.fis-landscape-tall{
    padding-bottom:78%
}
.fis.fis-letterbox{
    padding-bottom:33.3333333333%
}
.fis.fis-portrait{
    padding-bottom:150%
}
.fis.fis-fh{
    height:100%
}
.fvs{
    height:0
}
.fvs video{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    -o-object-fit:cover;
    object-fit:cover
}
video{
    width:100%;
    height:auto
}
.bg-dark-grey{
    background-color:#444
}
.text-dark-grey,a.text-dark-grey{
    color:#444
}
.bg-light-grey{
    background-color:#F0ECEB
}
.text-light-grey,a.text-light-grey{
    color:#F0ECEB
}
.bg-black{
    background-color:#000
}
.text-black,a.text-black{
    color:#000
}
.bg-white{
    background-color:#fff
}
.text-white,a.text-white{
    color:#fff
}
.bg-default{
    background-color:#000
}
.text-default,a.text-default{
    color:#000
}
.bg-yellow{
    background-color:#ffff90
}
.text-yellow,a.text-yellow{
    color:#ffff90
}
.bg-red{
    background-color:#ff0061
}
.text-red,a.text-red{
    color:#ff0061
}
.bg-pink{
    background-color:#ff87ff
}
.text-pink,a.text-pink{
    color:#ff87ff
}
.bg-light-blue{
    background-color:#00e1ff
}
.text-light-blue,a.text-light-blue{
    color:#00e1ff
}
.bg-dark-blue{
    background-color:#4f00ff
}
.text-dark-blue,a.text-dark-blue{
    color:#4f00ff
}
.bg-green{
    background-color:#00dc96
}
.text-green,a.text-green{
    color:#00dc96
}
.bg-midnight{
    background-color:#171426
}
.text-midnight,a.text-midnight{
    color:#171426
}
.bg-twilight{
    background-color:#333340
}
.text-twilight,a.text-twilight{
    color:#333340
}
.bg-solar{
    background-color:#ff5945
}
.text-solar,a.text-solar{
    color:#ff5945
}
.bg-purple{
    background-color:#9100ff
}
.text-purple,a.text-purple{
    color:#9100ff
}
.anim-fade-up{
    -webkit-transform:translateY(60px) translateZ(0);
    transform:translateY(60px) translateZ(0);
    -webkit-transition:opacity .8s,-webkit-transform .8s ease;
    transition:opacity .8s,-webkit-transform .8s ease;
    transition:opacity .8s,transform .8s ease;
    transition:opacity .8s,transform .8s ease,-webkit-transform .8s ease;
    opacity:0;
    will-change:opacity,transform;
    -webkit-backface-visibility:hidden
}
@media (max-width:500px){
    .anim-fade-up{
        -webkit-transform:translateY(40px) translateZ(0);
        transform:translateY(40px) translateZ(0)
    }
}
.anim-fade-up.is-inview{
    opacity:1;
    -webkit-transform:translateY(0) translateZ(0);
    transform:translateY(0) translateZ(0)
}
.anim-up{
    will-change:transform;
    -webkit-transform:translateY(60px) translateZ(0);
    transform:translateY(60px) translateZ(0);
    -webkit-transition:-webkit-transform .8s ease;
    transition:-webkit-transform .8s ease;
    transition:transform .8s ease;
    transition:transform .8s ease, -webkit-transform .8s ease;
    -webkit-backface-visibility:hidden
}
@media (max-width:500px){
    .anim-up{
        -webkit-transform:translateY(40px) translateZ(0);
        transform:translateY(40px) translateZ(0)
    }
}
.anim-up.is-inview{
    -webkit-transform:translateY(0) translateZ(0);
    transform:translateY(0) translateZ(0)
}
.anim-fade-down-type{
    will-change:opacity,transform;
    -webkit-transform:translateY(-1em) translateZ(0);
    transform:translateY(-1em) translateZ(0);
    opacity:0;
    -webkit-transition:opacity .4s,-webkit-transform .4s ease-out;
    transition:opacity .4s,-webkit-transform .4s ease-out;
    transition:opacity .4s,transform .4s ease-out;
    transition:opacity .4s,transform .4s ease-out,-webkit-transform .4s ease-out
}
.anim-fade-down-type.is-inview{
    -webkit-transform:translateY(0) translateZ(0);
    transform:translateY(0) translateZ(0);
    opacity:1
}
.anim-fade-up-type{
    -webkit-transform:translateY(1em) translateZ(0);
    transform:translateY(1em) translateZ(0);
    opacity:0;
    -webkit-transition:opacity .4s,-webkit-transform .4s ease-out;
    transition:opacity .4s,-webkit-transform .4s ease-out;
    transition:opacity .4s,transform .4s ease-out;
    transition:opacity .4s,transform .4s ease-out,-webkit-transform .4s ease-out;
    will-change:opacity,transform;
    -webkit-backface-visibility:hidden
}
.anim-fade-up-type.is-inview{
    -webkit-transform:translateY(0) translateZ(0);
    transform:translateY(0) translateZ(0);
    opacity:1
}
.anim-fade-in{
    opacity:0;
    -webkit-transition:opacity .8s ease;
    transition:opacity .8s ease;
    -webkit-backface-visibility:hidden;
    will-change:opacity
}
.anim-fade-in.is-inview{
    opacity:1
}
.anim-bg-image-scale{
    -webkit-transition:-webkit-transform 1s ease-out;
    transition:-webkit-transform 1s ease-out;
    transition:transform 1s ease-out;
    transition:transform 1s ease-out, -webkit-transform 1s ease-out;
    -webkit-backface-visibility:hidden;
    will-change:transform
}
.anim-bg-image-scale.is-inview{
    -webkit-transform:scale(1.1) translateZ(0);
    transform:scale(1.1) translateZ(0)
}
.anim-bg-image-zoom-down{
    -webkit-transition:opacity 1.4s,-webkit-transform 1.4s cubic-bezier(.45,.05,.55,.95);
    transition:opacity 1.4s,-webkit-transform 1.4s cubic-bezier(.45,.05,.55,.95);
    transition:opacity 1.4s,transform 1.4s cubic-bezier(.45,.05,.55,.95);
    transition:opacity 1.4s,transform 1.4s cubic-bezier(.45,.05,.55,.95),-webkit-transform 1.4s cubic-bezier(.45,.05,.55,.95);
    -webkit-backface-visibility:hidden;
    will-change:opacity,transform;
    -webkit-transform:scale(1.9) translateZ(0);
    transform:scale(1.9) translateZ(0);
    opacity:0
}
.anim-bg-image-zoom-down.is-inview,.is-inview .anim-bg-image-zoom-down{
    -webkit-transform:scale(1) translateZ(0);
    transform:scale(1) translateZ(0);
    opacity:1
}
.anim-bg-image-zoom-down-sm{
    -webkit-transition:opacity 1.4s,-webkit-transform 1.4s cubic-bezier(.45,.05,.55,.95);
    transition:opacity 1.4s,-webkit-transform 1.4s cubic-bezier(.45,.05,.55,.95);
    transition:opacity 1.4s,transform 1.4s cubic-bezier(.45,.05,.55,.95);
    transition:opacity 1.4s,transform 1.4s cubic-bezier(.45,.05,.55,.95),-webkit-transform 1.4s cubic-bezier(.45,.05,.55,.95);
    -webkit-backface-visibility:hidden;
    -webkit-transform:scale(1.4) translateZ(0);
    transform:scale(1.4) translateZ(0);
    opacity:0;
    will-change:opacity,transform
}
.anim-bg-image-zoom-down-sm.is-inview,.is-inview .anim-bg-image-zoom-down-sm{
    -webkit-transform:scale(1) translateZ(0);
    transform:scale(1) translateZ(0);
    opacity:1
}
@media (max-width:500px){
    .anim-bg-image-zoom-down-sm{
        -webkit-transition-duration:.8s;
        transition-duration:.8s
    }
}
.anim-delayed-100{
    -webkit-transition-delay:.1s;
    transition-delay:.1s
}
.anim-delayed-200{
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.anim-delayed-300{
    -webkit-transition-delay:.3s;
    transition-delay:.3s
}
.anim-delayed-400{
    -webkit-transition-delay:.4s;
    transition-delay:.4s
}
.anim-delayed-500{
    -webkit-transition-delay:.5s;
    transition-delay:.5s
}
.anim-delayed-600{
    -webkit-transition-delay:.6s;
    transition-delay:.6s
}
.anim-delayed-700{
    -webkit-transition-delay:.7s;
    transition-delay:.7s
}
.anim-delayed-800{
    -webkit-transition-delay:.8s;
    transition-delay:.8s
}
.anim-delayed-1000{
    -webkit-transition-delay:10s;
    transition-delay:10s
}
.anim-delayed-600{
    -webkit-transition-delay:.6s;
    transition-delay:.6s
}
span.grad-fill{
    position:absolute;
    display:block;
    width:100%;
    left:0;
    bottom:0;
    z-index:0;
    will-change:opacity;
    -webkit-transition:opacity 650ms;
    transition:opacity 650ms;
    opacity:0
}
span.grad-fill.h-33{
    height:33%
}
span.grad-fill.h-50{
    height:50%
}
span.grad-fill.h-75{
    height:75%
}
span.grad-fill.h-100{
    height:100%
}
span.grad-fill.h-110{
    height:110%
}
span.grad-fill.h-120{
    height:120%
}
span.grad-fill.delay{
    -webkit-transition-delay:1s;
    transition-delay:1s
}
.is-inview span.grad-fill{
    opacity:1
}
@media (max-width:700px){
    .cards-wrap+.lq-block.has-gradient{
        padding-top:60px
    }
    .cards-wrap+.lq-block.has-gradient span.grad-fill.h-110{
        height:102%
    }
}
.grad-fill.fade-to-white:before{
    display:block;
    content:'';
    height:100%;
    max-height:390px;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:0;
    background:-webkit-gradient(linear,left bottom, left top,color-stop(0, rgba(255,255,255,0)),to(#fff));
    background:linear-gradient(0deg,rgba(255,255,255,0) 0,#fff 100%)
}
@media (max-width:900px){
    .grad-fill.fade-to-white:before{
        max-height:250px
    }
}
@media (max-width:60px){
    .grad-fill.fade-to-white:before{
        max-height:150px
    }
}
.grad-fill.fade-to-light-grey:before{
    display:block;
    content:'';
    height:100%;
    max-height:390px;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:0;
    background:-webkit-gradient(linear,left bottom, left top,color-stop(0, rgba(240,236,235,0)),to(#f0eceb));
    background:linear-gradient(0deg,rgba(240,236,235,0) 0,#f0eceb 100%)
}
@media (max-width:900px){
    .grad-fill.fade-to-light-grey:before{
        max-height:250px
    }
}
@media (max-width:60px){
    .grad-fill.fade-to-light-grey:before{
        max-height:150px
    }
}
.grad-fill.fade-to-midnight:before{
    display:block;
    content:'';
    height:100%;
    max-height:390px;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:0;
    background:-webkit-gradient(linear,left bottom, left top,color-stop(0, rgba(23,20,38,0)),to(#171426));
    background:linear-gradient(0deg,rgba(23,20,38,0) 0,#171426 100%)
}
@media (max-width:900px){
    .grad-fill.fade-to-midnight:before{
        max-height:250px
    }
}
@media (max-width:60px){
    .grad-fill.fade-to-midnight:before{
        max-height:150px
    }
}
.grad-fill.fade-to-blue-black:before{
    display:block;
    content:'';
    height:100%;
    max-height:390px;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:0;
    background:-webkit-gradient(linear,left bottom, left top,color-stop(0, rgba(15,15,25,0)),to(#0f0f19));
    background:linear-gradient(0deg,rgba(15,15,25,0) 0,#0f0f19 100%)
}
@media (max-width:900px){
    .grad-fill.fade-to-blue-black:before{
        max-height:250px
    }
}
@media (max-width:60px){
    .grad-fill.fade-to-blue-black:before{
        max-height:150px
    }
}
.grad-fill-blue-purple{
    background:linear-gradient(66deg,#5000ff 0,#9100ff 79%)
}
.grad-fill-orange-pink{
    background:linear-gradient(66deg,#ff5945 0,#ff87ff 79%)
}
.grad-fill-red-purple{
    background:linear-gradient(66deg,#ff0061 0,#9100ff 79%)
}
.grad-fill-pink-purple{
    background:linear-gradient(66deg,#ff87ff 0,#9100ff 79%)
}
.grad-fill-purple-light-blue{
    background:linear-gradient(66deg,#9100ff 0,#00e1ff 79%)
}
.grad-fill-dark-blue-green{
    background:linear-gradient(66deg,#4f00ff 0,#00dc96 79%)
}
.grad-fill-light-blue-yellow{
    background:linear-gradient(66deg,#00e1ff 0,#ffff90 79%)
}
.grad-fill-yellow-red{
    background:linear-gradient(66deg,#ffff90 0,#ff0061 79%)
}
.grad-fill-green-light-blue{
    background:linear-gradient(66deg,#00dc96 0,#00e1ff 79%)
}
.menu-toggle{
    position:absolute;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    z-index:11000;
    border:none;
    background:0 0;
    cursor:pointer;
    right: 50px;
    top: 35px;
    width: 50px;
    height: 50px;
}

.menu-toggle .bars{
    width:100%;
    display:inline-block;
    vertical-align:middle;
}
.menu-toggle span{
    height:2px;
    margin:8px 0;
    -webkit-transition:background .3s,opacity .3s,bottom .3s ease,-webkit-transform .3s;
    transition:background .3s,opacity .3s,bottom .3s ease,-webkit-transform .3s;
    transition:background .3s,transform .3s,opacity .3s,bottom .3s ease;
    transition:background .3s,transform .3s,opacity .3s,bottom .3s ease,-webkit-transform .3s;
    width:100%;
    display:block;
    position:relative;
    bottom:0;
    opacity:1;
    background:#fff
}
.menu-toggle span:nth-child(3){
    margin-left:auto
}
.menu-toggle:hover span{
    background:#fff!important
}
.menu-toggle:hover span:nth-child(1){
    -webkit-transform:translateX(10px);
    transform:translateX(10px)
}
.menu-toggle:hover span:nth-child(3){
    -webkit-transform:translateX(-10px);
    transform:translateX(-10px)
}
@media (max-width:950px){
    .menu-toggle:hover span:nth-child(1){
        -webkit-transform:translateX(5px);
        transform:translateX(5px)
    }
    .menu-toggle:hover span:nth-child(3){
        -webkit-transform:translateX(-5px);
        transform:translateX(-5px)
    }
    
}

.menuopen.show-menu .menu-toggle:hover{
    background:0 0
}
.menuopen.show-menu .menu-toggle span:nth-child(1){
    bottom:-10px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.menuopen.show-menu .menu-toggle span:nth-child(2){
    opacity:0
}
.menuopen.show-menu .menu-toggle span:nth-child(3){
    bottom:10px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
@media (max-width:950px){
    .menu-toggle{
        width:40px;
        width:40px;
        top:21px;
        right:40px;
     /*   -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end;*/
        padding-right:calc(var(--blockspacervalue) * 2px)
    }
    .menu-toggle .bars{
        width:40px
    }
    .MarqueeSection .ourclient-title, .letsmake-title , .projects-textarea h2 {
        font-size: 4.5rem !important;
        line-height: 5.5rem !important;
    }
    .projects-section {
        padding: 53px 50px;
        flex-direction: column;
    }
    .projects-textarea {
        max-width: 100% !important;
    }
    .projects-gallery
    {
        width: 100%!important;
    }
    .gallery-item {
        height: 195px!important;
    }
    .projects-gallery {
        grid-template-columns: repeat(11, 2fr)!important;
        grid-template-rows: 195px!important;
        gap: 15px!important;
    }
    .item-1 {
        grid-column: span 24!important;
        grid-row: 1!important;
    }
    .item-2 {
        grid-column: span 5!important;
        grid-row: 2!important;
    }
    .item-3 {
        grid-column: span 5!important;
        grid-row: 2!important;
    }
    .item-4 {
        grid-column: span 14!important;
        grid-row: 2!important;
    }
    .item-5 {
        grid-column: span 10!important;
        grid-row: 3!important;
    }
    .item-6 {
        grid-column: span 14!important;
        grid-row: 3!important;
    }
    .item-7 {
        display: none;
    }
    .item-8 {
        display: none;
    }
    
}
@media (max-width: 767px) {
    .get-in-touch-header {
        left: -100px !important;
    }
    .marquee {
        height: 15vh !important;
        width: 35vw !important;
        margin: 0px !important;
    }
    .FirstRow {
        animation: Scroll 10s linear infinite !important;
     }
     .SecondRow {
        animation: Scroll 10s linear infinite !important;
        animation-direction: reverse !important;
    }
    .MarqueeSection .ourclient-title {
        font-size: 5rem;
        line-height: inherit;
    }
    .def-br{
        display: none;
    }
    .projects-section {
        padding: 20px !important;
        flex-direction: column;
    }
    .projects-textarea {
        max-width: 100% !important;
    }
    .projects-gallery
    {
        width: 100%!important;
    }
    .gallery-item {
        height: 135px !important;
    }
    .projects-gallery {
        grid-template-columns: repeat(30, 2fr) !important;
        grid-template-rows: 132px !important;
        gap: 11px !important;
    }
    .item-1 {
        grid-column: span 30!important;
        grid-row: 1!important;
    }
    .item-2 {
        grid-column: span 10 !important;
        grid-row: 2 !important;
    }
    .item-3 {
        grid-column: span 10 !important;
        grid-row: 2 !important;
    }
    .item-3 {
        grid-column: span 10 !important;
        grid-row: 2 !important;
    }
    .item-4 {
        grid-column: span 10 !important;
        grid-row: 2 !important;
    }
    .item-5 {
        grid-column: span 14 !important;
        grid-row: 3 !important;
    }
    .item-5 {
        grid-column: span 10 !important;
        grid-row: 3 !important;
    }
    .item-6 {
        grid-column: span 20 !important;
        grid-row: 3 !important;
    }
    .item-7 {
        display: none;
    }
    .item-8 {
        display: none;
    }
}

@media (max-width:500px){
    .menu-toggle{
        height: 70px;
        width: 70px;
        top: 0;
        right: 10px;
    }
    .menu-toggle .bars{
        width:35px
    }
    .get-in-touch-header {
        left: -70px !important;
    }
    .marquee {
        height: 20vh !important;
        width: 40vw !important;
        }
    .FirstRow {
        animation: Scroll 10s linear infinite !important;
     }
     .SecondRow {
        animation: Scroll 10s linear infinite !important;
        animation-direction: reverse !important;
    }
    .MarqueeSection .ourclient-title, .letsmake-title {
        font-size: 3.5rem !important;
    }
    .footer-logos .logo-item {
        margin: 20px 0px 0 0!important;
        width: 96px;
    }
    .footer-logos {
        justify-content: space-between;
    }
}
.masthead{
    width:100%;
    height:122px;
    z-index:10!important;
    position:absolute;
    left:0;
    top:0;
    -webkit-transition:background .4s,-webkit-transform .4s ease;
    transition:background .4s,-webkit-transform .4s ease;
    transition:background .4s,transform .4s ease;
    transition:background .4s,transform .4s ease,-webkit-transform .4s ease
}
.masthead.masthead-fixed-elm{
    position:fixed;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
.masthead>.inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%;
    z-index:11
}
.masthead .logo{
    width:250px;
    -webkit-transform:translateY(-14%);
    transform:translateY(-14%)
}
.masthead .logo svg{
    width:100%;
    display:block;
    -webkit-transition:fill .4s ease;
    transition:fill .4s ease
}
.masthead .logo path{
    -webkit-transition:fill .4s ease;
    transition:fill .4s ease
}
@media (orientation:landscape) and (max-height:650px){
    .show-menu:not(.menu-trans) .masthead{
        background:#171426
    }
}
@media (max-width:950px){
    .masthead{
        height:90px
    }
    .masthead .logo{
        width:200px
    }
}
@media (max-width:500px){
    .masthead{
        height:70px
    }
    .masthead .logo{
        width:160px
    }
}
.ah-logo-mark{
    fill:#ff5945;
    -webkit-transition:fill .3s ease;
    transition:fill .3s ease
}
.ah-logo-type{
    fill:#fff;
    -webkit-transition:fill .3s ease;
    transition:fill .3s ease
}
.masthead-slideup:not(.show-menu) .masthead-fixed-elm{
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
.masthead-might-go-sticky .masthead-fixed-elm{
    background:rgba(23,20,38,.9)
}
.show-menu .masthead-fixed-elm{
    background:0 0
}
.force-hidden-header .masthead-fixed-elm{
    -webkit-transform:translateY(-100%)!important;
    transform:translateY(-100%)!important
}
.masthead-sticky:not(.show-menu) .masthead-fixed-elm{
    /* background:rgba(23,20,38,.9) */
}
.masthead-sticky:not(.show-menu) .masthead-fixed-elm .ah-logo-mark{
    fill:#ff5945
}
.masthead-sticky:not(.show-menu) .masthead-fixed-elm .ah-logo-type{
    fill:#fff
}
.masthead-sticky:not(.show-menu) .masthead-fixed-elm .menu-toggle span,.masthead-sticky:not(.show-menu) .masthead-fixed-elm .menu-toggle:hover span{
    background:#fff!important
}
.masthead-sticky .masthead-fixed-elm{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
html:not(.show-menu) .masthead-white .ah-logo-mark{
    fill:#fff
}
html:not(.show-menu) .masthead-white .ah-logo-type{
    fill:#fff
}
html:not(.show-menu) .masthead-dark .ah-logo-type{
    fill:#171426
}
html:not(.show-menu) .masthead-dark .menu-toggle span{
    background:#171426
}
html:not(.show-menu) .masthead-dark .menu-toggle:hover span{
    background:#171426!important
}
@media (min-width:1001px) and (orientation:portrait),(min-width:801px) and (orientation:landscape){
    .lock-masthead .masthead{
        display:none
    }
    .lock-masthead .masthead.masthead-fixed-elm{
        top:0;
        display:block;
        -webkit-transform:none;
        transform:none;
        background:0 0!important;
        opacity:1
    }
    .lock-masthead .masthead.masthead-fixed-elm .ah-logo-mark{
        fill:#fff!important
    }
    .lock-masthead .masthead.masthead-fixed-elm .ah-logo-type{
        fill:#fff!important
    }
}
.main-menu{
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
    opacity:0;
    visibility:hidden;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
    overflow:hidden;
    z-index:9;
    color:#fff;
    font-weight:700;
    letter-spacing:.027em;
    line-height:.9
}
.main-menu *{
    letter-spacing:.027em
}
.main-menu .contents{
    padding-top:230px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden
}
@media (max-width:1000px),(orientation:landscape) and (max-height:850px){
    .main-menu .contents{
        padding-top:200px
    }
}
@media (orientation:landscape) and (max-height:650px){
    .main-menu .contents{
        padding-top:160px;
        display:block
    }
}
@media (max-width:810px){
    .main-menu .contents{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
@media (max-width:550px){
    .main-menu .contents{
        padding-top:120px
    }
}
.main-menu .inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%
}
@media (orientation:landscape) and (max-height:650px){
    .main-menu{
        overflow-y:scroll;
        -webkit-overflow-scrolling:touch
    }
    .main-menu .inner{
        display:block;
        height:auto
    }
}
.main-menu a{
    -webkit-transition:all 450ms ease;
    transition:all 450ms ease;
    position:relative
}
.main-menu ul.top-level{
    font-size:5rem;
    line-height:1;
    width:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-preferred-size:fit-content;
    flex-basis:fit-content;
    text-transform:uppercase;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:relative;
    padding-right:1em;
    padding-bottom:0;
    -webkit-transition:all .4s cubic-bezier(.85,.01,.4,1);
    transition:all .4s cubic-bezier(.85,.01,.4,1)
}
@media (min-width:1921px){
    .main-menu ul.top-level{
        font-size:2.6vw
    }
}


@media (max-width:1100px){
    .main-menu ul.top-level{
        font-size:4.5rem
    }
}
@media (max-width:950px),(orientation:landscape) and (max-height:740px){
    .main-menu ul.top-level{
        font-size:4rem
    }
}
@media (max-width:800px){
    .main-menu ul.top-level{
        width:100%;
        display:block
    }
}
@media (max-width:550px),(orientation:landscape) and (max-height:650px){
    .main-menu ul.top-level{
        font-size:3.5rem
    }
}
@media (max-width:450px){
    .main-menu ul.top-level{
        font-size:3rem
    }
}
@media (max-width:350px){
    .main-menu ul.top-level{
        font-size:2.6rem
    }
}
.main-menu ul.top-level>li{
    position:static;
    overflow:hidden;
    height:1em
}
.main-menu ul.top-level>li .mask{
    display:inline-block;
    -webkit-transform:translateY(110%);
    transform:translateY(110%);
    padding-bottom:.05em;
    -webkit-transition:opacity 1.1s,-webkit-transform .9s cubic-bezier(.85,.01,.4,1);
    transition:opacity 1.1s,-webkit-transform .9s cubic-bezier(.85,.01,.4,1);
    transition:opacity 1.1s,transform .9s cubic-bezier(.85,.01,.4,1);
    transition:opacity 1.1s,transform .9s cubic-bezier(.85,.01,.4,1),-webkit-transform .9s cubic-bezier(.85,.01,.4,1);
    opacity:0
}
.main-menu ul.top-level a:hover{
    color:#ff5945
}
.main-menu li.current-menu-item>div>a:not(:hover),.main-menu li.current-page-ancestor>div>a:not(:hover),.main-menu li.current_page_parent>div>a:not(:hover){
    color:transparent;
    -webkit-text-stroke:.02em #fff
}
.main-menu ul.top-level li.has-sub>div>a{
    padding-right:1.1em
}
.main-menu ul.top-level li.has-sub span{
    position:absolute;
    right:0;
    top:50%;
    display:block;
    font-family:Arial;
    cursor:pointer;
    z-index:10000;
    width:1em;
    overflow:hidden;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.main-menu ul.top-level li.has-sub span svg{
    fill:#ff5945;
    -webkit-transition:all 450ms ease;
    transition:all 450ms ease;
    -webkit-transform:translateX(-100%) scale(.7);
    transform:translateX(-100%) scale(.7)
}
.main-menu ul.top-level li.has-sub a:hover span svg{
    -webkit-transform:translateX(0) scale(.7);
    transform:translateX(0) scale(.7)
}
.main-menu ul.top-level li.has-sub.subopen>a{
    color:#fff!important
}
.main-menu ul.top-level li.has-sub.subopen a span svg{
    -webkit-transform:translateX(0) scale(.7);
    transform:translateX(0) scale(.7)
}
.main-menu .sub-menu-wrap{
    position:absolute;
    top:0;
    width:100%;
    left:100%;
    height:100%;
    opacity:0;
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease;
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
@media (min-width:901px){
    .main-menu .sub-menu-wrap{
        padding-left:1em;
        border-left:1px solid #fff
    }
}
.main-menu .sub-menu{
    font-size:4rem;
    line-height:1
}
@media (min-width:1921px){
    .main-menu .sub-menu{
        font-size:2.1vw
    }
}
@media (max-width:1100px){
    .main-menu .sub-menu{
        font-size:3.5rem
    }
}
@media (max-width:1000px){
    .main-menu .sub-menu{
        font-size:3rem
    }
}
.main-menu .sub-menu>li{
    margin-bottom:.05em
}
@media (min-width:901px){
    .main-menu .subopen .sub-menu-wrap{
        opacity:1;
        pointer-events:auto
    }
}
@media (max-width:900px){
    .main-menu .subopen .sub-menu-wrap{
        opacity:1;
        pointer-events:auto
    }
}
.main-menu .has-subopen>li>a{
    color:#333340
}
.main-menu .sub-menu-back{
    display:none
}
@media (max-width:900px){
    .main-menu .sub-menu-back{
        display:block;
        width:1em;
        cursor:pointer
    }
    .main-menu .sub-menu-back svg{
        fill:#ff5945;
        -webkit-transition:all 450ms ease;
        transition:all 450ms ease;
        -webkit-transform:rotate(180deg) scale(.7) translateX(15%);
        transform:rotate(180deg) scale(.7) translateX(15%)
    }
    .main-menu .sub-menu-wrap{
        -webkit-transition:all .5s ease;
        transition:all .5s ease
    }
    .main-menu .sub-menu{
        font-size:1em
    }
    .main-menu ul.top-level.has-subopen{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    .main-menu .subopen .sub-menu-wrap{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-transition:opacity .8s,-webkit-transform 1.2s ease;
        transition:opacity .8s,-webkit-transform 1.2s ease;
        transition:opacity .8s,transform 1.2s ease;
        transition:opacity .8s,transform 1.2s ease,-webkit-transform 1.2s ease
    }
}
.main-menu .social-links{
    margin:50px 0;
    position:absolute;
    bottom:0;
    overflow:hidden
}
.main-menu .social-links ul{
    padding:0;
    -webkit-transition:opacity .3s cubic-bezier(.85,.01,.4,1),-webkit-transform .3s;
    transition:opacity .3s cubic-bezier(.85,.01,.4,1),-webkit-transform .3s;
    transition:transform .3s,opacity .3s cubic-bezier(.85,.01,.4,1);
    transition:transform .3s,opacity .3s cubic-bezier(.85,.01,.4,1),-webkit-transform .3s;
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
    opacity:0
}
@media (orientation:landscape) and (max-height:650px){
    .main-menu .social-links{
        position:relative;
        margin-top:auto;
        margin-bottom:30px;
        margin-top:30px;
        bottom:auto
    }
}
@media (max-width:800px){
    .main-menu .social-links{
        position:relative;
        margin-top:auto;
        padding-top:30px;
        margin-bottom:30px
    }
}
.menu-background{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    -webkit-transform-origin:top;
    transform-origin:top;
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transition:-webkit-transform 1s cubic-bezier(.85,.01,.4,1);
    transition:-webkit-transform 1s cubic-bezier(.85,.01,.4,1);
    transition:transform 1s cubic-bezier(.85,.01,.4,1);
    transition:transform 1s cubic-bezier(.85,.01,.4,1), -webkit-transform 1s cubic-bezier(.85,.01,.4,1);
    will-change:transform;
    background:#171426
}
@media (orientation:landscape) and (max-height:650px){
    .menu-background{
        height:100%;
        position:fixed
    }
}
.menu-background .bg-media{
    height:100vh;
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease;
    opacity:0;
    width:75%;
    right:0;
    left:auto
}
.menu-background .bg-media picture img{
    -o-object-position:0 50%;
    object-position:0 50%
}
.menu-background .bg-media.vis-hidden picture{
    display:none
}
@media (max-width:900px),(orientation:portrait){
    .menu-background .bg-media{
        width:100%;
        top:auto;
        bottom:0;
        height:50%
    }
    .menu-background .bg-media picture img{
        -o-object-fit:contain;
        object-fit:contain;
        -o-object-position:right;
        object-position:right
    }
}
.menuopen{
    overflow:hidden;
    width:100%;
    left:0
}
.menuopen .main-menu{
    opacity:1;
    visibility:visible;
    height:100%
}
.menuopen .main-menu:before{
    content:'';
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:0
}
.menuopen.show-menu .masthead .logo path,.menuopen.show-menu .masthead .logo rect{
    fill:#fff
}
.menuopen.show-menu .main-menu .social-links ul{
    -webkit-transition-delay:1.5s;
    transition-delay:1.5s;
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
.menuopen.show-menu .menu-background{
    -webkit-transform:scaleY(1);
    transform:scaleY(1)
}
.menuopen.show-menu .menu-background .bg-media{
    opacity:1;
    -webkit-transition:opacity .5s ease 1.3s;
    transition:opacity .5s ease 1.3s
}
.menuopen.show-menu ul.top-level>li{
    opacity:1
}
.menuopen.show-menu ul.top-level>li .mask{
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.menuopen.show-menu ul.top-level>li:nth-child(1) .mask{
    -webkit-transition-delay:450ms;
    transition-delay:450ms
}
.menuopen.show-menu ul.top-level>li:nth-child(2) .mask{
    -webkit-transition-delay:550ms;
    transition-delay:550ms
}
.menuopen.show-menu ul.top-level>li:nth-child(3) .mask{
    -webkit-transition-delay:650ms;
    transition-delay:650ms
}
.menuopen.show-menu ul.top-level>li:nth-child(4) .mask{
    -webkit-transition-delay:750ms;
    transition-delay:750ms
}
.menuopen.show-menu ul.top-level>li:nth-child(5) .mask{
    -webkit-transition-delay:850ms;
    transition-delay:850ms
}
.menuopen.show-menu ul.top-level>li:nth-child(6) .mask{
    -webkit-transition-delay:950ms;
    transition-delay:950ms
}
.menuopen.show-menu ul.top-level>li:nth-child(7) .mask{
    -webkit-transition-delay:1.05s;
    transition-delay:1.05s
}
.menuopen.show-menu ul.top-level>li:nth-child(8) .mask{
    -webkit-transition-delay:1.15s;
    transition-delay:1.15s
}
.menuopen.show-menu ul.top-level>li:nth-child(9) .mask{
    -webkit-transition-delay:1.25s;
    transition-delay:1.25s
}
.menuopen.show-menu ul.top-level>li:nth-child(10) .mask{
    -webkit-transition-delay:1.1s;
    transition-delay:1.1s
}
.page-intro{
    background:#333340;
    color:#fff;
    z-index:1
}
.page-intro.fh{
    height:100vh
}
.page-intro.add-bottom-grad:before{
    content:'';
    display:block;
    width:100%;
    height:50%;
    position:absolute;
    left:0;
    bottom:0;
    background:-webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(23,21,37,0)),color-stop(62%, #171525));
    background:linear-gradient(-180deg,rgba(23,21,37,0) 0,#171525 62%);
    z-index:1
}
.page-intro .text-script{
    margin-top:-.15em
}
@media (min-width:801px){
    .page-intro .text-script+p{
        margin-top:-.5em
    }
}
.page-intro .text-outline{
    color:transparent;
    -webkit-text-stroke:.02em #fff
}
.page-intro{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    min-height:450px
}
.page-intro>div{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.page-intro>div>.inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    height:100%
}
.page-intro .pi-sketch-image{
    max-height:450px
}
.page-intro .column-text{
    margin-top:200px
}
@media (max-width:1150px){
    .page-intro{
        min-height:400px
    }
    .page-intro .pi-sketch-image{
        max-height:400px
    }
}
@media (max-width:700px){
    .page-intro{
        min-height:0;
        z-index:20
    }
    .page-intro .pi-sketch-image{
        max-height:none
    }
}
@media (max-width:600px){
    .page-intro .column-text{
        margin-top:150px
    }
}
@media (max-width:500px){
    .page-intro .column-text{
        margin-top:100px
    }
}
@media (min-width:701px){
    .page-intro.has-filter{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .page-intro.has-filter .listing-filter{
        margin-top:auto
    }
    .page-intro.has-filter .inner{
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1
    }
}
.page-intro.intro-text-only .column-text{
    margin-top:auto;
    padding-top:300px;
    margin-bottom:50px
}
@media (max-width:1600px){
    .page-intro.intro-text-only .column-text{
        padding-top:200px
    }
}
@media (max-width:700px){
    .page-intro.intro-text-only .column-text{
        margin-bottom:0
    }
    .page-intro.intro-text-only .column-text .title-wrap{
        padding-bottom:1em
    }
}
@media (max-width:600px){
    .page-intro.intro-text-only .column-text{
        padding-top:150px
    }
}
@media (max-width:500px){
    .page-intro.intro-text-only .column-text{
        padding-top:120px
    }
}
.page-intro.has-bg-image{
    background:#171426;
    min-height:600px;
    height:100vh
}
.page-intro.has-bg-image>div{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.page-intro.has-bg-image .inner{
    height:100%
}
.page-intro.has-bg-image .column-text{
    margin-bottom:100px;
    margin-top:auto;
    padding-top:200px
}
.page-intro.has-bg-image .title-wrap{
    -webkit-transition-delay:1.2s;
    transition-delay:1.2s
}
.page-intro.has-bg-image:after{
    display:block;
    content:'';
    height:45%;
    max-height:445px;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    z-index:0;
    background:-webkit-gradient(linear,left bottom, left top,color-stop(0, #171426),to(rgba(23,20,38,0)));
    background:linear-gradient(0deg,#171426 0,rgba(23,20,38,0) 100%)
}
@media (max-width:1000px) and (orientation:portrait),(max-width:800px){
    .page-intro.has-bg-image{
        min-height:0;
        height:auto
    }
    .page-intro.has-bg-image:after{
        display:none
    }
    .page-intro.has-bg-image .title-wrap{
        -webkit-transition-delay:0s!important;
        transition-delay:0s!important;
        padding-top:1em;
        padding-bottom:1em
    }
    .page-intro.has-bg-image>div{
        position:relative;
        left:auto;
        top:auto;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
    .page-intro.has-bg-image .inner{
        height:auto
    }
    .page-intro.has-bg-image .column-text{
        padding:0;
        margin:0
    }
    .page-intro.has-bg-image .bg-media{
        position:relative;
        height:auto;
        left:auto;
        top:auto;
        overflow:hidden
    }
    .page-intro.has-bg-image .bg-media .fis.fis-fh{
        height:0;
        padding-bottom:57.4%
    }
    .page-intro.has-bg-image .bg-media:after{
        display:block;
        content:'';
        height:25%;
        position:absolute;
        left:0;
        bottom:0;
        width:100%;
        z-index:0;
        background:-webkit-gradient(linear,left bottom, left top,color-stop(0, #171426),to(rgba(23,20,38,0)));
        background:linear-gradient(0deg,#171426 0,rgba(23,20,38,0) 100%)
    }
}
@media (max-width:600px){
    .page-intro.has-bg-image .title-wrap br{
        display:none
    }
}
.page-intro-title-graphic svg{
    fill:currentColor
}
.home-scroll-lock{
    height:100vh;
    overflow:hidden;
    position:fixed;
    width:100%
}
.home-hero{
    height:200vh;
    height:calc(var(--app-height) * 2)
}
.home-hero>div{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.home-hero .bg-media img{
    -o-object-position:50% 85%;
    object-position:50% 85%
}
.home-hero.not-in-view>div{
    display:none;
    z-index:-1;
    position:absolute
}
.home-hero .bg-media{
    -webkit-transition:opacity 1.4s,-webkit-transform 1.4s cubic-bezier(.45,.05,.55,.95);
    transition:opacity 1.4s,-webkit-transform 1.4s cubic-bezier(.45,.05,.55,.95);
    transition:opacity 1.4s,transform 1.4s cubic-bezier(.45,.05,.55,.95);
    transition:opacity 1.4s,transform 1.4s cubic-bezier(.45,.05,.55,.95),-webkit-transform 1.4s cubic-bezier(.45,.05,.55,.95);
    -webkit-transform:scale(1.4) translateZ(0);
    transform:scale(1.4) translateZ(0);
    opacity:0;
    will-change:opacity,transform
}
.home-hero .bg-media>div{
    will-change:filter;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.home-hero .bg-media.is-inview,.is-inview .home-hero .bg-media{
    -webkit-transform:scale(1.06) translateZ(0);
    transform:scale(1.06) translateZ(0);
    opacity:1
}
.home-hero-type-graphic{
    width:44%;
    -webkit-transform:translateX(-20px);
    transform:translateX(-20px);
    -webkit-transition:opacity 1.4s ease-out 1.7s;
    transition:opacity 1.4s ease-out 1.7s;
    opacity:0
}
.home-hero-type-graphic.is-inview{
    opacity:1
}
.home-hero-intro-text{
    width:50%;
    font-weight:700;
    letter-spacing:.027em;
    line-height:.9;
    opacity:0;
    padding-right:2%;
    font-size:2.2vw;
    -webkit-transition:opacity .9s ease,-webkit-transform .5s ease;
    transition:opacity .9s ease,-webkit-transform .5s ease;
    transition:opacity .9s ease,transform .5s ease;
    transition:opacity .9s ease,transform .5s ease,-webkit-transform .5s ease;
    -webkit-transform:translateY(50px) translateZ(0);
    transform:translateY(50px) translateZ(0);
    -webkit-backface-visibility:hidden
}
.home-hero-intro-text *{
    letter-spacing:.027em
}
.home-hero-intro-text.is-inview{
    -webkit-transform:translateY(0) translateZ(0);
    transform:translateY(0) translateZ(0);
    opacity:1
}
.home-hero-intro-text p{
    line-height:110%
}
.home-hero-intro-text span{
    position:relative;
    display:inline-block
}
.home-hero-intro-text span:before{
    content:'';
    display:block
}
.home-hero-intro-text span:after{
    content:'';
    display:block;
    width:100%;
    height:.7em;
    background:url(images/global/home-intro-underline.svg) 0 100% no-repeat;
    background-size:contain;
    position:absolute;
    left:0;
    bottom:0;
    opacity:1;
    -webkit-transform:translateY(100%);
    transform:translateY(100%)
}
@media (max-width:1000px) and (orientation:portrait),(max-width:800px){
    .home-scroll-lock{
        height:auto;
        position:relative;
        width:100%
    }
    .home-hero-type-graphic{
        width:100%;
        -webkit-transform:none;
        transform:none;
        font-size:4.45vw;
        margin-top:2em;
        -webkit-transition:opacity .8s cubic-bezier(.45,.05,.55,.95) .3s;
        transition:opacity .8s cubic-bezier(.45,.05,.55,.95) .3s
    }
    .home-hero-type-graphic picture.fw img{
        margin:0 auto;
        max-width:800px
    }
    .home-hero-intro-text{
        width:100%;
        font-size:4.45vw;
        padding:2.1em 0 3.1em 0;
        opacity:1;
        -webkit-transition-delay:0s;
        transition-delay:0s;
        -webkit-transform:none;
        transform:none;
        -webkit-transition:opacity .8s cubic-bezier(.45,.05,.55,.95) .3s;
        transition:opacity .8s cubic-bezier(.45,.05,.55,.95) .3s;
        opacity:0
    }
    .home-hero-intro-text span:after{
        background:url(images/global/home-intro-underline-orange.svg) 0 100% no-repeat;
        background-size:contain
    }
    .is-inview+.home-hero-intro-text{
        opacity:1
    }
    .home-hero{
        height:auto;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden
    }
    .home-hero>div{
        position:relative;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden
    }
    .home-hero .bg-media{
        opacity:1;
        overflow:hidden;
        -webkit-transition:none;
        transition:none;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden;
        z-index:0;
        height:100%;
        position:relative;
        padding-bottom:57.4%;
        height:0;
        position:fixed;
        -webkit-transform:none;
        transform:none
    }
    .home-hero .bg-media img{
        -o-object-position:50% 50%;
        object-position:50% 50%;
        -webkit-transform:scale(1.1);
        transform:scale(1.1);
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden
    }
    .home-hero .bg-media .fis{
        height:100%;
        position:absolute;
        left:0;
        top:0;
        width:100%;
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:0;
        will-change:transform,opacity;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden;
        -webkit-transition:opacity .8s cubic-bezier(.45,.05,.55,.95) .3s;
        transition:opacity .8s cubic-bezier(.45,.05,.55,.95) .3s;
        -webkit-transform:none;
        transform:none
    }
    .home-hero .bg-media .fis picture{
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden
    }
    .home-hero .bg-media.is-inview{
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
    .home-hero .bg-media.is-inview .fis{
        opacity:1
    }
    .home-hero .inner{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        z-index:2;
        padding-top:57.4%
    }
    .home-hero.not-in-view>div{
        display:block;
        z-index:1;
        position:relative
    }
}
.pi-sketch-image{
    width:100%;
    max-width:900px;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    z-index:0
}
.pi-sketch-image .contain img{
    -o-object-position:100% 0;
    object-position:100% 0
}
.intro-image-fixed{
    height:0;
    padding-bottom:33.333333333%
}
.intro-image-fixed>div{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:0;
    padding-bottom:33.333333333%
}
@media (max-width:1000px){
    .intro-image-fixed{
        padding-bottom:50%
    }
    .intro-image-fixed .fis,.intro-image-fixed>div{
        padding-bottom:50%
    }
}
c ::-webkit-input-placeholder{
    color:currentColor;
    opacity:.5
}
::-moz-placeholder{
    color:currentColor;
    opacity:.5
}
:-ms-input-placeholder{
    color:currentColor;
    opacity:.5
}
:-moz-placeholder{
    color:currentColor;
    opacity:.5
}
.hidden_label ::-webkit-input-placeholder{
    color:currentColor;
    opacity:1
}
.hidden_label ::-moz-placeholder{
    color:currentColor;
    opacity:1
}
.hidden_label :-ms-input-placeholder{
    color:currentColor;
    opacity:1
}
.hidden_label :-moz-placeholder{
    color:currentColor;
    opacity:1
}
.gform_confirmation_message a,.gform_wrapper form a{
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:.15em
}
.gform_confirmation_message a:hover,.gform_wrapper form a:hover{
    color:#ff5945
}
.hidden-label label,.hide-label label{
    display:none
}
input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel]{
    background:0 0;
    color:#fff;
    border:none;
    border-bottom:1px solid #ff5945;
    border-radius:0;
    width:100%;
    padding:0 0 15px 0;
    font-size:inherit;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus{
    border-bottom-color:#fff
}
textarea{
    background:0 0;
    color:#fff;
    border:1px solid #ff5945;
    border-radius:0;
    width:100%;
    padding:15px;
    font-size:inherit;
    resize:vertical;
    height:220px;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
textarea:focus{
    border-color:#fff
}
.multi-select-input .gfield_description,select{
    background:0 0;
    color:#fff;
    border:none;
    border-bottom:1px solid #ff5945;
    border-radius:0;
    width:100%;
    padding:0 0 15px 0;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.multi-select-input .gfield_description:focus,select:focus{
    border-bottom-color:#fff
}
select.unselected{
    color:rgba(68,68,68,.5)
}
select{
    background-image:url(images/global/select-arrow.svg);
    background-repeat:no-repeat;
    background-position:100% 35%;
    padding-right:30px;
    background-size:25px 15px
}
input[type=submit]{
    display:inline-block;
    text-decoration:none;
    font-weight:700;
    letter-spacing:.027em;
    border:none;
    background:#ff5945;
    color:#fff;
    border-radius:0;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    line-height:.9;
    word-break:keep-all;
    padding:.8em 3em .7em 3em
}
input[type=submit] *{
    letter-spacing:.027em
}
input[type=submit]:hover{
    background:#fff;
    color:#171426
}
@media (max-width:400px){
    input[type=submit]{
        font-size:1.7rem;
        padding:.5em 3em .45em 3em
    }
}
select option{
    color:#171426
}
select.initial{
    color:rgba(0,0,0,.5)
}
.section-white input[type=text],.section-white input[type=password],.section-white input[type=email],.section-white input[type=number],.section-white input[type=tel],.section-white select,.section-white textarea{
    background:#F0ECEB
}
@media (max-width:600px){
    textarea{
        height:150px
    }
}
.gform_ajax_spinner{
    position:absolute;
    left:50%;
    margin-top:13px;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}
.validation_message{
    margin-top:.5em;
    font-weight:700;
    letter-spacing:.027em;
    color:#ff5945;
    font-size:.7em;
    text-transform:uppercase
}
.validation_error{
    margin-bottom:1.2rem;
    color:#ff5945;
    line-height:130%;
    font-weight:700;
    letter-spacing:.027em;
    text-transform:uppercase
}
.gform_validation_errors{
    color:#ff5945;
    text-transform:uppercase;
    margin-bottom:1em
}
.gform_validation_errors h2 span{
    display:none
}
.gform_confirmation_message{
    color:#fff;
    font-weight:700;
    letter-spacing:.027em;
    line-height:130%;
    font-size:3rem
}
@media (min-width:1921px){
    .gform_confirmation_message{
        font-size:1.57vw
    }
}
@media (max-width:1600px){
    .gform_confirmation_message{
        font-size:2.5rem
    }
}
@media (max-width:1150px){
    .gform_confirmation_message{
        font-size:2.2rem
    }
}
@media (max-width:810px){
    .gform_confirmation_message{
        font-size:2rem
    }
}
@media (max-width:600px){
    .gform_confirmation_message{
        font-size:1.8rem
    }
}
@media (max-width:420px){
    .gform_confirmation_message{
        font-size:1.5rem
    }
}
.gform_fields .gfield{
    margin-bottom:1em
}
.gform_fields .gfield_label{
    display:block;
    margin-bottom:15px
}
.gform_fields .ginput_container_consent{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.gform_fields .ginput_container_consent input{
    opacity:0;
    visibility:hidden;
    position:absolute
}
.gform_fields .ginput_container_consent label{
    font-size:.75em;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-left:1.7em
}
.gform_fields .ginput_container_consent label:before{
    content:'';
    width:1em;
    height:1em;
    background:rgba(255,255,255,.3);
    display:block;
    position:absolute;
    left:0
}
.gform_fields .ginput_container_consent label a{
    margin-left:.3em
}
.gform_fields .ginput_container_consent input:checked+label:after{
    content:'';
    width:.25em;
    height:.9em;
    border-right:.2em solid #ff5945;
    border-bottom:.2em solid #ff5945;
    position:absolute;
    left:0;
    -webkit-transform:rotate(45deg) translateX(50%) translateY(-50%);
    transform:rotate(45deg) translateX(50%) translateY(-50%)
}
.gform_fields .ginput_container_consent+.gfield_description{
    padding-left:1.8em
}
.gform_wrapper.gravity-theme .chosen-container-single.chosen-container{
    letter-spacing:.045em;
    width:100%;
    background:0 0;
    border:none;
    border-bottom:1px solid #ff5945;
    padding:0 0 15px 0;
    font-size:1em
}
.gform_wrapper.gravity-theme .chosen-container-single.chosen-container a{
    text-decoration:none;
    font-size:1em!important;
    line-height:1!important;
    -webkit-box-shadow:none!important;
    box-shadow:none!important
}
.gform_wrapper.gravity-theme .chosen-container-single.chosen-container a.chosen-single{
    font-size:1em!important;
    border:none;
    background:0 0;
    padding:0!important;
    height:auto!important;
    color:#fff
}
.gform_wrapper.gravity-theme .chosen-container-single.chosen-container a.chosen-single:after{
    display:none
}
.gform_wrapper.gravity-theme .chosen-container-single.chosen-container a.chosen-single span{
    line-height:1.3
}
.gform_wrapper.gravity-theme .chosen-container-single.chosen-container a.chosen-single div{
    width:26px;
    height:13px;
    background-image:url(images/global/select-arrow.svg);
    border:none;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:0 50%;
    right:0;
    margin:0;
    top:8px;
    -webkit-transition:all 150ms ease-in;
    transition:all 150ms ease-in
}
.gform_wrapper.gravity-theme .chosen-container-single.chosen-container a.chosen-single div b{
    display:none!important
}
.gform_wrapper.gravity-theme .chosen-container-single.chosen-container.chosen-with-drop .chosen-single div{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.gform_wrapper.gravity-theme .chosen-container-single.chosen-container .chosen-drop{
    border-radius:0;
    border:none;
    padding:0;
    border:1px solid #726C76;
    border-top:none;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px
}
.gform_wrapper.gravity-theme .chosen-container-single.chosen-container .chosen-results{
    padding:0;
    max-height:400px;
    margin:0;
    color:#333340
}
.gform_wrapper.gravity-theme .chosen-container-single.chosen-container .chosen-results li{
    padding:20px;
    line-height:1
}
.gform_wrapper.gravity-theme .chosen-container-single.chosen-container .chosen-results li:hover{
    background:#F0F0F0;
    color:#333340
}
.gform_wrapper.gravity-theme .chosen-container-single.chosen-container .chosen-results li.highlighted{
    background:#F0F0F0;
    color:#333340
}
.gform_wrapper.gravity-theme .chosen-container-single.chosen-container .gf_placeholder{
    display:none!important
}
.gform_wrapper.gravity-theme .chosen-container-single .chosen-search{
    display:none!important
}
.gform_footer{
    padding-top:2em
}
.slick-dots{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-bottom:0
}
.slick-dots li{
    margin:0 24px
}
@media (max-width:450px){
    .slick-dots li{
        margin:0 15px
    }
}
.slick-dots button{
    width:11px;
    height:11px;
    text-indent:-999rem;
    padding:0;
    color:inherit;
    border:none;
    cursor:pointer;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    border-radius:100%;
    background:currentColor;
    border:1px solid currentColor;
    opacity:1
}
.slick-dots button:active,.slick-dots button:focus{
    outline:0
}
.slick-dots button:hover{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.slick-dots .slick-active button{
    background:0 0
}
.slick-disabled{
    opacity:.5
}
.slick-arrow{
    border:none;
    cursor:pointer;
    font-size:0;
    padding:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:0 0;
    width:60px;
    height:60px
}
.slick-arrow svg{
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.slick-arrow svg{
    width:33.33333%
}
@media (max-width:810px){
    .slick-arrow{
        width:40px;
        height:40px
    }
}
@media (max-width:450px){
    .slick-arrow{
        width:30px;
        height:30px
    }
}
.arrows-container{
    overflow:visible;
    position:absolute;
    height:0;
    top:50%;
    left:0;
    width:100%;
    z-index:100
}
.arrows-container>div{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    height:0;
    overflow:visible
}
.arrows-container .slick-arrow{
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.arrows-container.arrows-white svg{
    fill:#fff
}
.arrows-container.arrows-white button:hover svg{
    fill:#ff5945
}
.arrow-button,.gform_footer button[type=submit]{
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:.027em;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    line-height:.9
}
.arrow-button .arrow,.gform_footer button[type=submit] .arrow{
    width:3em;
    margin-right:.9em
}
.arrow-button .arrow svg,.gform_footer button[type=submit] .arrow svg{
    fill:currentColor
}
.arrow-button svg path,.gform_footer button[type=submit] svg path,.more-link svg path{
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.arrow-button.centered,.gform_footer button[type=submit].centered,.more-link.centered{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.arrow-button .circle-fill,.gform_footer button[type=submit] .circle-fill,.more-link .circle-fill{
    fill:currentColor;
    opacity:0
}
.arrow-button .outline-fill,.gform_footer button[type=submit] .outline-fill,.more-link .outline-fill{
    fill:currentColor
}
.arrow-button .arrow-fill,.gform_footer button[type=submit] .arrow-fill,.more-link .arrow-fill{
    fill:currentColor
}
.arrow-button:hover .arrow-fill,.gform_footer button[type=submit]:hover .arrow-fill,.more-link:hover .arrow-fill{
    opacity:0
}
.arrow-button:hover .circle-fill,.gform_footer button[type=submit]:hover .circle-fill,.more-link:hover .circle-fill{
    opacity:1
}
.arrow-button .label,.gform_footer button[type=submit] .label,.more-link .label{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-preferred-size:fit-content;
    flex-basis:fit-content;
    width:auto;
    position:relative
}
.arrow-button .label:after,.gform_footer button[type=submit] .label:after,.more-link .label:after{
    content:'';
    display:block;
    position:absolute;
    bottom:-.2em;
    width:0;
    background:currentColor;
    height:1px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    right:0
}
.arrow-button:hover .label:after,.gform_footer button[type=submit]:hover .label:after,.more-link:hover .label:after{
    width:100%;
    right:auto;
    left:0
}
.arrow-button.solar-ul .label:after,.gform_footer button[type=submit].solar-ul .label:after,.more-link.solar-ul .label:after{
    background:#ff5945
}
.load-more-button button.facetwp-load-more{
    font-size:inherit;
    padding:0;
    background:0 0;
    color:#fff;
    border:none;
    text-align:left;
    line-height:.9;
    text-transform:uppercase!important;
    font-weight:700!important;
    letter-spacing:.027em!important
}
.load-more-button .label:after{
    display:none
}
.load-more-button .label{
    display:block
}
.load-more-button .label>div{
    display:inline-block;
    position:relative
}
.load-more-button .label>div:after{
    content:'';
    display:block;
    position:absolute;
    bottom:-.2em;
    width:0;
    background:currentColor;
    height:1px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    right:0
}
.load-more-button:hover .label>div:after{
    background:#fff;
    width:100%;
    right:auto;
    left:0
}
.load-more-button .facetwp-facet{
    margin-bottom:0
}
.load-more-button .facetwp-facet-load_more{
    padding-top:0;
    font-size:inherit
}
.load-more-button button.facetwp-load-more{
    text-transform:uppercase!important;
    font-weight:700!important;
    letter-spacing:.027em!important
}
.gform_footer button[type=submit]{
    font-size:1em;
    padding:0;
    background:0 0;
    color:#fff;
    border:none;
    text-align:left;
    line-height:.9
}
.gform_footer button[type=submit] .label:after{
    display:none
}
.gform_footer button[type=submit] .label{
    display:block
}
.gform_footer button[type=submit] .label>span{
    display:inline-block;
    position:relative
}
.gform_footer button[type=submit] .label>span:after{
    content:'';
    display:block;
    position:absolute;
    bottom:-.2em;
    width:0;
    background:currentColor;
    height:1px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    right:0
}
.gform_footer button[type=submit]:hover .label>span:after{
    background:#fff;
    width:100%;
    right:auto;
    left:0
}
.section-white{
    background:#fff;
    color:#171426
}
.section-white .text-accent{
    color:#ff5945
}
.section-white .text-outline{
    color:transparent;
    -webkit-text-stroke:.02em #171426
}
.section-light-grey{
    background:#F0ECEB;
    color:#171426
}
.section-light-grey .text-outline{
    color:transparent;
    -webkit-text-stroke:.02em #171426
}
.section-blue-black{
    background:#0F0F19;
    color:#fff
}
.section-blue-black .text-outline{
    color:transparent;
    -webkit-text-stroke:.02em #fff
}
.section-midnight{
    background:#171426;
    color:#fff
}
.section-midnight .text-outline{
    color:transparent;
    -webkit-text-stroke:.02em #fff
}
.pagination{
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:.027em;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.pagination ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.pagination a,.pagination span{
    margin:0 .5em;
    text-decoration:none
}
.pagination a:after,.pagination span:after{
    background:#fff!important
}
.pagination span.current:after{
    width:100%;
    opacity:1
}
.pagination .pagination-arrow{
    width:37px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.pagination .pagination-arrow svg{
    fill:#000;
    width:100%
}
.facetwp-type-pager{
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    text-transform:uppercase;
    font-size:1.9rem;
    font-weight:700;
    letter-spacing:.027em;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-top:20px;
    margin-bottom:0
}
.listing-filter{
    color:#fff;
    min-height:95px;
    letter-spacing:.045em
}
.listing-filter ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-bottom:0
}
.listing-filter ul li{
    margin-right:1.4em;
    margin-bottom:.76em;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.listing-filter ul a{
    display:block
}
.listing-filter ul .post-count{
    color:#ff5945;
    font-size:.6em;
    margin-left:.5em;
    -webkit-transform:translateY(-10%);
    transform:translateY(-10%)
}
.listing-filter .menu{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.listing-filter .clear-filters{
    line-height:126%;
    -webkit-box-flex:0;
    -ms-flex:0 0 9em;
    flex:0 0 9em;
    text-align:right;
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
}
.listing-filter .current-cat a:after{
    opacity:1;
    width:100%
}
@media (min-width:701px){
    .listing-filter .filter-toggle{
        display:none
    }
    .listing-filter .menu .inner{
        padding:0;
        margin:0
    }
}
@media (max-width:700px){
    .listing-filter{
        min-height:0;
        -webkit-box-flex:0;
        -ms-flex:0;
        flex:0;
        font-size:1.7rem
    }
    .listing-filter .clear-filters,.listing-filter .toggle-link{
        font-size:1.5rem
    }
    .listing-filter .flex-columns{
        padding-top:30px;
        padding-bottom:30px;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .listing-filter .filter-toggle{
        display:block;
        width:55%
    }
    .listing-filter .filter-toggle .toggle-link{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .listing-filter .filter-toggle .toggle-link:after{
        display:none
    }
    .listing-filter .filter-toggle .icon{
        width:1.3em;
        margin-right:.8em
    }
    .listing-filter .filter-toggle .icon svg{
        fill:#ff5945
    }
    .listing-filter .menu{
        display:none;
        position:absolute;
        left:0;
        width:100vw;
        background:#171426;
        top:100%;
        margin-top:-1px;
        z-index:1000;
        padding-left:0;
        padding-right:0;
        padding-bottom:30px;
        left:calc(var(--blockspacervalue) * -2px);
        -webkit-transform:translateX(calc(var(--blockspacervalue) * .5px));
        transform:translateX(calc(var(--blockspacervalue) * .5px))
    }
    .listing-filter.filter-open .filter-toggle .icon{
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    .listing-filter.filter-open .menu{
        display:block
    }
    .listing-filter ul li{
        margin-bottom:1em;
        margin-right:1em
    }
}
@media (max-width:600px){
    .listing-filter .clear-filters,.listing-filter .toggle-link{
        font-size:1.4rem
    }
    .listing-filter .flex-columns{
        padding-top:25px;
        padding-bottom:25px
    }
    .listing-filter .menu{
        padding-bottom:25px
    }
}
@media (max-width:420px){
    .listing-filter{
        font-size:1.6rem
    }
    .listing-filter .clear-filters,.listing-filter .toggle-link{
        font-size:1.2rem
    }
    .listing-filter .flex-columns{
        padding-top:20px;
        padding-bottom:20px
    }
    .listing-filter .menu{
        padding-bottom:20px
    }
}
@media (max-width:350px){
    .listing-filter{
        font-size:1.45rem
    }
}
.filter-bar-dropdowns{
    font-size:2.5rem
}
@media (max-width:1150px){
    .filter-bar-dropdowns{
        font-size:2rem
    }
}
@media (max-width:900px){
    .filter-bar-dropdowns{
        font-size:1.7rem
    }
}
@media (max-width:700px){
    .filter-bar-dropdowns{
        font-size:2rem
    }
    .filter-bar-dropdowns .col1-3{
        width:100%;
        margin-bottom:1.5em
    }
    .filter-bar-dropdowns .col1-3:last-child{
        margin:0
    }
}
.filter-bar-dropdowns .facetwp-facet{
    margin:0
}
@media (max-width:600px){
    .filter-bar-dropdowns{
        font-size:1.7rem
    }
}
@media (max-width:420px){
    .filter-bar-dropdowns{
        font-size:1.5rem
    }
}
@media (max-width:350px){
    .filter-bar-dropdowns{
        font-size:1.4rem
    }
}
.facetwp-type-fselect{
    letter-spacing:.045em
}
.facetwp-type-fselect .fs-wrap{
    width:100%
}
.facetwp-type-fselect .fs-label-wrap{
    width:100%;
    background:0 0;
    border:none;
    border-bottom:1px solid #ff5945;
    padding:0 0 15px 0
}
.facetwp-type-fselect .fs-label-wrap .fs-label{
    padding:0
}
.facetwp-type-fselect .fs-dropdown{
    border:1px solid #726C76;
    border-top:none;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    color:#333340
}
.facetwp-type-fselect .fs-dropdown .fs-options{
    max-height:400px
}
@media (min-width:701px) and (max-width:1000px){
    .facetwp-type-fselect .fs-dropdown{
        font-size:.8em
    }
}
.facetwp-type-fselect .fs-search{
    display:none
}
.facetwp-type-fselect .fs-option{
    padding:20px;
    padding:.8em;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.facetwp-type-fselect .fs-option:first-child{
    display:none
}
.facetwp-type-fselect .fs-option:hover{
    background:#F0F0F0
}
.facetwp-type-fselect .fs-arrow{
    width:1em;
    height:.5em;
    background-image:url(images/global/select-arrow.svg);
    border:none;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:0 50%;
    right:0;
    margin:0;
    top:8px
}
.facet-controls{
    padding-top:calc(var(--blockspacervalue) * 1.6px);
    padding-bottom:calc(var(--blockspacervalue) * 1.6px);
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
@media (min-width:1401px){
    .facet-controls .facetwp-selections{
        min-height:56px
    }
}
.facet-controls .facetwp-selections ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:1.8rem;
    margin:0 -10px;
    padding:0;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.facet-controls .facetwp-selections ul li{
    padding:10px
}
.facet-controls .facetwp-selections ul .facetwp-selection-label{
    display:none
}
.facet-controls .facetwp-selections ul .facetwp-selection-value{
    background:#726C76;
    border-radius:50vw;
    color:#fff;
    padding:.5em 1em;
    display:block;
    margin:0
}
.facet-controls .facetwp-selections ul .facetwp-selection-value:after{
    content:'x';
    margin-left:.5em;
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
@media (max-width:900px){
    .facet-controls .facetwp-selections ul{
        font-size:1.6rem
    }
}
@media (max-width:600px){
    .facet-controls .facetwp-selections ul{
        font-size:1.4rem;
        margin:0 -5px
    }
    .facet-controls .facetwp-selections ul li{
        padding:0 5px 10px 5px
    }
}
@media (max-width:420px){
    .facet-controls .facetwp-selections ul{
        font-size:1.2rem
    }
}
.facet-controls .facetwp-type-reset{
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:.027em;
    margin:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-transform:translateY(60%);
    transform:translateY(60%)
}
.facet-controls .facetwp-type-reset:hover{
    color:#ff5945
}
.facet-controls .facetwp-type-reset.facetwp-hidden{
    display:none
}
@media (max-width:1150px){
    .facet-controls .facetwp-type-reset{
        -webkit-transform:translateY(88%);
        transform:translateY(88%)
    }
}
@media (max-width:900px){
    .facet-controls .facetwp-type-reset{
        font-size:1.6rem;
        -webkit-transform:translateY(110%);
        transform:translateY(110%)
    }
}
@media (max-width:600px){
    .facet-controls .facetwp-type-reset{
        font-size:1.4rem;
        -webkit-transform:translateY(50%);
        transform:translateY(50%);
        -webkit-box-flex:0;
        -ms-flex:0 0 8.5em;
        flex:0 0 8.5em;
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
}
@media (max-width:420px){
    .facet-controls .facetwp-type-reset{
        font-size:1.2rem;
        -webkit-transform:translateY(50%);
        transform:translateY(50%)
    }
}
.tile{
    overflow-anchor:none
}
.home-project-tiles>div
{
    gap: 20px;
}
@media (min-width:901px){
    .home-project-tiles{
        padding-bottom:14.333333333%;
        height:0
    }
    .home-project-tiles>div{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%
    }
    .home-project-tiles>div.in{
        position:fixed;
        opacity:1
    }
}
.home-project-tiles .tile:nth-child(1){
    -webkit-box-flex:0;
    -ms-flex:32;
    flex:32;
}
.home-project-tiles .tile:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 32;
    flex: 32;
}
.home-project-tiles .tile:nth-child(3) {
    -webkit-box-flex: 0;
    -ms-flex: 32;
    flex: 32;
}
@media (max-width:900px){
    .home-project-tiles .tile:nth-child(1){
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        height:0;
        padding-bottom:66.66666%
    }
    .home-project-tiles .tile:nth-child(2) {
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        height:0;
        padding-bottom:66.66666%
    }
    .home-project-tiles .tile:nth-child(3) {
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        height:0;
        padding-bottom:66.66666%
    }
}
.home-project-tiles .tile:nth-child(2){
    -webkit-box-flex:1;
    -ms-flex:33;
    flex:33;
    width:auto
}
@media (max-width:900px){
    .home-project-tiles .tile:nth-child(2){
        height:0;
        padding-bottom:66%;
        -webkit-box-flex:0;
        -ms-flex:0 0 calc(100% - 0px);
        flex:0 0 calc(100% - 0px)
    }
}
@media (max-width:600px){
    .home-project-tiles .tile:nth-child(2){
        -webkit-box-flex:0;
        -ms-flex:0 0 calc(100% - 0px);
        flex:0 0 calc(100% - 0px)
    }
}
@media (max-width:450px){
    .home-project-tiles .tile:nth-child(2){
        -webkit-box-flex:0;
        -ms-flex:0 0 calc(100% - 0px);
        flex:0 0 calc(100% - 0px)
    }
}
@media (max-width:420px){
    .home-project-tiles .tile:nth-child(2){
        -webkit-box-flex:0;
        -ms-flex:0 0 calc(100% - 0px);
        flex:0 0 calc(100% - 0px)
    }
}
.home-project-tiles .tile-more{
    -webkit-box-flex:0;
    -ms-flex:8;
    flex:8;
    background:#9100ff;
    color:#fff;
    font-weight:700;
    letter-spacing:.027em
}
@media (max-width:1600px){
    .home-project-tiles .tile-more{
        -webkit-box-flex:0;
        -ms-flex:0 0 210px;
        flex:0 0 210px
    }
}
@media (max-width:1150px){
    .home-project-tiles .tile-more{
        -webkit-box-flex:0;
        -ms-flex:0 0 150px;
        flex:0 0 150px
    }
}
@media (max-width: 900px) {
    .home-project-tiles .tile-more {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 16% 0 0 3%;
    }
    .home-project-tiles .tile-more .label {
        font-size: 23px !important;
        line-height: 30px;
    }
    .more-link br
    {
        display: none;
    }
    .more-link {
        width: 175px;
    }
    
}
@media (max-width:600px){
    .home-project-tiles .tile-more{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        padding: 16% 0 0 0%;
    }
}
@media (max-width:450px){
    .home-project-tiles .tile-more{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        font-size:1.5rem;
        padding-top: 80px;
    }
}
@media (max-width:420px){
    .home-project-tiles .tile-more{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        font-size:1.5rem;
        padding-top: 80px;
    }
}
.home-project-tiles .tile-more a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%
}
.home-project-tiles .tile-more a>div:first-child{
    min-height:auto;
    padding:0 0px 25px 11px;
    text-transform:uppercase;
    margin-top:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    z-index:1;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
@media (max-width:1600px){
    .home-project-tiles .tile-more a>div:first-child{
        min-height:180px
    }
}
@media (max-width:1150px){
    .home-project-tiles .tile-more a>div:first-child{
        padding-right:15px;
        padding-left:15px;
        min-height:0
    }
}
@media (max-width:450px){
    .home-project-tiles .tile-more a>div:first-child{
        padding-right:10px;
        padding-left:10px;
        min-height:0
    }
}
.home-project-tiles .tile-more .label{
    /* display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-preferred-size:fit-content;
    flex-basis:fit-content;
    width:auto;
    height:3.2em;
    position:relative;
    padding-top:.12em;
    line-height:.9;
    margin-top:auto */
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.home-project-tiles .tile-more .label:after{
    content:'';
    display:block;
    position:absolute;
    bottom:.01em;
    width:0;
    background:currentColor;
    height:1px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    right:0
}
.home-project-tiles .tile-more a:hover .label:after{
    width:100%;
    right:auto;
    left:0
}
.home-project-tiles .tile-more .arrow{
    width:100%;
    margin-top:1.25em
}
.home-project-tiles .tile-more .arrow svg{
    width:50%;
    max-width:100px
}
@media (max-width:1600px){
    .home-project-tiles .tile-more .arrow{
        margin-top:.7em
    }
}
.project-tiles-carousel{
    height:0;
    padding-bottom:30%
}
@media (max-width:900px){
    .project-tiles-carousel{
        padding-bottom:66.66666%
    }
}
.project-tiles-carousel>div{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.project-tiles-carousel .image-gallery-slideshow{
    height:100%;
    padding-bottom: 20px;
}
.project-tiles-carousel .slick-track {
    top: 15px;
}
.project-tiles-carousel .image-gallery-slideshow .slick-list,.project-tiles-carousel .image-gallery-slideshow .slick-track,.project-tiles-carousel .image-gallery-slideshow .slide{
    height:100%
}
.project-tiles-carousel .arrows-container{
    top:50%!important
}
.project-tiles-wrap .tile{
    -webkit-box-flex:0;
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    height:0;
    padding-bottom:33.333333333%
}
@media (max-width:900px){
    .project-tiles-wrap .tile{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        padding-bottom:66.6666666%
    }
}
.tile{
    color:#fff;
    overflow:hidden
}
.tile .tile-content{
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    z-index:1;
    position:relative;
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:hidden
}
.tile .tile-content h2,.tile .tile-content h3,.tile .tile-content p{
    color:#fff
}
.tile .tile-content *{
    text-shadow:2px 2px 8px rgba(0,0,0,.5)
}
.tile .bg-media{
    -webkit-transition:all .7s ease;
    transition:all .7s ease;
    -webkit-transform:scale(1.1) translateZ(0);
    transform:scale(1.1) translateZ(0)
}
.tile.is-inview .bg-media{
    -webkit-transform:scale(1) translateZ(0);
    transform:scale(1) translateZ(0)
}
.tile .inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%
}
.tile .inner>div{
    /* min-height:240px; */
    margin-top:auto;
    /* padding-bottom:50px; */
    border-left:3px solid currentColor;
    padding-left:20px;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
@media (max-width:1600px){
    /* .tile .inner>div{
        min-height:180px
    } */
}
@media (max-width:900px){
    .tile .inner>div{
        min-height:0
    }
}
@media (max-width:800px){
    .tile .inner>div{
        padding-left:15px;
        border-left:2px solid currentColor;
        padding-bottom:30px
    }
}
@media (max-width:420px){
    .tile .inner>div{
        padding-left:12px;
        padding-bottom:25px
    }
}
.tile.is-active .tile-content{
    background:rgba(0,0,0,.6)
}
.tile.is-active .bg-media{
    -webkit-transform:scale(1.1) translateZ(0);
    transform:scale(1.1) translateZ(0)
}
.tile.is-active h3{
    opacity:0;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.tile.is-active .reveal-text{
    opacity:1;
    -webkit-transform:translateY(-1em) translateZ(0);
    transform:translateY(-1em) translateZ(0)
}
.tile .tile-content:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:-webkit-gradient(linear,left top, right top,color-stop(0, currentColor),to(currentColor)),-webkit-gradient(linear,left bottom, left top,color-stop(50%, currentColor),color-stop(50%, transparent)),-webkit-gradient(linear,left bottom, left top,color-stop(50%, currentColor),color-stop(50%, transparent)),-webkit-gradient(linear,left top, right top,color-stop(0, currentColor),to(currentColor)),-webkit-gradient(linear,right top, left top,color-stop(0, currentColor),to(currentColor));
    background:linear-gradient(to right,currentColor 0,currentColor 100%),linear-gradient(to top,currentColor 50%,transparent 50%),linear-gradient(to top,currentColor 50%,transparent 50%),linear-gradient(to right,currentColor 0,currentColor 100%),linear-gradient(to left,currentColor 0,currentColor 100%);
    background-size:100% 5px,5px 200%,5px 200%,0 5px,0 6px;
    background-position:50% 100%,0 0,100% 0,100% 0,0 0;
    background-repeat:no-repeat,no-repeat;
    -webkit-transition:background-position .2s ease-in-out,background-size .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition:background-position .2s ease-in-out,background-size .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out,background-position .2s ease-in-out,background-size .2s ease-in-out;
    transition:transform .2s ease-in-out,background-position .2s ease-in-out,background-size .2s ease-in-out,-webkit-transform .2s ease-in-out;
    -webkit-transform:scaleX(0) rotate(0);
    transform:scaleX(0) rotate(0);
    -webkit-transition-delay:.6s,.3s,0s;
    transition-delay:.6s,.3s,0s
}
@media (max-width:600px){
    .tile .tile-content:before{
        background-size:100% 5px,5px 200%,5px 200%,0 5px,0 5px
    }
}
.tile.is-active .tile-content:before{
    will-change: background-size,background-position,transform;
    background-size: 184% 5px,5px 400%,5px 400%,55% 5px,55% 5px;
    background-position: 50% 100%,0 100%,100% 100%,100% 0,0 0;
    -webkit-transform: scaleX(1) rotate(0);
    transform: scaleX(1) rotate(0);
    -webkit-transition-delay: 0s,.2s,.4s;
    transition-delay: 0s,.2s,.4s;
}
@media (max-width:600px){
    .tile.is-active .tile-content:before{
        background-size:200% 5px,5px 400%,5px 400%,55% 5px,55% 5px
    }
}
.tile .reveal-text{
    -webkit-transition:opacity .3s,padding-top .3s ease,-webkit-transform .3s;
    transition:opacity .3s,padding-top .3s ease,-webkit-transform .3s;
    transition:opacity .3s,transform .3s,padding-top .3s ease;
    transition:opacity .3s,transform .3s,padding-top .3s ease,-webkit-transform .3s;
    opacity:0;
    overflow:hidden;
    -webkit-transform:translateY(1em) translateZ(0);
    transform:translateY(1em) translateZ(0)
}
.tile .reveal-text>div{
    width:100%;
    position:absolute;
    left:0;
    top:0
}
.tile .reveal-text p{
    max-width:23em;
    padding-bottom:.5em
}
@media (max-width:810px){
    .tile .col1-2{
        width:100%
    }
}
@media (min-width:901px) and (max-width:1250px){
    .tile .g-size-l{
        font-size:3.8rem
    }
    .tile .g-size-reg{
        font-size:2.1rem
    }
    .tile .g-size-sm{
        font-size:2rem
    }
}
@media (min-width:901px) and (max-width:1150px){
    .tile .g-size-l{
        font-size:3.2rem
    }
    .tile .g-size-reg{
        font-size:1.9rem
    }
    .tile .g-size-sm{
        font-size:1.7rem
    }
}
@media (max-width:450px){
    .tile .g-size-l,.tile .g-size-xl{
        font-size:2.5rem
    }
    .tile .g-size-reg{
        font-size:1.4rem
    }
    .tile .g-size-sm{
        font-size:1.3rem
    }
}
@media (max-width:350px){
    .tile .g-size-l,.tile .g-size-xl{
        font-size:2.2rem
    }
    .tile .g-size-reg{
        font-size:1.3rem
    }
    .tile .g-size-sm{
        font-size:1.1rem
    }
}
.project-stories-wrap:not(.filtered) .tile:first-child{
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    padding-bottom:50%
}
@media (max-width:900px){
    .project-stories-wrap:not(.filtered) .tile:first-child{
        padding-bottom:66.6666666%
    }
}
.service-list{
    color:#fff;
    z-index:0;
    background:#171426
}
.service-list .slc{
    z-index:0
}
@media (min-width:1351px){
    .service-list{
        height:0;
        padding-bottom:50%
    }
    .service-list .slc{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%
    }
}
.service-list .inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    z-index:2;
    height:100%
}
.service-list h2{
    font-size:10rem;
    padding:.6em 0 .48em 0;
    margin-left:28px
}
@media (max-width:800px){
    .service-list h2{
        margin-left:0
    }
}
.service-list .list-wrap{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    border-left:3px solid currentColor;
    padding-left:25px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
@media (max-width:800px){
    .service-list .list-wrap{
        padding-left:15px;
        border-left:2px solid currentColor
    }
}
@media (max-width:420px){
    .service-list .list-wrap{
        padding-left:12px
    }
}
.service-list .bg-media:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:-webkit-gradient(linear,left top, right top,color-stop(0, #000),color-stop(80%, rgba(0,0,0,0)));
    background:linear-gradient(90deg,#000 0,rgba(0,0,0,0) 80%);
    position:absolute;
    z-index:10
}
.service-list ul{
    line-height:100%;
    text-transform:uppercase;
    display:inline-block;
    letter-spacing:.025em;
    padding-bottom:2em
}
.service-list ul li{
    margin-bottom:.2em
}
.service-list ul a{
    -webkit-transition:color .4s ease-out;
    transition:color .4s ease-out;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.service-list ul a span{
    -webkit-transition:width .4s,color .4s cubic-bezier(.65,.05,.36,1);
    transition:width .4s,color .4s cubic-bezier(.65,.05,.36,1);
    position:relative
}
.service-list ul .arrow{
    width:0;
    overflow:hidden
}
.service-list ul .arrow svg{
    fill:currentColor;
    width:.7em;
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.service-list ul .active a{
    color:#ff5945
}
.service-list ul .active a .arrow{
    width:1em
}
.service-list .more-link{
    font-weight:700;
    letter-spacing:.027em;
    text-transform:uppercase
}
.service-list .more-link-wrap{
    margin-top:auto;
    margin-bottom:60px
}
.service-list .more-link-wrap .arrow-button{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}
@media (max-width:800px){
    .service-list .more-link-wrap{
        margin-bottom:30px
    }
}
@media (max-width:420px){
    .service-list .more-link-wrap{
        margin-bottom:20px
    }
}
.service-list .bg-slide-carousel-wrap{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:0
}
.service-list .bg-slide-carousel-wrap .bg-slide-carousel,.service-list .bg-slide-carousel-wrap .slick-list{
    width:100%;
    height:100%
}
.service-list .bg-slide-carousel-wrap .slick-track{
    height:100%
}
.service-list .bg-media{
    background:#171426;
    -webkit-transition:opacity .7s,-webkit-transform .7s cubic-bezier(.45,.05,.55,.95);
    transition:opacity .7s,-webkit-transform .7s cubic-bezier(.45,.05,.55,.95);
    transition:opacity .7s,transform .7s cubic-bezier(.45,.05,.55,.95);
    transition:opacity .7s,transform .7s cubic-bezier(.45,.05,.55,.95),-webkit-transform .7s cubic-bezier(.45,.05,.55,.95);
    -webkit-backface-visibility:hidden;
    will-change:transform;
    -webkit-transform:scale(1.1) translateZ(0);
    transform:scale(1.1) translateZ(0)
}
.service-list.is-inview .slick-active .bg-media{
    -webkit-transform:scale(1) translateZ(0);
    transform:scale(1) translateZ(0)
}
.social-links ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.social-links ul li{
    margin-right:15px
}
.social-links a{
    width:40px;
    height:40px;
    border-radius:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.social-links a span{
    display:block
}
.social-links a svg{
    fill:currentColor;
    display:block
}
.social-links a:after{
    content:none
}
.social-links.link-white a{
    color:#fff
}
.social-links.link-white a:hover{
    color:#ff5945
}
.social-links.link-solar a{
    color:#ff5945
}
.social-links.link-solar a:hover{
    color:#171426
}
.social-links.sm li{
    margin-right:20px
}
.social-links.sm a{
    width:25px;
    height:25px
}
@media (max-width:1450px){
    .social-links a{
        width:35px;
        height:35px
    }
}
@media (max-width:1150px){
    .social-links a{
        width:30px;
        height:30px
    }
}
@media (max-width:1050px){
    .social-links a{
        width:40px;
        height:40px
    }
}
@media (max-width:700px){
    .social-links a{
        width:30px;
        height:30px
    }
}
@media (max-width:600px){
    .social-links ul li{
        margin-right:10px
    }
    .social-links a{
        width:25px;
        height:25px
    }
}
@media (max-width:430px){
    .social-links a{
        width:30px;
        height:30px
    }
}
.accordion-block>.items-wrap{
    padding-top:calc(var(--blockspacervalue) * 2px);
    padding-bottom:calc(var(--blockspacervalue) * 2px)
}
.accordion-item .accordion-toggle-link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:1em 0;
    border-top:1px solid #726C76;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer
}
.accordion-item .accordion-toggle-link svg{
    fill:currentColor
}
.accordion-item .accordion-toggle-link .icon{
    -webkit-box-flex:0;
    -ms-flex:0 0 1.2em;
    flex:0 0 1.2em;
    margin-left:1em;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.accordion-item .accordion-toggle-link:hover .icon{
    color:#ff5945
}
.accordion-item:last-child>.title-wrap .accordion-toggle-link{
    border-bottom:1px solid #726C76
}
.accordion-item:first-child .accordion-toggle-link{
    margin-top:0
}
.accordion-item .content{
    display:none
}
.accordion-item .text-content ol,.accordion-item .text-content p,.accordion-item .text-content ul{
    color:#726C76
}
.accordion-item.open>.content{
    display:block
}
.accordion-item.open>.title-wrap .icon{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.accordion-item .col-sub-accordion .accordion-toggle-link{
    padding:.8em 0;
    border-top:1px solid #726C76
}
.accordion-item .col-sub-accordion .accordion-item:last-child{
    border-bottom:1px solid #726C76
}
.accordion-item .col-sub-accordion .accordion-item:last-child .title-wrap .accordion-toggle-link{
    border-bottom:none
}
@media (max-width:810px){
    .accordion-item .col1-2,.accordion-item .col1-3,.accordion-item .col5{
        width:100%
    }
    .accordion-item .col1-2:nth-child(2),.accordion-item .col1-3:nth-child(2),.accordion-item .col5:nth-child(2){
        margin-top:calc(var(--blockspacervalue) * 2px)
    }
}
@media (max-width:600px){
    .accordion-item .g-size-l,.accordion-item .g-size-med{
        font-size:2.6rem
    }
}
@media (max-width:500px){
    .accordion-item .g-size-l,.accordion-item .g-size-med{
        font-size:2.4rem
    }
}
@media (max-width:420px){
    .accordion-item .g-size-l,.accordion-item .g-size-med{
        font-size:2.1rem
    }
}
@media (max-width:350px){
    .accordion-item .g-size-l,.accordion-item .g-size-med{
        font-size:1.9rem
    }
}
.long-text-block .col-text{
    margin-left:auto
}
@media (max-width:810px){
    .long-text-block .col1-2{
        width:100%
    }
    .long-text-block .col1-2:first-child .more-link{
        margin-bottom:2em
    }
}
@media (max-width:1350px){
    .long-text-block .main-title br{
        display:none
    }
}
.card-item .card-inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    position:relative
}
.card-item>a{
    -webkit-transition:color .3s ease;
    transition:color .3s ease
}
.card-item .details{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%
}
.card-item .details>*{
    width:100%
}
.card-item h2{
    -webkit-transition:color .3s ease;
    transition:color .3s ease;
    line-height:1
}
.card-item .meta{
    line-height:125%;
    display:block
}
.card-item .more-link{
    -webkit-transition:color .3s ease;
    transition:color .3s ease
}
.card-item .more-link:hover{
    color:#ff5945
}
.card-item p:last-child{
    padding-bottom:0
}
@media (max-width:500px){
    .card-item p:last-child{
        padding-bottom:0
    }
}
.card-item .zoom-hover{
    overflow:hidden
}
.card-item .zoom-hover picture img{
    -webkit-transition:-webkit-transform .7s ease;
    transition:-webkit-transform .7s ease;
    transition:transform .7s ease;
    transition:transform .7s ease, -webkit-transform .7s ease;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.card-item a:hover .zoom-hover picture img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
@media (min-width:1001px){
    .card-item.col1-3:nth-child(n+4){
        margin-top:100px
    }
}
@media (min-width:1001px) and (max-width:1100px){
    .card-item.col1-3:nth-child(n+4){
        margin-top:60px
    }
}
@media (max-width:1000px){
    .card-item.col1-3{
        width:50%
    }
    .card-item.col1-3:nth-child(n+3){
        margin-top:60px
    }
    .card-item.col1-3.fw-tablet{
        width:100%;
        max-width:600px;
        margin:0 auto
    }
    .card-item.col1-3.fw-tablet:nth-child(n+2){
        margin-top:60px
    }
}
@media (min-width:701px) and (max-width:1000px){
    .card-item.related-resource:nth-child(3){
        display:none
    }
}
@media (max-width:700px){
    .card-item.col1-2,.card-item.col1-3{
        width:100%
    }
    .card-item.col1-2:nth-child(n+2),.card-item.col1-3:nth-child(n+2){
        margin-top:45px
    }
    .card-item.col1-3.fw-tablet:nth-child(n+2){
        margin-top:45px
    }
}
@media (max-width:500px){
    .card-item.col1-4{
        width:100%
    }
}
@media (max-width:700px){
    .card-item .mob-lg{
        font-size:4.2rem
    }
}
@media (max-width:600px){
    .card-item .mob-lg{
        font-size:3.8rem
    }
}
@media (max-width:500px){
    .card-item .mob-lg{
        font-size:3.4rem
    }
}
@media (max-width:420px){
    .card-item .mob-lg{
        font-size:3rem
    }
}
@media (max-width:350px){
    .card-item .mob-lg{
        font-size:2.8rem
    }
}
.h-scroll-container .inner{
    padding-left:0;
    padding-right:0
}
.h-scroll-content{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}
.h-scroll-content .col1-3{
    width:33.333333333vw;
    margin:0!important;
    padding-left:calc(var(--blockspacervalue) * 2px);
    padding-right:calc(var(--blockspacervalue) * 2px)
}
@media (max-width:1100px){
    .h-scroll-content .col1-3{
        width:50vw
    }
}
@media (max-width:700px){
    .h-scroll-content .col1-3{
        width:100vw
    }
}
.h-scroll-content .text-content{
    -webkit-box-flex:0;
    -ms-flex:0 0 70%;
    flex:0 0 70%
}
.h-scroll-content .graphic{
    -webkit-box-flex:0;
    -ms-flex:0 0 30%;
    flex:0 0 30%;
    padding-left:calc(var(--blockspacervalue) * 1px);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media (max-width:1450px){
    .h-scroll-content .g-size-sm{
        font-size:2rem
    }
}
@media (max-width:1320px){
    .h-scroll-content .g-size-sm{
        font-size:1.8em
    }
}
@media (max-width:1200px){
    .h-scroll-content .g-size-sm{
        font-size:1.6rem
    }
    .additional-textblock {
        padding: 0;
        margin: 0;
        overflow: unset !important;
        width: 100%;
    }
    .banner_menu a {
       /* font-size: 2.5rem !important;
        line-height: 4rem !important;*/

        font-size: 2.2rem !important;
        line-height: 3.2rem !important;
    }
}
@media (max-width:700px){
    .image-columns .col1-2{
        width:100%
    }
    .image-columns .col1-3{
        width:50%
    }
    .image-columns .col1-3:nth-child(1){
        width:100%
    }
    .image-columns .col1-4{
        width:50%
    }
    .image-columns .col1-5{
        width:50%
    }
    .image-columns .col1-5:nth-child(n+3){
        width:33.333333333%
    }
    .image-columns .image-grid>div.nmb{
        margin-bottom:6px
    }
    .image-columns .col1-2:first-child{
        margin-bottom:calc(var(--blockspacervalue) * 2px)
    }
}
.image-grid{
    margin:0 -12px
}
.image-grid>div{
    padding-left:12px;
    padding-right:12px;
    margin-bottom:24px
}
.image-grid>div.nmb{
    margin-bottom:0
}
@media (max-width:700px){
    .image-grid{
        margin:0 -3px
    }
    .image-grid>div{
        padding-left:3px;
        padding-right:3px;
        margin-bottom:6px
    }
    .banner_menu * {
        letter-spacing: .027em;
        text-align: left !important;
        padding-left: 24px;
        padding-top: 0;
    }
    .banner_menu {
        position: inherit !important;
            right: 53px;
            color: #ffff;
            top: 0;
            z-index: 999;
            margin-top: 70px;
    }
    .overwrite-to-video {
        margin-top: 0px;
        width: 100%;
    }
    .additional-textblock .inner {
        width: 100% !important;
        padding: 93px 30px;
    }
   
    
}
.full-width-image-slideshow .dots-container:not(empty){
    margin-top:30px
}
@media (max-width:420px){
    .full-width-image-slideshow .dots-container:not(empty){
        margin-top:20px
    }
}
@media (max-width:810px){
    .full-width-image-slideshow>.inner{
        padding-left:0;
        padding-right:0
    }
}
.full-width-image-slideshow .arrows-container{
    top:0
}
.full-width-image-slideshow .arrows-container>div{
    height:0;
    -webkit-transform:none;
    transform:none
}
.full-width-image-slideshow .arrows-container button{
    top:50%;
    position:absolute;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.full-width-image-slideshow .arrows-container button.slick-prev{
    left:0
}
.full-width-image-slideshow .arrows-container button.slick-next{
    right:0
}
@media (max-width:810px){
    .full-width-image-slideshow .arrows-container button.slick-prev{
        left:0
    }
    .full-width-image-slideshow .arrows-container button.slick-next{
        right:0
    }
}
.gallery-wrap{
    padding:0 50px
}
.gallery-wrap .col{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.gallery-wrap .col>div{
    width:100%
}
.gallery-wrap .gallery-3-portrait{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.gallery-wrap .gallery-3-portrait .image{
    width:30%;
    margin-bottom:0
}
.gallery-wrap .gallery-3-portrait .image:nth-child(2){
    width:40%
}
.gallery-wrap .gallery-6-portrait .image{
    margin-top:12px;
    margin-bottom:12px
}
@media (max-width:700px){
    .gallery-wrap .gallery-6-portrait .image{
        margin-top:3px;
        margin-bottom:3px
    }
}
.gallery-wrap .gallery-6-portrait .col:nth-child(1){
    width:21.33333333%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.gallery-wrap .gallery-6-portrait .col:nth-child(1) .image:first-child{
    width:83.3%;
    margin-left:auto
}
.gallery-wrap .gallery-6-portrait .col:nth-child(2){
    width:33.333333333%;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.gallery-wrap .gallery-6-portrait .col:nth-child(3){
    width:24%
}
.gallery-wrap .gallery-6-portrait .col:nth-child(4){
    width:21.33333333%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.gallery-wrap .gallery-6-portrait .col:nth-child(4) .image:last-child{
    width:83.3%;
    margin-right:auto
}
.gallery-wrap .gallery-6-landscape .image{
    margin-top:12px;
    margin-bottom:12px
}
@media (max-width:700px){
    .gallery-wrap .gallery-6-landscape .image{
        margin-top:3px;
        margin-bottom:3px
    }
}
.gallery-wrap .gallery-6-landscape .row:nth-child(1) .image:nth-child(1){
    width:32%
}
.gallery-wrap .gallery-6-landscape .row:nth-child(1) .image:nth-child(2){
    width:42%
}
.gallery-wrap .gallery-6-landscape .row:nth-child(1) .image:nth-child(3){
    width:26%
}
.gallery-wrap .gallery-6-landscape .row:nth-child(1) .image{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.gallery-wrap .gallery-6-landscape .row:nth-child(1) .image>div{
    margin-top:auto
}
.gallery-wrap .gallery-6-landscape .row:nth-child(2) .image:nth-child(1){
    width:26%
}
.gallery-wrap .gallery-6-landscape .row:nth-child(2) .image:nth-child(2){
    width:42%
}
.gallery-wrap .gallery-6-landscape .row:nth-child(2) .image:nth-child(3){
    width:32%
}
.gallery-wrap .gallery-5-square .image{
    margin-top:12px;
    margin-bottom:12px
}
@media (max-width:700px){
    .gallery-wrap .gallery-5-square .image{
        margin-top:3px;
        margin-bottom:3px
    }
}
.gallery-wrap .gallery-5-square .col:nth-child(1){
    width:27.5%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.gallery-wrap .gallery-5-square .col:nth-child(1) .image:first-child{
    margin-top:15%
}
.gallery-wrap .gallery-5-square .col:nth-child(1) .image:last-child{
    width:76%;
    margin-left:auto
}
.gallery-wrap .gallery-5-square .col:nth-child(2){
    width:40%;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.gallery-wrap .gallery-5-square .col:nth-child(3){
    width:32.5%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.gallery-wrap .gallery-5-square .col:nth-child(3) .image:last-child{
    width:71%;
    margin-right:auto
}
.gallery-wrap .gallery-4-landscape .image{
    margin-top:12px;
    margin-bottom:12px
}
.gallery-wrap .gallery-4-landscape .image:nth-child(2){
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.gallery-wrap .gallery-4-landscape .image:nth-child(2)>div{
    margin-top:auto
}
@media (max-width:700px){
    .gallery-wrap .gallery-4-landscape .image{
        margin-top:3px;
        margin-bottom:3px
    }
}
.gallery-wrap .gallery-4-landscape .image:nth-child(1),.gallery-wrap .gallery-4-landscape .image:nth-child(4){
    width:57%
}
.gallery-wrap .gallery-4-landscape .image:nth-child(2),.gallery-wrap .gallery-4-landscape .image:nth-child(3){
    width:43%
}
@media (max-width:810px){
    .gallery-wrap{
        padding:0 40px
    }
}
@media (max-width:450px){
    .gallery-wrap{
        padding:0 30px
    }
}
.image-gallery-block .dots-container:not(empty){
    margin-top:30px
}
@media (max-width:810px){
    .image-gallery-block .inner{
        padding:0
    }
}
.image-gallery-block .slick-arrow{
    background:0 0
}
.image-gallery-block .slick-arrow.slick-prev{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.image-gallery-block .slick-arrow.slick-next{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
@media (max-width:810px){
    .image-gallery-block .slick-arrow.slick-prev{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .image-gallery-block .slick-arrow.slick-next{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.lq-block .inner{
    z-index:5
}
.lq-block .logo-grid+.quotes-block-wrap{
    margin-top:100px
}
@media (max-width:700px){
    .lq-block .logo-grid+.quotes-block-wrap{
        margin-top:50px
    }
}
.logo-grid{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:0 auto;
    max-width:1500px;
    font-size:2.2rem
}
@media (min-width:1401px){
    .logo-grid{
        width:95%
    }
}
.logo-grid .logo-item{
    width:16.66666667%;
    margin:20px 0
}
.logo-grid .logo-item>div{
    max-width:250px;
    margin:0 auto
}
.logo-grid .logo-item.award-logo{
    width:20%
}
.logo-grid .logo-item.award-logo .fis-landscape{
    padding-bottom:50%
}
@media (max-width:1200px){
    .logo-grid .logo-item.award-logo{
        width:33.33333333%;
        padding:0 20px
    }
}
@media (max-width:600px){
    .logo-grid .logo-item{
        width:33.33333333%
    }
    .logo-grid .logo-item.award-logo{
        width:50%;
        padding:0 10px;
        margin:15px 0
    }
}
.logo-grid .logo-item-centered{
    text-align:center
}
.logo-grid .logo-item-centered .contain img{
    -o-object-position:center;
    object-position:center
}
.logo-grid .logo-item-centered h5{
    line-height:110%
}
@media (min-width:1921px){
    .logo-grid{
        font-size:1.1vw
    }
}
@media (max-width:1600px){
    .logo-grid{
        font-size:2rem
    }
}
@media (max-width:810px){
    .logo-grid{
        font-size:1.7rem
    }
}
@media (max-width:600px){
    .logo-grid{
        font-size:1.8rem
    }
}
@media (max-width:450px){
    .logo-grid{
        font-size:1.6rem
    }
}
@media (max-width:350px){
    .logo-grid{
        font-size:1.4rem
    }
}
.quotes-block-wrap{
    padding:0 60px
}
.quotes-block-wrap .slick-dots{
    margin-top:40px
}
.quotes-block-wrap .quote-item>div{
    max-width:1200px;
    margin:0 auto;
    padding-left:20px;
    padding-right:20px
}
@media (max-width:700px){
    .quotes-block-wrap{
        padding:0
    }
    .quotes-block-wrap .arrows-container{
        display:none
    }
    .quotes-block-wrap .quote-item>div{
        padding-left:0;
        padding-right:0
    }
}
@media (max-width:900px){
    .quotes-block-wrap .g-size-med{
        font-size:3rem
    }
}
@media (max-width:700px){
    .quotes-block-wrap .g-size-med{
        font-size:2.5rem
    }
    .quotes-block-wrap .g-size-sm{
        font-size:1.7rem
    }
}
@media (max-width:450px){
    .quotes-block-wrap .g-size-med{
        font-size:2rem
    }
    .quotes-block-wrap .g-size-sm{
        font-size:1.3rem
    }
}
.quotes-block-wrap .slick-arrow{
    background:0 0
}
.quotes-block-wrap .slick-arrow:hover{
    background:0 0!important
}
.quotes-block-wrap .slick-arrow:hover svg{
    fill:#fff!important;
    opacity:.5
}
.text-media-cols .col-text{
    width:40%
}
.text-media-cols .col-media{
    width:60%
}
@media (max-width:1400px){
    .text-media-cols .col-text{
        width:50%
    }
    .text-media-cols .col-media{
        width:50%
    }
}
@media (max-width:810px){
    .text-media-cols .col-text{
        width:100%
    }
    .text-media-cols .col-media{
        width:100%;
        margin-bottom:calc(var(--blockspacervalue) * 4px)
    }
    .text-media-cols.mob-graphic-right .col-text{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .text-media-cols.mob-graphic-right .col-text .graphic{
        margin-left:calc(var(--blockspacervalue) * 2px);
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .text-media-cols.mob-graphic-right .col-text .graphic-bottom{
        padding-top:0!important
    }
    .text-media-cols.mob-graphic-right .col-text .text-content{
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1
    }
}
@media (min-width:811px) and (max-width:1450px){
    .text-media-cols .main-title.g-size-xl br{
        display:none
    }
}
@media (min-width:811px) and (max-width:1320px){
    .text-media-cols .g-size-reg{
        font-size:2.2rem
    }
    .text-media-cols .graphic{
        font-size:4.5rem
    }
}
@media (min-width:811px) and (max-width:1200px){
    .text-media-cols .g-size-reg{
        font-size:2rem
    }
    .text-media-cols .graphic{
        font-size:3.5rem
    }
}
@media (min-width:811px) and (max-width:1000px){
    .text-media-cols .g-size-reg{
        font-size:1.8rem
    }
    .text-media-cols .graphic{
        font-size:2.8rem
    }
}
@media (min-width:811px) and (max-width:900px){
    .text-media-cols .g-size-reg{
        font-size:1.7rem
    }
    .text-media-cols .graphic{
        font-size:2.4rem
    }
}
@media (min-width:811px) and (max-width:810px){
    .text-media-cols .g-size-reg{
        font-size:1.6rem
    }
    .text-media-cols .graphic{
        font-size:2.2rem
    }
}
.text-media-cols .dots-container{
    position:absolute;
    left:0;
    width:100%;
    bottom:50px
}
.text-media-cols .dots-container button{
    color:#fff
}
@media (max-width:1300px){
    .text-media-cols .dots-container{
        bottom:35px
    }
}
@media (max-width:420px){
    .text-media-cols .dots-container{
        bottom:20px
    }
}
@media (max-width:350px){
    .text-media-cols .dots-container{
        bottom:10px
    }
}
.text-media-cols .arrows-container{
    left:0;
    width:100%;
    top:0;
    position:absolute;
    pointer-events:none;
    z-index:100
}
.text-media-cols .arrows-container>div{
    top:50%;
    position:absolute;
    left:0;
    width:100%
}
.text-media-cols .arrows-container button{
    pointer-events:auto;
    color:inherit
}
.text-media-cols .arrows-container button svg{
    fill:currentColor
}
.feature-slides-wrap .dots-container:not(empty){
    margin-top:30px
}
.feature-slides-wrap .flex-wrap{
    height:100%
}
.feature-slides-wrap .arrows-container{
    padding:0
}
@media (max-width:750px){
    .feature-slides-wrap .arrows-container{
        top:0;
        padding-left:0;
        padding-right:0
    }
    .feature-slides-wrap .arrows-container>div{
        height:0;
        padding-bottom:66.6666666%;
        -webkit-transform:none;
        transform:none;
        display:block;
        width:100%
    }
    .feature-slides-wrap .arrows-container>div button{
        top:100%;
        position:absolute;
        left:0
    }
    .feature-slides-wrap .arrows-container>div button.slick-next{
        left:auto;
        right:0
    }
}
.feature-slides-wrap .slick-arrow{
    background:0 0
}
.feature-slides-wrap .slick-arrow:hover{
    background:0 0!important
}
.feature-slides-wrap .slick-arrow:hover svg{
    fill:#fff!important;
    opacity:.5
}
.feature-slides .slick-track{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.feature-slides .slide{
    background:#333340;
    color:#fff;
    height:auto;
    float:none
}
@media (min-width:751px){
    .feature-slides .content{
        width:50%;
        margin-left:auto
    }
    .feature-slides .image{
        position:absolute;
        left:0;
        top:0;
        width:50%;
        height:100%
    }
    .feature-slides .slide>a{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        height:100%
    }
    .feature-slides .slide>a>.flex-wrap{
        height:100%
    }
    .feature-slides .flex-wrap:after{
        content:'';
        display:block;
        width:1px;
        height:0;
        padding-bottom:33.33333333%;
        -webkit-transform:translateX(-1px);
        transform:translateX(-1px)
    }
}
@media (max-width:750px){
    .feature-slides .image{
        height:0;
        padding-bottom:66.66666666%
    }
    .feature-slides .flex-wrap{
        display:block
    }
}
.feature-slides .content{
    padding:75px
}
@media (max-width:1600px){
    .feature-slides .content{
        padding:55px
    }
}
@media (max-width:1150px){
    .feature-slides .content{
        padding:45px 60px 45px 30px
    }
}
@media (max-width:750px){
    .feature-slides .content{
        padding-left:60px;
        padding-right:40px
    }
}
@media (max-width:600px){
    .feature-slides .content{
        padding:40px 30px
    }
}
.feature-slides .text-script{
    margin-top:-.3em
}
@media (min-width:751px) and (max-width:1200px){
    .feature-slides .g-size-med.text-script{
        font-size:7rem
    }
    .feature-slides .g-size-l{
        font-size:4rem
    }
}
@media (min-width:751px) and (max-width:1000px){
    .feature-slides .g-size-l{
        font-size:3.1rem
    }
    .feature-slides .g-size-med.text-script{
        font-size:5.4rem
    }
    .feature-slides .g-size-reg{
        font-size:1.8rem
    }
}
@media (min-width:751px) and (max-width:900px){
    .feature-slides .g-size-l{
        font-size:2.8rem
    }
    .feature-slides .g-size-med.text-script{
        font-size:5rem
    }
    .feature-slides .g-size-reg{
        font-size:1.6rem
    }
}
@media (max-width:810px){
    .two-col-media-block .col1-2{
        width:100%
    }
    .two-col-media-block .col1-2:nth-child(2){
        margin-top:calc(var(--blockspacervalue) * 2px)
    }
}
#page{
    z-index:1;
    overflow:hidden;
    background:#171426
}
.footer-container{
    z-index:1
}
.footer-cta-banner{
    padding:70px 0 35px 0;
    background:#171426;
    color:#fff
}
.footer-cta-banner a{
    -webkit-transition:color .4s ease;
    transition:color .4s ease
}
.footer-cta-banner a:hover{
    color:#fff
}
@media (max-width:810px){
    .footer-cta-banner{
        padding:50px 0 25px 0
    }
}
@media (max-width:525px){
    .footer-cta-banner{
        padding:35px 0 20px 0
    }
}
.footer-cta-banner>div:first-child{
    z-index:1
}
.footer-cta-banner .bg-media{
    /* max-width:1110px; */
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:0
}
.hide-footer-cta .footer-cta-banner{
    display:none
}
.pagefooter{
    overflow:hidden;
    background:#333340;
    color:#fff
}
.pagefooter .footer-main-cols{
    font-size:2.5rem
}
.pagefooter .footer-main-cols h2{
    padding-top: 50px;
    font-size: 3rem;
    margin: 0;
}
.pagefooter .footer-main-cols strong{
    font-weight:400;
    color:#ff5945
}
.pagefooter .footer-main-cols .fm .col1-4{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:530px
}
@media (min-width:1051px){
    .pagefooter .footer-main-cols .fm .col1-4:nth-child(n+2):before{
        content:'';
        display:block;
        width:1px;
        height:70%;
        position:absolute;
        top:0;
        left:0;
        background:#fff
    }
}
@media (max-width:1700px){
    .pagefooter .footer-main-cols{
        font-size:2.35rem
    }
}
@media (max-width:1450px){
    .pagefooter .footer-main-cols{
        font-size:2rem
    }
    .pagefooter .footer-main-cols h2{
        font-size:2.5rem;
        padding:45px 0
    }
    .pagefooter .footer-main-cols .fm .col1-4{
        height:450px
    }
}
@media (max-width:1150px){
    .pagefooter .footer-main-cols{
        font-size:1.8rem
    }
    .pagefooter .footer-main-cols h2{
        font-size:2.3rem
    }
    .pagefooter .footer-main-cols .fm .col1-4{
        height:370px
    }
    .masonry-with-columns div {
        height: 166px;
    }
}
@media (max-width:1110px){
    .pagefooter .footer-main-cols{
        font-size:1.7rem
    }
    .pagefooter .footer-main-cols .fm .col1-4{
        height:360px
    }
}
.pagefooter .footer-main-cols .fm .col1-4:nth-child(n+2):before {
    content: '';
    display: block;
    width: 1px;
    height: 50% !important;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}
.pagefooter .footer-additional{
    position:absolute;
    bottom:0;
    left:0;
    width:100%
}
.pagefooter .social-links{
    margin-top:auto
}
.pagefooter .social-links ul{
    padding:0
}
.pagefooter .logo-mark{
    width:25%;
    margin-top:auto;
    max-width:95px;
    cursor:pointer;
    z-index:20
}
.pagefooter .logo-mark svg{
    fill:#ff5945
}
.pagefooter .footer-signoff{
    padding:40px 0;
    font-size:1.5rem
}
.pagefooter .footer-signoff ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.pagefooter .footer-signoff ul li{
    margin-right:2em
}
.pagefooter .footer-signoff ul li:last-child{
    margin:0
}
.pagefooter .footer-logos{
    margin-top:auto
}
.pagefooter .footer-logos .logo-item{
    margin:20px 15px 0 0
}
.pagefooter .footer-logos .logo-item:last-child{
    margin-right:0
}
.pagefooter .footer-logos img{
    height:50px;
    width:auto
}
@media (max-width:1450px){
    .pagefooter .footer-logos img{
        height:45px
    }
}
@media (max-width:1050px){
    .backtotop {
        position: relative;
        bottom: -80px;
        right: 0;
        z-index: 9999;
    }
    .pagefooter .footer-main-cols{
        font-size:1.9rem
    }
    .pagefooter .footer-additional>.flex-columns>.col1-4{
        width:50%
    }
}
@media (max-width: 1348px) and (min-width:1050px){
    .pagefooter .footer-logos .logo-item{
        margin:20px 3px 0 0
}
}
@media (max-width:1050px) and (min-width:431px){
   
    .pagefooter .footer-main-cols .fm .col1-4{
        width:50%;
        height:auto
    }
    .pagefooter .footer-main-cols .fm .col1-4:before{
        display:none
    }
    .pagefooter .footer-main-cols .fm .col1-4:nth-child(even):before{
        content:'';
        display:block;
        width:1px;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        background:#fff
    }
    .pagefooter .footer-main-cols .fm .col1-4:nth-child(3),.pagefooter .footer-main-cols .fm .col1-4:nth-child(4){
        padding-bottom:4em
    }
}
@media (max-width:920px){
    .pagefooter .footer-signoff{
        font-size:1.4rem
    }
}
@media (max-width:700px){
    .pagefooter .footer-main-cols{
        font-size:1.7rem
    }
    .pagefooter .footer-signoff{
        font-size:1.2rem
    }
    .pagefooter .footer-signoff ul{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .pagefooter .footer-signoff ul li:first-child{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        margin-bottom:1em
    }
}
@media (max-width:600px){
    .pagefooter .footer-main-cols{
        font-size:1.6rem
    }
    .pagefooter .footer-signoff{
        font-size:1.4rem
    }
    .pagefooter .footer-signoff ul li{
        width:50%;
        margin:0 0 1em;
        padding-right:1em
    }
}
@media (max-width:500px){
    .pagefooter .footer-main-cols{
        font-size:1.4rem
    }
    .pagefooter .footer-main-cols h2{
        padding:30px 0;
        font-size:1.9rem
    }
    .pagefooter .footer-signoff{
        font-size:1.3rem
    }
}
@media (max-width:430px){
    .pagefooter .footer-main-cols{
        font-size:1.5rem
    }
    .pagefooter .footer-main-cols .fm .col1-4{
        width:100%;
        height:auto
    }
    .pagefooter .footer-additional{
        position:relative
    }
    .pagefooter .footer-additional .flex-columns{
        display:block
    }
    .pagefooter .footer-additional .flex-columns>.col1-4{
        width:100%
    }
    .pagefooter .social-links{
        margin-bottom:20px
    }
}
body #cookie-law-info-bar{
    background:rgba(23,20,38,.9)!important;
    letter-spacing:.045em;
    color:#fff!important
}
body #wt-cli-accept-all-btn,body .cli-btn{
    font-weight:700!important;
    letter-spacing:.027em!important;
    text-transform:uppercase
}
.cli-modal-dialog{
    letter-spacing:.045em
}
#wt-cli-accept-all-btn,#wt-cli-privacy-save-btn,.cli-switch input:checked+.cli-slider{
    background:#ff5945!important;
    color:#fff!important
}
#wt-cli-accept-all-btn:hover,#wt-cli-privacy-save-btn:hover,.cli-switch input:checked+.cli-slider:hover{
    background:#ff2b12!important
}
.cli_settings_button{
    color:inherit!important;
    background:0 0!important
}
@media (max-width:810px){
    .four-col-text .col1-4{
        width:50%
    }
}
@media (max-width:420px){
    .four-col-text{
        font-size:1.4rem
    }
}
@media (max-width:350px){
    .four-col-text{
        font-size:1.3rem
    }
}
.project-archive-wrap a:hover h2{
    color:#171426
}
@media (min-width:1001px){
    .project-archive-wrap .card-item.col1-3:nth-child(n+4){
        margin-top:100px
    }
}
@media (min-width:1001px) and (max-width:1100px){
    .project-archive-wrap .card-item.col1-3:nth-child(n+4){
        margin-top:60px
    }
}
@media (min-width:701px) and (max-width:1000px){
    .project-archive-wrap .card-item.col1-3{
        width:50%
    }
    .project-archive-wrap .card-item.col1-3:nth-child(n+3){
        margin-top:60px
    }
}
.project-page-has-related-projects .lq-block.has-gradient:last-child{
    padding-bottom:300px
}
@media (max-width:1600px){
    .project-page-has-related-projects .lq-block.has-gradient:last-child{
        padding-bottom:270px
    }
}
@media (max-width:1150px){
    .project-page-has-related-projects .lq-block.has-gradient:last-child{
        padding-bottom:270px
    }
}
@media (max-width:810px){
    .project-page-has-related-projects .lq-block.has-gradient:last-child{
        padding-bottom:220px
    }
}
@media (max-width:600px){
    .project-page-has-related-projects .lq-block.has-gradient:last-child{
        padding-bottom:180px
    }
}
@media (max-width:420px){
    .project-page-has-related-projects .lq-block.has-gradient:last-child{
        padding-bottom:150px
    }
}
.project-page-has-related-projects .after-gradient .related-projects-title{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    color:#fff
}
.article-page .term-list-inline{
    padding-bottom:calc(var(--blockspacervalue) * 2px)
}
.article-page .main-title{
    width:95%
}
.article-page .text-content .g-size-sm,.article-page .text-content.g-size-sm ol:not(.g-size-reg),.article-page .text-content.g-size-sm p:not(.g-size-reg),.article-page .text-content.g-size-sm ul:not(.g-size-reg){
    color:#726C76
}
.vacancy-list-item .text-content ol,.vacancy-list-item .text-content p,.vacancy-list-item .text-content ul,.vacancy-list-item .text-content.vacancy-html>div{
    color:#726C76
}
.featured-post{
    margin-bottom:0
}
@media (max-width:1000px){
    .featured-post .fis.fis-landscape-2-1{
        padding-bottom:66.666666%
    }
}
@media (min-width:701px) and (max-width:1000px){
    .featured-post .col1-3,.featured-post .col2-3{
        width:50%
    }
}
@media (max-width:700px){
    .featured-post .col1-3,.featured-post .col2-3{
        width:100%
    }
    .featured-post h2{
        padding-top:.75em
    }
}
@media (min-width:701px){
    .resource-listing{
        padding-top:calc(var(--blockspacervalue) * 3px)
    }
}
.resource-listing a h2,.resource-listing h2 a{
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.resource-listing .image:hover+.details h2 a{
    opacity:.75
}
.resource-listing .image{
    overflow:hidden
}
.resource-listing picture img{
    -webkit-transition:all .7s ease;
    transition:all .7s ease;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.resource-listing a:hover h2{
    opacity:.75
}
.resource-listing a:hover picture img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.resource-listing h2:hover a{
    opacity:.75
}
.share-links{
    margin-bottom:calc(var(--blockspacervalue) * 3px)
}
.share-links ul{
    padding-bottom:0
}
.term-list-inline{
    font-size:2rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.term-list-inline li{
    margin-right:.5em;
    margin-bottom:.3em;
    letter-spacing:.045em
}
.term-list-inline li:after{
    margin-left:.5em;
    content:'/';
    color:#ff5945
}
.term-list-inline li:last-child{
    padding-right:0;
    margin-bottom:0
}
.term-list-inline li:last-child:after{
    content:none
}
@media (max-width:1600px){
    .term-list-inline{
        font-size:1.8rem
    }
}
@media (max-width:1150px){
    .term-list-inline{
        font-size:1.7rem
    }
}
@media (max-width:800px){
    .term-list-inline{
        font-size:1.6rem
    }
}
@media (max-width:600px){
    .term-list-inline{
        font-size:1.5rem
    }
}
@media (max-width:420px){
    .term-list-inline{
        font-size:1.45rem
    }
}
.contact-page .col-text .text-content{
    max-width:20em
}
@media (min-width:811px){
    .contact-page .col-text{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .contact-page .sketch-image{
        margin-top:auto;
        width:90%
    }
    .contact-page .sketch-image-mob{
        display:none
    }
}
@media (min-width:811px) and (max-width:900px){
    .contact-page .form-wrap.g-size-sm{
        font-size:1.8rem
    }
}
@media (min-width:811px) and (max-width:800px){
    .contact-page .form-wrap.g-size-sm{
        font-size:1.65rem
    }
}
@media (max-width:810px){
    .contact-page .col1-2{
        width:100%
    }
    .contact-page .sketch-image-dt{
        display:none
    }
}
.careers-listing>.inner{
    z-index:10
}
.careers-listing .accordion-block>.items-wrap{
    padding:0 0 40px 0
}
.vacancy-list-item .accordion-toggle-link{
    padding:1.5em 0
}
.vacancy-list-item .title-wrap{
    -webkit-box-flex:0;
    -ms-flex:0 0 36%;
    flex:0 0 36%
}
.vacancy-list-item .title-wrap h2{
    padding-right:.8em
}
.vacancy-list-item .department,.vacancy-list-item .location,.vacancy-list-item .work-type{
    width:18%
}
.vacancy-list-item .department,.vacancy-list-item .location,.vacancy-list-item .term-stack,.vacancy-list-item .vacancy-date,.vacancy-list-item .work-type{
    color:#726C76;
    letter-spacing:.045em
}
.vacancy-list-item .vacancy-date{
    display:none;
    padding-top:.3em
}
.vacancy-list-item .location-mobile{
    display:none
}
.vacancy-list-item.open .icon{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
@media (min-width:1101px){
    .vacancy-list-item .term-stack{
        display:none
    }
}
@media (max-width:1100px){
    .vacancy-list-item .title-wrap{
        -webkit-box-flex:0;
        -ms-flex:0 0 60%;
        flex:0 0 60%
    }
    .vacancy-list-item .department,.vacancy-list-item .location,.vacancy-list-item .work-type{
        display:none
    }
    .vacancy-list-item .term-stack{
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1
    }
    .vacancy-list-item .term-stack span{
        display:block;
        line-height:120%
    }
}
@media (max-width:800px){
    .vacancy-list-item .accordion-toggle-link{
        font-size:1.6rem
    }
}
@media (max-width:700px){
    .vacancy-list-item .accordion-toggle-link .g-size-med{
        font-size:2.8rem
    }
}
@media (max-width:600px){
    .vacancy-list-item .title-wrap{
        -webkit-box-flex:0;
        -ms-flex:0 0 55%;
        flex:0 0 55%
    }
    .vacancy-list-item .accordion-toggle-link{
        font-size:1.5rem
    }
    .vacancy-list-item .accordion-toggle-link .g-size-med{
        font-size:2.4rem
    }
}
@media (max-width:500px){
    .vacancy-list-item .title-wrap{
        -webkit-box-flex:0;
        -ms-flex:0 0 55%;
        flex:0 0 55%
    }
    .vacancy-list-item .accordion-toggle-link{
        font-size:1.4rem
    }
    .vacancy-list-item .accordion-toggle-link .g-size-med{
        font-size:2.1rem
    }
}
@media (max-width:450px){
    .vacancy-list-item .title-wrap{
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1
    }
    .vacancy-list-item .term-stack{
        display:none
    }
    .vacancy-list-item .location-mobile{
        display:inline-block
    }
}
.page-404{
    height:100vh;
    min-height:600px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff
}
.page-404 .inner{
    padding-top:100px;
    padding-bottom:100px;
    text-align:center
}
@media (max-width:400px){
    .page-404 .inner{
        padding-top:0;
        padding-bottom:80px
    }
}
@media (max-width:380px){
    .page-404 .text-script.g-size-xl{
        font-size:8rem
    }
}
.slick-slider{
    position:relative;
    display:block;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:0
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block
}
.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
}
.slick-slider{
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text
}
.mfp-bg{
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:10001;
    overflow:hidden;
    position:fixed;
    background:#0b0b0b;
    opacity:.8
}
.mfp-wrap{
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:10002;
    position:fixed;
    outline:0!important;
    -webkit-backface-visibility:hidden
}
.mfp-container{
    text-align:center;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    padding:0 8px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.mfp-container:before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.mfp-align-top .mfp-container:before{
    display:none
}
.mfp-content{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 auto;
    text-align:left;
    z-index:1045
}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{
    width:100%;
    cursor:auto
}
.mfp-ajax-cur{
    cursor:progress
}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{
    cursor:-webkit-zoom-out;
    cursor:zoom-out
}
.mfp-zoom{
    cursor:pointer;
    cursor:-webkit-zoom-in;
    cursor:zoom-in
}
.mfp-auto-cursor .mfp-content{
    cursor:auto
}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.mfp-loading.mfp-figure{
    display:none
}
.mfp-hide{
    display:none!important
}
.mfp-preloader{
    color:#CCC;
    position:absolute;
    top:50%;
    width:auto;
    text-align:center;
    margin-top:-.8rem;
    left:8px;
    right:8px;
    z-index:1044
}
.mfp-preloader a{
    color:#CCC
}
.mfp-preloader a:hover{
    color:#FFF
}
.mfp-s-ready .mfp-preloader{
    display:none
}
.mfp-s-error .mfp-content{
    display:none
}
button.mfp-arrow,button.mfp-close{
    overflow:visible;
    cursor:pointer;
    background:0 0;
    border:0;
    -webkit-appearance:none;
    display:block;
    outline:0;
    padding:0;
    z-index:1046;
    -webkit-box-shadow:none;
    box-shadow:none;
    -ms-touch-action:manipulation;
    touch-action:manipulation
}
button::-moz-focus-inner{
    padding:0;
    border:0
}
.mfp-close{
    width:44px;
    height:44px;
    line-height:44px;
    font-size:28px;
    position:absolute;
    right:0;
    top:0;
    text-decoration:none;
    text-align:center;
    opacity:.65;
    padding:0 0 18px 10px;
    color:#FFF;
    font-style:normal;
    font-family:Arial,Baskerville,monospace
}
.mfp-close:focus,.mfp-close:hover{
    opacity:1
}
.mfp-close:active{
    top:1px
}
.mfp-close-btn-in .mfp-close{
    color:#333
}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{
    color:#FFF;
    right:-6px;
    text-align:right;
    padding-right:6px;
    width:100%
}
.mfp-counter{
    position:absolute;
    top:0;
    right:0;
    color:#CCC;
    font-size:12px;
    line-height:18px;
    white-space:nowrap
}
.mfp-arrow{
    position:absolute;
    opacity:.65;
    margin:0;
    top:50%;
    margin-top:-55px;
    padding:0;
    width:90px;
    height:110px;
    -webkit-tap-highlight-color:transparent
}
.mfp-arrow:active{
    margin-top:-54px
}
.mfp-arrow:focus,.mfp-arrow:hover{
    opacity:1
}
.mfp-arrow:after,.mfp-arrow:before{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    left:0;
    top:0;
    margin-top:35px;
    margin-left:35px;
    border:medium inset transparent
}
.mfp-arrow:after{
    border-top-width:13px;
    border-bottom-width:13px;
    top:8px
}
.mfp-arrow:before{
    border-top-width:21px;
    border-bottom-width:21px;
    opacity:.7
}
.mfp-arrow-left{
    left:0
}
.mfp-arrow-left:after{
    border-right:17px solid #FFF;
    margin-left:31px
}
.mfp-arrow-left:before{
    margin-left:25px;
    border-right:27px solid #3F3F3F
}
.mfp-arrow-right{
    right:0
}
.mfp-arrow-right:after{
    border-left:17px solid #FFF;
    margin-left:39px
}
.mfp-arrow-right:before{
    border-left:27px solid #3F3F3F
}
.mfp-iframe-holder{
    padding-top:40px;
    padding-bottom:40px
}
.mfp-iframe-holder .mfp-content{
    line-height:0;
    width:100%;
    max-width:1100px
}
.mfp-iframe-holder .mfp-close{
    top:-40px
}
.mfp-iframe-scaler{
    width:100%;
    height:0;
    padding-top:56.25%
}
.mfp-iframe-scaler iframe{
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-box-shadow:0 0 8px rgba(0,0,0,.6);
    box-shadow:0 0 8px rgba(0,0,0,.6);
    background:#000
}
img.mfp-img{
    width:auto;
    max-width:100%;
    height:auto;
    display:block;
    line-height:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:40px 0 40px;
    margin:0 auto
}
.mfp-figure{
    line-height:0
}
.mfp-figure:after{
    content:'';
    position:absolute;
    left:0;
    top:40px;
    bottom:40px;
    display:block;
    right:0;
    width:auto;
    height:auto;
    z-index:-1;
    -webkit-box-shadow:0 0 8px rgba(0,0,0,.6);
    box-shadow:0 0 8px rgba(0,0,0,.6);
    background:#444
}
.mfp-figure small{
    color:#BDBDBD;
    display:block;
    font-size:12px;
    line-height:14px
}
.mfp-figure figure{
    margin:0
}
.mfp-bottom-bar{
    margin-top:-36px;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    cursor:auto
}
.mfp-title{
    text-align:left;
    line-height:18px;
    color:#F3F3F3;
    word-wrap:break-word;
    padding-right:36px
}
.mfp-image-holder .mfp-content{
    max-width:100%
}
.mfp-gallery .mfp-image-holder .mfp-figure{
    cursor:pointer
}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){
    .mfp-img-mobile .mfp-image-holder{
        padding-left:0;
        padding-right:0
    }
    .mfp-img-mobile img.mfp-img{
        padding:0
    }
    .mfp-img-mobile .mfp-figure:after{
        top:0;
        bottom:0
    }
    .mfp-img-mobile .mfp-figure small{
        display:inline;
        margin-left:5px
    }
    .mfp-img-mobile .mfp-bottom-bar{
        background:rgba(0,0,0,.6);
        bottom:0;
        margin:0;
        top:auto;
        padding:3px 5px;
        position:fixed;
        -webkit-box-sizing:border-box;
        box-sizing:border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty{
        padding:0
    }
    .mfp-img-mobile .mfp-counter{
        right:5px;
        top:3px
    }
    .mfp-img-mobile .mfp-close{
        top:0;
        right:0;
        width:35px;
        height:35px;
        line-height:35px;
        background:rgba(0,0,0,.6);
        position:fixed;
        text-align:center;
        padding:0
    }
}
@media all and (max-width:900px){
    .mfp-arrow{
        -webkit-transform:scale(.75);
        transform:scale(.75)
    }
    .mfp-arrow-left{
        -webkit-transform-origin:0;
        transform-origin:0
    }
    .mfp-arrow-right{
        -webkit-transform-origin:100%;
        transform-origin:100%
    }
    .mfp-container{
        padding-left:6px;
        padding-right:6px
    }
}
.mfp-title{
    font-size:1.8rem;
    padding-top:1rem
}
@media (max-width:650px){
    .mfp-title{
        font-size:1.3rem;
        padding-top:0
    }
}
.mfp-bg{
    opacity:.95
}
.mfp-close{
    top:10px;
    width:44px;
    height:44px;
    line-height:44px;
    font-size:40px
}
.mfp-figure::after{
    -webkit-box-shadow:none;
    box-shadow:none;
    background:0 0
}
img.mfp-img{
    padding:60px 0 130px 0;
    background:0 0
}
.mfp-bottom-bar{
    margin-top:-130px
}
.mfp-counter{
    top:10px
}
@media (max-width:650px){
    img.mfp-img{
        padding:60px 0 100px 0;
        background:0 0
    }
    .mfp-bottom-bar{
        margin-top:-90px
    }
    .mfp-counter{
        top:0
    }
}
html{
    -webkit-text-size-adjust:none;
    font-size:62.5%;
    line-height:1
}
body{
    background:#171426;
    color:#000
}
.inner{
    max-width:none;
    width:100%;
    margin:0 auto;
    z-index:1
}
.inner.left{
    margin:0
}
.inner.wide{
    max-width:none
}
.ofh{
    overflow:hidden
}
.block{
    display:block
}
a{
    color:currentColor
}
table{
    border-top:1px solid currentColor;
    border-collapse:collapse;
    margin-bottom:1.5rem
}
table td,table th{
    padding:15px 15px 25px 0;
    border-bottom:1px solid currentColor
}
table td{
    padding-bottom:15px
}
.content-box{
    padding:40px
}
@media (max-width:1000px){
    .content-box{
        padding:35px
    }
}
@media (max-width:600px){
    .content-box{
        padding:30px
    }
}
@media (max-width:460px){
    .content-box{
        padding:25px
    }
}
.dividing-rule span{
    height:2px;
    display:block
}
.dividing-rule.full-width .inner{
    padding:0;
    max-width:none
}
.password-protected input[type=password]{
    margin-top:.5em
}
.password-protected form{
    margin-top:20px
}
.password-protected label{
    font-weight:700;
    letter-spacing:.027em;
    display:block
}
.password-protected input[type=submit]{
    margin-top:15px;
    font-weight:700;
    letter-spacing:.027em;
    padding:19px 25px
}
.screen-reader-text{
    border:0;
    clip:rect(1px,1px,1px,1px);
    -webkit-clip-path:inset(50%);
    clip-path:inset(50%);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
    word-wrap:normal!important
}
.skip-link{
    position:absolute;
    left:-9999px;
    text-decoration:underline;
    padding:8px;
    color:#000;
    font-size:1.9rem;
    z-index:100
}
.skip-link:focus{
    left:16px;
    top:16px
}
a:focus,button:focus,input:focus{
    outline:1px dotted;
    outline-color:rgba(0,0,0,.5)
}
/*# sourceMappingURL=style.css.map */


.row em {font-style: italic;}
.text-content ol a, .text-content p a, .text-content table a, .text-content ul a, .text-content.vacancy-html>div a {
    color: #FF5945;
}
.text-content ol a:hover, .text-content p a:hover, .text-content table a:hover, .text-content ul a:hover, .text-content.vacancy-html>div a:hover {
    color: #9100FF;
}
 .color-change {
    background: linear-gradient(66deg,#4f00ff 0,#00dc96 79%);
    
}

/*.color-change .section-white {background-color: transparent;}
.color-change .bg-white {background-color: transparent;} */

#color {
    background-color: #fff;
    background-attachment: scroll;
}
.dara-color {
   /* background: linear-gradient(66deg,#4f00ff 0,#00dc96 79%);*/
   /* background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 4s ease infinite;*/
    background: url(https://img.freepik.com/premium-photo/photo-smooth-gradient-background-square-gradient-2-colors-from-top-bottom-gradient-colorful_873925-59280.jpg) fixed center / contain;
    /*height: 100%;*/
    background-repeat: repeat;
    overflow-x: hidden;
    height: 5000px;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 11;
    opacity: 0;
    
}


span.grad-fill.grad-fill-dark-blue-green.h-110.fade-to-white {
    display: none;
}



/* #color section {
    position: relative;
    z-index: 11;
    background-color: transparent !important;
} */

#color section {
    position: relative !important;
    background-position: center !important;
    background-color: transparent !important;
    z-index: 11;

    /* background-attachment: fixed !important;
    background: url(https://atomhawk2.expre.co.uk/wp-content/uploads/2022/06/Atomhawk_Website_Homepage_Roller-Girls_Charlie-Bowater-V4-4500x2530.jpg.webp);
    background-repeat: repeat;
    background-image: linear-gradient(#00e1ffc2, #5ae8bb), url(https://atomhawk2.expre.co.uk/wp-content/uploads/2022/06/Atomhawk_Website_Homepage_Roller-Girls_Charlie-Bowater-V4-4500x2530.jpg.webp); */
}



@keyframes gradient {
    0% {
      background-position: 0% 50%;
      }
    50% {
      background-position: 100% 50%;
      }
    100% {
      background-position: 0% 50%;
      }
}

#colordemo2 {
    background-color: #fff;
}


#colordemo2 section {
    position: relative !important;
    background-position: center !important;
    background-color: transparent !important;
    z-index: 11;

  /*  background: url(https://www.w3schools.com/howto/img_parallax.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;*/
     background-attachment: fixed !important;
    background: url(https://atomhawk2.expre.co.uk/wp-content/uploads/2022/06/Atomhawk_Website_Homepage_Roller-Girls_Charlie-Bowater-V4-4500x2530.jpg.webp);
    background-repeat: repeat;
   /* background-image: linear-gradient(#00e1ffc2, #5ae8bb), url(https://atomhawk2.expre.co.uk/wp-content/uploads/2022/06/Atomhawk_Website_Homepage_Roller-Girls_Charlie-Bowater-V4-4500x2530.jpg.webp); */
    background-image: linear-gradient(-45deg, #ee7752de, #e73c7edb, #23a6d5de, #23d5abde), url(https://atomhawk2.expre.co.uk/wp-content/uploads/2022/06/Atomhawk_Website_Homepage_Roller-Girls_Charlie-Bowater-V4-4500x2530.jpg.webp); 
}

.dara-color2 {
    /* background: linear-gradient(66deg,#4f00ff 0,#00dc96 79%); */
   /* background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 4s ease infinite;*/
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 11;
    opacity: 0;
}

/* career page css */
span.clickable-label {
    border-radius: 50px;
    background: transparent;
    border: 1px solid #ff5945;
    padding: 10px 20px;
    font-size: 20px;
}
span.clickable-label:hover {
    background: transparent;
    border: 1px solid #ffffff;
    padding: 10px 20px;
    transition: 0.5s all ease;
}
/* career page end */


/* homepage in mobile */
@media (max-width: 900px) {
    .home-hero-mobile .bg-media {
        height: 70vh !important;
    }
    .home-hero-mobile .home-hero-intro-text {
        padding: 9.1em 0 3.1em 0;    
        margin: 8vh 0px;    
    }
    .home-hero-mobile .home-hero-type-graphic
    {
        margin-top: 0em;
    }
   
}