html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
html.loading{
    cursor:wait
}
html.loading *{
    pointer-events:none!important
}
ol,ul{
    list-style:disc;
    padding-left:1.3em
}
ul li,ol li{
    padding-bottom:1em
}
ul li:last-child,ol li:last-child{
    padding-bottom:0
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
table{
    display:block;
    float:left;
    width:100%
}
td,th{
    padding-top:15px;
    padding-bottom:15px;
    padding-right:3em
}
caption{
    font-size:13px;
    line-height:22px;
    color:red
}
/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
#noised-bg{
    z-index:0;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    opacity:.05
}
.circle-mask-background{
    display:block;
    width:100%;
    height:100%
}
#circleMask circle{
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center
}
body{
    margin:0;
    background-color:var(--mainBackground);
    font-family:dm sans,sans-serif;
    color:var(--mainColor);
    --mainColor: #191919;
    --mainBackground: #fff;
    --mainLightColor: #ebebeb;
    --secondaryBackground: #fff;
    --mainLightColor: #ebebeb 
}
.light{
    --mainColor: var(--mainLightColor);
    color:var(--mainColor)
}
.dark{
    --mainColor: #191919;
    color:var(--mainColor)
}
body,html{
    font-size:17px;
    -ms-scroll-chaining:none;
    overscroll-behavior:none
}
main{
    display:block;
    overflow:hidden;
    color:var(--mainColor);
    background:0 0
}
main.project-page .page-content{
    background:var(--mainBackground)
}
#smooth-content{
    will-change:transform
}
h1{
    font-size:2em
}
hr{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent
}
body a{
    color:var(--mainColor);
    text-decoration:none
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:.3em;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-2em;
    letter-spacing:0;
    margin-left:.5em
}
img{
    border-style:none
}
.nayla-form{
    display:block;
    float:left;
    width:100%
}
.nayla-form>form>div{
    display:block;
    width:100%;
    position:relative;
    padding-top:1.5em;
    padding-bottom:1em;
    font-size:1rem;
    float:left
}
.nayla-form button.button{
    background:0 0;
    border:1px solid;
    border-color:var(--mainColor);
    color:var(--mainColor);
    padding:1em 3em;
    border-radius:35px;
    cursor:pointer
}
.nayla-form>form>div.half-wrap{
    width:50%
}
.nayla-form>form>div>input{
    background:0 0;
    border:none;
    width:100%;
    color:var(--mainColor)
}
.nayla-form>form>div>textarea{
    padding:0
}
.nayla-form>form>div>label{
    position:absolute;
    top:50%;
    pointer-events:none;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transform-origin:top left;
    -ms-transform-origin:top left;
    transform-origin:top left;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.nayla-form>form>div.message-wrap>label{
    top:1.5em;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.nayla-form>form>div.active>label{
    -webkit-transform:translateY(0%) scale(.7);
    -ms-transform:translateY(0%) scale(.7);
    transform:translateY(0%) scale(.7);
    opacity:.5;
    top:10px
}
.nayla-form>form>div::before,.nayla-form>form>div::after{
    content:"";
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    height:1px;
    background:var(--mainColor);
    width:100%;
    opacity:.15
}
.nayla-form>form>div::before{
    width:0%;
    opacity:1;
    -webkit-transition:width .6s ease;
    -o-transition:width .6s ease;
    transition:width .6s ease
}
.nayla-form>form>div.send-wrap::before,.nayla-form>form>div.send-wrap::after{
    display:none
}
.nayla-form>form>div.active::before{
    width:100%
}
.nayla-form>form>div>textarea:focus,.nayla-form>form>div>input:focus{
    outline:none
}
.nayla-subscribe-form{
    display:block;
    float:left;
    position:relative;
    min-width:500px
}
.nayla-subscribe-form .field-wrap{
    display:block;
    float:left
}
.nayla-subscribe-form .field-wrap>label{
    position:absolute;
    top:0;
    left:0
}
.nayla-subscribe-form .field-wrap>input{
    background:0 0;
    border:none;
    padding:15px 15px 15px 0;
    color:var(--mainColor)
}
.nayla-subscribe-form::after{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background-color:var(--mainColor);
    float:left;
    opacity:.3
}
.nayla-subscribe-form .send-wrap{
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:.65em;
    display:block
}
.nayla-subscribe-form .send-wrap button.button.button-block{
    background:0 0;
    border:none;
    color:var(--mainBackground);
    background:var(--mainColor);
    padding:5px 15px;
    border-radius:35px
}
.nayla-subscribe-form .field-wrap>input:focus{
    outline:none
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
.button:hover::before{
    width:0
}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
    border-style:none;
    padding:0
}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{
    outline:1px dotted ButtonText
}
::-webkit-input-placeholder{
    color:#8f8d8d
}
::-moz-placeholder{
    color:#8f8d8d
}
:-ms-input-placeholder{
    color:#8f8d8d
}
::-ms-input-placeholder{
    color:#8f8d8d
}
::placeholder{
    color:#8f8d8d
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto;
    display:block;
    width:100%;
    padding:30px;
    border:none;
    background:0 0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:var(--mainColor)
}
.message-wrap label{
    top:30px;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
[type=checkbox],[type=radio]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
template{
    display:none
}
[hidden]{
    display:none
}
.material-icons{
    font-family:material icons;
    font-weight:400;
    font-style:normal;
    font-size:24px;
    display:inline-block;
    line-height:1;
    text-transform:none;
    letter-spacing:normal;
    word-wrap:normal;
    white-space:nowrap;
    direction:ltr;
    font-variation-settings:'FILL'0,'wght'100,'GRAD'0,'opsz'48
}
.material-icons.no-fill{
    font-variation-settings:'FILL'0!imporant
}
h1,h2,h3,h4{
    margin-bottom:1em
}
h1, .text-h1 {
  font-size: 105px;
  line-height: 115px;
  font-weight: 200;
  letter-spacing: -0.5px;
}
.headtext{
  font-family: anton;
  text-transform: uppercase;
  letter-spacing: -1px;
  font-size: 10em;
  line-height: 1;
  color:#fff;
}
h1.has-anim-text .anim_char,.text-h1.has-anim-text .anim_char{
    overflow:hidden;
    padding-right:.05em;
    margin-right:-.05em
}
h2, .text-h2 {
  font-size: 5em;
  line-height: 1.2;
  font-weight: 200;
  letter-spacing: -.04em;
  font-family: 'Poppins';
  text-transform: uppercase;
}
h3,.text-h3{
    font-size:51px;
    line-height:62px;
    font-weight:400;
    letter-spacing:-.03em
}
h4,.text-h4{
    font-size:36px;
    line-height:44px;
    font-weight:400;
    letter-spacing:-.01em
}
h5,.text-h5{
    font-size:25px;
    line-height:37px;
    margin-left:-1px;
    font-weight:400;
    margin-bottom:1em
}
h6,.text-h6{
    font-size:21px;
    line-height:36px;
    letter-spacing:0
}
.text-h6{
    line-height:1.5
}
p{
    line-height:25px;
    margin-bottom:1em;
    font-size:1rem
}
.big-title{
    font-size:200px;
    line-height:1.15;
    margin-bottom:0;
    letter-spacing:-.06em;
    --mobileFontSize: 50px
}
.md-title{
    font-size:150px;
    line-height:1.15;
    margin-bottom:0;
    letter-spacing:-.07em;
    padding-right:.05em
}
.caption{
    font-size:13px;
    line-height:22px;
    letter-spacing:.1em
}
.nayla-list ul{
    padding:0;
    margin:0;
    list-style:none;
    margin-top:1em;
    margin-bottom:1em
}
.nayla-list.underlined ul li{
    position:relative;
    padding-bottom:1em
}
.nayla-list.underlined ul li::after{
    content:'';
    position:absolute;
    bottom:.5em;
    width:100%;
    height:1px;
    background-color:var(--mainColor);
    left:0;
    opacity:.2;
    -webkit-transition:width .5s ease-out;
    -o-transition:width .5s ease-out;
    transition:width .5s ease-out
}
.nayla-list ul.animate li:after{
    width:0%
}
.nayla-list ul.animate li.is-inview:after{
    width:100%
}
.nayla-list ol{
    list-style:decimal
}
.nayla-list ol li::marker{
    font-size:.8em
}
.nayla-list ol li{
    padding-left:10px
}
.justify-text{
    text-align:justify;
    -moz-text-align-last:justify;
    text-align-last:justify
}
.justify-text .anim_line{
    -moz-text-align-last:justify;
    text-align-last:justify
}
.justify-text .anim_line:last-child{
    -moz-text-align-last:unset;
    text-align-last:unset
}
#smooth-content{
    position:relative
}
#page{
    visibility:visible;
    display:block;
    overflow:hidden;
    position:relative
}
div#content{
    display:block;
    float:left;
    width:100%;
    position:relative;
    z-index:1;
    background:var(--mainBackground)
}
.hide_desktop{
    display:none
}
.wrapper,.wrapper-full,.wrapper-small{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    height:100%
}
.wrapper-small{
    width:100%;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:100px
}
.wrapper{
    width:100%;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:100px;
    position:relative;
    z-index:1
}
.wrapper-full{
    width:100%;
    margin-bottom:150px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    padding:0 25px
}
.section{
    width:100%;
    margin-bottom:100px;
    position:relative;
    background-size:cover;
    background-position:center;
    padding-top:150px
}
.section.no-padding{
    padding-top:0;
    padding-bottom:0
}
.section.anim-bg{
    padding-top:0
}
.section.fullscreen{
    min-height:100vh;
    margin-bottom:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding-top:0;
    height:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -ms-flex-line-pack:stretch;
    align-content:stretch;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.section.fullscreen .wrapper,.section.fullscreen .wrapper-full,.section.fullscreen .wrapper-small{
    margin-bottom:0;
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    z-index:auto;
    height:auto
}
.section.fullscreen .wrapper>div,.section.fullscreen .wrapper-full>div,.section.fullscreen .wrapper-small>div{
    margin-bottom:0
}
.align-bottom{
    -ms-flex-item-align:end;
    align-self:flex-end
}
.self-center{
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.section.has-bg{
    margin-bottom:350px;
    padding-top:100px;
    margin-top:350px
}
.page-content .section:last-child{
    margin-bottom:0
}
.send-back{
    z-index:-2
}
.section.send-back{
    z-index:-9
}
.wrapper:after,.wrapper-small:after,.wrapper-full:after,section:after{
    display:table;
    clear:both;
    content:''
}
.c-col-1,.c-col-2,.c-col-3,.c-col-4,.c-col-5,.c-col-6,.c-col-7,.c-col-8,.c-col-9,.c-col-10,.c-col-11,.c-col-12{
    float:left;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:30px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.no-gap{
    padding-left:0;
    padding-right:0
}
.c-col-1{
    width:8.333333%
}
.c-col-6{
    width:50%
}
.c-col-4{
    width:33.333333%
}
.c-col-8{
    width:66.666666%
}
.c-col-3{
    width:25%
}
.c-col-2{
    width:16.6666666%
}
.c-col-5{
    width:41.666666%
}
.c-col-10{
    width:83.333333%
}
.c-col-9{
    width:75%
}
.c-col-12{
    width:100%
}
.no-margin{
    margin-bottom:0!important
}
.align-center{
    text-align:center
}
.col-center{
    margin:0 auto
}
@media only screen and (max-width:576px){
    .wrapper{
        max-width:90%;
        margin-bottom:25px
    }
    .wrapper-small{
        max-width:90%;
        margin-bottom:25px
    }
    .wrapper-full{
        margin-bottom:100px
    }
    .sm-6{
        width:50%
    }
    .sm-4{
        width:33.333333%
    }
    .sm-8{
        width:66.666666%
    }
    .sm-3{
        width:25%
    }
    .sm-2{
        width:16.6666666%
    }
    .sm-5{
        width:41.666666%
    }
    .sm-10{
        width:83.333333%
    }
    .sm-9{
        width:75%
    }
    .sm-12{
        width:100%
    }
    .fit-col{
        margin:0
    }
}
@media(min-width:576px) and (max-width:900px){
    .md-6{
        width:50%
    }
    .md-4{
        width:33.333333%
    }
    .md-8{
        width:66.666666%
    }
    .md-3{
        width:25%
    }
    .md-2{
        width:16.6666666%
    }
    .md-5{
        width:41.666666%
    }
    .md-10{
        width:83.333333%
    }
    .md-9{
        width:75%
    }
    .md-12{
        width:100%
    }
}
@media only screen and (min-width:576px){
    .wrapper{
        max-width:90%
    }
    .wrapper-small{
        max-width:90%
    }
}
@media only screen and (min-width:768px){
    .wrapper{
        max-width:90%
    }
    .wrapper-small{
        max-width:88%
    }
}
@media only screen and (min-width:992px){
    .wrapper{
        max-width:1014px
    }
    .wrapper-small{
        max-width:790px
    }
}
@media only screen and (min-width:1200px){
    .wrapper{
        max-width:1274px
    }
    .wrapper-small{
        max-width:950px
    }
}
@media only screen and (min-width:1600px){
    .wrapper{
        max-width:1500px
    }
    .wrapper-small{
        max-width:1200px
    }
}
span.empty-space{
    display:block;
    width:100%;
    float:revert;
    clear:both
}
.nayla-divider{
    display:block;
    width:100%;
    height:var(--height);
    background:var(--mainColor);
    -webkit-transition:width 1s cubic-bezier(.3,.8,0,1) .2s;
    -o-transition:width 1s cubic-bezier(.3,.8,0,1) .2s;
    transition:width 1s cubic-bezier(.3,.8,0,1) .2s;
    margin:25px 0;
    opacity:.2;
    float:left;
    --height: 1px
}
.nayla-divider.nayla-divider.detect-pov{
    width:0%
}
.nayla-divider.full-width{
    width:100vw;
    position:relative;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.nayla-divider.detect-pov.full-width.is-inview{
    width:100vw
}
.nayla-divider.detect-pov.is-inview{
    width:100%
}
.light .nayla-divider{
    background:#fff
}
.section-background{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:auto;
    z-index:0;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    min-height:100%
}
.section-background .nayla-video>.plyr{
    height:inherit
}
.section-background .s-bg-video{
    width:100%;
    height:100%
}
.section-background .s-bg-video video{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.section-background .single-image.align-center{
    margin:0 auto
}
.section-background .single-image{
    margin-bottom:0
}
.section-background .single-image img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.section-background .nayla-video,.section-background .nayla-video video{
    height:auto;
    min-height:100%;
    -ms-flex-item-align:stretch;
    -ms-grid-row-align:stretch;
    align-self:stretch
}
.site-header{
    margin-bottom:0;
    padding:2em 0;
    z-index:88888;
    -webkit-transition:background .3s ease-out;
    -o-transition:background .3s ease-out;
    transition:background .3s ease-out;
    position:relative;
    -webkit-transform:translate(0,0%);
    -ms-transform:translate(0,0%);
    transform:translate(0,0%);
    position:relative;
    width:100%;
    display:block;
    --bg: transparent;
    --stickyBg: #fff;
    background:var(--bg);
    pointer-events:none
}
.smooth-header{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.site-header.sticky{
    position:absolute
}
.header-fixed-wrap{
    display:block;
    width:100%;
    height:120px;
    position:fixed;
    width:100%;
    margin-bottom:0;
    z-index:88888
}
.site-header.dynamic{
    -webkit-transition:padding .6s ease;
    -o-transition:padding .6s ease;
    transition:padding .6s ease
}
.site-header.fixed.dynamic,.site-header.fixed{
    position:fixed
}
span.header-holder{
    display:block;
    width:100%
}
.site-header.dynamic{
    position:absolute
}
.header-wrapper.wrapper-full,.header-wrapper.wrapper-small,.header-wrapper.wrapper{
    margin-bottom:0;
    z-index:99999;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0 25px;
    will-change:transform;
    pointer-events:none
}
.header-wrapper.align-top{
    -webkit-box-align:start!important;
    -ms-flex-align:start!important;
    align-items:flex-start!important
}
.header-wrapper>div{
    margin-bottom:0
}
.header-wrapper.wrapper>div{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.header-wrapper>div *{
    pointer-events:all
}
.header-wrapper.wrapper>div.align-right{
    -webkit-box-pack:right;
    -ms-flex-pack:right;
    justify-content:right
}
.site-header.sticky.sticked{
    position:fixed;
    -webkit-transform:translate(0,-100%);
    -ms-transform:translate(0,-100%);
    transform:translate(0,-100%);
    background:var(--stickyBg);
    -webkit-transition:background 0s ease,padding 0s ease;
    -o-transition:background 0s ease,padding 0s ease;
    transition:background 0s ease,padding 0s ease;
    top:0;
    padding:25px 0
}
.site-header.menu-open{
    background:0 0!important
}
.site-header.mx-difference{
    mix-blend-mode:difference
}
.site-header.mx-difference .toggle-line,.site-header.light .toggle-line{
    background-color:#fff
}
.site-header .nayla-button{
    margin-top:0;
    margin-bottom:0
}
.site-branding{
    display:block;
    width:150px;
    position:relative
}
.site-logo{
    width:100%
}
.sticky-logo{
    width:40px;
    display:none;
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.sticky-logo img,.site-logo img{
    width:100%
}
img.sticky-light-logo,img.light-logo{
    display:none
}
.site-header.light .sticky-dark-logo,.site-header.mx-difference .dark-logo,.site-header.light .dark-logo{
    display:none
}
.site-header.light .sticky-light-logo,.site-header.mx-difference .light-logo,.site-header.light .light-logo{
    display:block
}
.menu-toggle{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    cursor:pointer;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.menu-toggle .toggle-lines{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    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-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:40px;
    height:45px;
    margin-left:15px
}
.menu-toggle .toggle-lines.plus{
    width:50px;
    height:50px
}
.align-right .menu-toggle{
    float:right;
    margin-left:40px
}
.toggle-line{
    width:100%;
    height:1.5px;
    display:inline-block;
    background-color:#191919;
    margin:3px 0;
    -webkit-transition:-webkit-transform .3s ease;
    transition:-webkit-transform .3s ease;
    -o-transition:transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease
}
.toggle-lines.plus .toggle-line:first-child{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.toggle-lines.plus .toggle-line{
    margin:0
}
.toggle-lines.plus .toggle-line:last-child{
    margin-top:-1.5px
}
.toggle-text{
    display:block;
    float:left;
    position:relative;
    overflow:hidden
}
.toggle-text::after{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:2px;
    background:var(--mainColor);
    -webkit-transition:width .7s cubic-bezier(.2,.7,.2,1);
    -o-transition:width .7s cubic-bezier(.2,.7,.2,1);
    transition:width .7s cubic-bezier(.2,.7,.2,1)
}
.menu-toggle.active .toggle-text::after{
    width:0%
}
.toggle-text span{
    display:block;
    position:relative;
    -webkit-transition:-webkit-transform .7s cubic-bezier(.2,.7,.2,1);
    transition:-webkit-transform .7s cubic-bezier(.2,.7,.2,1);
    -o-transition:transform .7s cubic-bezier(.2,.7,.2,1);
    transition:transform .7s cubic-bezier(.2,.7,.2,1);
    transition:transform .7s cubic-bezier(.2,.7,.2,1),-webkit-transform .7s cubic-bezier(.2,.7,.2,1)
}
.toggle-text span::after{
    content:attr(data-close-text);
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%)
}
.menu-toggle.active .toggle-text span{
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%)
}
.menu-toggle:hover .toggle-text::after,.menu-toggle:hover .toggle-line{
    -webkit-animation-name:toggleLine;
    animation-name:toggleLine;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-play-state:running;
    animation-play-state:running;
    -webkit-animation-timing-function:ease;
    animation-timing-function:ease
}
.toggle-line:last-child{
    -webkit-animation-delay:.1s;
    animation-delay:.1s
}
.menu-toggle.active .toggle-line{
    margin:0;
    -webkit-transition:-webkit-transform .6s ease;
    transition:-webkit-transform .6s ease;
    -o-transition:transform .6s ease;
    transition:transform .6s ease;
    transition:transform .6s ease,-webkit-transform .6s ease
}
.menu-toggle.active .toggle-line:first-child{
    -webkit-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    transform:rotate(-135deg)
}
.menu-toggle.active .toggle-line:last-child{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    margin-top:-1.5px
}
@-webkit-keyframes toggleLine{
    0%{
        -webkit-clip-path:inset(0% 0% 0% 0%);
        clip-path:inset(0% 0% 0% 0%)
    }
    50%{
        -webkit-clip-path:inset(0% 0% 0% 100%);
        clip-path:inset(0% 0% 0% 100%)
    }
    51%{
        -webkit-clip-path:inset(0% 100% 0% 0%);
        clip-path:inset(0% 100% 0% 0%)
    }
    100%{
        -webkit-clip-path:inset(0% 0% 0% 0%);
        clip-path:inset(0% 0% 0% 0%)
    }
}
@keyframes toggleLine{
    0%{
        -webkit-clip-path:inset(0% 0% 0% 0%);
        clip-path:inset(0% 0% 0% 0%)
    }
    50%{
        -webkit-clip-path:inset(0% 0% 0% 100%);
        clip-path:inset(0% 0% 0% 100%)
    }
    51%{
        -webkit-clip-path:inset(0% 100% 0% 0%);
        clip-path:inset(0% 100% 0% 0%)
    }
    100%{
        -webkit-clip-path:inset(0% 0% 0% 0%);
        clip-path:inset(0% 0% 0% 0%)
    }
}
ul.menu{
    list-style:none
}
ul.menu a{
    text-decoration:none;
    color:var(--mainColor)
}
div#site-navigation{
    display:block;
    float:left
}
.menu-overlay{
    display:block;
    position:fixed;
    top:0;
    left:0;
    background:var(--secondaryBackground);
    width:100%;
    height:0;
    z-index:999;
    pointer-events:none;
    overflow:hidden;
    will-change:width,height
}
ul.menu.text-h6 li{
    padding-bottom:.5em
}
.menu-overlay.dark::after{
    background:#fff
}
#site-navigation.dark a{
    color:#fff
}
#site-navigation.classic.align-right{
    float:right;
    text-align:unset;
    margin-left:auto
}
#site-navigation.classic.align-center{
    width:100%
}
#site-navigation.classic.align-center ul.menu.main-menu{
    float:none;
    margin:0 auto;
    text-align:center
}
#site-navigation.classic.align-center ul.menu.main-menu .sub-menu-wrapper{
    text-align:left
}
#site-navigation.classic ul.menu.main-menu{
    display:block;
    float:left;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding-left:0;
    margin-bottom:0
}
#site-navigation.classic ul.menu.main-menu>li{
    display:inline-block;
    padding:0 25px;
    letter-spacing:-.01em
}
#site-navigation.classic ul.menu.main-menu>li:first-child{
    padding-left:0
}
#site-navigation.classic ul.menu.main-menu>li:last-child{
    padding-right:0
}
#site-navigation.classic ul.menu.main-menu>li>a{
    display:block;
    overflow:hidden
}
#site-navigation.classic ul.menu>li>a>span{
    display:block;
    position:relative;
    -webkit-transition:-webkit-transform .7s cubic-bezier(.2,.7,.2,1);
    transition:-webkit-transform .7s cubic-bezier(.2,.7,.2,1);
    -o-transition:transform .7s cubic-bezier(.2,.7,.2,1);
    transition:transform .7s cubic-bezier(.2,.7,.2,1);
    transition:transform .7s cubic-bezier(.2,.7,.2,1),-webkit-transform .7s cubic-bezier(.2,.7,.2,1)
}
#site-navigation.classic ul.menu>li>a>span::after{
    content:attr(data-text);
    display:block;
    width:auto;
    height:auto;
    position:absolute;
    opacity:.6
}
#site-navigation.classic ul.menu.main-menu>li:hover>a>span{
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%)
}
#site-navigation.classic li>.sub-menu-wrapper{
    position:fixed;
    left:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:1500px;
    -webkit-transform:translatex(-50%);
    -ms-transform:translatex(-50%);
    transform:translatex(-50%);
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:100px 0 30px;
    pointer-events:none;
    display:none
}
#site-navigation.classic li>.sub-menu-wrapper>.sub-menu{
    padding-left:0
}
#site-navigation.classic li:hover>.sub-menu-wrapper{
    pointer-events:all
}
#site-navigation.classic li>.sub-menu-wrapper.active{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
#site-navigation.classic li>.sub-menu-wrapper.active{
    padding-left:10px
}
#site-navigation.classic li .sub-menu-wrapper>*{
    margin-right:75px;
    -webkit-box-flex:1;
    -ms-flex:auto;
    flex:auto;
    white-space:nowrap;
    -webkit-transform:translateX(150px);
    -ms-transform:translateX(150px);
    transform:translateX(150px);
    opacity:0
}
#site-navigation.classic li>div>ul.sub-menu.big>li{
    display:block;
    font-size:40px;
    line-height:1;
    letter-spacing:-.02em
}
#site-navigation.classic li>div>ul.sub-menu.medium>li{
    font-size:21px;
    padding-bottom:.5em
}
#site-navigation.classic li>div>ul.sub-menu>li.sub-menu-title{
    text-transform:uppercase;
    font-size:17px;
    display:block;
    margin-bottom:20px;
    opacity:.6
}
#site-navigation.classic.justify-menu ul.menu.main-menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
#site-navigation.classic.justify-menu{
    width:100%
}
#site-navigation.classic.vertical ul.menu.main-menu>li{
    display:block;
    padding:0
}
#site-navigation.classic.vertical ul.menu.main-menu>li a{
    margin-bottom:1em;
    padding:0
}
#site-navigation.classic.vertical.align-right ul.menu.main-menu{
    text-align:right
}
#site-navigation.fullscreen_menu{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100svh;
    z-index:-1;
    padding-top:0;
    overflow:hidden;
    visibility:hidden;
    pointer-events:none;
    color:var(--mainColor)
}
#site-navigation.fullscreen_menu.active{
    visibility:visible;
    pointer-events:all
}
#site-navigation.fullscreen_menu .fullscreen-menu-wrapper{
    margin-bottom:0;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-top:40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding-bottom:20px;
    height:100vh
}
#site-navigation.fullscreen_menu .fullscreen-menu-wrapper .fullscreen-menu-wrap-bottom{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    float:left;
    margin-top:auto;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
#site-navigation.fullscreen_menu .fullscreen-menu-wrapper>div{
    margin-bottom:0!important
}
#site-navigation.fullscreen_menu ul.menu.main-menu{
    padding:0;
    position:relative
}
#site-navigation.fullscreen_menu ul.menu.main-menu,#site-navigation.fullscreen_menu ul.menu.main-menu ul{
    visibility:hidden;
    pointer-events:none
}
#site-navigation.fullscreen_menu ul.menu.main-menu.active,#site-navigation.fullscreen_menu ul.menu.main-menu ul.active{
    visibility:visible;
    pointer-events:all
}
#site-navigation.fullscreen_menu ul.menu a{
    display:inline-block;
    color:var(--mainColor)
}
#site-navigation.fullscreen_menu ul.menu.main-menu li{
    padding:0;
    font-size:60px;
    line-height:1.2;
    letter-spacing:-.04em;
    overflow:hidden;
    text-transform:uppercase;
    white-space:nowrap
}
#site-navigation.fullscreen_menu ul.menu.main-menu .sub-menu.small li{
    font-size:21px;
    line-height:21px;
    text-transform:none;
    letter-spacing:0;
    padding-bottom:.5em
}
#site-navigation.fullscreen_menu ul.menu.main-menu .sub-menu.small li.sub-menu-title{
    pointer-events:none;
    font-size:16px;
    text-transform:uppercase;
    margin-bottom:25px;
    opacity:.5
}
#site-navigation.fullscreen_menu li.has-children .sub-menu.small span.sub-toggle{
    font-size:15px;
    margin-top:0;
    margin-left:0
}
#site-navigation.fullscreen_menu ul.menu.main-menu .sub-menu.small li:hover::before{
    width:10px
}
#site-navigation.fullscreen_menu ul.menu.main-menu .sub-menu.medium li{
    font-size:30px;
    letter-spacing:-.02em;
    text-transform:none;
    line-height:30px;
    padding-bottom:15px
}
#site-navigation.fullscreen_menu ul.menu.main-menu li::before{
    content:"";
    display:inline-block;
    width:0;
    height:2px;
    background:var(--mainColor);
    vertical-align:middle;
    margin-top:-.6em;
    margin-right:10px;
    -webkit-transition:width 1.2s cubic-bezier(.07,.8,.2,1);
    -o-transition:width 1.2s cubic-bezier(.07,.8,.2,1);
    transition:width 1.2s cubic-bezier(.07,.8,.2,1)
}
#site-navigation.fullscreen_menu.dark ul.menu.main-menu li::before{
    background:#fff
}
#site-navigation.fullscreen_menu ul.menu.active li.current-menu-item::before{
    width:40px
}
#site-navigation.fullscreen_menu ul.menu.active li:hover::before{
    width:40px
}
#site-navigation.fullscreen_menu ul.menu.animating li::before{
    width:0!important
}
#site-navigation.fullscreen_menu ul.menu.main-menu li a .mt_line{
    overflow:hidden
}
#site-navigation .mt_line,#site-navigation .mt_char{
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    will-change:transform
}
#site-navigation.fullscreen_menu ul.sub-menu{
    position:relative;
    margin-right:100px
}
.sub-menu-wrapper{
    position:absolute;
    top:0;
    left:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    pointer-events:none
}
#site-navigation.fullscreen_menu li.has-children span.sub-toggle{
    vertical-align:top;
    display:inline-block;
    margin-left:-5px;
    font-size:15px;
    cursor:pointer;
    letter-spacing:0;
    margin-top:10px
}
#site-navigation.fullscreen_menu li.has-children.sub-active{
    pointer-events:none
}
#site-navigation.fullscreen_menu .sub-close{
    position:absolute;
    top:0;
    left:0;
    -webkit-transform:translateX(-25px) translateY(-25px) rotate(180deg);
    -ms-transform:translateX(-25px) translateY(-25px) rotate(180deg);
    transform:translateX(-25px) translateY(-25px) rotate(180deg);
    -webkit-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin:center center;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .75s ease .3s;
    -o-transition:all .75s ease .3s;
    transition:all .75s ease .3s;
    cursor:pointer;
    pointer-events:all
}
#site-navigation.fullscreen_menu .sub-close.active:hover{
    -webkit-transform:translateX(-25px) translateY(-25px) rotate(-180deg);
    -ms-transform:translateX(-25px) translateY(-25px) rotate(-180deg);
    transform:translateX(-25px) translateY(-25px) rotate(-180deg);
    -webkit-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
#site-navigation.fullscreen_menu .sub-close.active{
    opacity:.5;
    visibility:visible;
    -webkit-transform:translateX(-25px) translateY(-25px) rotate(0deg);
    -ms-transform:translateX(-25px) translateY(-25px) rotate(0deg);
    transform:translateX(-25px) translateY(-25px) rotate(0deg)
}
#footer{
    background:var(--secondaryBackground);
    padding-top:100px;
    margin-bottom:0;
    padding-bottom:0;
    display:block;
    width:100%;
    position:relative;
    z-index:1
}
.footer-top-wrapper{
    margin-bottom:100px
}
.wrapper-full.footer-bottom-wrapper,.wrapper.footer-bottom-wrapper{
    margin-bottom:0;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.nayla-page-transition{
    position:fixed;
    bottom:0;
    left:0;
    width:100vw;
    height:0;
    background:var(--secondaryBackground);
    z-index:99999;
    overflow:hidden;
    pointer-events:none;
    -webkit-transition:background .4s ease;
    -o-transition:background .4s ease;
    transition:background .4s ease
}
.capt_chars{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.nayla-page-transition.opacity{
    height:100vh;
    opacity:0;
    background:var(--mainBackground)
}
.nayla-page-transition.page-over{
    background:var(--mainBackground)
}
.nayla-page-transition.right,.nayla-page-transition.left{
    height:100vh;
    width:0
}
.nayla-page-transition.right{
    left:unset;
    right:0
}
.nayla-page-transition.down{
    top:0;
    bottom:'unset'
}
.nayla-page-transition.block{
    height:100vh;
    visibility:hidden;
    background:0 0
}
span.transition-block{
    display:block;
    float:left;
    width:100%;
    height:75px;
    background:var(--secondaryBackground);
    -webkit-clip-path:inset(100% 0% 0% 0%);
    clip-path:inset(100% 0% 0% 0%)
}
.nayla-page-transition.block.down span.transition-block{
    -webkit-clip-path:inset(0% 0% 100% 0%);
    clip-path:inset(0% 0% 100% 0%)
}
.nayla-page-transition.block.left span.transition-block{
    -webkit-clip-path:inset(0% 0% 0% 100%);
    clip-path:inset(0% 0% 0% 100%)
}
.nayla-page-transition.block.right span.transition-block{
    -webkit-clip-path:inset(0% 100% 0% 0%);
    clip-path:inset(0% 100% 0% 0%)
}
.page-transition-texts{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    opacity:0;
    -webkit-transition:opacity 1s ease;
    -o-transition:opacity 1s ease;
    transition:opacity 1s ease;
    z-index:1;
    color:var(--mainBackground)
}
.nayla-page-transition.running>*{
    opacity:1
}
.trans-image{
    clip-path:inset(0%);
    -webkit-clip-path:inset(0%)
}
span.trans-color-overlay{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:0;
    z-index:1
}
.showcase-minimal-list span.trans-color-overlay{
    z-index:0
}
.page-transition-caption{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font-size:1rem;
    line-height:1rem;
    z-index:1;
    overflow:hidden;
    height:1em;
    color:var(--mainColor);
    white-space:nowrap
}
.page-transition-caption.bottom-right{
    bottom:50px;
    top:unset;
    right:50px;
    left:unset;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.page-transition-caption.bottom-left{
    bottom:50px;
    top:unset;
    right:unset;
    left:50px;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.page-transition-caption.top-left{
    bottom:unset;
    top:50px;
    right:unset;
    left:50px;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.page-transition-caption.top-right{
    bottom:unset;
    top:50px;
    right:50px;
    left:unset;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.capt_word{
    display:block!important
}
.capt_char{
    position:relative
}
span.project-trans-overlay{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:0svh;
    background:0 0;
    z-index:99
}
span.page-over-ovs{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    z-index:1;
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
    pointer-events:none
}
span.page-over-ovs::after{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:0 0;
    opacity:1;
    border:25px solid #000;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
span.page-over-ovs::before{
    content:"";
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background:#000;
    position:absolute;
    width:100vw;
    height:100vh;
    opacity:.6;
    z-index:1
}
.page-loader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background:var(--secondaryBackground);
    z-index:999999
}
.page-loader-percentage{
    position:absolute;
    bottom:75px;
    left:75px;
    font-size:100px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    height:1em;
    overflow:hidden;
    color:var(--mainColor)
}
.page-loader-count{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content
}
.page-loader-count span{
    overflow:hidden
}
.page-loader-logo{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:100px
}
.page-loader-logo img{
    width:100%;
    opacity:.1
}
.page-loader-logo img.clone{
    position:absolute;
    top:0;
    left:0;
    opacity:1;
    -webkit-clip-path:inset(100% 0% 0% 0%);
    clip-path:inset(100% 0% 0% 0%)
}
.page-loader-caption{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    color:var(--mainColor);
    text-align:center;
    overflow:hidden;
    height:1.1em;
    white-space:nowrap
}
.page-loader-caption.bottom-right{
    bottom:50px;
    top:unset;
    right:50px;
    left:unset;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    color:var(--mainBackground);
    text-align:right
}
.page-loader-caption.bottom-left{
    bottom:50px;
    top:unset;
    right:unset;
    left:50px;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    text-align:left
}
.page-loader-caption.top-left{
    bottom:unset;
    top:50px;
    right:unset;
    left:50px;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    text-align:left
}
.page-loader-caption.top-right{
    bottom:unset;
    top:50px;
    right:50px;
    left:unset;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    text-align:right
}
.page-loader-caption .capt_line{
    overflow:hidden;
    opacity:.3
}
.capt_line.clone{
    position:absolute!important;
    top:0;
    left:0;
    opacity:1;
    overflow:hidden;
    white-space:nowrap;
    width:0%
}
div#mouseCursor{
    position:fixed;
    z-index:999999999999;
    pointer-events:none;
    -webkit-transition:width .2s ease-out,height .2s ease-out;
    -o-transition:width .2s ease-out,height .2s ease-out;
    transition:width .2s ease-out,height .2s ease-out;
    overflow:hidden
}
div#mouseCursor.temp_hidden.circle,div#mouseCursor.temp_hidden.dot{
    width:0!important;
    height:0!important
}
div#mouseCursor.light .mouse-cursor-icon,div#mouseCursor.light .mouse-cursor-text{
    color:#191919
}
div#mouseCursor.dot{
    width:15px;
    height:15px
}
div#mouseCursor.circle{
    width:75px;
    height:75px
}
div#mouseCursor .main-circle{
    -webkit-transition:fill .2s ease,stroke .2s ease;
    -o-transition:fill .2s ease,stroke .2s ease;
    transition:fill .2s ease,stroke .2s ease
}
div#mouseCursor.circle .main-circle{
    stroke:#191919;
    stroke-width:1;
    fill:transparent
}
div#mouseCursor.dot .main-circle{
    stroke:none;
    stroke-width:none;
    fill:#191919
}
.mouse-cursor-icon,.mouse-cursor-text{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    color:#fff;
    opacity:1;
    font-size:15px;
    display:block;
    overflow:hidden;
    line-height:1;
    text-align:center;
    line-height:1.4
}
.mouse-cursor-text span{
    display:block;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    -webkit-transition:-webkit-transform .5s ease;
    transition:-webkit-transform .5s ease;
    -o-transition:transform .5s ease;
    transition:transform .5s ease;
    transition:transform .5s ease,-webkit-transform .5s ease
}
.mouse-cursor-icon{
    font-size:25px
}
div#mouseCursor .mouse-cursor-icon{
    font-variation-settings:'FILL'1,'wght'300,'GRAD'0,'opsz'48
}
div#mouseCursor .mouse-cursor-icon::after{
    content:attr(data-icon);
    font-family:material icons;
    opacity:0;
    -webkit-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    transition:opacity .3s ease
}
div#mouseCursor.multi{
    overflow:visible;
    opacity:1
}
div#mouseCursor .multi-icon{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
div#mouseCursor .multi-icon::after{
    content:'arrow_forward';
    font-family:material icons;
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%) translateX(20px);
    -ms-transform:translateY(-50%) translateX(20px);
    transform:translateY(-50%) translateX(20px);
    font-size:25px
}
div#mouseCursor .multi-icon::before{
    content:'arrow_back';
    font-family:material icons;
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%) translateX(-20px);
    -ms-transform:translateY(-50%) translateX(-20px);
    transform:translateY(-50%) translateX(-20px);
    font-size:25px
}
div#mouseCursor.circle.light .main-circle{
    stroke:#fff;
    stroke-width:.5
}
div#mouseCursor.dot.light .main-circle{
    fill:#fff
}
div#mouseCursor.hover-size{
    width:125px;
    height:125px
}
div#mouseCursor.dot.hover-size{
    width:150px;
    height:150px
}
div#mouseCursor.dot.hover-size{
    opacity:.25
}
div#mouseCursor.multi.dot.hover-size,div#mouseCursor.multi.hover-size{
    width:100px;
    height:100px;
    opacity:1
}
div#mouseCursor.multi.press.dot.hover-size,div#mouseCursor.multi.press.hover-size{
    width:40px;
    height:40px
}
div#mouseCursor.hover-size.hover-text{
    width:150px;
    height:150px
}
div#mouseCursor.hover-text{
    opacity:1!important
}
div#mouseCursor.hover-text .main-circle{
    stroke:none;
    stroke-width:0;
    fill:#191919
}
div#mouseCursor.hover-text .mouse-cursor-text span{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
div#mouseCursor.hover-size.hover-icon{
    width:150px;
    height:150px
}
div#mouseCursor.hover-icon{
    opacity:1!important
}
div#mouseCursor.hover-icon .main-circle{
    stroke:none;
    stroke-width:0;
    fill:#191919
}
div#mouseCursor.hover-icon .mouse-cursor-icon::after{
    opacity:1
}
.align-right{
    text-align:right
}
div#page-title{
    padding-top:200px;
    background:var(--secondaryBackground)
}
div#page-title .wrapper{
    margin-bottom:0
}
.landing-page .grid-project{
    padding-bottom:0
}
span.new__page{
    display:inline-block;
    float:right;
    margin-left:10px;
    color:red;
    font-weight:700
}
.nayla-product-head>div{
    display:block;
    float:left;
    width:60%;
    overflow:hidden
}
.product-gallery-wrap{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 15px 1fr;
    grid-template-columns:repeat(2,1fr);
    -ms-grid-rows:auto;
    grid-template-rows:auto;
    grid-gap:15px
}
.product-gallery-wrap>*:nth-child(1){
    -ms-grid-row:1;
    -ms-grid-column:1
}
.product-gallery-wrap>*:nth-child(2){
    -ms-grid-row:1;
    -ms-grid-column:3
}
.product-gallery-image{
    display:block;
    float:left;
    width:100%;
    height:50vh
}
.product-gallery-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.nayla-product-head>div.product-info{
    width:40%;
    padding-top:15%;
    padding-left:40px;
    padding-right:40px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.product-name>*{
    margin-bottom:.5em
}
.product-price{
    margin-bottom:2em
}
.product-description{
    max-width:60%;
    margin-bottom:2em
}
.product-detail-tabs{
    display:block;
    float:left;
    width:100%
}
.product-detail-tabs>div{
    display:block;
    float:left;
    width:50%
}
.product-detail-tabs>div .tab-title{
    margin-bottom:.5em;
    opacity:.5;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer
}
.product-detail-tabs>div .tab-title.active{
    opacity:1
}
.product-detail-tabs>div .tab-content{
    display:none
}
.product-detail-tabs>div .tab-content.active{
    display:block
}
.nayla-related-products.wrapper-full>.nayla-single-product{
    width:31%;
    margin-right:2.3333333%
}
.nayla-shopping-cart{
    display:block;
    float:left;
    width:100%
}
ul.product-tags,.cart-products-wrap{
    margin:0;
    padding:0;
    list-style:none;
    display:block
}
.cart-products-wrap{
    min-height:60vh
}
ul.product-tags{
    opacity:.5
}
.nayla-cart-product{
    display:block;
    float:left;
    width:100%
}
.nayla-cart-product::after{
    content:"";
    display:block;
    float:left;
    width:100%;
    height:1px;
    background-color:var(--mainColor);
    margin-top:20px;
    margin-bottom:20px;
    opacity:.2
}
.nayla-cart-product>div,ul.product-tags>li{
    width:20%;
    float:left;
    margin-bottom:0
}
.nayla-cart-product>div:first-child,ul.product-tags>li:first-child{
    width:40%
}
.nayla-cart-product>div:nth-child(3),ul.product-tags>li:nth-child(3){
    text-align:center
}
.nayla-cart-product>div:last-child,ul.product-tags>li:last-child{
    text-align:right
}
.cart-products-wrap{
    display:block;
    float:left;
    width:100%;
    position:relative
}
.cart-products-wrap::after{
    content:"";
    display:block;
    float:left;
    width:100%;
    height:1px;
    background-color:var(--mainColor);
    opacity:.3;
    position:absolute;
    bottom:30px
}
.cart-products-wrap::before{
    content:"";
    display:block;
    float:left;
    width:100%;
    height:1px;
    background-color:var(--mainColor);
    opacity:.3;
    margin-top:10px;
    margin-bottom:30px
}
.cart-totals{
    display:block;
    float:right;
    min-width:35%
}
.cart-totals>div::after{
    content:"";
    display:block;
    float:left;
    width:100%;
    background:var(--mainColor);
    height:1px;
    opacity:.3
}
.cart-totals>div{
    display:block;
    width:100%;
    float:left
}
.cart-totals>div::after{
    content:"";
    display:block;
    float:left;
    width:100%;
    height:1px;
    background-color:var(--mainColor);
    margin:15px 0
}
.cart-totals>div>span{
    float:right
}
.cart-totals>div.nayla-checkout-button::after{
    display:none
}
.nayla-checkout-button>div{
    display:block;
    float:left
}
.nayla-checkout-button>div:last-child{
    float:right;
    font-size:1.5em;
    margin-top:.5em
}
.nayla-checkout-button{
    margin-top:20px
}
.nayla-shopping-cart .product-count{
    padding:3px 10px;
    float:none;
    margin:0 auto;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.nayla-shopping-cart input#quantity{
    width:1em;
    height:1em;
    font-size:1em;
    padding:0 15px
}
.product-rating{
    display:inline-block;
    position:relative;
    margin-bottom:1em
}
.product-stars{
    display:inline-block
}
.product-stars.stars-fill{
    position:absolute;
    left:0;
    overflow:hidden;
    width:0%;
    white-space:nowrap
}
.product-stars.stars-fill span{
    font-variation-settings:'FILL'1,'GRAD'0,'opsz'48
}
input#quantity::-webkit-outer-spin-button,input#quantity::-webkit-inner-spin-button{
    appearance:none;
    -webkit-appearance:none
}
input#quantity{
    -moz-appearance:none;
    appearance:none;
    -webkit-appearance:none;
    background:0 0;
    border:none;
    text-align:center;
    padding:0;
    margin:0;
    width:2em;
    height:2em;
    font-size:2em;
    color:var(--mainBackground)
}
input#quantity:focus{
    border:none;
    outline:none
}
.product-add-to-cart,.product-count{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    float:left;
    margin-top:1em;
    padding:3px 30px 3px 15px;
    background:var(--mainColor);
    color:var(--mainBackground);
    border-radius:50px
}
.product-count{
    margin-top:0
}
.product-count span{
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.product-add-to-cart a{
    color:var(--mainBackground)
}
.nayla-single-product{
    display:block;
    float:left;
    position:relative
}
.nayla-single-product a,.nayla-single-product .product-wrap{
    width:100%;
    height:100%;
    overflow:hidden;
    display:block;
    float:left
}
.nayla-single-product img{
    width:100%;
    height:auto;
    -o-object-fit:cover;
    object-fit:cover
}
.nayla-single-product .product-image{
    display:block;
    float:left;
    width:100%;
    height:auto
}
.nayla-single-product img.product-image-back{
    position:absolute;
    top:0;
    left:0;
    z-index:1
}
.nayla-single-product img.product-image-front{
    position:relative;
    z-index:2
}
.nayla-single-product:hover img.product-image-front{
    visibility:hidden
}
.nayla-single-product .product-meta{
    display:block;
    float:left;
    width:100%;
    margin-top:15px
}
.nayla-single-product .product-meta>div{
    display:block;
    float:right
}
.nayla-single-product .product-meta>div.product-name{
    float:left
}
.nayla-single-product .product-meta>div:last-child{
    opacity:.5
}
.nayla-single-product.on--sale .product-price{
    text-decoration:line-through;
    margin-right:10px
}
.nayla-single-product .sale-badge{
    position:absolute;
    top:25px;
    left:25px;
    mix-blend-mode:difference;
    color:#fff;
    z-index:5
}
.nayla-cart-button{
    display:inline-block;
    width:auto;
    background:#d3d3d3;
    padding:5px 10px 5px 15px;
    border-radius:35px;
    position:relative;
    font-size:16px;
    overflow:hidden;
    z-index:3
}
.nayla-cart-button::after{
    content:attr(data-count);
    display:inline-block;
    color:var(--mainBackground);
    background:var(--mainColor);
    width:1em;
    height:1em;
    text-align:center;
    border-radius:50%;
    margin-left:20px;
    padding:3px;
    z-index:1;
    position:relative
}
.nayla-cart-button::before{
    content:"";
    display:inline-block;
    position:absolute;
    right:10px;
    top:50%;
    width:calc(1em + 4px);
    height:calc(1em + 4px);
    background:var(--mainColor);
    border-radius:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:0;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.nayla-cart-button:hover::before{
    width:150px;
    height:150px;
    right:0;
    -webkit-transform-origin:left center;
    -ms-transform-origin:left center;
    transform-origin:left center
}
.nayla-cart-button:hover span{
    color:var(--mainBackground)
}
.nayla-cart-button span{
    position:relative;
    z-index:2;
    -webkit-transition:color .3s ease;
    -o-transition:color .3s ease;
    transition:color .3s ease
}
.nayla-posts-grid{
    display:block;
    float:left;
    width:100%
}
.nayla-posts-grid .grid--filters{
    display:block;
    float:left
}
.nayla-posts-grid .grid--filters>ul{
    list-style:none;
    margin:0;
    padding:0
}
.nayla-posts-grid .grid--filters>ul>li{
    display:inline-block;
    opacity:.5;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer
}
.nayla-posts-grid .grid--filters>ul>li::after{
    content:"/";
    margin:0 10px;
    opacity:.5
}
.nayla-posts-grid .grid--filters>ul>li:last-child::after{
    display:none
}
.nayla-posts-grid .grid--filters>ul>li.active{
    opacity:1
}
.nayla-posts-grid .grid--filters>ul>li.active::after{
    opacity:.25
}
.nayla-posts-grid .grid--posts{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 35px 1fr 35px 1fr;
    grid-template-columns:repeat(3,1fr);
    width:100%;
    grid-gap:35px
}
.nayla-posts-grid .grid--post--item{
    margin-bottom:35px
}
.nayla-posts-grid .grid--switcher{
    display:block;
    float:right
}
.nayla-posts-grid.grid-list .grid--posts{
    -ms-grid-columns:1fr;
    grid-template-columns:1fr
}
.single-blog-post.horizontal a,.nayla-posts-grid.grid-list .single-blog-post a{
    width:35%;
    max-height:300px;
    overflow:hidden
}
.single-blog-post.horizontal .post-details,.nayla-posts-grid.grid-list .single-blog-post .post-details{
    width:65%;
    margin-top:0;
    padding:3em;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.single-blog-post,.single-blog-post>a{
    display:block;
    float:left;
    width:100%
}
.single-blog-post .single-post-image,.single-post-image img{
    width:100%;
    display:block;
    float:left;
    overflow:hidden
}
.single-blog-post:hover .single-post-image img{
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05)
}
.single-post-image img{
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    -o-transition:transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease
}
.single-blog-post .post-details{
    display:block;
    float:left;
    max-width:100%;
    margin-top:2em
}
.single-blog-post .post-meta{
    display:block;
    float:left;
    width:100%;
    margin-bottom:1.5em;
    opacity:.5
}
.single-blog-post .post-meta>div{
    float:left;
    display:block
}
.single-blog-post .post-meta>div:first-child::before{
    display:none
}
.single-blog-post .post-meta>div:last-child::before{
    content:"/";
    margin:0 10px
}
.single-blog-post .post-button{
    margin-top:1.5em
}
.single-post-page-content .section{
    padding-top:0
}
.section.single-post-header{
    margin-bottom:0
}
.section.single-post-header .wrapper{
    margin-bottom:0
}
.single-post-page .post-meta.c-col-12{
    display:block;
    float:left
}
.single-post-page .post-categories>ul{
    margin:0;
    padding:0;
    list-style:none
}
.single-post-page .post-categories>ul>li{
    display:inline-block
}
.single-post-page .post-categories>ul>li::after{
    content:",";
    margin:0 10px
}
.single-post-page .post-categories>ul>li:last-child::after{
    display:none
}
.single-post-page .post-title-wrap.c-col-12{
    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-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:relative;
    margin-bottom:70px
}
.single-post-page .post-featured-image{
    display:block;
    float:left;
    width:100%;
    -webkit-transform-origin:left bottom;
    -ms-transform-origin:left bottom;
    transform-origin:left bottom
}
.single-post-page .post-featured-image>img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.single-post-page .post-meta{
    display:block;
    float:left;
    width:100%;
    margin-top:1em
}
.single-post-page .post-meta>div{
    display:block;
    float:left;
    width:100%;
    margin-bottom:1.5em
}
.single-post-page .post-meta>div span.post-met-title{
    display:block;
    float:left;
    width:100%;
    margin-bottom:1em;
    font-size:.8em
}
.single-post-page .entry-meta-wrap{
    display:block;
    float:left;
    width:100%;
    overflow:hidden
}
.single-post-page .entry-meta{
    position:relative
}
.single-post-page .post-title-sub{
    position:absolute;
    top:0;
    z-index:-1;
    max-width:60%
}
.single-post-page .post-title-sub>div{
    display:block;
    overflow:hidden
}
.single-post-page .post-featured-image{
    max-width:90%
}
.single-post-page .next-post-sub{
    display:block;
    float:left;
    margin-bottom:3em
}
.single-post-page .next-post-wrap .single-blog-post.horizontal::before,.single-post-page .next-post-wrap .single-blog-post.horizontal::after{
    content:"";
    display:block;
    float:left;
    width:100%;
    height:1px;
    opacity:.3;
    background:var(--mainColor);
    margin-bottom:3em
}
.single-post-page .next-post-wrap .single-blog-post.horizontal::after{
    margin-bottom:0;
    margin-top:3em
}
.single-post-page .next-post-wrap .single-blog-post.horizontal .post-details{
    padding-top:0;
    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-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-bottom:0;
    height:300px
}
.single-post-page .next-post-wrap .single-blog-post.horizontal .post-button{
    margin-bottom:0
}
.single-post-page .next-post-wrap .single-blog-post.horizontal .post-title{
    max-width:90%
}
.single-post-page .next-post-wrap .single-blog-post.horizontal .post-meta{
    margin:0
}
.portfolio-grid{
    display:block;
    float:left;
    width:100%;
    position:relative
}
.grid-controls{
    display:block;
    float:left;
    width:100%;
    position:relative;
    padding-bottom:25px
}
.grid-controls::after{
    content:"";
    display:block;
    position:absolute;
    left:0;
    width:100%;
    bottom:0;
    background:var(--mainColor);
    height:1px;
    opacity:.3
}
.grid-controls>div{
    display:block;
    float:left
}
.grid-controls>div:last-child{
    float:right
}
.portfolio-grid hr{
    height:1px;
    width:100%;
    background:var(--mainColor);
    border:none;
    opacity:.3
}
.portfolio-grid.col-2 hr{
    -ms-grid-column:1;
    -ms-grid-column-span:10;
    grid-column:1/11
}
.portfolio-grid.col-3 hr{
    -ms-grid-column:1;
    -ms-grid-column-span:9;
    grid-column:1/10
}
ul.grid-portfolio-filtering{
    list-style:none;
    padding:0;
    margin:0;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row
}
ul.grid-portfolio-filtering li{
    display:none;
    margin:0 15px;
    cursor:pointer;
    opacity:.5;
    text-transform:uppercase;
    padding-bottom:0
}
.portfolio-filters.hovered ul.grid-portfolio-filtering li{
    display:block
}
.portfolio-filters.hovered ul.grid-portfolio-filtering li:hover{
    opacity:1
}
ul.grid-portfolio-filtering li.active{
    display:block;
    opacity:1
}
ul.grid-portfolio-filtering .projects-length{
    display:inline-block;
    font-size:12px;
    vertical-align:top;
    margin-left:5px;
    margin-top:-5px;
    opacity:.5
}
ul.grid-portfolio-filtering li.active .projects-length{
    opacity:1
}
.grid-layout-switcher>div{
    display:inline-block
}
.grid-layout-switcher span{
    display:inline-block;
    opacity:.3;
    cursor:pointer
}
.grid-layout-switcher span.grid-switcher-seperator{
    margin:0 10px;
    pointer-events:none
}
.grid-layout-switcher span.active{
    opacity:1;
    pointer-events:none
}
.portfolio-grid.grid-list .grid-project-image{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-110%,-50%) scale(.8);
    -ms-transform:translate(-110%,-50%) scale(.8);
    transform:translate(-110%,-50%) scale(.8);
    max-width:25%;
    height:auto;
    opacity:0;
    visibility:hidden;
    -webkit-transition:-webkit-transform .75s cubic-bezier(.2,.6,.1,1);
    transition:-webkit-transform .75s cubic-bezier(.2,.6,.1,1);
    -o-transition:transform .75s cubic-bezier(.2,.6,.1,1);
    transition:transform .75s cubic-bezier(.2,.6,.1,1);
    transition:transform .75s cubic-bezier(.2,.6,.1,1),-webkit-transform .75s cubic-bezier(.2,.6,.1,1)
}
.portfolio-grid.grid-list .grid-project:hover .grid-project-image{
    opacity:1;
    visibility:visible;
    -webkit-transform:translate(-110%,-50%) scale(1);
    -ms-transform:translate(-110%,-50%) scale(1);
    transform:translate(-110%,-50%) scale(1)
}
.portfolio-grid.grid-list .grid-project{
    -ms-grid-column:1;
    -ms-grid-column-span:9;
    grid-column:1/10;
    padding-bottom:0
}
.portfolio-grid.grid-list .grid-projects-wrapper{
    gap:30px
}
.portfolio-grid.grid-list .grid-project-wrap::before{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    height:1px;
    width:0%;
    background:#191919;
    opacity:.2;
    -webkit-transition:width 1.25s ease-out;
    -o-transition:width 1.25s ease-out;
    transition:width 1.25s ease-out
}
.portfolio-grid.grid-list .grid-project.gl-inview .grid-project-wrap::before{
    width:100%
}
.portfolio-grid.grid-list .grid-project-wrap{
    padding-bottom:30px
}
.portfolio-grid.grid-list .grid-project-meta>div.grid-project-year{
    display:block;
    float:right;
    width:100px;
    text-align:left
}
.portfolio-grid.grid-list .grid-project-meta>div.grid-project-category{
    float:left;
    margin-left:0;
    font-size:15px
}
.portfolio-grid.grid-list .grid-project-meta>div.grid-project-title{
    width:50%;
    text-align:left
}
.portfolio-grid.grid-list.hover-classic .grid-project:hover .grid-project-category span{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.portfolio-grid.grid-list .grid-project-meta>div span{
    display:inline-block
}
.portfolio-grid.grid-list .grid-project-meta{
    text-transform:none
}
.portfolio-grid.grid-list .grid-project-title{
    font-size:20px;
    line-height:1.15
}
.portfolio-grid.grid-list .grid-project-category span::before{
    display:none
}
.portfolio-grid.grid-list .grid-project-category span::after{
    display:none
}
span.g-list-arrow{
    display:block;
    float:right;
    font-size:17px;
    margin-left:100px;
    opacity:.3
}
.animating .grid-project-category,.animating .grid-project-category span,.animating .grid-project-title{
    -webkit-transition:none!important;
    -o-transition:none!important;
    transition:none!important
}
.grid-project .grid-project-image,.grid-project .grid-project-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
    overflow:hidden
}
.grid-project .grid-project-image{
    display:block;
    float:left
}
.grid-project-meta{
    display:block;
    float:left;
    width:100%;
    margin-top:15px;
    overflow:hidden;
    text-transform:uppercase;
    font-size:16px
}
.grid-project-meta>div{
    display:block;
    float:left
}
.grid-project-meta>div.grid-project-category{
    float:right;
    opacity:.6
}
.grid-project-meta>div.grid-project-year{
    opacity:.6
}
.grid-project-meta>div.grid-project-year{
    display:none
}
.grid-projects-wrapper{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 100px 1fr 100px 1fr 100px 1fr 100px 1fr 100px 1fr 100px 1fr 100px 1fr;
    grid-template-columns:repeat(8,1fr);
    width:100%;
    gap:100px;
    position:relative;
    padding-top:50px
}
.portfolio-grid.col-2 .grid-projects-wrapper{
    -ms-grid-columns:(1fr)[10];
    grid-template-columns:repeat(10,1fr)
}
.portfolio-grid.col-2 .grid-projects-wrapper .grid-project{
    grid-column-start:span 5
}
.grid-project{
    grid-column-start:span 4;
    padding-bottom:150px;
    margin-bottom:0;
    position:relative;
    -webkit-filter:saturate(.75);
    filter:saturate(.75);
    will-change:filter
}
.grid-project:hover{
    -webkit-filter:saturate(1);
    filter:saturate(1)
}
.col-3 .grid-projects-wrapper{
    -ms-grid-columns:1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr;
    grid-template-columns:repeat(9,1fr);
    gap:60px;
    padding-top:50px
}
.col-3 .grid-project{
    grid-column-start:span 3
}
.grid-project-wrap{
    width:100%;
    float:left;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:relative
}
.grid-project a{
    color:var(-primaryColor);
    text-decoration:none
}
.grid-project-title span::after{
    content:attr(data-hover);
    position:absolute;
    left:0;
    top:100%
}
.grid-project-meta>div span{
    display:block;
    position:relative
}
.grid-project-category span::after{
    content:'arrow_outward';
    font-family:material icons;
    position:absolute;
    top:100%;
    right:0
}
.grid-project-category span::before{
    content:attr(data-view-text);
    position:absolute;
    top:100%;
    right:20px;
    white-space:nowrap
}
.details-above .grid-project-wrap{
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse
}
.details-above .grid-project-meta{
    margin-top:0;
    margin-bottom:15px
}
.details-overlap .grid-project-meta{
    position:absolute;
    bottom:25px;
    padding:0 25px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:#fff
}
.parallax-on .grid-project .grid-project-image img{
    height:calc(100% + 100px);
    -o-object-position:center top;
    object-position:center top
}
.hover-classic .grid-project-category,.hover-classic .grid-project-category span,.hover-classic .grid-project-title{
    -webkit-transition:opacity .35s ease-out,-webkit-transform .7s cubic-bezier(.2,.7,.2,1);
    transition:opacity .35s ease-out,-webkit-transform .7s cubic-bezier(.2,.7,.2,1);
    -o-transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .35s ease-out;
    transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .35s ease-out;
    transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .35s ease-out,-webkit-transform .7s cubic-bezier(.2,.7,.2,1)
}
.hover-classic .grid-project-category,.hover-classic .grid-project-category span{
    -webkit-transition-delay:.15s;
    -o-transition-delay:.15s;
    transition-delay:.15s
}
.hover-classic .grid-project:hover .grid-project-category{
    opacity:1
}
.hover-classic .grid-project:hover .grid-project-category span,.hover-classic .grid-project:hover .grid-project-title{
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%)
}
.hover-imageMask .grid-project-image img{
    -webkit-clip-path:inset(0% 0% 0% 0%);
    clip-path:inset(0% 0% 0% 0%);
    -webkit-transition:-webkit-clip-path .4s ease-out;
    transition:-webkit-clip-path .4s ease-out;
    -o-transition:clip-path .4s ease-out;
    transition:clip-path .4s ease-out;
    transition:clip-path .4s ease-out,-webkit-clip-path .4s ease-out
}
.hover-imageMask .grid-project-image img.masked{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    height:100%;
    z-index:-1;
    -webkit-transform:translate(-50%,-50%) scale(1);
    -ms-transform:translate(-50%,-50%) scale(1);
    transform:translate(-50%,-50%) scale(1);
    -webkit-transition:-webkit-transform .75s ease-out,-webkit-filter .75s ease-out;
    transition:-webkit-transform .75s ease-out,-webkit-filter .75s ease-out;
    -o-transition:transform .75s ease-out,filter .75s ease-out;
    transition:transform .75s ease-out,filter .75s ease-out;
    transition:transform .75s ease-out,filter .75s ease-out,-webkit-transform .75s ease-out,-webkit-filter .75s ease-out
}
.hover-imageMask .grid-project .grid-project-image{
    position:relative
}
.hover-imageMask .grid-project:hover .grid-project-image img:not(.masked){
    -webkit-clip-path:inset(0% 100% 0% 0%);
    clip-path:inset(0% 100% 0% 0%)
}
.hover-imageMask .grid-project:hover .grid-project-image img.masked{
    -webkit-transform:translate(-50%,-50%) scale(1.1);
    -ms-transform:translate(-50%,-50%) scale(1.1);
    transform:translate(-50%,-50%) scale(1.1)
}
.hover-cursor .grid-project a{
    cursor:none
}
.hover-arrow .grid-project::after{
    content:'arrow_outward';
    font-family:material icons;
    position:absolute;
    top:50px;
    right:50px;
    font-size:150px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    -webkit-transition:all .5s cubic-bezier(.36,.74,.06,.99);
    -o-transition:all .5s cubic-bezier(.36,.74,.06,.99);
    transition:all .5s cubic-bezier(.36,.74,.06,.99)
}
.hover-arrow .grid-project:hover::after{
    top:0;
    right:0;
    opacity:1;
    visibility:visible
}
.hover-arrow.details-above .grid-project::after{
    top:80px
}
.hover-arrow.details-above .grid-project:hover::after{
    top:30px
}
.nayla-next-project{
    display:block;
    float:left;
    width:100%;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    height:100vh;
    padding:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    margin-bottom:0;
    z-index:0;
    background:var(--mainBackground)
}
.nayla-next-project a{
    display:block;
    width:100%;
    height:100%;
    color:unset;
    text-decoration:none;
    color:var(--mainColor)
}
.next-project-image{
    display:block;
    width:45%;
    max-height:80%;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    overflow:hidden
}
.next-project-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:top;
    object-position:top
}
.next-project-title{
    display:block;
    float:left;
    width:100%;
    position:absolute;
    top:50%;
    -webkit-transform:translate(-50% . 0%);
    -ms-transform:translate(-50% . 0%);
    transform:translate(-50% . 0%);
    z-index:-1
}
.next-project-category{
    text-align:center;
    margin-top:50px
}
.next-project-year{
    position:absolute;
    bottom:50px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.project-page-header .project-image img{
    -o-object-position:top;
    object-position:top
}
.project-page-header{
    margin-bottom:0;
    display:block;
    float:left;
    width:100%;
    background:var(--mainBackground)
}
.project-page-header.no-image .wrapper{
    display:block;
    margin:0 auto;
    height:auto
}
.project-page-header.no-image{
    width:100%;
    display:block;
    padding-top:150px
}
.project-page-header.no-image .wrapper .project-title{
    margin-bottom:30px;
    position:relative;
    white-space:nowrap
}
.project-page-header.no-image .wrapper .project-meta{
    display:block;
    float:left;
    width:100%
}
.project-page-header.no-image .wrapper .project-meta>span{
    display:block;
    width:50%;
    float:left
}
.project-page-header.no-image .wrapper .project-button{
    margin-top:50px;
    float:left
}
.project-page-header.fullscreen-image{
    height:100svh;
    overflow:hidden;
    color:var(--mainColor)
}
.project-page .project-image.featured .nayla-video,.project-page .project-image.featured{
    width:100%;
    height:100%
}
.project-page-header.fullscreen-image .project-image{
    position:absolute;
    top:0;
    left:0
}
.project-page-header.fullscreen-image .wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:0;
    height:100%;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    padding:0 15px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.project-page-header.fullscreen-image .project-controls{
    display:block;
    float:left;
    -ms-flex-item-align:start;
    align-self:flex-start;
    margin-top:10%
}
.project-page-header.fullscreen-image .project-title h1.big-title{
    font-size:155px;
    letter-spacing:-.04em
}
.project-page-header.fullscreen-image .project-summary{
    display:block;
    float:right
}
.project-page-header.fullscreen-image .project-category{
    display:block;
    float:left
}
.project-page-header.fullscreen-image .project-category .anim_line{
    float:left
}
.project-page-header.fullscreen-image .project-meta{
    display:block;
    float:left;
    width:100%
}
.project-page-header.fullscreen-image .project-title{
    margin-top:100px
}
.project-page-header .project-category::before,.project-page-header .project-title .material-icons{
    font-variation-settings:'FILL'1,'wght'300,'GRAD'0,'opsz'48
}
.project-page-header.video{
    height:100svh;
    position:relative
}
.project-page-header.video .project-video{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:40%;
    -webkit-transition:width 1s ease-out;
    -o-transition:width 1s ease-out;
    transition:width 1s ease-out;
    z-index:1
}
.project-page-header.video .project-meta{
    position:absolute;
    bottom:0;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    gap:50px
}
.project-page-header.video .project-meta>div{
    display:block;
    -webkit-box-flex:1;
    -ms-flex:auto;
    flex:auto;
    min-width:20%;
    max-width:50%
}
.project-page-header.video .wrapper{
    padding-top:125px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.project-page-header.video .project-meta>div:last-child{
    text-align:right;
    float:right
}
.project-page-header.video span.close-video{
    position:absolute;
    top:50px;
    left:0;
    opacity:0;
    pointer-events:none
}
.project-page-header.video span.close-video,.project-page-header.video .project-meta,.project-page-header.video .project-top{
    -webkit-transition:opacity .4s ease;
    -o-transition:opacity .4s ease;
    transition:opacity .4s ease
}
.project-page-header.video.video-starts span.close-video{
    opacity:1
}
.project-page-header.video.video-starts .project-top,.project-page-header.video.video-starts .project-meta{
    opacity:0
}
.project-page-header.video.video-starts .project-video{
    width:100%
}
.project-page-header.creative .wrapper{
    padding-top:150px
}
.project-page-header.creative .project-meta>div:last-child{
    float:right
}
.project-page-header.creative .project-meta>div{
    display:block;
    float:left;
    width:30%
}
.project-page-header.creative .project-title h1.big-title{
    font-size:150px;
    line-height:1.1
}
.project-page-header.creative .project-meta{
    display:block;
    float:left;
    width:100%;
    margin-top:50px
}
.project-page-header.creative .project-image{
    display:block;
    float:left;
    width:100%;
    margin-top:50px;
    position:relative;
    z-index:1;
    overflow:hidden;
    max-height:80vh;
    margin-bottom:0
}
.project-page-header.creative .project-category .anim_line{
    float:left
}
.project-page-header.creative .project-title{
    display:block;
    float:left;
    width:100%
}
.project-page-header.half-image{
    height:70vh;
    display:block;
    position:relative;
    width:100%;
    float:left;
    z-index:2
}
.project-page-header.half-image .project-category{
    display:block;
    float:left;
    width:100%;
    margin-top:20px;
    margin-left:15px
}
.project-page-header.half-image .project-back-button{
    margin-left:0;
    margin-top:0;
    position:absolute;
    bottom:25px;
    left:-25px;
    cursor:pointer
}
.project-page-header.half-image .wrapper{
    height:100%;
    padding-top:150px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:block
}
.project-page-header.half-image .project-image{
    position:absolute;
    left:0;
    width:100%;
    display:block;
    height:100%;
    overflow:hidden
}
.project-page-header.half-image .project-title{
    display:block;
    float:left;
    width:100%;
    -moz-text-align-last:justify;
    text-align-last:justify
}
.project-page-header.half-image .project-meta{
    -ms-flex-item-align:end;
    align-self:flex-end;
    display:block;
    float:left;
    width:100%;
    margin-bottom:50px
}
.project-page-header.half-image .project-title h1{
    margin:0
}
.project-page-header.half-image .project-button{
    position:absolute;
    bottom:50px;
    right:0
}
.project-page-header.tall{
    position:relative;
    padding-bottom:50px;
    margin-bottom:0
}
.project-page-header.tall .project-image.featured{
    position:absolute;
    top:0;
    left:0;
    overflow:hidden
}
.project-page-header.tall .wrapper{
    padding-top:30vh
}
.project-page-header.tall .project-title{
    display:block;
    max-width:60%
}
.project-page-header.tall .project-summary{
    display:block;
    max-width:45%;
    margin-left:15px
}
.project-page-header.tall .project-title h1{
    font-size:150px;
    line-height:160px;
    margin-bottom:75px
}
.project-page-header.tall .project-category{
    margin-bottom:50px;
    margin-left:15px;
    text-transform:uppercase
}
.project-page-header.tall .nayla-circular-text{
    position:absolute;
    top:100vh;
    right:0;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%)
}
.project-page-header.tall .rotate-char,.project-page-header.tall .rotate-word{
    font-size:16px
}
.project-page-header.tall .project-meta{
    display:block;
    float:left;
    margin-top:50px;
    margin-left:15px
}
.project-page-header.tall .project-meta>div{
    display:block;
    float:left;
    margin-right:60px
}
.project-page-header.tall .project-meta>div .meta-title{
    display:block;
    margin-bottom:35px;
    opacity:.6
}
.project-page-header.tall .project-button{
    display:block;
    float:left;
    clear:both;
    margin-top:100px;
    margin-left:35px
}
.project-page-header.image-gallery{
    background:var(--mainBackground)
}
.project-page-header.image-gallery .wrapper{
    height:100%;
    overflow:hidden;
    padding-top:150px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    padding-bottom:50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    overflow:visible;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}
.project-page-header.image-gallery .project-hero{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    width:70vw;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    margin-right:100px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative
}
.project-page-header.image-gallery .project-hero>div.project-meta{
    -ms-flex-item-align:end;
    align-self:flex-start;
    margin-top:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    max-width:80%;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}
.project-page-header.image-gallery.vertical .project-hero>div.project-meta{
    margin-top:0
}
.project-page-header.image-gallery .project-hero>div{
    display:block;
    width:100%;
    float:left
}
.project-page-header.image-gallery .project-title h1{
    margin-bottom:0
}
.project-page-header.image-gallery .project-images{
    height:100%;
    display:block;
    float:left
}
.project-page-header.image-gallery .project-images-slider{
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    gap:100px
}
.project-page-header.image-gallery .project-image{
    -webkit-box-flex:1;
    -ms-flex:auto;
    flex:auto;
    width:auto!important
}
.project-page-header.image-gallery .project-image img{
    width:auto!important
}
.project-page-header.image-gallery .project-hero>div.project-title{
    margin-bottom:30px;
    -moz-text-align-last:justify;
    text-align-last:justify
}
.project-page-header.image-gallery div.project-slide-button{
    position:absolute;
    right:0;
    bottom:0;
    display:inline-block;
    width:auto;
    cursor:pointer
}
.project-page-header.image-gallery div.project-slide-button span{
    font-size:150px
}
.project-page-header.image-gallery .project-meta>div{
    display:block;
    margin-bottom:20px
}
.project-page-header.image-gallery.vertical .project-title h1{
    -moz-text-align-last:auto;
    text-align-last:auto;
    font-size:120px;
    line-height:115px;
    margin-left:-10px;
    letter-spacing:-.06em
}
.project-page-header.image-gallery.vertical .project-hero{
    width:35%;
    margin-right:50px;
    -webkit-box-flex:35%;
    -ms-flex:35%;
    flex:35%
}
.project-page-header.image-gallery.vertical .wrapper{
    display:block
}
.project-page-header.image-gallery.vertical .project-hero{
    float:left;
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.project-page-header.image-gallery.vertical .project-images{
    width:50%;
    height:-webkit-min-content;
    height:-moz-min-content;
    height:min-content;
    display:block;
    float:left
}
.project-page-header.image-gallery.vertical .project-images-slider{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    height:auto
}
.project-page-header.image-gallery.vertical .project-image{
    width:100%;
    height:auto
}
.project-page-header.image-gallery.vertical .project-image img{
    width:100%!important;
    height:auto
}
.project-page-header.image-gallery.vertical .project-hero>div.project-category{
    margin-top:auto;
    margin-bottom:35px
}
.project-page-header.image-gallery.vertical .project-meta{
    margin-top:35px
}
.project-page-header.image-gallery.vertical .project-hero>div.project-title{
    margin-bottom:35px
}
.project-page-header.image-gallery.vertical div.project-slide-button{
    bottom:20px
}
.project-page-header.image-gallery.vertical div.project-slide-button span{
    -webkit-transition:-webkit-transform .25s ease-out;
    transition:-webkit-transform .25s ease-out;
    -o-transition:transform .25s ease-out;
    transition:transform .25s ease-out;
    transition:transform .25s ease-out,-webkit-transform .25s ease-out
}
.project-page-header.image-gallery.vertical div.project-slide-button.return span{
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    transform:rotate(-180deg)
}
.site-main.project-page[data-barba-namespace=project-gallery-vertical] .nayla-next-project,.site-main.project-page[data-barba-namespace=project-gallery-horizontal] .nayla-next-project{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.slideUp{
    will-change:transform
}
.scaleIn img,.scaleIn{
    will-change:transform
}
.maskDown,.maskUp{
    visibility:hidden
}
.has-anim{
    visibility:hidden;
    will-change:transform opacity
}
.nayla-animation-wrapper{
    display:block;
    width:100%;
    pointer-events:none!important
}
.nayla-animation-wrapper>*{
    pointer-events:all
}
.blockUp{
    position:relative
}
span.block-ov{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#a9a9a9
}
.has-anim-text{
    -webkit-font-kerning:none;
    font-kerning:none;
    -webkit-text-rendering:optimizeSpeed;
    text-rendering:optimizeSpeed;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.anim_char,.anim_word,.anim_line{
    overflow:hidden;
    vertical-align:top;
    will-change:transform;
    padding-right:.03em;
    margin-right:-.03em;
    padding-bottom:.09em;
    margin-bottom:-.09em
}
.text-wrapper .no-margin .anim_line{
    margin:0;
    padding:0
}
.anim_word{
    white-space:nowrap
}
.anim_char span,.anim_word span,.anim_line span{
    display:block;
    will-change:transform
}
.fade .anim_char,.fade .anim_word,.fade .anim_line{
    overflow:visible
}
.mask-wrap{
    display:block;
    position:relative
}
.mask-wrap .clone{
    position:absolute;
    top:0;
    left:0;
    color:red;
    z-index:-1
}
.charsScaleUp .anim_char span{
    -webkit-transform-origin:bottom center;
    -ms-transform-origin:bottom center;
    transform-origin:bottom center
}
.charsScaleDown .anim_char span{
    -webkit-transform-origin:top center;
    -ms-transform-origin:top center;
    transform-origin:top center
}
.charsRotateIn .anim_char span{
    -webkit-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top
}
.linesMask .anim_line span.clone{
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    width:100%;
    z-index:0;
    white-space:nowrap;
    opacity:.2
}
.linesMask .anim_line span{
    width:0%;
    overflow:hidden;
    white-space:nowrap
}
.has-anim-text.slideLeft,.has-anim-text.slideRight,.has-anim-text.slideLeft .anim_line,.has-anim-text.slideRight .anim_line{
    white-space:nowrap;
    overflow:visible;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content
}
.slideLeft .anim_line,.slideRight .anim_line{
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content
}
.charsFadeOn .anim_char{
    will-change:opacity
}
.fullscreen{
    position:relative;
    width:100%;
    height:100vh;
    overflow:hidden
}
.pin-spacer{
    pointer-events:none!important
}
.pin-spacer>*{
    pointer-events:all
}
.light .showcase-project a{
    color:var(--mainColor)
}
.project-image .plyr{
    pointer-events:none
}
.showcase-footer.wrapper-full,.showcase-footer.wrapper-small,.showcase-footer.wrapper{
    position:absolute;
    bottom:50px;
    width:100%;
    margin-bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:10;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    height:auto!important
}
.showcase-footer *{
    margin-bottom:0!important
}
.showcase-footer.mx-difference{
    mix-blend-mode:difference
}
.showcase-footer-right{
    text-align:right
}
.showcase-footer>div{
    margin-bottom:0
}
.project-image img,.project-image video{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:top;
    object-position:top
}
.showcase-video{
    width:100%;
    height:100%
}
.slide-bgimg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover
}
.fs-parallax-wrap{
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden
}
.slides-nav{
    display:inline-block;
    cursor:pointer
}
.slides-nav>div{
    display:inline-block;
    cursor:pointer
}
.slide-prev::after{
    content:"/";
    display:inline-block;
    margin:0 20px
}
.slides-nav.icons-nav .slide-prev::after{
    display:none
}
.slides-nav.icons-nav>div{
    margin-right:15px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.slides-nav.icons-nav span{
    font-size:30px;
    line-height:30px
}
.slides-fraction>div{
    display:inline-block;
    line-height:1;
    height:1em
}
.slides-fraction{
    display:block;
    float:left
}
.curr-index-wrap{
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative
}
.curr-index-wrap>span{
    width:100%;
    height:100%;
    position:absolute;
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    transform:translateX(100%);
    left:0
}
.curr-index-wrap>span:first-child{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
span.fraction-line{
    display:inline-block;
    width:1.5em;
    height:2px;
    background-color:var(--mainColor);
    margin:0 5px;
    vertical-align:middle;
    margin-top:-7px
}
.showcase-3d-titles{
    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;
    position:relative;
    height:100vh;
    -webkit-perspective:10000px;
    perspective:10000px;
    width:100%;
    z-index:1
}
.showcase-3d-titles .s3t-projects-wrap{
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.showcase-3d-titles .s3t-projects-wrap .showcase-project{
    position:absolute;
    white-space:nowrap;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    padding:0 10px;
    -webkit-transform:translate(-50%,-50%) rotateX(calc(var(--rotateX) * 1)) translateZ(var(--transformZ));
    transform:translate(-50%,-50%) rotateX(calc(var(--rotateX) * 1)) translateZ(var(--transformZ));
    z-index:0;
    text-align:center;
    z-index:-1
}
.showcase-3d-titles .s3t-projects-wrap .showcase-project a{
    text-decoration:none;
    pointer-events:none
}
.showcase-3d-titles .s3t-projects-wrap .showcase-project a .project-title{
    color:rgba(255,255,255,.1);
    background:#000;
    width:100vw;
    text-align:center
}
.showcase-3d-titles .s3t-projects-wrap .showcase-project.active a{
    pointer-events:all
}
.showcase-3d-titles .s3t-projects-wrap .showcase-project.active a .project-title{
    color:#fff
}
.showcase-3d-titles .s3t-projects-wrap .showcase-project .project-category{
    display:none
}
.showcase-3d-titles .s3t-projects-wrap .showcase-project .project-image{
    display:none
}
.s3t-images{
    position:fixed;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:35%;
    height:35%;
    overflow:hidden;
    z-index:1;
    pointer-events:none;
    mix-blend-mode:screen;
    opacity:0
}
.s3t-images.active{
    opacity:1
}
.s3t-images .project-image{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    visibility:hidden
}
.s3t-images .project-image img{
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition:-webkit-transform .6s ease-out;
    transition:-webkit-transform .6s ease-out;
    -o-transition:transform .6s ease-out;
    transition:transform .6s ease-out;
    transition:transform .6s ease-out,-webkit-transform .6s ease-out
}
.s3t-images.active .project-image.active{
    visibility:visible
}
.s3t-images.active .project-image.active img{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.showcase-wall.light{
    background:#191919
}
.sw-projects-wrap{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    white-space:nowrap;
    width:auto;
    position:relative;
    z-index:1
}
.showcase-wall .showcase-project{
    white-space:nowrap;
    padding:25px 0;
    position:relative;
    z-index:1;
    -webkit-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s
}
.showcase-wall .showcase-project a{
    -webkit-transition:color .3s;
    -o-transition:color .3s;
    transition:color .3s
}
.showcase-wall-wrap{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.showcase-wall .showcase-project::after{
    content:"";
    display:inline-block;
    width:150px;
    height:5px;
    background-color:var(--mainColor);
    vertical-align:middle;
    margin:0 35px;
    -webkit-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s
}
.showcase-wall .showcase-project:last-child::after{
    display:none
}
.showcase-wall .project-title{
    display:inline-block;
    vertical-align:middle;
    z-index:1;
    position:relative
}
.showcase-wall .project-title>*{
    margin-bottom:0
}
.showcase-wall .showcase-project .project-index{
    position:absolute;
    top:25px;
    left:0;
    -webkit-transform:translate(-20px,25%);
    -ms-transform:translate(-20px,25%);
    transform:translate(-20px,25%);
    font-size:15px;
    -webkit-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s
}
.sw-images-wrap{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}
.sw-images-wrap .project-image img{
    width:100%;
    display:block;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.showcase-wall .showcase-project:nth-child(even) .project-image{
    -webkit-clip-path:inset(0% 0% 0% 100%);
    clip-path:inset(0% 0% 0% 100%)
}
.showcase-wall .showcase-project .project-image{
    opacity:0;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:25vw;
    z-index:-1;
    -webkit-clip-path:inset(0% 100% 00% 0%);
    clip-path:inset(0% 100% 00% 0%);
    -webkit-transition:opacity .2s ease,-webkit-clip-path .4s ease;
    transition:opacity .2s ease,-webkit-clip-path .4s ease;
    -o-transition:clip-path .4s ease,opacity .2s ease;
    transition:clip-path .4s ease,opacity .2s ease;
    transition:clip-path .4s ease,opacity .2s ease,-webkit-clip-path .4s ease;
    pointer-events:none;
    overflow:hidden;
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center
}
.showcase-wall .showcase-project .project-image img{
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition:-webkit-transform 1s ease-out;
    transition:-webkit-transform 1s ease-out;
    -o-transition:transform 1s ease-out;
    transition:transform 1s ease-out;
    transition:transform 1s ease-out,-webkit-transform 1s ease-out;
    -webkit-transform-origin:top left;
    -ms-transform-origin:top left;
    transform-origin:top left
}
.showcase-wall .showcase-project a:hover .project-image{
    -webkit-clip-path:inset(0%);
    clip-path:inset(0%);
    opacity:1
}
.showcase-list .showcase-project a:hover {
  color: #fff;
}
.showcase-wall .showcase-project a:hover .project-image img{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.showcase-wall.hovered .showcase-project{
    opacity:.05;
    z-index:0
}
.showcase-wall.hovered .showcase-project.current{
    opacity:1;
    z-index:1
}
.showcase-wall.hovered .showcase-project.current::after{
    opacity:.05
}
.sc-overlay,.sw-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block;
    z-index:-1
}
.showcase-wall .project-image video{
    width:100%
}
.showcase-wall.light .showcase-project .project-index{
    color:#fff
}
.showcase-wall.light .showcase-project::after{
    background-color:#fff
}
.showcase-wall.animating{
    pointer-events:none
}
.showcase-wall.animating .sw-projects-wrap{
    overflow:hidden
}
.showcase-wall.animating .project-index,.showcase-wall.animating .showcase-project::after{
    opacity:0
}
.showcase-fullscreen-wall .project-image{
    opacity:0;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateY(30px);
    -ms-transform:translateY(30px);
    transform:translateY(30px);
    width:25vw;
    z-index:-1;
    -webkit-clip-path:inset(0% 100% 00% 0%);
    clip-path:inset(0% 100% 00% 0%);
    -webkit-transition:opacity .2s ease,-webkit-clip-path .4s ease;
    transition:opacity .2s ease,-webkit-clip-path .4s ease;
    -o-transition:clip-path .4s ease,opacity .2s ease;
    transition:clip-path .4s ease,opacity .2s ease;
    transition:clip-path .4s ease,opacity .2s ease,-webkit-clip-path .4s ease;
    pointer-events:none;
    overflow:hidden;
    -webkit-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left
}
.showcase-fullscreen-wall .showcase-project:nth-child(even) .project-image{
    -webkit-clip-path:inset(0% 0% 0% 100%);
    clip-path:inset(0% 0% 0% 100%)
}
.showcase-fullscreen-wall .project-image img{
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition:-webkit-transform 1s ease-out;
    transition:-webkit-transform 1s ease-out;
    -o-transition:transform 1s ease-out;
    transition:transform 1s ease-out;
    transition:transform 1s ease-out,-webkit-transform 1s ease-out;
    -webkit-transform-origin:top left;
    -ms-transform-origin:top left;
    transform-origin:top left
}
.loading .showcase-fullscreen-wall .project-image{
    -webkit-transition:all 0s!important;
    -o-transition:all 0s!important;
    transition:all 0s!important
}
.showcase-fullscreen-wall .showcase-project:hover{
    z-index:1
}
.showcase-fullscreen-wall .showcase-project:hover .project-image{
    -webkit-clip-path:inset(0%);
    clip-path:inset(0%);
    opacity:1
}
.showcase-fullscreen-wall .showcase-project:hover .project-image img{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.showcase-fullscreen-wall.hovered .showcase-project{
    opacity:.2
}
.showcase-fullscreen-wall.hovered .showcase-project.current{
    opacity:1
}
.showcase-fullscreen-wall.hovered .showcase-project.current::after{
    opacity:.2
}
.showcase-fullscreen-wall .showcase-project::after{
    content:"";
    display:inline-block;
    width:30px;
    height:4px;
    background:var(--mainColor);
    vertical-align:middle;
    margin-top:-3em;
    margin-left:30px;
    margin-right:30px;
    -webkit-transition:height .5s ease .5s,opacity .5s ease;
    -o-transition:height .5s ease .5s,opacity .5s ease;
    transition:height .5s ease .5s,opacity .5s ease
}
.loading .showcase-fullscreen-wall .showcase-project::after{
    opacity:0!important
}
.showcase-fullscreen-wall .showcase-project.detect-pov::after{
    height:0
}
.showcase-fullscreen-wall .showcase-project.detect-pov.is-inview::after{
    height:4px
}
.showcase-fullscreen-wall .project-meta{
    display:none
}
.showcase-fullscreen-wall .sfw-projects-wrapper{
    height:auto;
    top:150px;
    position:absolute;
    width:90%
}
.showcase-fullscreen-wall .showcase-project{
    display:inline-block;
    position:relative;
    -webkit-transition:opacity .4s ease;
    -o-transition:opacity .4s ease;
    transition:opacity .4s ease
}
.showcase-fullscreen-wall .showcase-project .project-title{
    overflow:hidden
}
.showcase-fullscreen-wall.switching .showcase-project::before{
    opacity:0
}
.showcase-fullscreen-wall .showcase-project a{
    padding:.5em 0;
    display:inline-block
}
.showcase-fullscreen-wall .showcase-fullscreen-wall{
    display:block;
    position:relative;
    width:100%;
    height:100%
}
.showcase-fullscreen-wall .swf-layout-switch{
    position:absolute;
    bottom:50px;
    display:block
}
.showcase-fullscreen-wall .swf-layout-switch>div{
    display:block;
    float:left;
    text-transform:uppercase;
    margin-right:15px;
    cursor:pointer
}
.showcase-fullscreen-wall .swf-layout-switch>div:last-child{
    margin-right:0
}
.showcase-fullscreen-wall .swf-layout-switch>div::before{
    content:"(";
    display:inline-block;
    margin-right:5px;
    opacity:0;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.showcase-fullscreen-wall .swf-layout-switch>div::after{
    content:")";
    display:inline-block;
    margin-left:5px;
    opacity:0;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.showcase-fullscreen-wall .swf-layout-switch>div.active::after,.showcase-fullscreen-wall .swf-layout-switch>div.active::before{
    opacity:1
}
.showcase-fullscreen-wall.wall-images .showcase-project{
    width:auto
}
.showcase-fullscreen-wall.wall-images .project-image{
    position:relative;
    opacity:1;
    -webkit-clip-path:inset(0%)!important;
    clip-path:inset(0%)!important;
    left:0;
    top:0;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.showcase-fullscreen-wall.wall-images .sfw-projects-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content
}
.showcase-fullscreen-wall.wall-images .project-title.text-h2{
    font-size:20px;
    text-transform:uppercase;
    margin-top:10px;
    display:block;
    float:left
}
.showcase-fullscreen-wall.wall-images .project-meta{
    display:block;
    float:right;
    text-transform:uppercase;
    margin-top:10px
}
.showcase-fullscreen-wall.wall-images .project-meta>div{
    display:inline-block
}
.showcase-fullscreen-wall.wall-images .project-image img{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    -webkit-transition:none;
    -o-transition:none;
    transition:none
}
.showcase-fullscreen-wall.wall-images .showcase-project::before{
    display:none
}
.showcase-list{
    display:block;
    width:100%;
    height:auto;
    float:left;
    margin-bottom:100px
}
.showcase-list .showcase-list-wrapper{
    width:100%;
    height:100%
}
.sfl-projects-wrap{
    display:block;
    width:100%;
    float:right
}
.sfl-cats-wrap{
    display:block;
    float:left;
    width:100%;
    height:100%
}
.showcase-list.hover-normal .project-image{
    display:none;
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translate(-25%,-50%);
    -ms-transform:translate(-25%,-50%);
    transform:translate(-25%,-50%);
    z-index:-1;
    width:100%;
    pointer-events:none
}
.showcase-list .project-image img{
    width:100%;
    pointer-events:none
}
.showcase-list .project-image{
    pointer-events:none
}
.showcase-list .showcase-project{
    display:block;
    float:left;
    width:100%;
    position:relative;
    z-index:1;
    -webkit-transition:opacity .35s ease;
    -o-transition:opacity .35s ease;
    transition:opacity .35s ease;
    text-transform:uppercase;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.showcase-list .showcase-project.op-down{
    opacity:.05
}
.showcase-list .showcase-project .project-image{
    display:none;
    position:absolute;
    top:50%;
    pointer-events:none;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:45%;
    overflow:hidden
}
.showcase-list .showcase-project:hover .project-image{
    display:block
}
.showcase-list .showcase-project a {
  display: block;
  width: 100%;
  float: left;
  padding: 5px;
  text-decoration: underline;
  color: #f78a5c;
  position: relative;
  z-index: 1;
  overflow: hidden;
  font-family: 'Poppins';
}
.showcase-list .showcase-project a>div{
    display:inline-block;
    overflow:hidden
}
.showcase-list .project-meta{
    opacity:0
}
.showcase-list .project-meta>div{
    display:inline-block
}
.showcase-list .project-title>*{
    margin-bottom:0
}
.showcase-list .sfl-images-wrap{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}
.showcase-list .sfl-images-wrap .project-image{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.showcase-list .sfl-images-wrap .project-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    display:block
}
.showcase-list .showcase-project::before{
    content:attr(data-index);
    position:absolute;
    right:0;
    top:50%;
    opacity:.1;
    font-size:15px;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    opacity:0
}
.showcase-list .showcase-project.hovered::before,.showcase-list .showcase-project.hovered .project-meta{
    opacity:1
}
.showcase-list .project-meta::before{
    content:"/";
    margin-left:10px;
    margin-right:10px
}
.showcase-list .project-meta>div.project-year{
    opacity:0
}
.showcase-fullscreen-slideshow .fs-slideshow-wrap{
    width:100%;
    height:100%;
    z-index:2;
    position:relative
}
.showcase-fullscreen-slideshow .swiper-wrapper{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.showcase-fullscreen-slideshow .showcase-project{
    position:absolute;
    width:100%;
    height:100%;
    display:none;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.showcase-fullscreen-slideshow .showcase-project.light .project-inner a,.showcase-fullscreen-slideshow .showcase-project.light .project-inner{
    color:#fff
}
.showcase-fullscreen-slideshow .slide-bgimg,.showcase-fullscreen-slideshow .swiper-wrapper{
    -webkit-transition-timing-function:cubic-bezier(.8,0,.3,1)!important;
    -o-transition-timing-function:cubic-bezier(.8,0,.3,1)!important;
    transition-timing-function:cubic-bezier(.8,0,.3,1)!important
}
.showcase-fullscreen-slideshow .project-inner .project-title{
    margin:0;
    text-transform:uppercase;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    text-align:center
}
.showcase-fullscreen-slideshow .pt_char{
    overflow:hidden
}
.showcase-fullscreen-slideshow .pt_char span{
    display:block
}
.showcase-fullscreen-slideshow .project-image img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    height:100%
}
.showcase-fullscreen-slideshow .project-inner{
    position:absolute;
    top:30%;
    left:0;
    width:100%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.showcase-fullscreen-slideshow .project-inner>div{
    display:block;
    width:100%;
    float:left;
    overflow:hidden
}
.showcase-fullscreen-slideshow .nayla-video{
    height:100%
}
.showcase-fullscreen-slideshow .project-inner>div.project-details{
    width:100%
}
.showcase-fullscreen-slideshow .project-inner>div.project-details>div{
    display:block;
    float:left;
    width:50%
}
.showcase-fullscreen-slideshow .project-inner>div.project-details>div:last-child{
    text-align:right
}
.showcase-fullscreen-slideshow .project-button{
    position:absolute;
    top:55%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:2
}
.showcase-fullscreen-slideshow .project-button .nayla-circular-text::after{
    -webkit-transition:background .3s ease-out;
    -o-transition:background .3s ease-out;
    transition:background .3s ease-out
}
.showcase-fullscreen-slideshow .project-button:hover .nayla-circular-text::after{
    background:#fff
}
.showcase-fullscreen-slideshow .project-button:hover a{
    color:#191919
}
.showcase-fullscreen-slideshow .project-button a{
    color:var(--mainColor);
    -webkit-transition:color.3s ease-out;
    -o-transition:color.3s ease-out;
    transition:color.3s ease-out
}
.showcase-fullscreen-slideshow .fs-images-slider.swiper-container{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
    z-index:auto
}
.showcase-fullscreen-slideshow .fs-images-slider.swiper-container img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
    -webkit-transition:-webkit-transform 2s ease;
    transition:-webkit-transform 2s ease;
    -o-transition:transform 2s ease;
    transition:transform 2s ease;
    transition:transform 2s ease,-webkit-transform 2s ease
}
.showcase-fullscreen-slideshow .fs-images-slider.swiper-container .swiper-slide-active img{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.showcase-fullscreen-slideshow .showcase-project.project_0{
    display:block
}
.showcase-fullscreen-slideshow .pd_word{
    overflow:hidden
}
.showcase-fullscreen-slideshow .pd_word span{
    display:block
}
.showcase-fullscreen-slideshow .showcase-project.wrapper{
    height:100vh!important
}
.showcase-cards{
    display:block;
    width:100%
}
.showcase-cards .ssv-projects-wrap{
    display:block;
    position:absolute;
    height:100%;
    overflow:hidden;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-perspective:1000px;
    perspective:1000px;
    -webkit-perspective-origin:top;
    perspective-origin:top;
    bottom:0;
    padding-top:200px;
    left:0
}
.showcase-cards .showcase-project{
    width:100%;
    height:calc(100% - 300px);
    border-top-left-radius:35px;
    border-top-right-radius:35px;
    position:absolute;
    overflow:hidden;
    background:var(--mainBackground);
    will-change:transform;
    bottom:0;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.showcase-cards .project-title{
    position:absolute;
    top:unset;
    left:0;
    width:100%;
    z-index:1;
    bottom:0
}
.showcase-cards .project-image{
    width:100%;
    height:100%
}
.showcase-cards .project-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.showcase-cards .project-meta{
    position:absolute;
    top:50px;
    left:0;
    width:100%;
    padding:0 50px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.showcase-cards .project-meta>div{
    display:block;
    float:left;
    width:50%
}
.showcase-cards .project-meta>div:last-child{
    text-align:right
}
.showcase-cards .sc-overlay{
    position:absolute;
    top:0;
    left:50%;
    width:100vw;
    height:100vh;
    background:0 0;
    display:block;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:-1
}
.showcase-interactive-grid.will-animated{
    opacity:0
}
.showcase-interactive-grid{
    opacity:1;
    -webkit-transition:opacity 1s ease;
    -o-transition:opacity 1s ease;
    transition:opacity 1s ease
}
.showcase-interactive-grid .projects-wrapper{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 50px 1fr 50px 1fr 50px 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr;
    -ms-grid-columns:1fr 50px 1fr 50px 1fr 50px 1fr 50px 1fr 50px 1fr 50px 1fr 50px 1fr;
    grid-template-columns:repeat(8,1fr);
    width:100%;
    height:calc(100vh - 2em);
    gap:50px
}
span.scatter-close{
    position:absolute;
    top:10%;
    left:40px;
    opacity:0;
    z-index:1;
    -webkit-transition:opacity .4s ease;
    -o-transition:opacity .4s ease;
    transition:opacity .4s ease;
    pointer-events:none;
    cursor:pointer
}
.showcase-interactive-grid{
    display:block;
    width:100%;
    height:100vh;
    padding:2em;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.showcase-interactive-grid .showcase-project:first-child{
    -ms-grid-column:2;
    grid-column-start:2
}
.showcase-interactive-grid .showcase-project{
    width:100%;
    height:100%;
    display:block;
    --column: span 1;
    -ms-grid-column:var(--column);
    grid-column-start:var(--column);
    will-change:transform,filter;
    position:relative;
    overflow:hidden
}
.showcase-interactive-grid .showcase-project.active{
    overflow:visible
}
.showcase-interactive-grid .project-title,.showcase-interactive-grid .project-details{
    position:absolute
}
.showcase-interactive-grid .project-image{
    width:100%;
    height:100%
}
.showcase-interactive-grid .projects-wrapper.intro-grid--scatter{
    width:200%;
    height:200vh;
    padding:0
}
.showcase-interactive-grid.scatter-active span.scatter-close{
    opacity:1;
    pointer-events:all
}
.showcase-interactive-grid .projects-wrapper.intro-grid--scatter .showcase-project{
    max-width:15vw;
    max-height:35vh;
    opacity:.2;
    position:relative
}
.showcase-interactive-grid .projects-wrapper.intro-grid--scatter .showcase-project .project-image{
    -webkit-filter:saturate(.3) blur(3px);
    filter:saturate(.3) blur(3px)
}
.showcase-interactive-grid .projects-wrapper.intro-grid--scatter .showcase-project:hover .project-image{
    -webkit-filter:blur(0px);
    filter:blur(0px)
}
.showcase-interactive-grid .projects-wrapper.intro-grid--scatter .showcase-project.active{
    width:30vw;
    height:70vh;
    max-width:none;
    max-height:none;
    -webkit-filter:none;
    filter:none;
    opacity:1;
    z-index:1
}
.showcase-interactive-grid .showcase-project .project-image{
    -webkit-filter:saturate(.3);
    filter:saturate(.3);
    will-change:filter;
    -webkit-transition:-webkit-filter .3s ease;
    transition:-webkit-filter .3s ease;
    -o-transition:filter .3s ease;
    transition:filter .3s ease;
    transition:filter .3s ease,-webkit-filter .3s ease
}
.showcase-interactive-grid .projects-wrapper.intro-grid--scatter .showcase-project.active .project-image,.showcase-interactive-grid .showcase-project:hover .project-image{
    -webkit-filter:saturate(1);
    filter:saturate(1)
}
.showcase-interactive-grid .project-title{
    top:50%;
    left:50%;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    white-space:nowrap;
    opacity:0;
    pointer-events:none;
    -webkit-transition:opacity .3s ease-out;
    -o-transition:opacity .3s ease-out;
    transition:opacity .3s ease-out;
    z-index:1
}
.showcase-interactive-grid .project-title .tit_line{
    overflow:hidden
}
.showcase-interactive-grid .project-details{
    right:0;
    max-width:70%;
    bottom:0;
    -webkit-transform:translateX(110%);
    -ms-transform:translateX(110%);
    transform:translateX(110%);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    visibility:hidden;
    pointer-events:none;
    -webkit-transition:visibility .3s ease-out;
    -o-transition:visibility .3s ease-out;
    transition:visibility .3s ease-out
}
.showcase-interactive-grid .showcase-project.active .project-title{
    opacity:1
}
.showcase-interactive-grid .showcase-project.active .project-details{
    visibility:visible
}
.showcase-interactive-grid .project-details .project-category{
    margin-bottom:1em
}
.showcase-interactive-grid .project-details .project-summary{
    -ms-flex-item-align:end;
    align-self:flex-end;
    margin-bottom:20px
}
.showcase-interactive-grid .project-details .nayla-button{
    margin-bottom:0;
    pointer-events:all
}
.showcase-interactive-grid .showcase-project.project-right .project-title{
    left:unset;
    right:35%
}
.showcase-interactive-grid .showcase-project.project-right .project-details{
    right:unset;
    left:0;
    -webkit-transform:translateX(-110%);
    -ms-transform:translateX(-110%);
    transform:translateX(-110%)
}
.showcase-interactive-grid .nayla-video{
    height:100%
}
.showcase-minimal-list{
    width:100%;
    display:block;
    float:left
}
.showcase-minimal-list .sml-projects-wrap{
    width:100%;
    height:auto;
    position:absolute;
    top:0;
    left:0
}
.showcase-minimal-list .sml-wrapper{
    width:100%;
    height:100%
}
.showcase-minimal-list .sml-wrap{
    position:relative;
    top:50vh
}
.showcase-minimal-list .sml-projects-wrap .project-image{
    display:none
}
.showcase-minimal-list .sml-projects-wrap .project-title{
    margin:0;
    display:block;
    float:left
}
.showcase-minimal-list .showcase-project{
    width:100%;
    display:block;
    float:left;
    -webkit-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    transition:all .2s ease;
    opacity:.1;
    padding-bottom:1.5em;
    overflow:hidden
}
.showcase-minimal-list .showcase-project.active{
    opacity:1
}
.showcase-minimal-list .sml-projects-wrap .project-meta{
    display:none
}
.showcase-minimal-list .sml-images{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.showcase-minimal-list .sml-images .project-image{
    width:100%;
    height:100%;
    display:none
}
.showcase-minimal-list .sml-images .project-image img{
    -o-object-fit:cover;
    object-fit:cover;
    width:100%;
    height:100%
}
.showcase-minimal-list .sfc-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}
.showcase-minimal-list .project-image .showcase-video video,.showcase-minimal-list .project-image .showcase-video{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.showcase-minimal-list.fullscreen .sml-images{
    max-width:40%;
    height:auto;
    left:unset;
    right:25px;
    bottom:25px;
    top:unset;
    overflow:hidden;
    max-height:90vh
}
.showcase-carousel .sc-projects-wrap .project-image{
    display:none
}
.showcase-carousel .sc-wrapper{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute;
    top:50%;
    will-change:transform
}
.showcase-carousel .sc-headline{
    white-space:nowrap;
    padding-right:50vw
}
.showcase-carousel .sc-projects-wrap{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    width:auto;
    white-space:nowrap
}
.showcase-carousel .showcase-project{
    display:block;
    float:left;
    padding:0 150px;
    opacity:.1
}
.showcase-carousel .showcase-project:first-child{
    padding-left:0
}
.showcase-carousel .showcase-project:last-child{
    padding-right:0
}
.showcase-carousel .showcase-project.active{
    opacity:1
}
.showcase-carousel .showcase-project .project-meta{
    display:none
}
.showcase-carousel .showcase-project.active{
    opacity:1
}
.showcase-carousel .project-title{
    font-size:190px;
    line-height:1.2;
    margin:0;
    -webkit-font-kerning:none;
    font-kerning:none;
    letter-spacing:-.06em
}
.showcase-carousel .sc-wrapper h1.big-title{
    margin:0;
    line-height:150px
}
.showcase-carousel .sc-images.swiper-container{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:50vw;
    height:35vw;
    overflow:hidden;
    -webkit-clip-path:inset(0% 0% 0% 0%);
    clip-path:inset(0% 0% 0% 0%)
}
.showcase-carousel .sc-images.swiper-container .swiper-wrapper{
    -webkit-transition-timing-function:cubic-bezier(.5,.5,0,1);
    -o-transition-timing-function:cubic-bezier(.5,.5,0,1);
    transition-timing-function:cubic-bezier(.5,.5,0,1)
}
.showcase-carousel .slide-bgimg{
    -webkit-transition-timing-function:cubic-bezier(.5,.5,0,1)!important;
    -o-transition-timing-function:cubic-bezier(.5,.5,0,1)!important;
    transition-timing-function:cubic-bezier(.5,.5,0,1)!important
}
.showcase-carousel .sfc-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.showcase-carousel .sc-lines{
    position:absolute;
    top:50%;
    width:100%;
    height:1px;
    display:block;
    z-index:1;
    -webkit-transform:translateY(4em);
    -ms-transform:translateY(4em);
    transform:translateY(4em)
}
.showcase-carousel .sc-lines span{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#191919;
    opacity:.3;
    -webkit-transition:background-color .3s ease;
    -o-transition:background-color .3s ease;
    transition:background-color .3s ease
}
.showcase-carousel.light .sc-lines span{
    background-color:#fff
}
.showcase-carousel .sc-lines span.sc-line.sc-line-fill{
    opacity:.7;
    width:0%
}
.showcase-carousel .pt_line{
    overflow:hidden
}
.showcase-carousel .pt_char{
    overflow:hidden;
    vertical-align:top
}
.showcase-carousel .pt_char span{
    display:block
}
.showcase-carousel.animating .showcase-project{
    overflow:hidden
}
.showcase-fullscreen-carousel .fc-slideshow-wrap{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:3;
    pointer-events:none;
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    transition:all .6s ease
}
.showcase-fullscreen-carousel .project-image .nayla-video{
    height:100%
}
.showcase-fullscreen-carousel .sfc-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:0 0;
    z-index:0;
    display:block
}
.showcase-fullscreen-carousel .showcase-project.swiper-slide{
    display:block;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:auto;
    opacity:.02;
    -webkit-transition:opacity .4s ease;
    -o-transition:opacity .4s ease;
    transition:opacity .4s ease;
    padding:0 75px;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-line-pack:center;
    align-content:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.showcase-fullscreen-carousel.dragging .fc-slideshow-wrap{
    -webkit-transform:scale(.5);
    -ms-transform:scale(.5);
    transform:scale(.5)
}
.showcase-fullscreen-carousel .fc-slideshow-wrap .project-title{
    pointer-events:none;
    display:block;
    width:100%;
    margin-bottom:0;
    white-space:nowrap;
    line-height:1.2;
    overflow:hidden
}
.showcase-fullscreen-carousel .showcase-project .project-image{
    display:none
}
.showcase-fullscreen-carousel .project-meta{
    display:inline-block;
    width:auto;
    pointer-events:all;
    margin:0 auto;
    overflow:hidden
}
.showcase-fullscreen-carousel .showcase-project a{
    display:block;
    overflow:hidden
}
.showcase-fullscreen-carousel .project-meta>div{
    display:inline-block;
    opacity:.7;
    font-size:17px;
    line-height:25px;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition:-webkit-transform .4s ease-out .2s;
    transition:-webkit-transform .4s ease-out .2s;
    -o-transition:transform .4s ease-out .2s;
    transition:transform .4s ease-out .2s;
    transition:transform .4s ease-out .2s,-webkit-transform .4s ease-out .2s
}
.swiper-slide-active .project-meta>div{
    -webkit-transform:translateY(0%);
    -ms-transform:translateY(0%);
    transform:translateY(0%)
}
.showcase-fullscreen-carousel.dragging .swiper-slide-active .project-meta>div{
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%)
}
.showcase-fullscreen-carousel .project-meta>div>*{
    display:inline-block
}
.showcase-fullscreen-carousel .project-meta div:nth-child(3)::after{
    display:none!important
}
.showcase-fullscreen-carousel .project-meta .project-category{
    display:none
}
.showcase-fullscreen-carousel .project-meta>div::after{
    content:"";
    display:inline-block;
    margin:0 15px;
    font-size:40px;
    vertical-align:middle
}
.showcase-fullscreen-carousel .showcase-project.active,.showcase-fullscreen-carousel .showcase-project.swiper-slide.swiper-slide-active{
    opacity:1
}
.showcase-fullscreen-carousel.dragging .showcase-project.swiper-slide.swiper-slide-active{
    opacity:.1
}
.showcase-fullscreen-carousel.dragging .showcase-project.swiper-slide.swiper-slide-active.active{
    opacity:1
}
.showcase-fullscreen-carousel .fc-images-slider.swiper-container{
    position:relative;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
    z-index:1;
    overflow:hidden;
    -webkit-transition:-webkit-transform .6s;
    transition:-webkit-transform .6s;
    -o-transition:transform .6s;
    transition:transform .6s;
    transition:transform .6s,-webkit-transform .6s;
    -webkit-transition-timing-function:cubic-bezier(.7,0,.1,1);
    -o-transition-timing-function:cubic-bezier(.7,0,.1,1);
    transition-timing-function:cubic-bezier(.7,0,.1,1);
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center
}
.loading .showcase-fullscreen-carousel .fc-images-slider.swiper-container{
    -webkit-transition:all 0s!important;
    -o-transition:all 0s!important;
    transition:all 0s!important
}
.showcase-fullscreen-carousel.dragging .fc-images-slider.swiper-container{
    -webkit-transform:translate(-50%,-50%) scale(.5);
    -ms-transform:translate(-50%,-50%) scale(.5);
    transform:translate(-50%,-50%) scale(.5)
}
.showcase-fullscreen-carousel .fc-images-slider .slide-bgimg,.showcase-fullscreen-carousel .fc-images-slider .swiper-wrapper{
}
.showcase-fullscreen-carousel .fc-slideshow-wrap .swiper-wrapper{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    width:auto
}
.showcase-fullscreen-carousel .dragging-class{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    opacity:.1;
    z-index:2
}
.showcase-fullscreen-carousel .sfc-fraction{
    position:absolute;
    top:45%;
    left:0;
    z-index:2;
    -webkit-transform:rotate(90deg) translateX(15%);
    -ms-transform:rotate(90deg) translateX(15%);
    transform:rotate(90deg) translateX(15%)
}
.showcase-fullscreen-carousel span.sfc-current::after{
    content:"";
    display:inline-block;
    width:10px;
    height:1.5px;
    background:var(--mainColor);
    margin:0 25px;
    vertical-align:middle;
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center
}
.showcase-fullscreen-carousel.blend-elements .sfc-fraction,.showcase-fullscreen-carousel.blend-elements .showcase-footer{
    mix-blend-mode:difference;
    --mainColor: #fff
}
.showcase-infinite-grid .sfg-infinite-wrap{
    position:relative;
    width:100%;
    height:120%;
    overflow:hidden;
    will-change:transform;
    z-index:2;
    padding:0 100px
}
.showcase-infinite-grid.vertical .project-meta{
    max-width:55%
}
.showcase-infinite-grid .sfg-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block
}
.showcase-infinite-grid .sfg-bg-text{
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%;
    z-index:1;
    -webkit-transition:opacity .2s ease;
    -o-transition:opacity .2s ease;
    transition:opacity .2s ease;
    opacity:.05
}
.showcase-infinite-grid.hovered .sfg-bg-text{
    opacity:0
}
.showcase-infinite-grid .sfg-titles{
    position:fixed;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:100%;
    text-align:center;
    height:200px;
    z-index:1;
    pointer-events:none
}
.showcase-infinite-grid .sfg-titles .project-title{
    position:absolute;
    top:0;
    left:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    white-space:nowrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    opacity:0;
    pointer-events:none;
    -webkit-transition:opacity .2s ease;
    -o-transition:opacity .2s ease;
    transition:opacity .2s ease
}
.showcase-infinite-grid .sfg-titles .infinity-wrap{
    white-space:nowrap;
    overflow:hidden
}
.showcase-infinite-grid .showcase-project{
    height:60vh;
    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-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin:center center;
    will-change:transform;
    -webkit-transition:opacity .2s ease,transform .4s ease-out,filter .4s ease-out;
    -o-transition:opacity .2s ease,transform .4s ease-out,filter .4s ease-out;
    -webkit-transition:opacity .2s ease,-webkit-transform .4s ease-out,-webkit-filter .4s ease-out;
    transition:opacity .2s ease,-webkit-transform .4s ease-out,-webkit-filter .4s ease-out;
    transition:opacity .2s ease,transform .4s ease-out,filter .4s ease-out;
    transition:opacity .2s ease,transform .4s ease-out,filter .4s ease-out,-webkit-transform .4s ease-out,-webkit-filter .4s ease-out;
    will-change:transform,filter
}
.sfg-grid-wrapper.hovered .showcase-project{
    -webkit-filter:blur(3px);
    filter:blur(3px)
}
.sfg-grid-wrapper.hovered .showcase-project.current{
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05);
    -webkit-filter:blur(0);
    filter:blur(0)
}
.showcase-infinite-grid .project-image{
    max-width:45%;
    height:auto;
    display:inline-block;
    max-height:90%;
    position:relative
}
.showcase-infinite-grid .project-image img{
    will-change:transform
}
.showcase-infinite-grid .project-image img:not(:first-child){
    position:absolute;
    top:0;
    left:0
}
.showcase-infinite-grid .showcase-footer.wrapper-full,.showcase-infinite-grid .showcase-footer.wrapper-small,.showcase-infinite-grid .showcase-footer.wrapper{
    bottom:0
}
.showcase-infinite-grid.hovered .showcase-project{
    opacity:.1
}
.showcase-infinite-grid.hovered .showcase-project.active{
    opacity:1
}
.showcase-infinite-grid.lenis-scrolling .showcase-project{
    pointer-events:none
}
.showcase-infinite-grid .project-title{
    display:none
}
.showcase-infinite-grid .project-meta{
    display:block;
    width:100%;
    margin-top:10px;
    overflow:hidden
}
.showcase-infinite-grid .project-meta>div{
    display:block;
    float:left;
    width:50%;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition:-webkit-transform .4s ease-out;
    transition:-webkit-transform .4s ease-out;
    -o-transition:transform .4s ease-out;
    transition:transform .4s ease-out;
    transition:transform .4s ease-out,-webkit-transform .4s ease-out
}
.showcase-infinite-grid .showcase-project a:hover .project-meta>div{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.showcase-infinite-grid .project-meta>div:last-child{
    text-align:right
}
.showcase-infinite-grid .sfg-grid-wrapper{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:(1fr)[2];
    grid-template-columns:repeat(2,1fr);
    will-change:transform;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.showcase-infinite-grid .sfg-titles .project-title.active{
    opacity:1
}
.showcase-infinite-grid .sfg-titles .project-title h2{
    font-size:100px;
    line-height:1;
    margin:0 50px
}
.showcase-infinite-grid .project-image img:last-child{
    opacity:1!important;
    -webkit-transition:opacity .2s ease;
    -o-transition:opacity .2s ease;
    transition:opacity .2s ease
}
.showcase-infinite-grid.lenis-scrolling .project-image img:last-child{
    opacity:.1!important
}
.showcase-infinite-grid.vertical.col-2 .showcase-project:nth-child(4n - 3){
    -webkit-box-pack:right;
    -ms-flex-pack:right;
    justify-content:right
}
.showcase-infinite-grid.vertical.col-2 .showcase-project:nth-child(4n - 1){
    -webkit-box-pack:left;
    -ms-flex-pack:left;
    justify-content:left
}
.showcase-infinite-grid.vertical.col-2 .showcase-project:nth-child(4n){
    -webkit-box-pack:left;
    -ms-flex-pack:left;
    justify-content:left
}
.showcase-infinite-grid.vertical.col-2 .showcase-project:nth-last-child(4){
    -webkit-box-pack:right;
    -ms-flex-pack:right;
    justify-content:right
}
.showcase-infinite-grid.vertical.col-2 .showcase-project:nth-last-child(3){
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.showcase-infinite-grid.vertical.col-2 .showcase-project:nth-last-child(2){
    -webkit-box-pack:left;
    -ms-flex-pack:left;
    justify-content:left
}
.showcase-infinite-grid.vertical.col-2 .showcase-project:nth-last-child(1){
    -webkit-box-pack:left;
    -ms-flex-pack:left;
    justify-content:left
}
.showcase-infinite-grid.vertical.col-3 .project-image{
    max-width:55%
}
.showcase-infinite-grid.vertical.col-3 .sfg-grid-wrapper{
    -ms-grid-columns:(1fr)[3];
    grid-template-columns:repeat(3,1fr)
}
.showcase-infinite-grid.vertical.col-3 .showcase-project:nth-child(6n - 5){
    -webkit-box-pack:left;
    -ms-flex-pack:left;
    justify-content:left
}
.showcase-infinite-grid.vertical.col-3 .showcase-project:nth-child(6n - 5) .project-image{
    -ms-flex-item-align:self-end;
    -ms-grid-row-align:self-end;
    align-self:self-end
}
.showcase-infinite-grid.vertical.col-3 .showcase-project:nth-child(6n - 3){
    -webkit-box-pack:right;
    -ms-flex-pack:right;
    justify-content:right
}
.showcase-infinite-grid.vertical.col-3 .showcase-project:nth-child(6n - 3) .project-image{
    -ms-flex-item-align:self-end;
    -ms-grid-row-align:self-end;
    align-self:self-end
}
.showcase-infinite-grid.vertical.col-3 .showcase-project:nth-child(6n - 2) .project-image{
    -ms-flex-item-align:self-end;
    -ms-grid-row-align:self-end;
    align-self:self-end
}
.showcase-infinite-grid.vertical.col-3 .showcase-project:nth-child(6n - 1) .project-image{
    -ms-flex-item-align:self-start;
    -ms-grid-row-align:self-start;
    align-self:self-start
}
.showcase-infinite-grid.horizontal .sfg-grid-wrapper>div{
    height:50vh;
    display:-ms-grid;
    display:grid;
    grid-auto-flow:column;
    width:-webkit-min-content;
    width:-moz-min-content;
    width:min-content;
    grid-auto-columns:50vw
}
.showcase-infinite-grid.horizontal .sfg-infinite-wrap{
    height:100%
}
.showcase-infinite-grid.horizontal .showcase-project{
    height:50vh;
    width:50vw;
    padding:1em;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.showcase-infinite-grid.horizontal .sfg-grid-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:-webkit-min-content;
    width:-moz-min-content;
    width:min-content;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.showcase-infinite-grid.horizontal .project-image{
    max-width:40%
}
.showcase-infinite-grid.horizontal .sfg-titles .project-title:nth-child(odd){
    -webkit-transform:translateY(-200%);
    -ms-transform:translateY(-200%);
    transform:translateY(-200%)
}
.showcase-infinite-grid.horizontal .sfg-titles .project-title:nth-child(even){
    -webkit-transform:translateY(200%);
    -ms-transform:translateY(200%);
    transform:translateY(200%)
}
.showcase-infinite-grid.horizontal.col-2 .sfg_grid_row_top .showcase-project:nth-child(2n),.showcase-infinite-grid.horizontal.col-2 .sfg_grid_row_top .showcase-project:nth-child(2n - 1){
    -webkit-box-pack:right;
    -ms-flex-pack:right;
    justify-content:right
}
.showcase-infinite-grid.horizontal.col-2 .sfg_grid_row_top .showcase-project:nth-child(2n - 1) .project-image{
    -ms-flex-item-align:right;
    -ms-grid-row-align:right;
    align-self:right
}
.showcase-infinite-grid.horizontal.col-3 .showcase-project{
    width:33.333333333333vw
}
.showcase-infinite-grid.horizontal.col-3 .sfg-grid-wrapper>div{
    grid-auto-columns:33.333333333333vw
}
.showcase-infinite-grid.horizontal.col-3 .project-image{
    max-width:100%
}
.showcase-infinite-grid.horizontal.col-3 a{
    max-width:55%
}
.showcase-infinite-grid.horizontal.col-3 .sfg_grid_row.sfg_grid_row_bottom .showcase-project:nth-child(3n - 2){
    -webkit-box-pack:right;
    -ms-flex-pack:right;
    justify-content:right
}
.sfg_grid_row.sfg_grid_row_bottom .showcase-project:nth-child(3n - 1){
    margin-left:100px
}
.showcase-infinite-grid.horizontal.col-3 .sfg_grid_row.sfg_grid_row_top .showcase-project:nth-child(3n - 2){
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
.showcase-infinite-grid.horizontal.col-3 .sfg_grid_row.sfg_grid_row_bottom .showcase-project:nth-child(3n){
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:right;
    -ms-flex-pack:right;
    justify-content:right
}
*-+.showcase-infinite-grid.horizontal.col-3 .sfg_grid_row.sfg_grid_row_bottom .showcase-project:nth-child(3n - 1){
    -webkit-box-pack:right;
    -ms-flex-pack:right;
    justify-content:right
}
.showcase-horizontal-list .project-image{
    display:none
}
.showcase-horizontal-list .shl-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    width:-webkit-min-content;
    width:-moz-min-content;
    width:min-content;
    height:100%;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    z-index:1;
    -webkit-transform:translateX(50vw);
    -ms-transform:translateX(50vw);
    transform:translateX(50vw);
    position:relative
}
.showcase-horizontal-list .showcase-project{
    white-space:nowrap;
    -webkit-writing-mode:vertical-lr;
    -ms-writing-mode:tb-lr;
    writing-mode:vertical-lr;
    text-align:center;
    opacity:1;
    padding:0 30px;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    -webkit-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    transition:opacity .3s ease
}
.showcase-horizontal-list .showcase-project a{
    display:inline-block
}
.showcase-horizontal-list .showcase-project .project-category{
    display:none
}
.showcase-horizontal-list .showcase-project .project-title{
    line-height:1;
    margin-bottom:0
}
.showcase-horizontal-list .showcase-project.active{
    opacity:1!important
}
.showcase-horizontal-list .shl-images{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.showcase-horizontal-list .shl-images .project-image{
    width:100%;
    position:absolute;
    height:100%;
    visibility:hidden;
    display:block
}
.showcase-horizontal-list .shl-images .project-image video,.showcase-horizontal-list .shl-images .project-image img{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
    -webkit-transition:-webkit-transform .7s ease;
    transition:-webkit-transform .7s ease;
    -o-transition:transform .7s ease;
    transition:transform .7s ease;
    transition:transform .7s ease,-webkit-transform .7s ease
}
.showcase-horizontal-list .shl-images .project-image.active video,.showcase-horizontal-list .shl-images .project-image.active img{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.showcase-horizontal-list .shl-images .project-image.active{
    visibility:visible
}
.showcase-horizontal-list .shl-cat{
    opacity:.5
}
.showcase-horizontal-list .shl-images .project-image .image-wrap{
    position:absolute;
    top:50%;
    left:50%;
    width:45%;
    height:45%;
    overflow:hidden;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    opacity:.5
}
.showcase-horizontal-list .shl-fraction.swiper-pagination-fraction.swiper-pagination-vertical{
    text-align:center;
    font-size:0
}
.showcase-horizontal-list .shl-fraction.swiper-pagination-fraction.swiper-pagination-vertical>span{
    display:inline-block;
    margin:0 15px;
    font-size:12px
}
.showcase-horizontal-list .shl-fraction{
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.showcase-horizontal-list .shl-fraction .span{
    position:absolute
}
.showcase-horizontal-list .shl-fraction span{
    position:absolute;
    font-size:14px;
    opacity:.8
}
.showcase-horizontal-list .shl-fraction span.shl-curr{
    left:0;
    -webkit-transform:translateX(-40px);
    -ms-transform:translateX(-40px);
    transform:translateX(-40px)
}
.showcase-horizontal-list .shl-fraction span.shl-tot{
    right:0;
    -webkit-transform:translateX(40px);
    -ms-transform:translateX(40px);
    transform:translateX(40px)
}
.nayla-products-grid{
    display:block;
    float:left;
    width:100%
}
.grid--products{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 40px 1fr 40px 1fr 40px 1fr;
    grid-template-columns:repeat(4,1fr);
    -ms-grid-rows:auto;
    grid-template-rows:auto;
    grid-gap:40px
}
.grid--products>*:nth-child(1){
    -ms-grid-row:1;
    -ms-grid-column:1
}
.grid--products>*:nth-child(2){
    -ms-grid-row:1;
    -ms-grid-column:3
}
.grid--products>*:nth-child(3){
    -ms-grid-row:1;
    -ms-grid-column:5
}
.grid--products>*:nth-child(4){
    -ms-grid-row:1;
    -ms-grid-column:7
}
.grid--products.col-2{
    -ms-grid-columns:1fr 40px 1fr;
    grid-template-columns:repeat(2,1fr)
}
.product-grid-controls{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:2em
}
.grid--switcher .material-icons{
    font-size:1.5em;
    -webkit-transition:font-variation-settings .3s ease;
    -o-transition:font-variation-settings .3s ease;
    transition:font-variation-settings .3s ease;
    font-variation-settings:'FILL'0,'opsz'40
}
.grid--switcher>span{
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.grid--switcher>span:hover .material-icons{
    font-variation-settings:'FILL'1,'opsz'40
}
.language-switcher{
    display:inline-block
}
.language-switcher>span{
    display:inline-block;
    opacity:.5;
    cursor:pointer
}
.language-switcher>span.active{
    opacity:1
}
.language-switcher>span:first-child::after{
    content:"/";
    display:inline-block;
    margin:0 10px;
    opacity:.25
}
.nayla-dynamic-list{
    display:block;
    float:left;
    width:100%
}
.nayla-dynamic-list ul{
    list-style:none;
    padding:0;
    margin:0
}
.nayla-dynamic-list ul li{
    padding-bottom:.5em;
    position:relative;
    -webkit-transition:opacity .2s ease;
    -o-transition:opacity .2s ease;
    transition:opacity .2s ease;
    display:block;
    float:left;
    width:100%
}
.nayla-dynamic-list.horizontal ul li{
    width:auto;
    padding-right:25px
}
.nayla-dynamic-list ul li a{
    padding-bottom:.5em
}
.nayla-dynamic-list ul li .list-image{
    position:absolute;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:300px;
    opacity:0;
    pointer-events:none;
    -webkit-transition:opacity .2s ease;
    -o-transition:opacity .2s ease;
    transition:opacity .2s ease;
    z-index:-1
}
.nayla-dynamic-list ul li .list-image img{
    width:100%
}
.nayla-dynamic-list.hovered li{
    opacity:.1;
    z-index:0
}
.nayla-dynamic-list.hovered li.current{
    opacity:1;
    z-index:1
}
.nayla-dynamic-list.hovered li.current .list-image{
    opacity:1
}
.lightbox-gallery .grid--item{
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    will-change:filter,transform;
    -webkit-transition:-webkit-filter .3s ease;
    transition:-webkit-filter .3s ease;
    -o-transition:filter .3s ease;
    transition:filter .3s ease;
    transition:filter .3s ease,-webkit-filter .3s ease
}
.lightbox-gallery .grid--item:hover{
    -webkit-filter:none;
    filter:none
}
.lightbox-current{
    position:fixed
}
.lightbox-convert{
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important;
    position:fixed!important;
    bottom:25px;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    height:75px;
    z-index:99999999;
    left:50%;
    gap:0!important
}
.lightbox-thumb{
    padding:0 13px;
    height:100%;
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    opacity:.25;
    -webkit-transition:opacity .3s ease-out,-webkit-filter .3s ease-out;
    transition:opacity .3s ease-out,-webkit-filter .3s ease-out;
    -o-transition:filter .3s ease-out,opacity .3s ease-out;
    transition:filter .3s ease-out,opacity .3s ease-out;
    transition:filter .3s ease-out,opacity .3s ease-out,-webkit-filter .3s ease-out
}
.lightbox-thumb.active{
    -webkit-filter:grayscale(0);
    filter:grayscale(0);
    opacity:1
}
.lightbox-thumb img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.nayla-lightbox-hold{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99999;
    pointer-events:none
}
.grid--item.lightbox-thumb .parallax-wrap{
    width:auto!important
}
.grid--item.lightbox-thumb .parallax-wrap img{
    height:100%!important;
    -webkit-transform:none!important;
    -ms-transform:none!important;
    transform:none!important
}
.nayla-lightbox-hold.active{
    pointer-events:all
}
.lightbox-overlay{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:0%;
    background:var(--secondaryBackground);
    z-index:99998
}
span.active-hold{
    display:block;
    position:absolute;
    left:50%;
    bottom:21px;
    width:100px;
    height:0;
    border:0 solid;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:inherit;
    -webkit-transition:height .5s ease,border .5s ease;
    -o-transition:height .5s ease,border .5s ease;
    transition:height .5s ease,border .5s ease
}
.nayla-lightbox-hold.active span.active-hold{
    height:79px;
    border:2px solid
}
.lightbox-gal{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:999999
}
.lightbox-gal>img{
    width:auto;
    height:auto;
    position:absolute;
    top:45%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    max-width:80%;
    max-height:75%;
    opacity:0;
    visibility:hidden
}
.lightbox-gal>img.active{
    opacity:1;
    visibility:visible;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.lightbox-close{
    position:absolute;
    top:75px;
    right:50px;
    z-index:999999;
    cursor:pointer;
    opacity:0;
    -webkit-transition:all .4s ease-out .4s;
    -o-transition:all .4s ease-out .4s;
    transition:all .4s ease-out .4s
}
.active .lightbox-close{
    opacity:1;
    top:50px
}
.lightbox-fraction{
    position:absolute;
    bottom:130px;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(50%);
    -ms-transform:translateX(-50%) translateY(50%);
    transform:translateX(-50%) translateY(50%);
    z-index:99999;
    text-align:center;
    opacity:0;
    -webkit-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.nayla-lightbox-hold.active .lightbox-fraction{
    opacity:1;
    -webkit-transform:translateX(-50%) translateY(0%);
    -ms-transform:translateX(-50%) translateY(0%);
    transform:translateX(-50%) translateY(0%)
}
.lightbox-fraction>div{
    display:inline-block;
    float:left
}
.lightbox-fraction>div:first-child::after{
    content:"";
    display:inline-block;
    width:15px;
    height:2px;
    background:#191919;
    vertical-align:middle;
    margin:0 5px;
    margin-top:-1px
}
.has-parallax{
    will-change:transform
}
.lightbox{
    position:relative;
    -o-object-fit:cover;
    object-fit:cover
}
.lightbox.open{
    position:fixed;
    top:50%;
    left:50%;
    -o-object-fit:cover;
    object-fit:cover;
    max-width:80%;
    max-height:90%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:99999
}
.lightbox-focus{
    content:"";
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99998;
    -webkit-backdrop-filter:blur(15px) brightness(.7) grayscale(1);
    backdrop-filter:blur(15px) brightness(.7) grayscale(1);
    opacity:0;
    -webkit-transition:all 1.5s cubic-bezier(.7,0,0,1);
    -o-transition:all 1.5s cubic-bezier(.7,0,0,1);
    transition:all 1.5s cubic-bezier(.7,0,0,1);
    pointer-events:none
}
.lightbox-focus.open{
    opacity:1
}
.nayla-clients-grid{
    grid-column-gap:16px;
    grid-row-gap:16px;
    -ms-grid-rows:auto 16px auto;
    grid-template-rows:auto auto;
    -ms-grid-columns:1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns:1fr;
    margin-bottom:2em;
    display:-ms-grid;
    display:grid;
    width:100%
}
.nayla-clients-grid.col-4{
    -ms-grid-columns:1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-column-gap:8px;
    grid-row-gap:8px
}
.nayla-clients-grid.col-3{
    -ms-grid-columns:1fr 0 1fr 0 1fr;
    grid-template-columns:1fr 1fr 1fr;
    grid-column-gap:0;
    grid-row-gap:0
}
.nayla-clients-grid.col-2{
    -ms-grid-columns:1fr 0 1fr;
    grid-template-columns:1fr 1fr;
    grid-column-gap:0;
    grid-row-gap:0
}
.nayla-clients-grid .client{
    height:180px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative
}
.nayla-clients-grid .client .client-caption{
    position:absolute;
    bottom:0;
    left:50%;
    -webkit-transform:translate(-50%,100%);
    -ms-transform:translate(-50%,100%);
    transform:translate(-50%,100%);
    opacity:0;
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.nayla-clients-grid .client:hover .client-caption{
    opacity:1;
    -webkit-transform:translate(-50%,0%);
    -ms-transform:translate(-50%,0%);
    transform:translate(-50%,0%)
}
.nayla-clients-grid .client a{
    text-decoration:none;
    color:var(--mainColor)
}
.nayla-clients-grid .client a img{
    max-width:100px;
    max-height:70px
}
.nayla-clients-grid.bordered{
    grid-column-gap:0;
    grid-row-gap:0
}
.nayla-clients-grid.bordered .client{
    height:250px;
    outline-color:rgb(0 0 0/20%);
    outline-width:1px;
    outline-style:solid
}
.light .nayla-clients-grid.bordered .client{
    outline-color:rgb(255 255 255/10%)
}
.nayla-clients-grid.bordered .client:hover .client-caption{
    -webkit-transform:translate(-50%,-150%);
    -ms-transform:translate(-50%,-150%);
    transform:translate(-50%,-150%)
}
.nayla-awards{
    display:block;
    float:left;
    width:100%
}
.nayla-awards-head{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    position:relative;
    padding-bottom:1rem
}
.nayla-awards-head .nah-col{
    display:block;
    opacity:.5
}
ul.nayla-awards-list li a span:first-child,.nayla-awards-head .nah-col:first-child{
    width:35%
}
ul.nayla-awards-list li a span:nth-child(2),.nayla-awards-head .nah-col:nth-child(2){
    width:55%
}
ul.nayla-awards-list li a span:last-child,.nayla-awards-head .nah-col:last-child{
    width:10%;
    text-align:right
}
.nayla-awards-list-wrap{
    display:block;
    width:100%
}
ul.nayla-awards-list{
    padding:0;
    margin:0;
    list-style:none
}
ul.nayla-awards-list li{
    display:block;
    width:100%;
    float:left;
    padding-bottom:0;
    position:relative
}
ul.nayla-awards-list li a{
    text-decoration:none;
    color:var(--mainColor);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    float:left;
    width:100%;
    padding-top:1.4em;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-bottom:1.4em;
    -webkit-transition:color .1s ease .1s;
    -o-transition:color .1s ease .1s;
    transition:color .1s ease .1s;
    position:relative;
    z-index:1
}
ul.nayla-awards-list li a span{
    display:block;
    float:left
}
.nayla-awards-head::after{
    content:"";
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    width:0%;
    height:.1px;
    background:var(--mainColor);
    -webkit-transition:width 1s ease-out .25s;
    -o-transition:width 1s ease-out .25s;
    transition:width 1s ease-out .25s;
    opacity:.5
}
.nayla-awards-head.is-inview::after{
    width:100%
}
ul.nayla-awards-list li::after{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:0%;
    height:1px;
    background-color:var(--mainColor);
    opacity:.1;
    pointer-events:none;
    -webkit-transition:width 1s ease-out .25s;
    -o-transition:width 1s ease-out .25s;
    transition:width 1s ease-out .25s;
    z-index:0
}
ul.nayla-awards-list li.is-inview::after{
    width:100%
}
ul.nayla-awards-list li::before{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:105%;
    height:0;
    background:var(--mainColor);
    opacity:1;
    pointer-events:none;
    -webkit-transition:height .4s ease;
    -o-transition:height .4s ease;
    transition:height .4s ease;
    z-index:0
}
.c-col-12 ul.nayla-awards-list li::before{
    width:100vw
}
ul.nayla-awards-list li:hover::before{
    height:calc(100% + 1px);
    opacity:1
}
ul.nayla-awards-list li:hover a{
    color:var(--mainBackground)
}
ul.nayla-awards-list li a:hover{
    color:var(--mainBackground)
}
.light .nayla-awards-head::after,.light ul.nayla-awards-list li::after,.light ul.nayla-awards-list li::before{
    background:#fff
}
.light ul.nayla-awards-list li a:hover,.light ul.nayla-awards-list li:hover a{
    color:#191919
}
ul.nayla-awards-list li a span:first-child,ul.nayla-awards-list li a span:last-child{
    opacity:.75
}
.nayla-awards.simple ul.nayla-awards-list li a span:first-child{
    width:auto;
    float:left;
    margin-bottom:0
}
.nayla-awards.simple ul.nayla-awards-list li a span:last-child{
    width:auto;
    float:right;
    margin-bottom:0
}
.nayla-awards.simple ul.nayla-awards-list li a{
    display:block;
    width:100%;
    padding-top:2rem;
    padding-bottom:2rem
}
.nayla-awards.simple ul.nayla-awards-list li:first-child a{
    padding-top:0
}
.nayla-awards.simple ul.nayla-awards-list li::after{
    opacity:.2
}
.nayla-awards.simple ul.nayla-awards-list li::before{
    left:0;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    width:0%;
    height:1px;
    opacity:1;
    -webkit-transition:width .65s ease-out;
    -o-transition:width .65s ease-out;
    transition:width .65s ease-out
}
.nayla-awards.simple ul.nayla-awards-list li:hover::before{
    width:100%
}
.nayla-awards.simple ul.nayla-awards-list li a:hover{
    color:#191b1d
}
.nayla-info-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    min-height:var(--height);
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-right:2em;
    margin-bottom:1em;
    position:relative;
    --height: auto;
    height:var(--height);
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.nayla-info-box.bordered{
    border:.05rem solid var(--mainColor);
    padding:2.5em
}
.info-box-content{
    margin-top:auto;
    z-index:1;
    max-width:80%
}
.info-box-top{
    position:relative;
    z-index:1
}
.info-box-top img{
    width:auto!important
}
.info-box-title{
    position:relative;
    display:inline-block
}
.info-box-title::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:.1em;
    background:#191919
}
.nayla-info-box.video-bg,.nayla-info-box.has-bg{
    padding:2.5em
}
.info-box-bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0
}
.info-box-bg video,.info-box-bg .single-image,.info-box-bg .nayla-video,.info-box-bg img{
    height:100%!important;
    -o-object-fit:cover;
    object-fit:cover
}
.scroll-button{
    cursor:pointer
}
.nayla-heading{
    display:block;
    width:100%;
    float:left
}
.nayla-heading>*{
    display:inline-block
}
.nayla-heading.icon-right>*::after{
    content:attr(data-icon);
    font-family:material icons;
    font-size:.5em;
    vertical-align:middle;
    display:inline-block;
    margin-top:-.3em;
    margin-left:30px;
    line-height:.5em
}
.nayla-heading.icon-block>*::before,.nayla-heading.icon-left>*::before{
    content:attr(data-icon);
    font-family:material icons;
    font-size:.5em;
    vertical-align:middle;
    display:inline-block;
    margin-top:-.3em;
    margin-right:30px;
    line-height:.5em
}
.nayla-heading.icon-block>*::before{
    display:block;
    margin-bottom:1em;
    margin-top:0
}
.nayla-heading.icon-top>*::before,.nayla-heading.icon-top>*::after{
    vertical-align:top;
    margin-top:0
}
.nayla-heading.icon-fill>*::before,.nayla-heading.icon-fill>*::after{
    opacity:1;
    font-variation-settings:'FILL'1,'opsz'48
}
.nayla-dynamic-banner{
    display:block;
    width:100%;
    height:var(--height);
    position:relative
}
.nayla-dynamic-banner .banner-background{
    width:100%;
    height:100%
}
.nayla-dynamic-banner .banner-background>*{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.nayla-dynamic-banner .banner-content{
    position:absolute;
    bottom:30px;
    left:50px
}
.text-wrapper{
    display:block;
    margin-bottom:1em;
    --width: 100%;
    --mobileWidth: 100%;
    width:var(--width)
}
.site-header .text-wrapper *,.site-header .text-wrapper{
    margin-bottom:0
}
.text-wrapper.align-center{
    text-align:center;
    margin:0 auto
}
.text-wrapper.align-left{
    text-align:left
}
.text-wrapper.align-right .anim_line{
    margin-left:auto
}
.text-wrapper.align-center .anim_line{
    margin:0 auto
}
span.inline-img{
    display:inline-block;
    line-height:1;
    height:1em;
    vertical-align:top;
    padding-right:.5rem;
    padding-left:.5rem
}
span.inline-img img{
    height:100%
}
.text-wrapper span.text-indent{
    display:inline-block;
    vertical-align:middle;
    margin:0 40px
}
.text-wrapper span.text-indent.line{
    height:.05em;
    background:#191919
}
.text-wrapper .material-icons.inline-icon{
    display:inline-block;
    font-size:inherit;
    line-height:inherit;
    vertical-align:bottom;
    font-variation-settings:'FILL'1,'wght'300,'GRAD'0,'opsz'48
}
.text-wrapper h1 .material-icons.inline-icon{
    font-variation-settings:'FILL'1,'wght'400,'GRAD'0,'opsz'48
}
.text-wrapper a{
    color:unset;
    text-decoration:none
}
.text-wrapper>:not(.has-anim-text) a,.text-wrapper .has-anim-text a>div{
    position:relative
}
.text-wrapper>:not(.has-anim-text) a::after,.text-wrapper .has-anim-text a>div::after{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:0%;
    height:.07em;
    background:#191919;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition:width .5s cubic-bezier(.65,.05,.36,1);
    -o-transition:width .5s cubic-bezier(.65,.05,.36,1);
    transition:width .5s cubic-bezier(.65,.05,.36,1)
}
.has-anim-text.is-inview a>div::after{
    width:100%
}
.light .text-wrapper>:not(.has-anim-text) a::after,.light .text-wrapper .has-anim-text a>div::after{
    background:#fff
}
.text-wrapper>:not(.has-anim-text) a:hover::after,.text-wrapper .has-anim-text a:hover>div::after{
    -webkit-animation-name:toggleLine;
    animation-name:toggleLine;
    -webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-animation-play-state:running;
    animation-play-state:running;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}
.blend{
    color:#fff!important;
    mix-blend-mode:difference;
    position:relative;
    z-index:99999
}
.nayla-dynamic-carousel{
    display:block;
    float:left;
    width:100%;
    --w: auto;
    --h: auto;
    position:relative;
    z-index:1;
    --wm: 80vw;
    --gap: 50px;
    margin-bottom:1em;
    --mobileHeight: 'auto'
}
.carousel--wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    height:var(--h)
}
.nayla-dynamic-carousel.items-center .carousel--wrapper{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.nayla-dynamic-carousel.items-bottom .carousel--wrapper{
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
.parallax-on .carousel--item{
    padding-right:0;
    margin-right:var(--gap)
}
.parallax-on .carousel--item img{
    will-change:transform;
    -o-object-position:center;
    object-position:center;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.carousel--item{
    width:var(--w);
    height:auto;
    -webkit-box-flex:1;
    -ms-flex:auto;
    flex:auto;
    padding-right:var(--gap)
}
.carousel--item img{
    width:100%;
    height:auto;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center
}
.carousel-controls{
    display:block;
    float:left;
    width:100%;
    margin-bottom:25px
}
.carousel-controls>div{
    display:block;
    float:left
}
.carousel-controls>div:nth-child(2){
    float:right
}
.carousel--navigation>span:first-child::after,.carousel--fraction>span:first-child::after{
    content:"";
    display:inline-block;
    width:15px;
    height:2px;
    background:var(--mainColor);
    vertical-align:middle;
    margin:0 7.5px;
    margin-top:-2px
}
.carousel--navigation span,.carousel--fraction>span{
    display:inline-block;
    float:left;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    transition:opacity .3s ease
}
.carousel--navigation span{
    cursor:pointer
}
.carousel--navigation span.disabled{
    opacity:.3;
    pointer-events:none
}
.carousel--captions{
    margin-top:50px
}
.carousel--item .parallax-wrap{
    overflow:hidden
}
.eq-height .carousel--item{
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch
}
.eq-height .carousel--item *{
    height:100%
}
.carousel--item .project-image{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.ndc-projects .carousel--wrapper{
    margin-bottom:100px
}
.carousel--item .project-meta{
    display:block;
    float:left;
    width:100%;
    margin-top:15px
}
.carousel--item .carousel-controls>div,.carousel--item .project-meta>div{
    display:inline-block;
    float:left
}
.carousel--item .project-meta>div:last-child{
    float:right
}
.nayla-dynamic-carousel .nayla-video{
    height:100%
}
.nayla-dynamic-carousel.no-margin .single-project{
    margin-bottom:0
}
.nayla-dynamic-grid{
    display:block;
    width:100%;
    --gc: repeat(12, 1fr);
    --gap: 0;
    --rowHeight: auto
}
.grid--wrapper{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:var(--gc);
    grid-template-columns:var(--gc);
    width:100%;
    -ms-grid-rows:var(--rowHeight);
    grid-template-rows:var(--rowHeight);
    gap:var(--gap);
    position:relative
}
.grid--wrapper>*:nth-child(1){
    -ms-grid-row:1;
    -ms-grid-column:1
}
.nayla-dynamic-grid.cascade .grid--item{
    --c: 1;
    --r: 1
}
.grid--item{
    --c: auto;
    --r: auto
}
.grid--item{
    display:block;
    grid-column:var(--c);
    grid-row:var(--r);
    overflow:hidden
}
.grid--item img{
    width:100%
}
.parallax-on .grid--item img{
    -o-object-fit:cover;
    object-fit:cover
}
.equal .grid--item img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.grid--item .parallax-wrap{
    overflow:hidden;
    height:100%
}
.nayla-dynamic-grid.ndg-projects.masonry .grid--item:nth-child(5n - 4){
    --c: 1 / 4 
}
.nayla-dynamic-grid.ndg-projects.masonry .grid--item:nth-child(5n - 3){
    --c: 5 / 9 
}
.nayla-dynamic-grid.ndg-projects.masonry .grid--item:nth-child(5n - 2){
    --c: 2 / 8 
}
.nayla-dynamic-grid.ndg-projects.masonry .grid--item:nth-child(5n - 1){
    --c: 1 / 5 
}
.nayla-dynamic-grid.ndg-projects.masonry .grid--item:nth-child(5n){
    --c: 6 / 9 
}
.nayla-dynamic-grid.ndg-projects .grid--item{
    --c: span 4 
}
.nayla-dynamic-grid.col-6 .grid--item{
    --c: span 2 
}
.nayla-dynamic-grid.col-6.equal-height .grid--item,.nayla-dynamic-grid.col-6.equal-height .grid--item img,.nayla-dynamic-grid.col-6.equal-height .grid--item .single-image{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.nayla-video{
    display:inline-block;
    position:relative;
    width:100%;
    font-variation-settings:'FILL'1,'wght'300,'GRAD'0,'opsz'48
}
.nayla-video.align-center{
    float:none;
    margin:0 auto
}
.nayla-video.no-interactions{
    pointer-events:none
}
.nayla-video>.plyr{
    height:100%
}
.nayla-video video{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.nayla-video>.plyr.not-started .plyr__controls.nayla-controls-wrap{
    visibility:hidden
}
:root{
    --plyr-color-main: #fff;
    --plyr-range-track-height: 1.5px;
    --plyr-range-thumb-background: transparent;
    --plyr-range-thumb-active-shadow-width: 0;
    --plyr-range-thumb-shadow: none 
}
.nayla-video.dark .nayla-player-control{
    color:#191919
}
.nayla-video.dark .plyr__progress{
    background:rgba(0,0,0,.5)
}
.dark{
    --plyr-color-main: #191919
}
.plyr__control .nayla-play,.plyr__control.plyr__control--pressed[data-plyr=play] .nayla-pause{
    display:block
}
.plyr__control.plyr__control--pressed[data-plyr=play] .nayla-play,.plyr__control .nayla-pause{
    display:none
}
.plyr__controls__item.plyr__volume button.plyr__control--pressed[data-plyr=mute] .nayla-unmute,.plyr__controls__item.plyr__volume button[data-plyr=mute] .nayla-mute{
    display:block
}
.plyr__controls__item.plyr__volume button[data-plyr=mute] .nayla-unmute,.plyr__controls__item.plyr__volume button.plyr__control--pressed[data-plyr=mute] .nayla-mute{
    display:none
}
.plyr__control[data-plyr=play] svg{
    display:none
}
.plyr__controls__item.plyr__volume svg{
    display:none
}
.plyr__control[data-plyr=fullscreen] svg{
    display:block
}
.plyr--video .plyr__controls{
    width:100%;
    margin:0 auto;
    padding-bottom:25px;
    background:0 0
}
.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{
    background:0 0
}
.plyr__controls__item.plyr__progress__container{
    width:70%;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    margin:0 auto
}
.plyr--fullscreen-enabled [data-plyr=fullscreen]{
    position:absolute;
    bottom:708px
}
.plyr__controls .plyr__controls__item:first-child,.plyr__volume{
    width:15%;
    text-align:center;
    margin:0;
    display:block
}
button.plyr__control.plyr__control--overlaid .nayla-player-control{
    display:none!important
}
.plyr--full-ui.plyr--video .plyr__control--overlaid{
    padding:40px
}
.plyr--full-ui.plyr--video .plyr__control--overlaid svg{
    display:block;
    fill:#191919;
    width:20px;
    height:20px
}
.nayla-video.nayla-play .plyr__controls,.plyr--stopped.plyr--paused .plyr__controls{
    display:none
}
.nayla-video.nayla-play-started .plyr__controls,.plyr--playing .plyr__controls,.plyr--paused .plyr__controls{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.nayla-video .play-icon{
    position:absolute;
    top:50%;
    left:50%;
    background:#fff;
    z-index:1;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    text-align:center;
    cursor:pointer;
    -webkit-transition:opacity .25s ease-out;
    -o-transition:opacity .25s ease-out;
    transition:opacity .25s ease-out
}
.nayla-video .play-icon.icon::after{
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    background:#191919;
    width:100px;
    height:100px;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    border-radius:50%
}
.nayla-video .play-icon.icon span{
    position:relative;
    z-index:1;
    font-size:50px;
    line-height:1;
    color:#fff
}
.nayla-video.nayla-play-started .play-icon{
    opacity:0;
    pointer-events:none
}
.nayla-video .plyr__progress .plyr__tooltip{
    background:0 0;
    color:#fff;
    -webkit-box-shadow:none;
    box-shadow:none
}
.nayla-video .plyr__tooltip:before{
    display:none
}
.nayla-video.dark .plyr__progress .plyr__tooltip{
    color:#191919
}
.nayla-video .play-icon.text{
    background:0 0;
    font-size:120%;
    color:#fff;
    text-decoration:underline
}
@-webkit-keyframes iconAnim{
    0%{
        left:0;
        opacity:1
    }
    50%{
        left:20px;
        opacity:0
    }
    51%{
        left:-20px;
        opacity:0
    }
    100%{
        left:0;
        opacity:1
    }
}
@keyframes iconAnim{
    0%{
        left:0;
        opacity:1
    }
    50%{
        left:20px;
        opacity:0
    }
    51%{
        left:-20px;
        opacity:0
    }
    100%{
        left:0;
        opacity:1
    }
}
.nlv.plyr{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    z-index:999999;
    background:#000;
    opacity:1;
    -webkit-transition:opacity .5s ease-out;
    -o-transition:opacity .5s ease-out;
    transition:opacity .5s ease-out;
    pointer-events:none
}
.nlv .plyr__video-wrapper{
    width:100%;
    height:80%;
    opacity:0;
    -webkit-transition:opacity .5s ease-out .2s;
    -o-transition:opacity .5s ease-out .2s;
    transition:opacity .5s ease-out .2s
}
.nlv.lightbox-open.plyr{
    opacity:1;
    pointer-events:all
}
.nlv.lightbox-open.plyr .plyr__video-wrapper{
    opacity:1
}
.nlv .plyr--video .plyr__controls{
    width:80%
}
.nlv [data-plyr=fullscreen]{
    display:none
}
span.lightbox-close{
    position:fixed;
    top:5%;
    left:9%;
    color:#fff;
    z-index:99999999;
    opacity:0;
    pointer-events:none;
    -webkit-transition:opacity .5s ease-out .2s,-webkit-transform .5s ease-out;
    transition:opacity .5s ease-out .2s,-webkit-transform .5s ease-out;
    -o-transition:opacity .5s ease-out .2s,transform .5s ease-out;
    transition:opacity .5s ease-out .2s,transform .5s ease-out;
    transition:opacity .5s ease-out .2s,transform .5s ease-out,-webkit-transform .5s ease-out;
    cursor:pointer
}
.nlv.lightbox-open span.lightbox-close{
    opacity:1;
    pointer-events:all
}
span.lightbox-close.temp_hidden{
    -webkit-transform:translateY(-200px);
    -ms-transform:translateY(-200px);
    transform:translateY(-200px)
}
.cursor-active .plyr__video-embed iframe{
    pointer-events:none
}
.nayla-video.cursor-active{
    cursor:none
}
.nayla-video.cursor-active .nayla-controls-wrap{
    cursor:auto
}
.hover-player .mouse-cursor-icon{
    font-size:35px;
    line-height:35px
}
ul.menu{
    padding:0;
    margin-bottom:1em
}
ul.menu.horizontal{
    margin-bottom:0
}
ul.menu li{
    display:block
}
ul.menu.horizontal li{
    display:inline-block;
    padding-right:25px;
    padding-bottom:1em
}
ul.menu.horizontal li:last-child{
    padding-right:0
}
ul.menu.social-menu li a{
    color:#fff;
    display:block;
    width:100%
}
ul.menu.social-menu li a::after{
    content:'arrow_outward';
    font-family:material icons;
    text-align:right;
    display:inline-block;
    vertical-align:bottom;
    margin-left:10px;
    float:right
}
.nayla-team-member{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    float:left;
    width:100%;
    position:relative;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:2em
}
.team-member-image,.team-member-image img{
    width:100%;
    overflow:hidden;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
    height:100%;
    position:relative
}
.team-member-image img{
    -webkit-transition:-webkit-transform .5s ease-out;
    transition:-webkit-transform .5s ease-out;
    -o-transition:transform .5s ease-out;
    transition:transform .5s ease-out;
    transition:transform .5s ease-out,-webkit-transform .5s ease-out
}
.nayla-team-member.active .team-member-image img,.nayla-team-member:hover .team-member-image img{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.team-member-card{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    float:left;
    width:100%;
    margin-top:15px;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-left:3px
}
.team-member-name{
    width:100%
}
.team-member-title{
    display:block;
    float:left;
    opacity:.5;
    line-height:1
}
.cv-toggle{
    display:inline-block;
    font-variation-settings:'FILL'0,'wght'100,'GRAD'0,'opsz'48;
    margin-left:auto;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-transition:-webkit-transform .25s ease-out;
    transition:-webkit-transform .25s ease-out;
    -o-transition:transform .25s ease-out;
    transition:transform .25s ease-out;
    transition:transform .25s ease-out,-webkit-transform .25s ease-out;
    position:absolute;
    bottom:25px;
    right:25px;
    z-index:1
}
.cv-toggle::after{
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background:var(--mainBackground);
    width:40px;
    height:40px;
    border-radius:50%
}
.nayla-team-member.active .cv-toggle{
    -webkit-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    transform:rotate(-135deg)
}
.cv-toggle span{
    font-size:25px;
    position:relative;
    z-index:1;
    margin:0;
    padding:0;
    line-height:25px;
    height:25px
}
.team-member-cv{
    display:none;
    float:left;
    margin-top:50px;
    width:90%;
    opacity:0;
    position:relative
}
.team-member-cv::after{
    content:"";
    display:block;
    position:absolute;
    top:-25px;
    left:0;
    width:100%;
    height:1px;
    background:#191919;
    opacity:.1
}
.team-member-socials{
    position:absolute;
    top:30px;
    left:30px;
    opacity:0;
    -webkit-transition:opacity .3s ease-out;
    -o-transition:opacity .3s ease-out;
    transition:opacity .3s ease-out
}
.nayla-team-member.active .team-member-socials,.nayla-team-member:hover .team-member-socials{
    opacity:1
}
.nayla-team-member.overlay .team-member-card{
    position:absolute;
    bottom:30px;
    left:30px;
    right:30px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:#fff;
    width:auto
}
.nayla-team-member.overlay .team-member-title.text-h6{
    opacity:1
}
.nayla-team-member.overlay .team-member-cv::after{
    background:#fff
}
.single-image{
    display:block;
    width:var(--width);
    height:var(--height);
    margin-bottom:30px;
    --width: 100%;
    --height: auto;
    --mobileWidth: 100%;
    --mobileHeight: auto; 
}
.single-image.align-right{
    margin-left:auto
}
.single-image.align-center{
    margin-left:auto;
    margin-right:auto
}
.single-image img{
    width:100%;
    height:var(--height);
    -o-object-fit:cover;
    object-fit:cover;
    border: 2px solid #fff;
    border-radius: 40px;
}
.single-image.parallax-image{
    overflow:hidden
}
.single-image.parallax-image .image-parallax-wrap{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    will-change:transform
}
.single-image.parallax-image .image-parallax-wrap img{
    -o-object-fit:cover;
    object-fit:cover;
    height:100%;
    will-change:transform
}
.image-compare{
    display:block;
    width:100%
}
.image-compare>div{
    width:100%;
    display:block
}
.image-compare>div img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.image-compare>div.compare-image-2{
    position:absolute;
    top:0;
    z-index:-1;
    left:0
}
.nayla-icon{
    display:inline-block;
    --fontSize: 50px;
    --rotate: 0deg;
    --color: var(--mainColor);
    --fill: 0;
    --wgt: 200;
    --mobileFontSize: 50px;
    font-variation-settings:'FILL'var(--fill),'wght'var(--wgt),'GRAD'0,'opsz'10;
    margin-bottom:1em
}
.nayla-icon.is_inview .material-icons{
    -webkit-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
    font-variation-settings:'FILL'1,'wght'var(--wgt),'GRAD'0,'opsz'10
}
.project-page-header.half-image .nayla-icon{
    position:absolute;
    bottom:0;
    left:0
}
.nayla-icon.align-right{
    margin-left:auto;
    display:block
}
.nayla-icon span{
    font-size:var(--fontSize);
    -webkit-transform:rotate(var(--rotate));
    -ms-transform:rotate(var(--rotate));
    transform:rotate(var(--rotate));
    color:var(--color)
}
.nayla-button{
    --color: var(--mainColor);
    --bg: var(--secondaryBackground);
    position:relative;
    display:inline-block;
    margin-bottom:1em
}
.nayla-button.align-center{
    margin:0 auto
}
.nayla-button a{
    text-decoration:none;
    color:var(--color);
    display:inline-block;
    position:relative
}
.nayla-button a:hover{
    color:var(--hoverColor)
}
.blend .nayla-button.fill a{
    color:#000;
    background:#fff
}
.nayla-button.button-sm a{
    font-size:15px
}
.nayla-button.underline a{
    -webkit-transition:color.3s ease,padding .4s ease;
    -o-transition:color.3s ease,padding .4s ease;
    transition:color.3s ease,padding .4s ease
}
.nayla-button.underline.icon-left::before,.nayla-button.underline.icon-left::after{
    content:attr(data-icon);
    font-family:material icons;
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:1em;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease
}
.nayla-button.underline.icon-right::before,.nayla-button.underline.icon-right::after{
    content:attr(data-icon);
    font-family:material icons;
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:1em;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease;
    color:var(--mainColor)
}
.nayla-button.underline.icon-right::before{
    right:unset;
    left:0;
    -webkit-transform:translateX(-1em) translateY(-50%);
    -ms-transform:translateX(-1em) translateY(-50%);
    transform:translateX(-1em) translateY(-50%);
    opacity:0
}
.nayla-button.underline.icon-left::after{
    left:unset;
    right:0;
    -webkit-transform:translateX(1em) translateY(-50%);
    -ms-transform:translateX(1em) translateY(-50%);
    transform:translateX(1em) translateY(-50%);
    opacity:0
}
.nayla-button.underline.icon-right a{
    padding-right:1.5em
}
.nayla-button.underline.icon-left a{
    padding-left:1.5em
}
.nayla-button.underline .button-line{
    position:absolute;
    bottom:-.1em;
    left:0;
    width:100%;
    height:.1em;
    background:var(--color);
    -webkit-transition:background .3s;
    -o-transition:background .3s;
    transition:background .3s
}
.nayla-button.underline.icon-right:hover::after{
    -webkit-transform:translateX(1em) translateY(-50%);
    -ms-transform:translateX(1em) translateY(-50%);
    transform:translateX(1em) translateY(-50%);
    opacity:0
}
.nayla-button.underline.icon-right:hover::before{
    -webkit-transform:translateX(0) translateY(-50%);
    -ms-transform:translateX(0) translateY(-50%);
    transform:translateX(0) translateY(-50%);
    opacity:1
}
.nayla-button.underline.icon-left:hover::before{
    -webkit-transform:translateX(-1em) translateY(-50%);
    -ms-transform:translateX(-1em) translateY(-50%);
    transform:translateX(-1em) translateY(-50%);
    opacity:0
}
.nayla-button.underline.icon-left:hover::after{
    -webkit-transform:translateX(0) translateY(-50%);
    -ms-transform:translateX(0) translateY(-50%);
    transform:translateX(0) translateY(-50%);
    opacity:1
}
.nayla-button.underline.icon-left a:hover{
    padding-left:0;
    padding-right:1.5em
}
.nayla-button.underline.icon-right a:hover{
    padding-right:0;
    padding-left:1.5em
}
.nayla-button.underline a:hover .button-line{
    background:var(--hoverColor)
}
.nayla-button.underline:hover a .button-line{
    -webkit-animation-name:toggleLine;
    animation-name:toggleLine;
    -webkit-animation-duration:.55s;
    animation-duration:.55s;
    -webkit-animation-play-state:running;
    animation-play-state:running;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}
.nayla-button a.underline.detect-pov .button-line{
    width:0%
}
.nayla-button a.underline.detect-pov.is-inview .button-line{
    width:100%
}
.nayla-button.fill a,.nayla-button.outline a{
    padding:1em 1.5em;
    border:1px solid;
    border-color:var(--color);
    border-radius:2em
}
.nayla-button.fill a{
    border:none;
    background:var(--color);
    color:var(--mainBackground);
    padding:1em 1.75em
}
.nayla-button.outline a::after{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    height:0%;
    width:100%;
    background:var(--color);
    z-index:-1;
    -webkit-transition:height .3s ease-out;
    -o-transition:height .3s ease-out;
    transition:height .3s ease-out
}
.nayla-button.fill,.nayla-button.outline{
    overflow:hidden;
    border-radius:2em;
    --hoverColor: var(--mainBackground)
}
.nayla-button.fill{
    --hoverColor: var(--mainColor)
}
.nayla-button.outline a:hover::after{
    height:100%
}
.nayla-button.fill.icon-right::after,.nayla-button.fill.icon-right::before,.nayla-button.outline.icon-right::after,.nayla-button.outline.icon-right::before{
    content:attr(data-icon);
    font-family:material icons;
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translateX(-1em) translateY(-50%);
    -ms-transform:translateX(-1em) translateY(-50%);
    transform:translateX(-1em) translateY(-50%);
    font-size:1em;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease;
    z-index:1
}
.nayla-button.fill.icon-left::after,.nayla-button.fill.icon-left::before,.nayla-button.outline.icon-left::after,.nayla-button.outline.icon-left::before{
    content:attr(data-icon);
    font-family:material icons;
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateX(1em) translateY(-50%);
    -ms-transform:translateX(1em) translateY(-50%);
    transform:translateX(1em) translateY(-50%);
    font-size:1em;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease
}
.nayla-button.fill.icon-left::after,.nayla-button.outline.icon-left::after{
    -webkit-transform:translateX(1em) translateY(1.5em);
    -ms-transform:translateX(1em) translateY(1.5em);
    transform:translateX(1em) translateY(1.5em)
}
.nayla-button.fill.icon-right::after,.nayla-button.outline.icon-right::after{
    -webkit-transform:translateX(-1em) translateY(1.5em);
    -ms-transform:translateX(-1em) translateY(1.5em);
    transform:translateX(-1em) translateY(1.5em)
}
.nayla-button.fill.icon-left a,.nayla-button.outline.icon-left a{
    padding-left:2.5em
}
.nayla-button.fill.icon-right a,.nayla-button.outline.icon-right a{
    padding-right:2.5em
}
.nayla-button.fill.icon-right:hover::before,.nayla-button.outline.icon-right:hover::before{
    -webkit-transform:translateX(-1em) translateY(-2.5em);
    -ms-transform:translateX(-1em) translateY(-2.5em);
    transform:translateX(-1em) translateY(-2.5em);
    color:var(--hoverColor)
}
.nayla-button.fill.icon-right:hover::after,.nayla-button.outline.icon-right:hover::after{
    -webkit-transform:translateX(-1em) translateY(-50%);
    -ms-transform:translateX(-1em) translateY(-50%);
    transform:translateX(-1em) translateY(-50%);
    color:var(--hoverColor)
}
.nayla-button.fill.icon-left:hover::before,.nayla-button.outline.icon-left:hover::before{
    -webkit-transform:translateX(1em) translateY(-2em);
    -ms-transform:translateX(1em) translateY(-2em);
    transform:translateX(1em) translateY(-2em);
    color:var(--hoverColor)
}
.nayla-button.fill.icon-left:hover::after,.nayla-button.outline.icon-left:hover::after{
    -webkit-transform:translateX(1em) translateY(-50%);
    -ms-transform:translateX(1em) translateY(-50%);
    transform:translateX(1em) translateY(-50%);
    color:var(--hoverColor)
}
.single-project{
    display:block;
    float:left;
    width:100%;
    --height: 'auto';
    --mobileHeight: 'auto';
    margin-bottom:1em
}
.single-project-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.single-project.hover-brightness{
    -webkit-filter:brightness(.5) saturate(.5);
    filter:brightness(.5) saturate(.5);
    -webkit-transition:-webkit-filter .4s ease;
    transition:-webkit-filter .4s ease;
    -o-transition:filter .4s ease;
    transition:filter .4s ease;
    transition:filter .4s ease,-webkit-filter .4s ease;
    will-change:filter
}
.single-project.hover-brightness:hover{
    -webkit-filter:brightness(1) saturate(1);
    filter:brightness(1) saturate(1)
}
.single-project-image{
    width:100%;
    height:var(--height)
}
.single-project-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.single-project .nayla-video{
    height:100%
}
.single-project a{
    text-decoration:none;
    color:var(--mainColor);
    width:100%;
    height:100%;
    display:block
}
.single-project-meta{
    display:block;
    float:left;
    width:100%;
    margin-top:15px
}
.single-project-meta>div{
    display:block;
    float:left
}
.single-project-meta>div:nth-child(2){
    opacity:0;
    margin-left:20px;
    -webkit-transition:opacity .4s ease;
    -o-transition:opacity .4s ease;
    transition:opacity .4s ease;
    margin-top:.45em
}
.single-project:hover .single-project-meta>div:nth-child(2){
    opacity:.5
}
.nayla-infinite-tabs{
    display:block;
    float:left;
    width:100%
}
.nayla-infinite-tabs .tab-title-wrap{
    white-space:nowrap;
    list-style:none;
    padding:0;
    position:relative
}
.nayla-infinite-tabs .tab-title{
    display:inline-block;
    margin-right:150px;
    position:relative;
    overflow:hidden;
    padding-bottom:0;
    opacity:.05;
    -webkit-transition:opacity .4s ease-out;
    -o-transition:opacity .4s ease-out;
    transition:opacity .4s ease-out;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    line-height:1.2
}
.nayla-infinite-tabs .tab-title.active{
    opacity:1
}
.nayla-infinite-tabs .tab-contents-wrap{
    position:relative;
    width:100%;
    padding-top:100px
}
.nayla-infinite-tabs .tab-contents-wrap::before{
    position:absolute;
    content:'';
    width:100%;
    left:0;
    height:1px;
    background:#191919;
    opacity:.1;
    top:25px
}
.light .nayla-infinite-tabs .tab-contents-wrap::before{
    background:#fff
}
.nayla-infinite-tabs .tab-content{
    opacity:0;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease;
    display:none
}
.nayla-infinite-tabs .tab-content.active{
    opacity:1;
    display:block
}
.nayla-accordion .accordion-wrap{
    list-style:none;
    padding:0
}
.nayla-accordion .accordion-title{
    cursor:pointer;
    position:relative;
    padding-bottom:.75em;
    padding-top:.75em;
    display:block;
    margin-bottom:0
}
.nayla-accordion .accordion-item:first-child .accordion-title{
    padding-top:0
}
.nayla-accordion .accordion-wrap .accordion-item{
    width:100%
}
.nayla-accordion .accordion-wrap .accordion-item::before{
    position:relative;
    display:inline-block;
    float:left;
    opacity:.4;
    content:attr(data-index);
    display:none
}
.nayla-accordion .accordion-title::after{
    position:absolute;
    content:"";
    width:100%;
    height:1px;
    background:var(--mainColor);
    opacity:.1;
    bottom:0;
    left:0;
    -webkit-transition:width 1s ease-out;
    -o-transition:width 1s ease-out;
    transition:width 1s ease-out
}
.nayla-accordion .accordion-item .accordion-title.detect-pov::after{
    width:0%
}
.nayla-accordion .accordion-item .accordion-title.detect-pov.is-inview::after{
    width:100%
}
.nayla-accordion .accordion-title>span.has-anim-text{
    display:block
}
.nayla-accordion .accordion-title::before{
    position:absolute;
    content:"";
    width:0;
    height:1px;
    background:#191919;
    opacity:.3;
    bottom:0;
    left:0;
    -webkit-transition:.5s ease;
    -o-transition:.5s ease;
    transition:.5s ease
}
.light .nayla-accordion .accordion-title::before,.light .nayla-accordion .accordion-title::after{
    background:#fff
}
.nayla-accordion .active .accordion-title::before{
    width:100%
}
.nayla-accordion .accordion-item .accordion-title.detect-pov .accordion-toggle{
    opacity:0
}
.nayla-accordion .accordion-toggle{
    float:right;
    font-size:inherit;
    -webkit-transition:opacity .3s ease,margin .5s ease,-webkit-transform .5s cubic-bezier(.2,.7,.2,1);
    transition:opacity .3s ease,margin .5s ease,-webkit-transform .5s cubic-bezier(.2,.7,.2,1);
    -o-transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .3s ease,margin .5s ease;
    transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .3s ease,margin .5s ease;
    transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .3s ease,margin .5s ease,-webkit-transform .5s cubic-bezier(.2,.7,.2,1);
    font-variation-settings:'FILL'1,'wght'100,'GRAD'0,'opsz'10;
    font-size:1em;
    opacity:.3
}
.nayla-accordion .accordion-item .accordion-title.detect-pov.is-inview .accordion-toggle{
    opacity:.3;
    margin-top:-1em
}
.nayla-accordion li.active .accordion-title.detect-pov.is-inview .accordion-toggle,.nayla-accordion li.active .accordion-toggle{
    -webkit-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg);
    opacity:1
}
.nayla-accordion .accordion-content{
    overflow:hidden;
    position:relative;
    width:100%;
    height:0
}
.nayla-accordion .accordion-content-wrap{
    padding-top:1em
}
.nayla-circular-text{
    display:inline-block;
    position:relative;
    overflow:hidden;
    --fontSize: 15px;
    margin-left:-1
}
.circular-text-content{
    display:block;
    position:absolute;
    height:450px;
    width:450px
}
.circular-text-wrap{
    display:inline-block;
    -webkit-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin:center center;
    border-radius:50%;
    position:relative
}
.circle-char,.circle-word{
    -webkit-transform-origin:bottom center;
    -ms-transform-origin:bottom center;
    transform-origin:bottom center;
    display:inline-block;
    text-transform:uppercase;
    font-size:var(--fontSize);
    text-align:center;
    left:50%;
    height:50%;
    position:absolute;
    width:20px;
    z-index:999999
}
.circle-word{
    left:50%;
    top:0;
    height:100%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.nayla-circular-text span.material-icons{
    font-size:5px;
    font-variation-settings:'FILL'1,'wght'100,'GRAD'0,'opsz'10
}
.nayla-circular-text .circular-text-icon span.material-icons{
    font-size:40px
}
.circular-text-icon{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:999999;
    cursor:pointer
}
.circular-text-icon span{
    font-size:40px
}
.nayla-circular-text.blur-bg::after{
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    width:90%;
    height:90%;
    background:0 0;
    border-radius:50%;
    z-index:-1;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    backdrop-filter:blur(10px) grayscale(.3);
    -webkit-backdrop-filter:blur(10px) grayscale(.3)
}
.nayla-testimonials{
    display:block;
    float:left;
    width:100%;
    position:relative
}
.testimonials-wrapper{
    display:block;
    position:relative;
    float:left;
    width:100%
}
.testimonial{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    opacity:0
}
.testimonial:first-child{
    opacity:1
}
.testimonial-content{
    margin-bottom:60px;
    display:block;
    float:left;
    width:100%
}
.testimonial-meta{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    float:left;
    width:100%;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.testimonial-meta>div{
    display:block;
    float:left
}
.testimonial-meta>div.testimonial-avatar{
    width:75px;
    height:75px;
    margin-right:15px;
    position:relative
}
.testimonial-meta>div.testimonial-avatar>img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:50%
}
.testimonial-meta>div.testimonial-title{
    display:inline-block;
    vertical-align:middle;
    font-size:18px;
    line-height:25px
}
span.testimonial-progress .progress-fill,span.testimonial-progress{
    position:absolute;
    bottom:100px;
    width:100%;
    height:.5px;
    background:var(--mainColor);
    opacity:.4
}
span.testimonial-progress .progress-fill{
    width:0%;
    z-index:5;
    top:0;
    bottom:unset;
    opacity:1;
    height:1px
}
.testimonials-nav{
    position:static;
    display:block;
    float:left;
    width:100%;
    margin-bottom:50px
}
.testimonials-nav>span{
    display:inline-block;
    float:left;
    opacity:1;
    cursor:pointer;
    line-height:25px
}
.testimonials-nav>div{
    display:inline-block
}
.testimonials-navigation>span{
    cursor:pointer
}
span.test_current::before,span.test-prev::before{
    content:"("
}
span.test_total::after,span.test-next::after{
    content:")"
}
span.test_current::after,span.test-prev::after{
    content:"/";
    margin-left:5px
}
.testimonials-fraction::after{
    content:"-";
    display:inline-block;
    margin:0 20px
}
.testimonial-avatar svg{
    stroke:var(--mainColor);
    stroke-width:1;
    fill:transparent;
    position:absolute;
    top:50%;
    left:50%;
    width:140%;
    height:140%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.nayla-testimonials.align-center .testimonial-meta{
    text-align:left
}
.nayla-testimonials.align-center .testimonial-avatar{
    margin-left:auto
}
.nayla-testimonials.align-center .testimonial-title{
    margin-right:auto
}
.nayla-infinite-carousel{
    display:block;
    float:left;
    width:100%;
    white-space:nowrap;
    will-change:transform;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    --gap: 30px
}
.nayla-infinite-carousel .carousel--wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    float:left
}
.nayla-infinite-carousel .carousel--item{
    width:25vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.nayla-infinite-carousel .carousel--item img{
    margin:0 auto;
    height:100%;
    max-width:100%;
    max-height:100%
}
.nayla-clients-carousel{
    display:block;
    float:left;
    width:100%;
    white-space:nowrap;
    will-change:transform
}
.nayla-clients-carousel .clients-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    float:left
}
.nayla-clients-carousel .client{
    width:300px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.nayla-clients-carousel .client img{
    margin:0 auto;
    height:100%;
    max-width:120px;
    max-height:75px
}
.nayla-clients-carousel .client a{
    display:block;
    margin:0 auto
}
.nayla-marquee{
    white-space:nowrap;
    display:block;
    will-change:transform
}
.marquee-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    float:left;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.marquee-wrap span{
    display:inline-block;
    margin:0 30px;
    font-size:1em;
    vertical-align:middle;
    font-variation-settings:'FILL'1,'wght'300,'GRAD'0,;
    line-height:.5em
}
.marquee-wrap>*{
    margin-bottom:0
}
.marquee-wrap .material-icons{
    font-variation-settings:'FILL'1,'wght'300,'GRAD'0,'opsz'48
}
.marquee-wrap .material-icons.no-fill{
    font-variation-settings:'FILL'0
}
.nayla-services{
    overflow:hidden
}
.nayla-service{
    position:relative;
    margin-top:100px;
    display:block;
    float:left
}
.service-title-wrap,.service-content-wrap{
    width:50%;
    float:left
}
.pin-titles .service-content-wrap{
    padding-bottom:50px
}
.services-item-bottom-line{
    height:1px;
    width:100%;
    display:block;
    background:#191919;
    position:absolute;
    top:-50px;
    opacity:.2
}
.light .services-item-bottom-line{
    background:#fff
}
.nayla-services .service-content-wrap>*{
    margin-bottom:40px
}
.nayla-services.ordered .service-title-wrap::before{
    content:attr(data-index);
    display:inline-block;
    position:absolute;
    top:10px;
    left:0;
    font-size:15px
}
.nayla-services.ordered .service-title-wrap{
    padding-left:20%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.nayla-service:first-child{
    margin-top:0
}
@media only screen and (max-width:900px){
    .nayla-services{
        padding:0
    }
    .nayla-service{
        padding-top:0
    }
    .service-title-wrap,.service-content-wrap{
        width:100%
    }
    .service-title{
        width:80%;
        float:left
    }
}
.nayla-number-counter{
    display:inline-block;
    overflow:hidden;
    height:1em;
    width:auto;
    position:relative;
    padding-right:.1em;
    margin-bottom:.2em;
    --fontSize: 50px;
    --mobileFontSize: 50px;
    font-size:var(--fontSize)
}
.align-center .nayla-number-counter{
    padding-right:0
}
.nayla-number-counter .ct-toggle .value-loop-char,.nayla-number-counter .ct-text .value-loop-char{
    text-align:center
}
.nayla-number-counter .ct-text{
    height:1em
}
.nayla-number-counter .ct-text>*{
    display:inline-block;
    vertical-align:bottom;
    margin-left:20px;
    margin-bottom:.5em
}
.nayla-number-counter .ct-number .ct-number-word{
    text-align:center
}
.ct-number-char{
    margin-left:-.1em
}
.nayla-number-counter .count-start,.nayla-number-counter .count-end{
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%)
}
.nayla-number-counter .ct-toggle,.nayla-number-counter .ct-number,.nayla-number-counter .ct-text{
    display:inline-block;
    float:left;
    line-height:1
}
.align-right .nayla-number-counter{
    padding-right:0
}
.align-right .nayla-number-counter .ct-number-char{
    text-align:right
}
.hide-desktop{
    display:none!important
}
@media(min-width:450px) and (max-width:900px){

    h1, .text-h1 {
  font-size: 70px;
  line-height: 82px;
  font-weight: 200;
  letter-spacing: -0.5px;
}

}
@media only screen and (max-width:450px){
    .single-blog-post.horizontal a,.nayla-posts-grid.grid-list .single-blog-post a{
        width:100%
    }
    .single-post-page .next-post-wrap .single-blog-post.horizontal .post-details{
        height:auto;
        padding:0;
        width:100%
    }
    .nayla-posts-grid .grid--switcher{
        display:block;
        float:left;
        margin-bottom:1em;
        width:100%;
        text-align:center
    }
    .nayla-posts-grid .grid--posts{
        grid-template-columns:1fr;
        grid-gap:0
    }
    .grid--post--item.cat_news{
        margin-bottom:0
    }
    .nayla-dynamic-banner{
        height:var(--mobileHeight)
    }
    .nayla-dynamic-banner .banner-content{
        width:100%;
        left:15px;
        padding-right:15px;
        box-sizing:border-box
    }
    .nayla-related-products.wrapper-full>.nayla-single-product{
        width:100%
    }
    .mobile-align-right .menu-toggle{
        float:right;
        margin-left:40px
    }
    .nayla-product-head>div{
        width:100%;
        padding-top:10px;
        overflow:visible
    }
    .product-gallery-wrap{
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
        width:fit-content
    }
    .product-gallery-wrap .product-gallery-image{
        width:100vw;
        padding:0 12.5px;
        box-sizing:border-box
    }
    .nayla-product-head>div.product-info{
        width:100%;
        margin-bottom:100px
    }
    .product-description{
        max-width:100%
    }
    .product-price.text-h5{
        margin-bottom:1em
    }
    .product-detail-tabs>div{
        width:100%
    }
    .nayla-subscribe-form{
        width:auto;
        min-width:auto
    }
    .mobile-align-center{
        text-align:center
    }
    .mobile-align-left{
        text-align:left
    }
    .mobile-align-right{
        text-align:right
    }
    .mobile-self-top{
        align-self:flex-start
    }
    .mobile-self-bottom{
        align-self:flex-end
    }
    .hide-desktop{
        display:block!important
    }
    .showcase-minimal-list.fullscreen .sml-images{
        max-width:100%;
        left:0;
        bottom:unset;
        top:100px;
        z-index:1
    }
    .showcase-infinite-grid.vertical .sfg-infinite-wrap{
        padding:0 15px
    }
    .showcase-infinite-grid.vertical.col-3 .sfg-grid-wrapper{
        -ms-grid-columns:(1fr)[1];
        grid-template-columns:repeat(1,1fr)
    }
    .showcase-infinite-grid.vertical .showcase-project{
        width:90%;
        height:auto
    }
    .showcase-infinite-grid.vertical.col-3 .project-image{
        max-width:100%
    }
    .showcase-infinite-grid.vertical .showcase-project{
        padding-bottom:30px
    }
    .showcase-infinite-grid.horizontal.col-3 .sfg-grid-wrapper>div{
        grid-auto-columns:50vw
    }
    .showcase-infinite-grid.horizontal.col-3 .showcase-project{
        width:100%;
        padding:0
    }
    .showcase-infinite-grid.horizontal.col-3 a{
        max-width:80%
    }
    .project-image .nayla-video,.project-image .nayla-video video{
        width:100%;
        max-width:100%
    }
    .showcase-fullscreen-slideshow .project-inner>div.project-details>div{
        width:100%;
        text-align:center
    }
    .showcase-fullscreen-slideshow .project-inner>div.project-details>div:last-child{
        text-align:center
    }
    .showcase-fullscreen-slideshow .project-button{
        -webkit-transform:translate(-50%,-50%) scale(.8);
        -ms-transform:translate(-50%,-50%) scale(.8);
        transform:translate(-50%,-50%) scale(.8);
        top:70%
    }
    .pt_word{
        display:block!important;
        float:left;
        width:100%
    }
    .showcase-fullscreen-slideshow .project-inner .project-title{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .showcase-interactive-grid .project-details .nayla-button{
        --mainColor: #fff
    }
    span.scatter-close{
        position:fixed;
        z-index:99;
        top:100px;
        background:var(--mainBackground);
        padding:.5em;
        border-radius:30px
    }
    .showcase-wall .showcase-footer{
        position:static;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        margin-top:35px
    }
    .showcase-wall.fullscreen{
        height:auto
    }
    .showcase-wall-wrap{
        position:relative;
        top:unset;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        padding-top:75px
    }
    .sw-projects-wrap{
        -webkit-transform:none!important;
        -ms-transform:none!important;
        transform:none!important;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .showcase-wall .showcase-project{
        padding-left:50px;
        padding-bottom:0
    }
    .showcase-wall .showcase-project::after{
        display:none
    }
    .showcase-wall .showcase-project .project-index{
        left:25px;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        opacity:.3
    }
    .nayla-dynamic-carousel .carousel--wrapper{
        height:var(--mobileHeight)
    }
    .single-project-image{
        height:var(--mobileHeight)
    }
    .mobile-align-left{
        text-align:left
    }
    .mobile-align-center{
        text-align:center
    }
    .mobile-align-right{
        text-align:right
    }
    .fullscreen{
        height:100dvh
    }
    .showcase-carousel.fullscreen{
        height:100svh
    }
    .project-page-header.half-image .project-back-button{
        left:0;
        bottom:15px
    }
    .page-loader-percentage{
        left:30px;
        bottom:30px;
        font-size:50px;
        z-index:8
    }
    .showcase-interactive-grid .projects-wrapper{
        -ms-grid-rows:30vh;
        grid-template-rows:30vh;
        -ms-grid-columns:1fr 10px 1fr;
        grid-template-columns:repeat(2,1fr);
        gap:10px;
        height:auto
    }
    .showcase-interactive-grid .projects-wrapper>*:nth-child(1){
        -ms-grid-row:1;
        -ms-grid-column:1
    }
    .showcase-interactive-grid .projects-wrapper>*:nth-child(2){
        -ms-grid-row:1;
        -ms-grid-column:3
    }
    .showcase-interactive-grid .showcase-project{
        -ms-grid-column-span:2!important;
        grid-column:span 2!important
    }
    .showcase-interactive-grid{
        padding-left:0;
        padding-right:0;
        height:auto
    }
    .showcase-interactive-grid .projects-wrapper.intro-grid--scatter .showcase-project{
        max-width:40vw
    }
    .showcase-interactive-grid .projects-wrapper.intro-grid--scatter .showcase-project.active{
        width:85vw
    }
    .showcase-interactive-grid .project-title{
        -webkit-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
        mix-blend-mode:difference;
        color:#fff;
        top:25%
    }
    .showcase-interactive-grid .project-details{
        right:unset;
        left:0;
        z-index:1;
        color:#fff;
        mix-blend-mode:difference;
        max-width:100%;
        -webkit-transform:none!important;
        -ms-transform:none!important;
        transform:none!important;
        padding:1em
    }
    .showcase-interactive-grid .showcase-project.project-right .project-title{
        right:unset;
        left:0;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
    .showcase-wall .showcase-project::after{
        width:40px;
        height:2.5px
    }
    .nayla-clients-grid .client a img{
        max-width:75px
    }
    .showcase-carousel .nayla-video{
        height:100%
    }
    .showcase-carousel .project-title{
        font-size:50px
    }
    .mobile-align-left{
        text-align:left
    }
    .post-meta>div:last-child{
        float:left;
        margin-top:2em
    }
    .post-details{
        min-height:350px
    }
    .project-page-header.video{
        height:auto;
        min-height:100vh
    }
    .project-page-header.video .project-video{
        position:static;
        width:100%;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        margin-top:50px
    }
    .project-page-header.video .project-meta{
        position:relative;
        display:block;
        float:left;
        margin-top:35px
    }
    .project-page-header.video .project-meta>div{
        width:100%;
        max-width:unset
    }
    .image-compare>div,.image-compare>div img{
        height:100%
    }
    .image-compare,.section.fullscreen{
        --mobileHeight: 100svh;
        min-height:var(--mobileHeight)
    }
    .project-page-header.half-image .nayla-icon{
        left:0;
        bottom:0
    }
    .project-page-header.creative .project-meta>div{
        width:100%;
        margin-bottom:30px
    }
    #site-navigation.fullscreen_menu .fullscreen-menu-wrapper .fullscreen-menu-wrap-bottom{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .next-project-image{
        width:90%;
        max-height:90%;
        z-index:-1
    }
    .project-page-header.no-image .wrapper .project-meta>span{
        width:100%;
        margin-bottom:15px
    }
    .project-page-header.no-image .wrapper .project-title h1.md-title{
        font-size:45px
    }
    .showcase-fullscreen-wall .project-image{
        width:75vw
    }
    .showcase-fullscreen-wall .showcase-project a{
        padding:0;
        padding-left:25px
    }
    .showcase-fullscreen-wall .showcase-project::before{
        top:50%;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%);
        font-size:12px
    }
    .showcase-fullscreen-wall .showcase-project{
        white-space:nowrap
    }
    .showcase-list .project-meta::before{
        margin-left:0;
        margin-top:10px
    }
    .showcase-list .project-meta{
        margin-top:10px;
        display:block;
        float:left;
        width:100%
    }
    .showcase-list .showcase-project .project-image{
        width:100%
    }
    .showcase-list .project-title.text-h1{
        font-size:30px;
        line-height:45px
    }
    .showcase-list .showcase-project::before{
        display:none
    }
    .showcase-list .showcase-project a{
        padding:5px 0
    }
    ul.menu.horizontal li{
        padding-bottom:1em;
        padding-right:0;
        padding-left:0
    }
    .nayla-dynamic-grid.ndg-projects{
        --gc: repeat(3, 1fr) !important;
        --gap: 50px !important
    }
    .nayla-dynamic-grid.ndg-projects .grid--item{
        --c: span 3 !important
    }
    .text-wrapper br{
        display:none
    }
    .text-wrapper br.show-mobile{
        display:block
    }
    .single-image img,.single-image{
        width:var(--mobileWidth);
        height:var(--mobileHeight);
        -o-object-fit:cover;
        object-fit:cover
    }
    .section{
        padding-top:100px;
        margin-bottom:50px
    }
    #mouseCursor{
        display:none
    }
    .carousel--item{
        width:var(--wm)
    }
    .nayla-number-counter{
        font-size:var(--mobileFontSize)
    }
    .align-mobile-left{
        text-align:left
    }
    .nayla-icon span{
        font-size:var(--mobileFontSize)
    }
    .team-member-cv{
        width:100%
    }
    ul.nayla-awards-list li a span{
        margin-bottom:1em
    }
    ul.nayla-awards-list li a span:last-child{
        margin-bottom:0
    }
    .nayla-clients-grid{
        -ms-grid-columns:1fr 50px 1fr!important;
        grid-template-columns:1fr 1fr!important;
        grid-column-gap:50px;
        grid-row-gap:25px
    }
    ul.nayla-awards-list li a{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    ul.nayla-awards-list li a span:nth-child(2){
        margin-bottom:15px
    }
    ul.nayla-awards-list li a{
        padding-top:1rem;
        padding-bottom:1rem
    }
    .nayla-awards-head.detect-pov{
        display:none
    }
    ul.nayla-awards-list li a span{
        width:100%!important
    }
    ul.nayla-awards-list li a span:last-child{
        text-align:left
    }
    .nayla-awards.simple ul.nayla-awards-list li a span{
        width:auto!important
    }
    .nayla-awards.simple ul.nayla-awards-list li a{
        padding-top:1.5rem;
        padding-bottom:1.5rem
    }
    .nayla-video .play-icon.icon::after{
        width:50px;
        height:50px
    }
    .nayla-video .play-icon.icon span{
        font-size:30px
    }
    .nayla-video.video_lightbox .play-icon{
        margin-left:15px
    }
    .nlv .plyr__video-wrapper{
        height:auto
    }
    .plyr__controls__item.plyr__progress__container{
        width:60%
    }
    .plyr__controls .plyr__controls__item:first-child,.plyr__volume{
        width:20%
    }
    .testimonial-content.text-h4{
        font-size:20px;
        line-height:1.6em
    }
    .carousel--item .nayla-info-box{
        padding-right:0
    }
    .info-box-content{
        max-width:100%
    }
    .nayla-infinite-tabs .tab-title{
        margin-right:50px
    }
    .nayla-services.ordered .service-title-wrap{
        padding-left:15%;
        padding-bottom:1em
    }
    .md-title{
        --mobileFontSize: 46px;
        font-size:var(--mobileFontSize)
    }
    .big-title{
        font-size:var(--mobileFontSize);
        line-height:1.4;
        letter-spacing:-.05em
    }
    .big-title .anim_line{
        white-space:nowrap
    }
    h1,.text-h1{
        --mobileFontSize: 46.88px;
        font-size:var(--mobileFontSize);
        line-height:1.2em;
        letter-spacing:-.03em
    }
    h2,.text-h2{
        --mobileFontSize: 36.50px;
        font-size:var(--mobileFontSize);
        line-height:50px;
        letter-spacing:-.03em
    }
    h3,.text-h3{
        --mobileFontSize: 28.2px;
        font-size:var(--mobileFontSize);
        line-height:40px;
        letter-spacing:-.01em
    }
    h4,.text-h4{
        font-size:26.56px;
        line-height:38px;
        margin-left:-1px;
        font-weight:400;
        margin-bottom:1em
    }
    h5,.text-h5{
        font-size:21.25px;
        line-height:36px;
        margin:0
    }
    h6,.text-h6{
        font-size:17px;
        line-height:28px;
        margin:0
    }
    p{
        margin-bottom:.3em
    }
    .text-wrapper span.text-indent{
        display:none
    }
    .text-wrapper{
        width:var(--mobileWidth)
    }
    .project-page-header.fullscreen-image .project-summary{
        float:left
    }
    .project-page-header.fullscreen-image .project-category{
        margin-bottom:10px
    }
    .project-page-header.fullscreen-image .project-summary{
        margin-bottom:30px
    }
    .project-page-header.fullscreen-image .project-title{
        margin-bottom:30px
    }
    .project-page-header.creative .project-meta>div.project-summary{
        float:left;
        text-align:left;
        margin-top:30px
    }
    .project-page-header.creative .project-image{
        -webkit-clip-path:inset(0% 0% 0% 0%);
        clip-path:inset(0% 0% 0% 0%)
    }
    .project-page-header.creative .project-title h1.big-title{
        font-size:102px
    }
    .project-page-header.half-image .project-title h1{
        font-size:60px;
        line-height:70px
    }
    .project-page-header.half-image .project-category{
        margin-left:10px
    }
    .project-page-header.half-image{
        height:80vh
    }
    .project-page-header.half-image .rotate-text-area{
        left:-20px;
        -webkit-transform:translateX(0%) translateY(50%) scale(.8);
        -ms-transform:translateX(0%) translateY(50%) scale(.8);
        transform:translateX(0%) translateY(50%) scale(.8)
    }
    .project-page-header.half-image .project-button{
        right:0;
        bottom:30px
    }
    .project-page-header.half-image .wrapper{
        padding-top:130px
    }
    .project-page-header.tall .project-title{
        max-width:100%
    }
    .project-page-header.tall .project-title h1{
        font-size:60px;
        line-height:75px;
        margin-bottom:30px
    }
    .project-page-header.tall .project-summary{
        max-width:90%;
        margin-left:10px
    }
    .project-page-header.tall .project-category{
        margin-left:0;
        margin-bottom:35px
    }
    .project-page-header.tall .rotate-text-area{
        display:none
    }
    .project-page-header.tall .project-meta>div .meta-title{
        margin-bottom:10px
    }
    .project-page-header.tall .project-meta>div{
        margin-bottom:25px
    }
    .project-page-header.tall .project-button{
        margin-top:35px
    }
    .project-page-header.tall .wrapper{
        padding-top:25vh
    }
    .project-page-header.image-gallery.vertical .project-hero{
        width:100%;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        height:auto;
        margin-bottom:50px
    }
    .project-page-header.image-gallery.vertical .project-hero>div.project-category{
        margin-top:0;
        margin-bottom:0
    }
    .project-page-header.image-gallery.vertical .project-title h1{
        font-size:75px;
        white-space:normal;
        margin-left:0;
        line-height:80px
    }
    .project-page-header.image-gallery.vertical .project-hero>div.project-title{
        margin-top:35px
    }
    .project-page-header.image-gallery div.project-slide-button span{
        font-size:100px
    }
    .project-page-header.image-gallery.vertical div.project-slide-button{
        right:unset;
        left:0;
        z-index:1;
        mix-blend-mode:difference;
        color:#fff
    }
    .project-page-header.image-gallery.vertical .project-images{
        width:100%
    }
    .rotate-text-area.bg:after{
        width:90%;
        height:90%
    }
    .project-page-header.image-gallery .project-title h1{
        font-size:50px;
        line-height:50px;
        white-space:nowrap
    }
    .project-page-header.image-gallery .project-images-slider{
        gap:25px
    }
    #site-navigation.fullscreen_menu ul.menu.main-menu li{
        font-size:40px;
        white-space:nowrap
    }
    .hide-mobile{
        display:none!important
    }
    .hide-desktop{
        display:block
    }
    .grid-projects-wrapper{
        -ms-grid-columns:unset!important;
        grid-template-columns:unset!important;
        gap:0!important
    }
    .grid-project{
        -ms-grid-column:1!important;
        grid-column:1/1!important;
        margin-bottom:2em
    }
    ul.grid-portfolio-filtering{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        position:absolute;
        z-index:1
    }
    ul.grid-portfolio-filtering li{
        padding-bottom:1em;
        margin-left:0
    }
    ul.grid-portfolio-filtering::after{
        content:"";
        display:block;
        position:absolute;
        top:-25px;
        left:-25px;
        width:100%;
        height:0%;
        background:#fff;
        z-index:-1;
        opacity:0;
        border-radius:20px;
        padding-bottom:50px;
        padding-right:75px;
        pointer-events:none
    }
    ul.grid-portfolio-filtering:hover::after{
        height:100%;
        opacity:1
    }
    .grid-filter{
        display:none
    }
    .portfolio-grid.grid-list .grid-project-meta>div.grid-project-title{
        overflow:hidden;
        width:100%
    }
    .portfolio-grid.grid-list .grid-project-meta>div.grid-project-year{
        width:auto;
        float:left
    }
    .portfolio-grid.grid-list .grid-project-meta>div.grid-project-year::before{
        content:"/";
        display:inline-block;
        margin:0 15px
    }
    span.g-list-arrow{
        margin-left:0
    }
    .portfolio-grid.grid-list .grid-project-meta>div{
        margin-top:15px
    }
    #site-navigation.fullscreen_menu.temp_fullscreen{
        height:100vh
    }
    #site-navigation.fullscreen_menu.temp_fullscreen ul.main-menu li.has-children{
        margin-left:-10px
    }
    #site-navigation.fullscreen_menu.temp_fullscreen ul.menu.main-menu .sub-menu.big li{
        font-size:30px
    }
    #site-navigation.fullscreen_menu.temp_fullscreen ul.menu.main-menu .sub-menu.small li{
        font-size:20px;
        text-transform:none;
        letter-spacing:-.02em
    }
    #site-navigation.fullscreen_menu li.has-children span.sub-toggle{
        margin-top:0;
        margin-left:0;
        font-size:13px
    }
    #site-navigation.fullscreen_menu .sub-close{
        -webkit-transform:translateX(0px) translateY(-35px) rotate(180deg);
        -ms-transform:translateX(0px) translateY(-35px) rotate(180deg);
        transform:translateX(0px) translateY(-35px) rotate(180deg)
    }
    #site-navigation.fullscreen_menu .sub-close.active{
        -webkit-transform:translateX(0px) translateY(-35px) rotate(0deg);
        -ms-transform:translateX(0px) translateY(-35px) rotate(0deg);
        transform:translateX(0px) translateY(-35px) rotate(0deg)
    }
    #site-navigation.fullscreen_menu .sub-close.active:hover{
        -webkit-transform:translateX(0px) translateY(-35px) rotate(-180deg);
        -ms-transform:translateX(0px) translateY(-35px) rotate(-180deg);
        transform:translateX(0px) translateY(-35px) rotate(-180deg)
    }
    .showcase-carousel .sc-images.swiper-container{
        width:80%;
        height:60%;
        pointer-events:none
    }
    .showcase-carousel .project-title h2{
        font-size:50px
    }
    .showcase-fullscreen-slideshow .project-meta .project-title h2{
        font-size:60px;
        line-height:70px
    }
    .showcase-fullscreen-slideshow .project-meta>div.project-button span{
        font-size:40px
    }
    .showcase-fullscreen-slideshow .project-meta>div{
        margin-bottom:10px
    }
    .showcase-fullscreen-slideshow .project-meta{
        left:0!important
    }
    .showcase-fullscreen-slideshow .project-meta>div.project-title br{
        display:none
    }
    .showcase-fullscreen-carousel .project-title h2{
        font-size:60px
    }
    .showcase-fullscreen-carousel .showcase-project.swiper-slide{
        padding:0
    }
    .showcase-fullscreen-carousel .project-meta>div{
        font-size:14px
    }
    .project-page-header.image-gallery .project-hero{
        width:100vw;
        margin-right:0
    }
    .project-page-header.image-gallery .project-hero>div.project-meta{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .project-page-header.image-gallery div.project-slide-button{
        bottom:50%;
        right:50px
    }
    .showcase-fullscreen-wall.fullscreen{
        height:auto
    }
    .showcase-fullscreen-wall .sfw-projects-wrapper{
        position:relative;
        width:100%;
        top:0;
        margin-top:150px;
        display:block;
        float:left
    }
    .showcase-fullscreen-wall .showcase-project::after{
        display:none
    }
    .showcase-fullscreen-wall .showcase-project a{
        padding:0;
        padding-bottom:.5em
    }
    .showcase-fullscreen-wall.fullscreen .showcase-footer{
        position:relative;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        width:100%;
        display:block;
        float:left;
        margin-top:150px;
        left:0;
        padding:0
    }
    .headtext {
      font-family: anton;
      text-transform: uppercase;
      letter-spacing: -1px;
      font-size: 4.75em;
      line-height: 1;
      color: #fff;
    }

   #carouselPin{
    height: 60vh !important;
   }
   div.section:nth-child(2) > div:nth-child(3){
    height: 60vh !important;
   }
   .nayla-accordion .accordion-content-wrap {
  padding-top: 1em;
  min-height: 350px;
    }
}