.scroll-reveal { opacity:0 }
.scroll-reveal.is-revealed { opacity:1 }
.hidden { display:none!important; visibility:hidden }
.sr-only { overflow:hidden; margin:-1px; padding:0; position:absolute; width:1px; height:1px; border:0; clip:rect(0,0,0,0) }
.clearfix:before, .clearfix:after { display:table; content:"" }
.clearfix:after { clear:both }
.horizontal-wrapper { margin:0 auto; padding:0 80px; position:relative; width:100%; max-width:1360px }
.fullscreen { position:relative; width:100vw; width:calc(var(--vw, 1vw) * 100);
    height:100vh; height:calc(var(--vh, 1vh) * 100)
}
.alignnone { margin:5px 20px 20px 0 }
.aligncenter { display:block; margin:5px auto 5px auto }
.alignright { float:right; margin:5px 0 20px 20px }
.alignleft { float:left; margin:5px 20px 20px 0 }
a img.alignright { float:right; margin:5px 0 20px 20px }
a img.alignnone { margin:5px 20px 20px 0 }
a img.alignleft { float:left; margin:5px 20px 20px 0 }
a img.aligncenter { display:block; margin-left:auto; margin-right:auto }
.wp-caption { background:#fff; border:1px solid #f0f0f0; max-width:96%; padding:5px 3px 10px; text-align:center }
.wp-caption.alignnone { margin:5px 20px 20px 0 }
.wp-caption.alignleft { margin:5px 20px 20px 0 }
.wp-caption.alignright { margin:5px 0 20px 20px }
.wp-caption img { border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px }
@-webkit-keyframes loopFloat { 0% {
    -webkit-transform:rotateZ(0);
    transform:rotateZ(0)
}
    45% {
        -webkit-transform:rotateZ(-1deg);
        transform:rotateZ(-1deg)
    }
    90% {
        -webkit-transform:rotateZ(0);
        transform:rotateZ(0)
    }
    90% {
        -webkit-transform:rotateZ(0);
        transform:rotateZ(0)
    }
}
@keyframes loopFloat { 0% {
    -webkit-transform:rotateZ(0);
    transform:rotateZ(0)
}
    45% {
        -webkit-transform:rotateZ(-1deg);
        transform:rotateZ(-1deg)
    }
    90% {
        -webkit-transform:rotateZ(0);
        transform:rotateZ(0)
    }
    90% {
        -webkit-transform:rotateZ(0);
        transform:rotateZ(0)
    }
}
@-webkit-keyframes animatedLine { 0% {
    stroke-dashoffset:0
}
    100% {
        stroke-dashoffset:0
    }
}
@keyframes animatedLine { 0% {
    stroke-dashoffset:0
}
    100% {
        stroke-dashoffset:0
    }
}
@-webkit-keyframes loader { 0% {
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0
}
    30% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
    30.01% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:100% 0;
        transform-origin:100% 0
    }
    60% {
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        -webkit-transform-origin:100% 0;
        transform-origin:100% 0
    }
    100% {
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        -webkit-transform-origin:100% 0;
        transform-origin:100% 0
    }
}
@keyframes loader { 0% {
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0
}
    30% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
    30.01% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:100% 0;
        transform-origin:100% 0
    }
    60% {
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        -webkit-transform-origin:100% 0;
        transform-origin:100% 0
    }
    100% {
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        -webkit-transform-origin:100% 0;
        transform-origin:100% 0
    }
}
@-webkit-keyframes triangleLines { 0% {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
    100% {
        -webkit-transform:translate3d(-45px, 0, 0);
        transform:translate3d(-45px, 0, 0)
    }
}
@keyframes triangleLines { 0% {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
    100% {
        -webkit-transform:translate3d(-45px, 0, 0);
        transform:translate3d(-45px, 0, 0)
    }
}
::-moz-selection {
    background:#78fff1;
    color:#ff6495;
    text-shadow:none
}
::selection {
    background:#78fff1;
    color:#ff6495;
    text-shadow:none
}

iframe { border:none }
.svg { display:block }
.svg svg { display:block; overflow:visible; width:100%; height:100% }
.rte h2:first-child, .rte h3:first-child, .rte h4:first-child, .rte h5:first-child, .rte p:first-child, .rte ul:first-child, .rte ol:first-child { margin-top:0 }
.rte h2:last-child, .rte h3:last-child, .rte h4:last-child, .rte h5:last-child, .rte p:last-child, .rte ul:last-child, .rte ol:last-child { margin-bottom:0 }
.rte h2+ul, .rte h2+ol, .rte h3+ul, .rte h3+ol, .rte h4+ul, .rte h4+ol, .rte h5+ul, .rte h5+ol { margin-top:.75em }
.rte h2 { margin:2em 0 0 }
.rte h2+p, .rte h2+ul, .rte h2+ol { margin-top:.5em }
.rte h3 { margin-top:3.33em; color:#fff; font:18px "GalanoGrotesque-Bold", sans-serif; letter-spacing:.2em; text-transform:uppercase }
.rte p { margin:1.5em 0 }
.rte ul, .rte ol { margin-top:-.75em }
.rte ul+ul, .rte ul+ol, .rte ol+ul, .rte ol+ol { margin-top:1.5em }
.rte a { color:#fff }
.rte b, .rte strong { font-weight:700 }
.rte ul { padding:0 0 0 .75em; list-style:none }
.rte ul li { position:relative; line-height:1.39 }
.rte ul li:before { display:block; position:absolute; top:calc(( 1.39em - 3px ) / 2); left:-.6em; width:5px; height:5px; background-color:#ff6495; border-radius:50%; content:'' }
.rte ul li+li { margin-top:.75em }
.rte ol { padding:0 0 0 3em; counter-reset:ol-counter; list-style:none }
.rte ol li { position:relative; line-height:1.1 }
.rte ol li:before { display:block; width:14px; height:14px; position:absolute; top:.3em; left:-2.5em; background:#ff6495; border-radius:50%; content:counter(ol-counter, decimal); counter-increment:ol-counter; vertical-align:top; color:#fff; font-size:11px; font-weight:600; line-height:14px; text-align:center }
.rte ol li+li { margin-top:.75em }
.title-xl, .title-lg, .title-md, .title-sm { margin:0; color:#fff; font-family:"Vesper Libre", serif; font-weight:400; line-height:1.15 }
.title-xl { font-size:4.545em; line-height:1.1 }
.title-xl small { display:block; font-size:.7em }
.title-lg { font-size:3.091em; line-height:1.15 }
.title-md { font-size:2.909em; line-height:1.15 }
.title-md .suptitle { display:block; margin:0 0 12px; color:#ff6495; font-size:.343em; text-indent:.125em }
.title-sm { font-size:2.182em; line-height:1.15 }
.btn { display:inline-block; overflow:hidden; padding:0; position:relative; height:70px; border-radius:35px; color:#78fff1; font-family:"GalanoGrotesque-Bold", sans-serif; font-size:.68em; letter-spacing:.1em; line-height:70px; text-transform:uppercase; white-space:nowrap }
.btn:before { display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:3px solid #78fff1; border-radius:inherit; content:'' }
.btn .dot { display:block; margin:-2px 0 0; position:absolute; top:50%; left:30px; -webkit-transition:left .6s cubic-bezier(.66, -.18, .27, 1.26), margin .6s cubic-bezier(.66, -.18, .27, 1.26);
    transition:left .6s cubic-bezier(.66, -.18, .27, 1.26), margin .6s cubic-bezier(.66, -.18, .27, 1.26);
    z-index:1 }
.btn .dot:before { display:block; position:absolute; width:5px; height:5px; background:#ff6495; border-radius:50%; content:''; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:-webkit-transform .2s linear .2s;
    transition:-webkit-transform .2s linear .2s;
    transition:transform .2s linear .2s;
    transition:transform .2s linear .2s, -webkit-transform .2s linear .2s
}
.btn .dot:after { display:block; margin:-2px 0 0 2px; position:absolute; top:50%; left:50%; border-top:5px dashed transparent; border-bottom:5px dashed transparent; border-left:5px solid #ff6495; content:''; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:-webkit-transform .2s linear .2s;
    transition:-webkit-transform .2s linear .2s;
    transition:transform .2s linear .2s;
    transition:transform .2s linear .2s, -webkit-transform .2s linear .2s
}
.btn:after { display:block; margin:0 40px 0 50px; position:absolute; top:0; left:0; width:auto; height:100%; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); content:attr(data-text); -webkit-transition:-webkit-clip-path .6s cubic-bezier(.66, -.18, .27, 1.26);
    transition:-webkit-clip-path .6s cubic-bezier(.66, -.18, .27, 1.26);
    transition:clip-path .6s cubic-bezier(.66, -.18, .27, 1.26);
    transition:clip-path .6s cubic-bezier(.66, -.18, .27, 1.26), -webkit-clip-path .6s cubic-bezier(.66, -.18, .27, 1.26);
    white-space:nowrap; z-index:3; color:#fff; text-shadow:0 0 2px #361999 }
.btn .inner { display:inline-block; margin:0 40px 0 50px; position:relative; -webkit-transition:margin .25s cubic-bezier(.18, .89, .32, 1.28) .1s;
    transition:margin .25s cubic-bezier(.18, .89, .32, 1.28) .1s;
    z-index:2 }
.btn:hover .inner { margin-right:50px; -webkit-transition-delay:.4s;
    transition-delay:.4s
}
.btn:hover:after { -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%) }
.btn:hover .dot { margin-left:-35px; left:100% }
.btn:hover .dot:before { -webkit-transform:scale(0); transform:scale(0) }
.btn:hover .dot:after { -webkit-transform:scale(1); transform:scale(1) }
.no-cssmask .btn:after { -webkit-clip-path:none; clip-path:none; opacity:0; -webkit-transition:opacity .2s ease .2s;
    transition:opacity .2s ease .2s
}
.no-cssmask .btn:hover:after { opacity:1 }
.btn-sm { display:block; overflow:hidden; padding:0 50px 0 25px; position:relative; height:48px; border-radius:24px; color:#78fff1; font-family:"GalanoGrotesque-Bold", sans-serif; font-size:.55em; letter-spacing:.1em; line-height:48px; text-align:left; text-transform:uppercase; white-space:nowrap }
.btn-sm:before { display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:3px solid #78fff1; border-radius:inherit; content:'' }
.btn-sm .dot { display:block; position:absolute; top:50%; right:25px; width:8px; height:8px; -webkit-transform:rotateZ(45deg); transform:rotateZ(45deg); -webkit-transform-origin:7px 2px; transform-origin:7px 2px; -webkit-transition:right .3s cubic-bezier(.645, .045, .355, 1);
    transition:right .3s cubic-bezier(.645, .045, .355, 1);
    z-index:1 }
.btn-sm .dot:before, .btn-sm .dot:after { display:block; position:absolute; top:0; right:0; background:#ff6495; border-radius:2px; content:'' }
.btn-sm .dot:before { width:8px; height:3px }
.btn-sm .dot:after { width:3px; height:8px }
.btn-sm:after { display:block; padding:inherit; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-clip-path:polygon(25px 0, 25px 0, 25px 100%, 25px 100%); clip-path:polygon(25px 0, 25px 0, 25px 100%, 25px 100%); content:attr(data-text); -webkit-transition:-webkit-clip-path .3s cubic-bezier(.645, .045, .355, 1);
    transition:-webkit-clip-path .3s cubic-bezier(.645, .045, .355, 1);
    transition:clip-path .3s cubic-bezier(.645, .045, .355, 1);
    transition:clip-path .3s cubic-bezier(.645, .045, .355, 1), -webkit-clip-path .3s cubic-bezier(.645, .045, .355, 1);
    white-space:nowrap; z-index:3; color:#fff; text-shadow:0 0 2px #361999 }
.btn-sm .inner { position:relative; z-index:2 }
.btn-sm:hover .dot { right:20px }
.btn-sm:hover:after { -webkit-clip-path:polygon(25px 0, 100% 0, 100% 100%, 25px 100%); clip-path:polygon(25px 0, 100% 0, 100% 100%, 25px 100%) }
.no-cssmask .btn-sm:after { -webkit-clip-path:none; clip-path:none; opacity:0; -webkit-transition:opacity .1s ease .1s;
    transition:opacity .1s ease .1s
}
.no-cssmask .btn-sm:hover:after { opacity:1 }
.slideshow .slides { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1 }
.slideshow .slide { position:absolute; top:0; left:0; right:0; height:100%; opacity:0; pointer-events:none; z-index:1 }
.slideshow .slide .slide-inner { position:relative; height:100% }
.slideshow .slide.is-active { opacity:1; pointer-events:all; z-index:2 }
.slideshow .pagination { position:relative; z-index:2 }
.slideshow .pagination .page { display:block; margin:15px; position:relative; width:10px; height:10px; background:#190c4d; border-radius:50%; cursor:pointer; -webkit-transition:background .1s ease;
    transition:background .1s ease;
    color:transparent; text-indent:-999em }
.slideshow .pagination .page:before { display:block; margin:-5px 0 0 -5px; position:absolute; top:50%; left:50%; width:10px; height:10px; background:#ff6495; border-radius:50%; content:''; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:-webkit-transform .3s cubic-bezier(.77, 0, .175, 1);
    transition:-webkit-transform .3s cubic-bezier(.77, 0, .175, 1);
    transition:transform .3s cubic-bezier(.77, 0, .175, 1);
    transition:transform .3s cubic-bezier(.77, 0, .175, 1), -webkit-transform .3s cubic-bezier(.77, 0, .175, 1);
    z-index:2 }
.slideshow .pagination .page:after { display:block; position:absolute; top:-15px; right:-15px; bottom:-15px; left:-15px; background:transparent; content:'' }
.slideshow .pagination .page .dots { margin:-1px 0 0 -1px; position:absolute; top:50%; left:50%; width:2px; height:2px; opacity:1; -webkit-transition:opacity 0s linear 0s; transition:opacity 0s linear 0s; z-index:3 }
.slideshow .pagination .page .dots:before, .slideshow .pagination .page .dots:after { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#ff6495; border-radius:50%; content:''; opacity:0; -webkit-transition:left 0s linear 0s, opacity 0s linear 0s; transition:left 0s linear 0s, opacity 0s linear 0s }
.slideshow .pagination .page .dots:nth-child(2) {
    -webkit-transform:rotateZ(45deg) rotateX(.1deg);
    transform:rotateZ(45deg) rotateX(.1deg)
}
.slideshow .pagination .page .dots:nth-child(3) {
    -webkit-transform:rotateZ(90deg) rotateX(.1deg);
    transform:rotateZ(90deg) rotateX(.1deg)
}
.slideshow .pagination .page .dots:nth-child(4) {
    -webkit-transform:rotateZ(135deg) rotateX(.1deg);
    transform:rotateZ(135deg) rotateX(.1deg)
}
.slideshow .pagination .page:hover { background:#78fff1 }
.slideshow .pagination .page.is-active { background:#190c4d }
.slideshow .pagination .page.is-active:before { -webkit-transform:scale(1); transform:scale(1) }
.slideshow .pagination .page.is-active .dots { opacity:0; -webkit-transition:opacity .3s linear .3s;
    transition:opacity .3s linear .3s
}
.slideshow .pagination .page.is-active .dots:before, .slideshow .pagination .page.is-active .dots:after { opacity:1; -webkit-transition:left .5s cubic-bezier(.215, .61, .355, 1) .2s, opacity 0s linear .2s;
    transition:left .5s cubic-bezier(.215, .61, .355, 1) .2s, opacity 0s linear .2s
}
.slideshow .pagination .page.is-active .dots:before { left:20px }
.slideshow .pagination .page.is-active .dots:after { left:-20px }
.slideshow .pagination .page.is-active .dots:nth-child(2):before, .slideshow .pagination .page.is-active .dots:nth-child(4):before {
    left:18px
}
.slideshow .pagination .page.is-active .dots:nth-child(2):after, .slideshow .pagination .page.is-active .dots:nth-child(4):after {
    left:-18px
}
.slideshow-text .slide { left:85px }
.slideshow-text .pagination { display:-webkit-box; display:-ms-flexbox; display:flex; position:absolute; left:0; height:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -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 }
.slideshow-image { margin:70px calc(50% - 50vw) 140px; margin:70px calc(( 100% - ( var(--vw, 1vw) * 100 ) ) / 2) 140px;
    position:relative; height:600px }
.slideshow-image .slide { left:-100%; right:auto; width:100%; cursor:pointer; opacity:1; pointer-events:auto }
.slideshow-image .slide.is-active { left:0; pointer-events:none }
.slideshow-image .slide.is-active .image-container { top:0; right:auto; left:50%; height:100%; -webkit-transform:translate3d(-50%, 0, 0); transform:translate3d(-50%, 0, 0) }
.slideshow-image .slide.is-active .image { opacity:1 }
.slideshow-image .slide.is-active~.slide {
    left:100%;
    opacity:0;
    pointer-events:none
}
.slideshow-image .slide.is-active~.slide .image-container {
    right:auto;
    left:-100px
}
.slideshow-image .slide.is-active+.slide { opacity:1; pointer-events:auto }
.slideshow-image .slide.is-active+.slide:hover .image-container { right:auto; left:-150px }
.slideshow-image .slide:hover .image-container { right:-150px }
.slideshow-image .image-container { position:absolute; top:50px; right:-100px; left:auto; width:-webkit-fit-content; width:-moz-fit-content; width:fit-content; height:calc(100% - 100px); background:#27147a; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:left, right; transition-property:left, right; -webkit-transition-timing-function:cubic-bezier(.645, .045, .355, 1); transition-timing-function:cubic-bezier(.645, .045, .355, 1) }
.slideshow-image .image { display:block; width:auto; height:100%; opacity:0 }
.slideshow-image .caption { position:absolute; bottom:-40px; left:0; width:100%; color:#6b57ff; font:12px/1.1 "GalanoGrotesque-Medium", sans-serif; letter-spacing:.15em; text-align:center; text-transform:uppercase }
.slideshow-image .caption-inner { margin:0 auto; max-width:500px }
.slideshow-image .pagination { display:-webkit-box; display:-ms-flexbox; display:flex; position:absolute; bottom:-115px; left:0; 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:center; -ms-flex-pack:center; justify-content:center }
.slideshow-image .sizer { position:absolute; top:0; left:0; width:100px; height:calc(100% - 100px); pointer-events:none }
.section-title { margin:120px 0 0; padding:220px 0 160px; position:relative; text-align:center }
.section-title .separator { position:absolute; top:0; left:50%; width:140px; -webkit-transform:translate3d(-50%, 0, 0); transform:translate3d(-50%, 0, 0) }
.section-title .separator .line { display:block; width:100%; height:1px; background:#78fff1; -webkit-transform-origin:0 0; transform-origin:0 0 }
.section-title .separator .dot { display:block; position:absolute; margin:-4px 0 0 0; top:50%; width:9px; height:9px }
.section-title .separator .dot:before { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#78fff1; content:''; -webkit-transform:rotateZ(-45deg); transform:rotateZ(-45deg) }
.section-title .separator .dot:first-child { left:0 }
.section-title .separator .dot:last-child { right:0 }
.section-title .separator-vertical { display:block; margin:-220px auto 250px; position:relative; width:12px; height:130px }
.section-title .separator-vertical .line { position:absolute; top:0; right:auto; bottom:0; left:50%; width:1px; background:#78fff1; -webkit-transform-origin:0 0; transform-origin:0 0 }
.section-title .separator-vertical .dot { position:absolute; margin:0 0 0 -4px; top:100%; left:50%; width:9px; height:9px }
.section-title .separator-vertical .dot:before { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#78fff1; content:''; -webkit-transform:rotateZ(-45deg); transform:rotateZ(-45deg) }
.section-title .inner { display:block; position:relative; z-index:2 }
.section-title .lottie-wrapper { display:block; position:absolute; bottom:-55px; left:50%; width:430px; z-index:1; -webkit-transform:translate3d(-52%, 0, 0) rotateZ(180deg) rotateY(180deg); transform:translate3d(-52%, 0, 0) rotateZ(180deg) rotateY(180deg) }
.section-title .lottie-wrapper:before { display:block; padding-top:124.75%; content:'' }
.section-title .svg { display:none; position:absolute; bottom:0; left:50%; width:262px; height:408px; z-index:1; -webkit-transform:translate3d(-52.5%, 0, 0); transform:translate3d(-52.5%, 0, 0) }
.section-title--large .lottie-wrapper { bottom:-15px; width:250px; -webkit-transform:translate3d(-52%, 0, 0); transform:translate3d(-52%, 0, 0) }
.section-title--large .lottie-wrapper:before { padding-top:204.23% }
.section-cta { margin:150px auto 35px; text-align:center }
.section-cta .section-title { padding-top:140px; padding-bottom:40px }
.section-cta .section-title .inner { -webkit-mask-clip:no-clip; mask-clip:no-clip; -webkit-mask-position:center; mask-position:center }
.section-cta .buttons { margin:0 auto; max-width:300px }
.section-cta .buttons .cta+.cta { margin-top:10px }
.section-cta .lottie-wrapper { display:block; margin:70px auto 0; position:relative; width:140px }
.section-cta .lottie-wrapper:before { display:block; padding-top:169.39%; content:'' }

.site-head { position:absolute; top:0; left:0; width:100%; z-index:20;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.global-container.on .site-head{
    position: fixed;
    z-index: 999;
    background: rgba(0,0,0,0.6);

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 95px;
}

.global-container.on .site-head .nav-logo{
    margin:1% 0;
}
.global-container.on .site-head .nav-main .nav-toggle{
    top: 30px;
}
.global-container.on .site-head .sousuo{
    margin-top: 30px;
}
.site-head .site-title { position:absolute; top:40px; left:60px; z-index:2 }
.site-head .site-title .svg-logo { width:72px; height:54px; fill:#78fff1; -webkit-transition:fill .1s ease;
    transition:fill .1s ease
}
.site-head .site-title .svg-logo g:nth-child(2) {
    -webkit-clip-path:circle(0 at 100% 100%);
    clip-path:circle(0 at 100% 100%);
    -webkit-transition:-webkit-clip-path .4s cubic-bezier(.645, .045, .355, 1);
    transition:-webkit-clip-path .4s cubic-bezier(.645, .045, .355, 1);
    transition:clip-path .4s cubic-bezier(.645, .045, .355, 1);
    transition:clip-path .4s cubic-bezier(.645, .045, .355, 1), -webkit-clip-path .4s cubic-bezier(.645, .045, .355, 1)
}
.site-head .site-title a:hover .svg-logo g:nth-child(2) {
    -webkit-clip-path:circle(77px at 100% 100%);
    clip-path:circle(77px at 100% 100%)
}
.is-mobile .site-head .site-title a:hover .svg-logo g:nth-child(2) {
    -webkit-clip-path:circle(0 at 100% 100%);
    clip-path:circle(0 at 100% 100%)
}
.no-cssmask .site-head .site-title g:nth-child(2) {
    -webkit-clip-path:none;
    clip-path:none;
    opacity:0;
    -webkit-transition:opacity .15s linear;
    transition:opacity .15s linear
}
.no-cssmask .site-head .site-title a:hover .svg-logo g:nth-child(2) {
    opacity:1
}
.site-head .link-login { position:absolute; top:64px; right:138px; -webkit-transition:color .1s ease;
    transition:color .1s ease;
    color:#78fff1; font-family:"GalanoGrotesque-Medium", sans-serif; font-size:12px; letter-spacing:.15em; line-height:1; text-transform:uppercase }
.site-head .link-login:after { display:block; position:absolute; top:1px; right:-28px; width:2px; height:12px; background:rgba(0, 0, 0, .45); content:'' }

.nav-main { position:; top:0; left:0; width:100%; z-index:9; }
.nav-main .nav-toggle { position:absolute; top:50px; right:15%; cursor:pointer; z-index:2 }
.nav-main .nav-toggle .button-container { position:relative;  }
.nav-main .nav-toggle .lines { position:absolute; top:50%; left:50%; z-index:2 }
@-webkit-keyframes open-in { 0% {
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0
}
    100% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
}
@keyframes open-in { 0% {
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0
}
    100% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
}
.nav-main .nav-toggle .lines.open {
}
.nav-main .nav-toggle .lines.open .line {
    width: 118px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 20px;
    background: #ec7e3a;
    -webkit-animation: open-in .5s cubic-bezier(.18,.89,.67,1.16) .3s 1 normal forwards;
    animation: open-in .5s cubic-bezier(.18,.89,.67,1.16) .3s 1 normal forwards;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

@-webkit-keyframes close-out-1 { 0% {
    -webkit-transform:scaleY(1) translateY(0);
    transform:scaleY(1) translateY(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
}
    100% {
        -webkit-transform:scaleY(0) translateY(10px);
        transform:scaleY(0) translateY(10px);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@keyframes close-out-1 { 0% {
    -webkit-transform:scaleY(1) translateY(0);
    transform:scaleY(1) translateY(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
}
    100% {
        -webkit-transform:scaleY(0) translateY(10px);
        transform:scaleY(0) translateY(10px);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@-webkit-keyframes close-out-2 { 0% {
    -webkit-transform:scaleX(1) translateX(0);
    transform:scaleX(1) translateX(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
}
    100% {
        -webkit-transform:scaleX(0) translateX(10px);
        transform:scaleX(0) translateX(10px);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@keyframes close-out-2 { 0% {
    -webkit-transform:scaleX(1) translateX(0);
    transform:scaleX(1) translateX(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
}
    100% {
        -webkit-transform:scaleX(0) translateX(10px);
        transform:scaleX(0) translateX(10px);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
.nav-main .nav-toggle .lines.close {
    margin-top:9px;
    width:21px;
    height:21px;
    -webkit-transform:rotateX(.1deg) rotateZ(45deg);
    transform:rotateX(.1deg) rotateZ(45deg);
    opacity: 0;
}
.nav-main.is-opened .close{
    opacity: 1!important;
}
.nav-main .nav-toggle .lines.close .line { position:absolute; background:#fff; }
.nav-main .nav-toggle .lines.close .line:nth-child(1) {
    top:0;
    left:9px;
    width:3px;
    height:21px;
    -webkit-animation:close-out-1 .3s linear .1s 1 normal forwards;
    animation:close-out-1 .3s linear .1s 1 normal forwards
}
.nav-main .nav-toggle .lines.close .line:nth-child(2) {
    top:9px;
    left:0;
    width:21px;
    height:3px;
    -webkit-animation:close-out-2 .3s linear 0s 1 normal forwards;
    animation:close-out-2 .3s linear 0s 1 normal forwards
}

.nav-main .nav-container { display:-webkit-box; display:-ms-flexbox; display:flex; overflow:hidden; position:absolute; top:0; left:-999em; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -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; z-index:1 }
.nav-main .nav-columns { display:-webkit-box; display:-ms-flexbox; display:flex; margin:0 auto; position:relative; width:100%; max-width:980px; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -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; z-index:3; color:#fff }
.nav-main .nav-columns .column { position:relative }
.nav-main .nav-columns .column-nav { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1 }
.nav-main .nav-columns .column-nav:before { display:block; position:absolute; top:50%; left:580px; width:10px; height:10px; background:#190c4d; border-radius:50%; content:'' }
.nav-main .nav-columns .column-aside { -webkit-box-flex:0; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; font-family:"Vesper Libre", serif; font-size:2em }
.nav-main .nav-columns .column .block-contact { margin-top:60px }
.nav-main .nav-columns .column .block-contact>a { display:inline-block; position:relative }
.nav-main .nav-columns .column .block-contact>a:after { display:block; padding:inherit; position:absolute; top:0; left:0; width:100%; height:100%; background:#301687; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-clip-path:circle(0 at 40.5% 21%); clip-path:circle(0 at 40.5% 21%); content:attr(data-text); -webkit-transition:-webkit-clip-path .4s cubic-bezier(.645, .045, .355, 1);
    transition:-webkit-clip-path .4s cubic-bezier(.645, .045, .355, 1);
    transition:clip-path .4s cubic-bezier(.645, .045, .355, 1);
    transition:clip-path .4s cubic-bezier(.645, .045, .355, 1), -webkit-clip-path .4s cubic-bezier(.645, .045, .355, 1);
    z-index:3; color:#ff6495 }
.nav-main .nav-columns .column .block-contact>a:hover:after { -webkit-clip-path:circle(70% at 50% 50%); clip-path:circle(70% at 50% 50%) }
.no-cssmask .nav-main .nav-columns .column .block-contact>a:after { -webkit-clip-path:none; clip-path:none; opacity:0; -webkit-transition:opacity .15s ease;
    transition:opacity .15s ease
}
.no-cssmask .nav-main .nav-columns .column .block-contact>a:hover:after { opacity:1 }
.nav-main .nav-columns .column .block-freelancer { margin-top:40px; line-height:1 }
.nav-main .nav-columns .column .block-freelancer a { display:inline-block; margin-top:-4px }
.nav-main .nav-columns .column .block-freelancer a:hover span:after { -webkit-clip-path:circle(85px at 80px 33px); clip-path:circle(85px at 80px 33px) }
.nav-main .nav-columns .column .block-freelancer a:hover small:after { -webkit-clip-path:circle(85px at 80px -11px); clip-path:circle(85px at 80px -11px) }
.nav-main .nav-columns .column .block-freelancer span, .nav-main .nav-columns .column .block-freelancer small { display:block; position:relative }
.nav-main .nav-columns .column .block-freelancer span:after, .nav-main .nav-columns .column .block-freelancer small:after { display:block; padding:inherit; position:absolute; top:0; left:0; width:100%; height:100%; background:#301687; -webkit-box-sizing:border-box; box-sizing:border-box; content:attr(data-text); -webkit-transition:-webkit-clip-path .4s cubic-bezier(.645, .045, .355, 1);
    transition:-webkit-clip-path .4s cubic-bezier(.645, .045, .355, 1);
    transition:clip-path .4s cubic-bezier(.645, .045, .355, 1);
    transition:clip-path .4s cubic-bezier(.645, .045, .355, 1), -webkit-clip-path .4s cubic-bezier(.645, .045, .355, 1);
    z-index:3 }
.nav-main .nav-columns .column .block-freelancer span:after { -webkit-clip-path:circle(0 at 58px 2px); clip-path:circle(0 at 58px 2px); color:#ff6495 }
.nav-main .nav-columns .column .block-freelancer small { color:#8a9eff; font-family:"GalanoGrotesque-Light", sans-serif; font-size:.5em }
.nav-main .nav-columns .column .block-freelancer small:after { -webkit-clip-path:circle(0 at 58px -42px); clip-path:circle(0 at 58px -42px); color:rgba(255, 100, 149, .5) }
.no-cssmask .nav-main .nav-columns .column .block-freelancer span:after, .no-cssmask .nav-main .nav-columns .column .block-freelancer small:after { -webkit-clip-path:none; clip-path:none; opacity:0; -webkit-transition:opacity .15s ease;
    transition:opacity .15s ease
}
.no-cssmask .nav-main .nav-columns .column .block-freelancer:hover span:after, .no-cssmask .nav-main .nav-columns .column .block-freelancer:hover small:after { opacity:1 }
.nav-main .nav-columns .menu { margin:0; padding:0; list-style:none }
.nav-main .nav-columns .menu-item { margin:0; padding:0; font-family:"Vesper Libre", serif; font-size:2.9em; line-height:1 }
.nav-main .nav-columns .menu-item a { display:inline-block; padding:30px 0 10px; position:relative }
.nav-main .nav-columns .menu-item a:after { display:block; padding:inherit; position:absolute; top:0; left:0; width:100%; height:100%; background:#301687; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-clip-path:circle(0 at 50% 50%); clip-path:circle(0 at 50% 50%); content:attr(data-text); -webkit-transition:-webkit-clip-path .6s cubic-bezier(.645, .045, .355, 1);
    transition:-webkit-clip-path .6s cubic-bezier(.645, .045, .355, 1);
    transition:clip-path .6s cubic-bezier(.645, .045, .355, 1);
    transition:clip-path .6s cubic-bezier(.645, .045, .355, 1), -webkit-clip-path .6s cubic-bezier(.645, .045, .355, 1);
    z-index:3; color:#ff6495 }
.no-cssmask .nav-main .nav-columns .menu-item a:after { -webkit-clip-path:none; clip-path:none; opacity:0; -webkit-transition:opacity .15s ease;
    transition:opacity .15s ease
}
.no-cssmask .nav-main .nav-columns .menu-item a:hover:after { opacity:1 }
.nav-main .nav-columns .menu-item:nth-child(1) a:after {
    -webkit-clip-path:circle(0 at 59% 32%);
    clip-path:circle(0 at 59% 32%)
}
.nav-main .nav-columns .menu-item:nth-child(2) a:after {
    -webkit-clip-path:circle(0 at 42% 34%);
    clip-path:circle(0 at 42% 34%)
}
.nav-main .nav-columns .menu-item:nth-child(3) a:after {
    -webkit-clip-path:circle(0 at 44.6% 41%);
    clip-path:circle(0 at 44.6% 41%)
}
.nav-main .nav-columns .menu-item:nth-child(4) a:after {
    -webkit-clip-path:circle(0 at 35% 33%);
    clip-path:circle(0 at 35% 33%)
}
.nav-main .nav-columns .menu-item:nth-child(5) a:after {
    -webkit-clip-path:circle(0 at 13% 32%);
    clip-path:circle(0 at 13% 32%)
}
.nav-main .nav-columns .menu-item:nth-child(1n) a:hover:after {
    -webkit-clip-path:circle(70% at 50% 50%);
    clip-path:circle(70% at 50% 50%)
}
.nav-main .nav-columns .social-links .links { display:-webkit-box; display:-ms-flexbox; display:flex; margin:0; padding:0; -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:start; -ms-flex-pack:start; justify-content:flex-start; list-style:none }
.nav-main .nav-columns .social-links .link { margin:0 20px 0 0; padding:0 }
.nav-main .nav-columns .social-links .svg { width:35px; height:35px }
.nav-main .nav-columns .social-links .svg, .nav-main .nav-columns .social-links .svg path, .nav-main .nav-columns .social-links .svg circle { -webkit-transition-property:fill, stroke; transition-property:fill, stroke; -webkit-transition-duration:.1s;
    transition-duration:.1s;
    -webkit-transition-timing-function:cubic-bezier(.645, .045, .355, 1); transition-timing-function:cubic-bezier(.645, .045, .355, 1) }
.nav-main .nav-columns .social-links .svg path { fill:#6b57ff }
.nav-main .nav-columns .social-links .svg circle { stroke:#6b57ff }
.nav-main .nav-columns .social-links a { display:block }
.nav-main .nav-columns .social-links a:hover .svg path { fill:#ff6495 }
.nav-main .nav-columns .social-links a:hover .svg circle { stroke:#ff6495 }
.nav-main .illustrations .nav-illus { position:absolute; top:50%; left:50%; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); z-index:2 }
.nav-main .illustrations .nav-illus:before { display:block; content:'' }
.nav-main .illustrations .nav-illus-hand { margin:170px 0 0 385px; width:184px }
.nav-main .illustrations .nav-illus-hand:before { padding-top:124.75% }
.nav-main .illustrations .nav-illus-arm { margin:-380px 0 0 -340px; width:164px; -webkit-transform:translate3d(-50%, -50%, 0) rotateZ(190deg); transform:translate3d(-50%, -50%, 0) rotateZ(190deg) }
.nav-main .illustrations .nav-illus-arm:before { padding-top:114% }
.nav-main .background { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(236,126,58,0.93); z-index:1 }
@-webkit-keyframes open-out-1 { 0% {
    -webkit-transform:scaleX(1) translateX(0);
    transform:scaleX(1) translateX(0);
    -webkit-transform-origin:100% 0;
    transform-origin:100% 0
}
    35% {
        -webkit-transform:scaleX(.9) translateX(-5px);
        transform:scaleX(.9) translateX(-5px);
        -webkit-transform-origin:100% 0;
        transform-origin:100% 0
    }
    100% {
        -webkit-transform:scaleX(0) translateX(5px);
        transform:scaleX(0) translateX(5px);
        -webkit-transform-origin:100% 0;
        transform-origin:100% 0
    }
}
@keyframes open-out-1 { 0% {
    -webkit-transform:scaleX(1) translateX(0);
    transform:scaleX(1) translateX(0);
    -webkit-transform-origin:100% 0;
    transform-origin:100% 0
}
    35% {
        -webkit-transform:scaleX(.9) translateX(-5px);
        transform:scaleX(.9) translateX(-5px);
        -webkit-transform-origin:100% 0;
        transform-origin:100% 0
    }
    100% {
        -webkit-transform:scaleX(0) translateX(5px);
        transform:scaleX(0) translateX(5px);
        -webkit-transform-origin:100% 0;
        transform-origin:100% 0
    }
}
@-webkit-keyframes open-out-2 { 0% {
    -webkit-transform:scaleX(1) translateX(0);
    transform:scaleX(1) translateX(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0
}
    35% {
        -webkit-transform:scaleX(.9) translateX(5px);
        transform:scaleX(.9) translateX(5px);
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
    100% {
        -webkit-transform:scaleX(0) translateX(-5px);
        transform:scaleX(0) translateX(-5px);
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
}
@keyframes open-out-2 { 0% {
    -webkit-transform:scaleX(1) translateX(0);
    transform:scaleX(1) translateX(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0
}
    35% {
        -webkit-transform:scaleX(.9) translateX(5px);
        transform:scaleX(.9) translateX(5px);
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
    100% {
        -webkit-transform:scaleX(0) translateX(-5px);
        transform:scaleX(0) translateX(-5px);
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
}
.nav-main.is-opened .nav-toggle .open .line {
    -webkit-animation:open-out-1 .4s linear 0s 1 normal forwards;
    animation:open-out-1 .4s linear 0s 1 normal forwards;
    -webkit-transform:scaleX(1) translateX(0); transform:scaleX(1) translateX(0) ;
}
.nav-main.is-opened .nav-toggle .open .line:nth-child(1) {
    -webkit-animation-delay:.16s;
    animation-delay:.16s;

}
.nav-main.is-opened .nav-toggle .open .line:nth-child(2) {
    -webkit-animation-delay:.08s;
    animation-delay:.08s;
    -webkit-animation-name:open-out-2;
    animation-name:open-out-2
}
@-webkit-keyframes close-in-1 { 0% {
    -webkit-transform:scaleY(0) translateY(-10px);
    transform:scaleY(0) translateY(-10px);
    -webkit-transform-origin:0 0;
    transform-origin:0 0
}
    100% {
        -webkit-transform:scaleY(1) translateY(0);
        transform:scaleY(1) translateY(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
}
@keyframes close-in-1 { 0% {
    -webkit-transform:scaleY(0) translateY(-10px);
    transform:scaleY(0) translateY(-10px);
    -webkit-transform-origin:0 0;
    transform-origin:0 0
}
    100% {
        -webkit-transform:scaleY(1) translateY(0);
        transform:scaleY(1) translateY(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
}
@-webkit-keyframes close-in-2 { 0% {
    -webkit-transform:scaleX(0) translateX(-10px);
    transform:scaleX(0) translateX(-10px);
    -webkit-transform-origin:0 0;
    transform-origin:0 0
}
    100% {
        -webkit-transform:scaleX(1) translateX(0);
        transform:scaleX(1) translateX(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
}
@keyframes close-in-2 { 0% {
    -webkit-transform:scaleX(0) translateX(-10px);
    transform:scaleX(0) translateX(-10px);
    -webkit-transform-origin:0 0;
    transform-origin:0 0
}
    100% {
        -webkit-transform:scaleX(1) translateX(0);
        transform:scaleX(1) translateX(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
}
.nav-main.is-opened .nav-toggle .close .line:nth-child(1) {
    -webkit-animation:close-in-1 .5s cubic-bezier(.18, .89, .67, 1.16) .6s 1 normal forwards;
    animation:close-in-1 .5s cubic-bezier(.18, .89, .67, 1.16) .6s 1 normal forwards;
    -webkit-transform:scaleY(0);
    transform:scaleY(0)
}
.nav-main.is-opened .nav-toggle .close .line:nth-child(2) {
    -webkit-animation:close-in-2 .5s cubic-bezier(.18, .89, .67, 1.16) .5s 1 normal forwards;
    animation:close-in-2 .5s cubic-bezier(.18, .89, .67, 1.16) .5s 1 normal forwards;
    -webkit-transform:scaleX(0);
    transform:scaleX(0)
}
.nav-main.is-opened .nav-container { left:0 }
.site-foot { padding:40px 60px; position:absolute; bottom:0; left:0; width:100%; z-index:2 }
.site-foot .nav-foot { float:left; font-size:.55em; letter-spacing:.15em; text-transform:uppercase }
.site-foot .nav-foot ul { margin:0; padding:0; list-style:none }
.site-foot .nav-foot li { float:left; margin:0; padding:0 }
.site-foot .nav-foot li+li:before { display:inline-block; margin:0 10px; content:'.' }

.site-foot .wrk { float:right }
.site-foot .wrk .svg { width:23px; height:11px; fill:#6b57ff; -webkit-transition:fill .1s ease;
    transition:fill .1s ease
}

.global-container { position: absolute;
    top: 0;


}
.scroll-container { position:relative }
.scroll-container.is-active { position:fixed; top:0; right:0; left:0 }
.global-loader { display:-webkit-box; display:-ms-flexbox; display:flex; position:fixed; top:0; left:0; width:100%; height:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background:#361999; -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; z-index:9999 }
.global-loader .inner { padding:0 30px 0; position:relative }
.global-loader .svg-logo { margin:0 0 0 auto; width:214px; height:160px; fill:#78fff1 }
.global-loader .text { margin:14px 0 0; font-size:17px; line-height:1.3 }
.global-loader .text div:nth-child(2) {
    letter-spacing:.06em
}
.global-loader .mask { position:absolute; top:-20px; right:-20px; bottom:-20px; left:-20px; z-index:2 }
.page-loader { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:3 }
.page-loader .loader { display:block; position:absolute; top:50%; left:50%; opacity:0; width:40px; height:2px; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); -webkit-transition:opacity .4s linear;
    transition:opacity .4s linear
}
.page-loader .loader:before, .page-loader .loader:after { display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:'' }
.page-loader .loader:before { background:#190c4d }
.page-loader .loader:after { background:#78fff1 }
.page-loader.is-visible { display:block; background:#361999 }
.page-loader.is-visible .loader { opacity:1 }
.page-loader.is-visible .loader:after { -webkit-animation:loader 3s ease-in-out infinite; animation:loader 3s ease-in-out infinite }
.lottie-container { display:block; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transform:rotateX(.1deg);
    transform:rotateX(.1deg)
}
.lottie-container.is-hidden { top:-9999em; left:-9999em; opacity:0 }
.layout-home .horizontal-wrapper { padding:0; max-width:1320px; height:100% }
.layout-home .page-outer { display:-webkit-box; display:-ms-flexbox; display:flex; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; z-index:-1 }
.layout-home .page-content { margin:50px 0 0; position:relative }
.layout-home .page-content-masked { position:relative; -webkit-mask-clip:no-clip; mask-clip:no-clip; -webkit-mask-position:center; mask-position:center; z-index:2 }
.layout-home .page-title { display:inline-block; position:relative; font-size:90px; line-height:1.17 }
.layout-home .page-text { margin:20px 0 50px; position:relative; max-width:700px; pointer-events:auto; font-size:22px; line-height:1.45 }
.layout-home .page-text a { font-family:"GalanoGrotesque-Medium", sans-serif; -webkit-transition:color .1s ease;
    transition:color .1s ease
}
.layout-home .page-text a:hover { color:#ff6495 }
.layout-home .illus-home { margin:95px 0 0 530px; position:absolute; top:50%; left:50%; width:572px; height:954px; pointer-events:none; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); z-index:1 }
.layout-home .canvas-particles { display:block; position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:2 }
.layout-long-page .section-intro { margin:30px 0 0 }
.layout-long-page .section-intro .section-outer, .layout-long-page .section-intro .section-wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; width:100%; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -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; z-index:2 }
.layout-long-page .section-intro .section-outer { height:100%; position:absolute; top:0; left:0 }
.layout-long-page .section-intro .section-content { display:inline-block; -webkit-mask-clip:no-clip; mask-clip:no-clip; -webkit-mask-position:center; mask-position:center }
.layout-long-page .section-intro .section-text { max-width:460px }
.layout-long-page .section-intro .horizontal-wrapper { position:relative; z-index:2 }
.layout-long-page .section-intro .lottie-wrapper { display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); z-index:1 }
.layout-long-page .section-intro .lottie-wrapper:before { display:block; content:'' }
.layout-long-page .section-intro .svg { position:absolute; top:50%; left:50%; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); z-index:1 }
.layout-long-page .section-intro .statement-wrapper { color:#fff; font-family:"Vesper Libre", serif; font-weight:400; line-height:1.15; text-align:center }
.layout-long-page .section-intro .statement-wrapper .statement { margin:0 auto; max-width:750px }
.layout-long-page .section-title-variant { margin:120px 0 0; padding:220px 0 160px; position:relative; text-align:center }
.layout-long-page .section-title-variant .inner { display:block; position:relative; z-index:2 }
.layout-long-page .section-title-variant .lottie-wrapper { display:block; margin:55px 0 0 -10px; position:absolute; top:50%; left:50%; width:600px; z-index:1; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0) }
.layout-long-page .section-title-variant .lottie-wrapper:before { display:block; padding-top:113.33%; content:'' }
.layout-long-page .section-advantages { position:relative }
.layout-long-page .section-advantages .advantages { display:-webkit-box; display:-ms-flexbox; display:flex; margin:0 auto; width:100%; max-width:1000px; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column }
.layout-long-page .section-advantages .advantage { display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; height:850px; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -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 }
.layout-long-page .section-advantages .advantage:nth-child(2n+1) {
    -ms-flex-item-align:end;
    align-self:flex-end
}
.layout-long-page .section-advantages .advantage-content { position:relative; z-index:2 }
.layout-long-page .section-advantages .advantage-title { white-space:nowrap }
.layout-long-page .section-advantages .advantage-text { margin:20px 0 0; max-width:530px }
.layout-long-page .section-advantages .advantage .separator { margin:0 0 50px 50px; position:relative; width:12px; height:130px }
.layout-long-page .section-advantages .advantage .separator .line { position:absolute; top:0; right:auto; bottom:0; left:50%; width:1px; background:#78fff1; -webkit-transform-origin:0 0; transform-origin:0 0 }
.layout-long-page .section-advantages .advantage .separator .dot { position:absolute; margin:0 0 0 -4px; top:100%; left:50%; width:9px; height:9px }
.layout-long-page .section-advantages .advantage .separator .dot:before { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#78fff1; content:''; -webkit-transform:rotateZ(-45deg); transform:rotateZ(-45deg) }
.layout-long-page .section-advantages .advantage .inner-masked { -webkit-mask-clip:no-clip; mask-clip:no-clip; -webkit-mask-position:center; mask-position:center }
.layout-long-page .section-advantages .advantage .illus-wrapper, .layout-long-page .section-advantages .advantage .lottie-wrapper { display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); z-index:1 }
.layout-long-page .section-advantages .advantage .illus-wrapper:before, .layout-long-page .section-advantages .advantage .lottie-wrapper:before { display:block; content:'' }
.layout-long-page .section-advantages .advantage .svg { position:absolute; top:50%; left:50%; width:100%; height:100%; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); z-index:1 }
.layout-long-page .section-how { position:relative }
.layout-long-page .section-how .steps { margin:0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column }
.layout-long-page .section-how .step { position:relative; text-align:center }
.layout-long-page .section-how .step:nth-child(2n+2) {
    -ms-flex-item-align:end;
    align-self:flex-end
}
.layout-long-page .section-how .step .inner-masked { position:relative; -webkit-mask-clip:no-clip; mask-clip:no-clip; -webkit-mask-position:center; mask-position:center; z-index:2 }
.layout-long-page .section-how .step .lottie-wrapper { display:block; position:relative; z-index:1 }
.layout-long-page .section-how .step .lottie-wrapper:before { display:block; content:'' }
.layout-long-page .section-how .step .svg { position:relative; z-index:1 }
.layout-long-page .section-how .step-number { position:absolute }
.layout-long-page .section-how .step-number .number { width:30px; height:30px; border:2px solid #ff6495; border-radius:50%; color:#fff; font:16px/28px "Vesper Libre", serif; text-align:center }
.layout-long-page .section-how .step-number .svg { position:absolute; top:50%; left:50%; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0) }
.layout-long-page .section-how .step-number .svg svg>path { -webkit-animation:animatedLine 1s linear 0s infinite; animation:animatedLine 1s linear 0s infinite }
.is-mobile .layout-long-page .section-how .step-number .svg svg>path { -webkit-animation:none; animation:none }
.is-safari .layout-long-page .section-how .step-number .svg svg>path { -webkit-animation:none; animation:none }
.layout-long-page .section-how .step-content { position:relative; max-width:340px }
.layout-long-page .section-how .step-title, .layout-long-page .section-how .step-text { position:relative; z-index:2 }
.layout-long-page .section-how .step-text { margin:20px 0 0 }
.layout-long-page .section-how .element .illus-wrapper, .layout-long-page .section-how .element .lottie-wrapper { display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); z-index:1 }
.layout-long-page .section-how .element .illus-wrapper:before, .layout-long-page .section-how .element .lottie-wrapper:before { display:block; content:'' }
.layout-long-page .section-how .element .svg { position:absolute; top:50%; left:50%; width:100%; height:100%; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); z-index:1 }
.layout-long-page .section-list-toggle { margin:0 0 300px; text-align:center }
.layout-long-page .section-list-toggle .section-text { margin:40px 0 }
.layout-long-page .section-list-toggle .block-list-toggle { display:-webkit-box; display:-ms-flexbox; display:flex; margin:0 auto; position:relative; width:980px; height:500px; -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; text-align:left }
.layout-long-page .section-list-toggle .block-list-toggle .item.is-active .title { color:#ff6495 }
.layout-long-page .section-list-toggle .block-list-toggle .item.is-active .title .svg { opacity:1 }
.layout-long-page .section-list-toggle .block-list-toggle .item.is-active .body { opacity:1; pointer-events:auto }
.layout-long-page .section-list-toggle .block-list-toggle .item.is-active .body a {
    -webkit-transition:opacity .1s ease;
    transition:opacity .1s ease; text-decoration:underline }
.layout-long-page .section-list-toggle .block-list-toggle .item.is-active .body a:hover { opacity:.7 }
.layout-long-page .section-list-toggle .block-list-toggle .title { padding:12px 0; position:relative; left:0; width:120px; cursor:pointer; -webkit-transition:color .1s ease;
    transition:color .1s ease;
    z-index:2; color:#8a9eff; font:20px/1.2 "Vesper Libre", serif; white-space:nowrap }
.layout-long-page .section-list-toggle .block-list-toggle .title .svg { position:absolute; top:50%; left:100%; opacity:0 }
.layout-long-page .section-list-toggle .block-list-toggle .title .svg svg>path { -webkit-animation:animatedLine 1s linear 0s infinite; animation:animatedLine 1s linear 0s infinite }
.is-mobile .layout-long-page .section-list-toggle .block-list-toggle .title .svg svg>path { -webkit-animation:none; animation:none }
.is-safari .layout-long-page .section-list-toggle .block-list-toggle .title .svg svg>path { -webkit-animation:none; animation:none }
.layout-long-page .section-list-toggle .block-list-toggle .title:hover { color:#ff6495 }
.layout-long-page .section-list-toggle .block-list-toggle .body { display:-webkit-box; display:-ms-flexbox; display:flex; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; opacity:0; pointer-events:none; z-index:1; text-align:center }
.layout-long-page .section-list-toggle .block-list-toggle .body .text { position:absolute; top:100%; left:0; width:100%; z-index:2; font-size:18px }
.layout-long-page .section-list-toggle .block-list-toggle .body .text .inner { margin:0 auto; max-width:500px }
.layout-long-page .section-list-toggle .block-list-toggle .lottie-wrapper { position:absolute; top:50%; left:50%; width:1280px; pointer-events:none; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); z-index:2 }
.layout-long-page .section-list-toggle .block-list-toggle .lottie-wrapper:before { display:block; padding-top:56.25%; content:'' }
.layout-long-page .section-list-toggle .block-list-toggle .lottie-wrapper .lottie-container { position:absolute; top:0; left:0; width:100%; height:100% }
.nav-sections { display:-webkit-box; display:-ms-flexbox; display:flex; position:fixed; top:0; right:52px; height:100%; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; -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; z-index:2 }
.nav-sections .links { margin:0; padding:0; list-style:none }
.nav-sections .links .link:first-child { margin-top:0 }
.nav-sections .links:hover .links a .title { -webkit-clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%); clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%); opacity:0; -webkit-transition:opacity .5s ease, -webkit-clip-path .5s cubic-bezier(.645, .045, .355, 1);
    transition:opacity .5s ease, -webkit-clip-path .5s cubic-bezier(.645, .045, .355, 1);
    transition:clip-path .5s cubic-bezier(.645, .045, .355, 1), opacity .5s ease;
    transition:clip-path .5s cubic-bezier(.645, .045, .355, 1), opacity .5s ease, -webkit-clip-path .5s cubic-bezier(.645, .045, .355, 1)
}
.nav-sections .nav-container>.links>.link>a { height:30px; font:24px/1.4 "Vesper Libre", serif; letter-spacing:0 }
.nav-sections .nav-container>.links .links>.link>a { font:10px/1.4 "GalanoGrotesque-Medium", sans-serif; letter-spacing:.15em; text-transform:uppercase }
.nav-sections .nav-container>.links .links>.link .title { top:2px; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }
.nav-sections a { display:block; position:relative; width:34px; height:18px }
.nav-sections .title { display:block; margin:0 5px 0 0; position:absolute; top:50%; right:100%; -webkit-clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%); clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%); opacity:0; -webkit-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 0); -webkit-transition:opacity .5s ease, -webkit-clip-path .5s cubic-bezier(.645, .045, .355, 1);
    transition:opacity .5s ease, -webkit-clip-path .5s cubic-bezier(.645, .045, .355, 1);
    transition:clip-path .5s cubic-bezier(.645, .045, .355, 1), opacity .5s ease;
    transition:clip-path .5s cubic-bezier(.645, .045, .355, 1), opacity .5s ease, -webkit-clip-path .5s cubic-bezier(.645, .045, .355, 1);
    color:#78fff1; text-align:right; white-space:nowrap }
.nav-sections .line, .nav-sections .dot, .nav-sections .svg { position:absolute; top:50%; left:50%; -webkit-transition:background .1s ease, fill .1s ease;
    transition:background .1s ease, fill .1s ease
}
.nav-sections .line { margin:-1px 0 0 -10px; display:block; width:20px; height:3px; background:#190c4d }
.nav-sections .dot { display:block; margin:-3px 0 0 -3px; width:6px; height:6px; background:#190c4d; border-radius:50% }
.nav-sections .link-contact { margin-top:8px }
.nav-sections .svg-icon-mail { margin:-7px 0 0 -10px; width:20px; height:14px; fill:#190c4d }
.nav-sections a:hover .title { -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)!important; clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)!important; opacity:1!important; -webkit-transition:opacity .5s ease 0, -webkit-clip-path .5s cubic-bezier(.645, .045, .355, 1)!important;
    transition:opacity .5s ease 0, -webkit-clip-path .5s cubic-bezier(.645, .045, .355, 1)!important;
    transition:clip-path .5s cubic-bezier(.645, .045, .355, 1), opacity .5s ease 0!important;
    transition:clip-path .5s cubic-bezier(.645, .045, .355, 1), opacity .5s ease 0, -webkit-clip-path .5s cubic-bezier(.645, .045, .355, 1)!important
}
.nav-sections a:hover .line, .nav-sections a:hover .dot { background:#78fff1 }
.nav-sections a:hover .svg { fill:#78fff1 }
.nav-sections .link.is-active>a .title { -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); opacity:1; -webkit-transition:opacity .5s ease 0, -webkit-clip-path .5s cubic-bezier(.645, .045, .355, 1);
    transition:opacity .5s ease 0, -webkit-clip-path .5s cubic-bezier(.645, .045, .355, 1);
    transition:clip-path .5s cubic-bezier(.645, .045, .355, 1), opacity .5s ease 0;
    transition:clip-path .5s cubic-bezier(.645, .045, .355, 1), opacity .5s ease 0, -webkit-clip-path .5s cubic-bezier(.645, .045, .355, 1)
}
.nav-sections .link.is-active>a .line, .nav-sections .link.is-active>a .dot { background:#78fff1 }
.nav-sections .link.is-active>a .svg { fill:#78fff1 }
.layout-about .lottie-wrapper.lottie-about-illus { margin:-10px 0 0 -20px; width:1410px }
.layout-about .lottie-wrapper.lottie-about-illus:before { padding-top:47.23% }
.layout-about .section-intro .statement-wrapper .statement { max-width:820px }
.layout-about .section-intro .illus-wrapper { position:absolute; top:50%; left:50% }
.layout-about .section-intro .illus-wrapper:before { display:block; padding-top:116%; content:'' }
.layout-about .svg-about-advantage-1-line { margin:10px 0 0; width:179px; height:243px }
.layout-about .svg-about-advantage-2-line { margin:10px 0 0; width:179px; height:172px }
.layout-about .svg-about-advantage-3-line { width:179px; height:123px }
.layout-about .svg-about-advantage-4-line { margin:-10px 0 0; width:179px; height:74px }
.layout-about .svg-about-advantage-5-line { margin:-10px 0 0; width:179px; height:19px }
.layout-about .svg-about-advantage-6-line { margin:-55px 0 0; width:102px; height:43px }
.layout-freelancer .illus-wrapper.illus-freelancer-element-2 { margin:-175px 0 0 915px; width:225px }
.layout-freelancer .illus-wrapper.illus-freelancer-element-2:before { padding-top:116% }
.layout-freelancer .illus-wrapper.illus-freelancer-element-2 svg { -webkit-transform:rotateX(180deg) rotateY(180deg); transform:rotateX(180deg) rotateY(180deg) }
.layout-freelancer .illus-wrapper.illus-freelancer-element-3 { margin:-345px 0 0 750px; width:160px }
.layout-freelancer .illus-wrapper.illus-freelancer-element-3:before { padding-top:116% }
.layout-freelancer .lottie-wrapper.lottie-freelancer-intro-illus { margin:160px 0 0 -40px; width:1500px }
.layout-freelancer .lottie-wrapper.lottie-freelancer-intro-illus:before { padding-top:71.36% }
.layout-freelancer .lottie-wrapper.lottie-freelancer-element-illus-1 { margin:400px 0 0 -290px; width:198px }
.layout-freelancer .lottie-wrapper.lottie-freelancer-element-illus-1:before { padding-top:114% }
.layout-freelancer .lottie-wrapper.lottie-freelancer-element-illus-1 .lottie-container { -webkit-transform:rotateX(180deg); transform:rotateX(180deg) }
.layout-freelancer .lottie-wrapper.lottie-freelancer-element-illus-2 { margin:-161px 0 0 921px; width:270px }
.layout-freelancer .lottie-wrapper.lottie-freelancer-element-illus-2:before { padding-top:114% }
.layout-freelancer .lottie-wrapper.lottie-freelancer-element-illus-2 .lottie-container { -webkit-transform:rotateX(180deg) rotateY(180deg); transform:rotateX(180deg) rotateY(180deg) }
.layout-freelancer .lottie-wrapper.lottie-freelancer-element-illus-3 { margin:-350px 0 0 750px; width:190px }
.layout-freelancer .lottie-wrapper.lottie-freelancer-element-illus-3:before { padding-top:114% }
.layout-freelancer .lottie-wrapper.lottie-freelancer-advantage-1 { margin:75px 0 0 -640px; width:700px }
.layout-freelancer .lottie-wrapper.lottie-freelancer-advantage-1:before { padding-top:86.36% }
.layout-freelancer .lottie-wrapper.lottie-freelancer-advantage-2 { margin:190px 0 0 60px; width:1140px }
.layout-freelancer .lottie-wrapper.lottie-freelancer-advantage-2:before { padding-top:65.15% }
.layout-freelancer .lottie-wrapper.lottie-freelancer-advantage-3 { margin:-40px 0 0 -180px; width:1170px }
.layout-freelancer .lottie-wrapper.lottie-freelancer-advantage-3:before { padding-top:56.33% }
.layout-freelancer .lottie-wrapper.lottie-freelancer-how-1 { margin:0 0 0 -60px; width:420px }
.layout-freelancer .lottie-wrapper.lottie-freelancer-how-1:before { padding-top:66.59% }
.layout-freelancer .lottie-wrapper.lottie-freelancer-how-2 { margin:0 0 -80px -200px; width:715px }
.layout-freelancer .lottie-wrapper.lottie-freelancer-how-2:before { padding-top:53.17% }
.layout-freelancer .lottie-wrapper.lottie-freelancer-how-3 { margin:0 0 -65px -18px; width:375px }
.layout-freelancer .lottie-wrapper.lottie-freelancer-how-3:before { padding-top:85.98% }
.layout-freelancer .lottie-wrapper.lottie-freelancer-how-4 { margin:0 0 -65px -90px; width:560px }
.layout-freelancer .lottie-wrapper.lottie-freelancer-how-4:before { padding-top:60.21% }
.layout-freelancer .svg-freelancer-how-1-line { margin:-162px 0 0 143px; width:278px; height:290px }
.layout-freelancer .svg-freelancer-how-2-line { margin:-145px 0 0 -165px; width:336px; height:249px }
.layout-freelancer .svg-freelancer-how-3-line { margin:-143px 0 0 152px; width:267px; height:288px }
.layout-freelancer .svg-freelancer-how-4-line { margin:-83px 0 0 -195px; width:343px; height:170px }
.layout-freelancer .section-how .steps { width:1050px }
.layout-freelancer .section-how .step-1 { margin:350px 0 0 105px }
.layout-freelancer .section-how .step-1 .step-number { top:-40px; left:70px }
.layout-freelancer .section-how .step-2 { margin:215px 80px 0 0 }
.layout-freelancer .section-how .step-2 .step-number { top:-30px; left:170px }
.layout-freelancer .section-how .step-3 { margin:140px 0 0 80px }
.layout-freelancer .section-how .step-3 .step-number { top:190px; left:380px }
.layout-freelancer .section-how .step-4 { margin:100px 0 0 0 }
.layout-freelancer .section-how .step-4 .step-number { top:120px; left:-115px }
.layout-how .illus-wrapper.illus-how-element-1 { margin:-320px 0 0 475px; width:150px }
.layout-how .illus-wrapper.illus-how-element-1:before { padding-top:116% }
.layout-how .illus-wrapper.illus-how-element-2 { margin:-145px 0 0 -685px; width:150px }
.layout-how .illus-wrapper.illus-how-element-2 svg { -webkit-transform:rotateZ(70deg); transform:rotateZ(70deg) }
.layout-how .illus-wrapper.illus-how-element-2:before { padding-top:116% }
.layout-how .illus-wrapper.illus-how-element-3 { margin:-110px 0 0 590px; width:440px }
.layout-how .illus-wrapper.illus-how-element-3:before { padding-top:91% }
.layout-how .illus-wrapper.illus-how-element-4 { margin:140px 0 0 -680px; width:150px }
.layout-how .illus-wrapper.illus-how-element-4 svg { -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.layout-how .illus-wrapper.illus-how-element-4:before { padding-top:116% }
.layout-how .lottie-wrapper.lottie-how-intro-illus { margin:30px 0 0 -70px; width:1680px }
.layout-how .lottie-wrapper.lottie-how-intro-illus:before { padding-top:59.51% }
.layout-how .lottie-wrapper.lottie-how-element-illus-1 { margin:-325px 0 0 470px; width:180px }
.layout-how .lottie-wrapper.lottie-how-element-illus-1:before { padding-top:114% }
.layout-how .lottie-wrapper.lottie-how-element-illus-2 { margin:-150px 0 0 -680px; width:180px }
.layout-how .lottie-wrapper.lottie-how-element-illus-2 .lottie-container { -webkit-transform:rotateZ(70deg); transform:rotateZ(70deg) }
.layout-how .lottie-wrapper.lottie-how-element-illus-2:before { padding-top:114% }
.layout-how .lottie-wrapper.lottie-how-element-illus-3 { margin:-70px 0 0 560px; width:680px }
.layout-how .lottie-wrapper.lottie-how-element-illus-3:before { padding-top:79.56% }
.layout-how .lottie-wrapper.lottie-how-element-illus-4 { margin:140px 0 0 -680px; width:180px }
.layout-how .lottie-wrapper.lottie-how-element-illus-4 .lottie-container { -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.layout-how .lottie-wrapper.lottie-how-element-illus-4:before { padding-top:114% }
.layout-how .lottie-wrapper.lottie-how-1 { margin:-75px 0 -60px -210px; width:720px }
.layout-how .lottie-wrapper.lottie-how-1:before { padding-top:46.39% }
.layout-how .lottie-wrapper.lottie-how-2 { margin:0 0 -25px -35px; width:400px }
.layout-how .lottie-wrapper.lottie-how-2:before { padding-top:93.23% }
.layout-how .lottie-wrapper.lottie-how-3 { margin:0 0 -40px -55px; width:410px }
.layout-how .lottie-wrapper.lottie-how-3:before { padding-top:78.97% }
.layout-how .lottie-wrapper.lottie-how-4 { margin:-50px 0 -10px 30px; width:280px }
.layout-how .lottie-wrapper.lottie-how-4:before { padding-top:87.34% }
.layout-how .lottie-wrapper.lottie-how-5 { margin:0 0 -70px -30px; width:400px }
.layout-how .lottie-wrapper.lottie-how-5:before { padding-top:105.98% }
.layout-how .lottie-wrapper.lottie-how-6 { margin:0 0 -180px 15px; width:460px }
.layout-how .lottie-wrapper.lottie-how-6:before { padding-top:105.42% }
.layout-how .svg-how-1-line { margin:-160px 0 0 145px; width:278px; height:290px }
.layout-how .svg-how-2-line { margin:-85px 0 0 -160px; width:316px; height:134px }
.layout-how .svg-how-3-line { margin:-155px 0 0 185px; width:358px; height:271px }
.layout-how .svg-how-4-line { margin:-100px 0 0 -190px; width:343px; height:170px }
.layout-how .svg-how-5-line { margin:-230px 0 0 140px; width:281px; height:415px }
.layout-how .svg-how-6-line { margin:-190px 0 0 -128px; width:254px; height:341px }
.layout-how .section-intro .services-wrapper { margin:calc(-50vh + 620px) 0 580px -50px; -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.layout-how .section-how .steps { width:840px }
.layout-how .section-how .step-1 { margin:390px 0 0 }
.layout-how .section-how .step-1 .step-number { top:-10px; left:60px }
.layout-how .section-how .step-2 { margin:85px 0 0 0 }
.layout-how .section-how .step-2 .step-number { top:0; left:160px }
.layout-how .section-how .step-3 { margin:180px 0 0 0 }
.layout-how .section-how .step-3 .step-number { top:0; left:80px }
.layout-how .section-how .step-4 { margin:0 }
.layout-how .section-how .step-4 .step-number { top:250px; left:20px }
.layout-how .section-how .step-5 { margin:140px 0 0 0 }
.layout-how .section-how .step-5 .step-number { top:315px; left:380px }
.layout-how .section-how .step-6 { margin:60px 130px 0 0 }
.layout-how .section-how .step-6 .step-number { top:310px; left:0 }
.layout-what .section-advantages .advantage-text { max-width:340px }
.layout-what .illus-wrapper.illus-what-element-1 { margin:500px 0 0 -1005px; width:164px }
.layout-what .illus-wrapper.illus-what-element-1 svg { -webkit-transform:rotateZ(200deg); transform:rotateZ(200deg) }
.layout-what .illus-wrapper.illus-what-element-1:before { padding-top:116% }
.layout-what .illus-wrapper.illus-what-element-2 { margin:310px 0 0 980px; width:180px }
.layout-what .illus-wrapper.illus-what-element-2:before { padding-top:116% }
.layout-what .illus-wrapper.illus-what-element-3 { margin:310px 0 0 980px; width:140px }
.layout-what .illus-wrapper.illus-what-element-3 svg { -webkit-transform:rotateZ(-50deg); transform:rotateZ(-50deg) }
.layout-what .illus-wrapper.illus-what-element-3:before { padding-top:116% }
.layout-what .illus-wrapper.illus-what-element-4 { margin:-290px 0 0 170px; width:180px }
.layout-what .illus-wrapper.illus-what-element-4 svg { -webkit-transform:rotateZ(-200deg); transform:rotateZ(-200deg) }
.layout-what .illus-wrapper.illus-what-element-4:before { padding-top:116% }
.layout-what .lottie-wrapper.lottie-what-intro-illus { margin:110px 0 0 0; width:1880px }
.layout-what .lottie-wrapper.lottie-what-intro-illus:before { padding-top:59.51% }
.layout-what .lottie-wrapper.lottie-what-advantage-1 { margin:125px 0 0 -405px; width:584px }
.layout-what .lottie-wrapper.lottie-what-advantage-1:before { padding-top:125.34% }
.layout-what .lottie-wrapper.lottie-what-advantage-2 { margin:195px 0 0 340px; width:1565px }
.layout-what .lottie-wrapper.lottie-what-advantage-2:before { padding-top:47.54% }
.layout-what .lottie-wrapper.lottie-what-advantage-3 { margin:125px 0 0 -430px; width:1050px }
.layout-what .lottie-wrapper.lottie-what-advantage-3:before { padding-top:72.55% }
.layout-what .lottie-wrapper.lottie-what-advantage-4 { margin:100px 0 0 155px; width:1150px }
.layout-what .lottie-wrapper.lottie-what-advantage-4:before { padding-top:42.1% }
.layout-what .lottie-wrapper.lottie-what-advantage-5 { margin:-130px 0 0 -445px; width:700px }
.layout-what .lottie-wrapper.lottie-what-advantage-5:before { padding-top:72.55% }
.layout-what .section-intro .statement-wrapper { margin-top:calc(( 100vh - 900px ) / -2); margin-top:calc(( (var(--vh, 1vh) * 100) - 900px ) / -2)
}
.layout-what .section-advantages .advantage:last-child { margin-bottom:-150px }
.layout-clients .lottie-wrapper.lottie-clients-illus-1 { margin:10px 0 0 -77px; width:1540px }
.layout-clients .lottie-wrapper.lottie-clients-illus-1:before { padding-top:45.06% }
.layout-clients .lottie-wrapper.lottie-clients-illus-2 { margin:-40px 0 0; width:700px }
.layout-clients .lottie-wrapper.lottie-clients-illus-2:before { padding-top:53.17% }
.layout-clients .section-intro .title { position:relative }
.layout-clients .section-intro .title-inner, .layout-clients .section-intro .section-text { position:relative; z-index:2 }
.layout-clients .page-outer { display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; width:100%; height: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 }
.layout-clients .section-clients { margin-top:calc(( 100vh - 690px ) / -2); margin-top:calc(( (var(--vh, 1vh) * 100) - 690px ) / -2)
}
.layout-clients .section-clients .title { margin:0 0 90px; -webkit-mask-clip:no-clip; mask-clip:no-clip; -webkit-mask-position:center; mask-position:center; line-height:1.46; text-align:center }
.layout-clients .section-clients .logos { display:-webkit-box; display:-ms-flexbox; display:flex; margin:0 auto; max-width:1180px; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between }
.layout-clients .section-clients .logos .logo { margin:50px 0 0; position:relative; width:21.2%; border:1px solid #27147a }
.layout-clients .section-clients .logos .logo:nth-child(2n) {
    margin-top:0
}
.layout-clients .section-clients .logos .logo:before { display:block; padding-top:100%; content:'' }
.layout-clients .section-clients .logos .logo .svg { display:block; position:absolute; top:0; left:0; width:100%; height:100% }
.layout-clients .section-testimonials { margin:200px 0 }
.layout-clients .section-testimonials .lottie-wrapper { display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); z-index:1 }
.layout-clients .section-testimonials .lottie-wrapper:before { display:block; content:'' }
.layout-clients .section-testimonials .section-content { display:-webkit-box; display:-ms-flexbox; display:flex; height:400px; -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 }
.layout-clients .section-testimonials .title { position:relative; width:550px; text-align:center }
.layout-clients .section-testimonials .title .inner { display:block; position:relative; z-index:2 }
.layout-clients .section-testimonials .slideshow-text { position:relative; width:525px; height:100%; -webkit-box-flex:0; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0 }
.layout-clients .section-testimonials .slideshow-text .slide { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -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 }
.layout-clients .section-testimonials .slideshow-text .slide-inner { width:100%; height:auto }
.layout-clients .section-testimonials .testimonial .name { line-height:1 }
.layout-clients .section-testimonials .testimonial .services { margin-top:10px; color:#78fff1; font-family:"GalanoGrotesque-Bold", sans-serif; font-size:.68em; letter-spacing:.2em; text-transform:uppercase }
.layout-clients .section-testimonials .testimonial .quote { margin:1em 0 0; padding:0; font-size:.91em }
.layout-clients .section-testimonials .testimonial .author { display:block; margin:0; font-family:"GalanoGrotesque-Medium", sans-serif; font-size:12px; font-style:normal; letter-spacing:.15em; text-transform:uppercase }
.layout-clients .section-articles { margin:200px 0 250px }
.layout-clients .section-articles .article { display:-webkit-box; display:-ms-flexbox; display:flex; margin:185px 0 0; position:relative; -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 }
.layout-clients .section-articles .article a:hover .article-title { color:#ff6495 }
.layout-clients .section-articles .article a:before { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; content:'' }
.layout-clients .section-articles .article-content { width:calc(50% - 60px) }
.layout-clients .section-articles .article-title { margin-bottom:.5em; -webkit-transition:color .1s ease;
    transition:color .1s ease
}
.layout-clients .section-articles .article .image { display:block; width:calc(50% - 60px); -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 }
.layout-clients .section-articles .article:nth-child(2n+1) .article-content {
    -webkit-box-ordinal-group:4;
    -ms-flex-order:3;
    order:3
}
.layout-team .page-title { margin:630px auto 120px; position:relative; z-index:2; line-height:1; text-align:center; white-space:nowrap }
.layout-team .page-title .inner { position:relative; -webkit-mask-clip:no-clip; mask-clip:no-clip; -webkit-mask-position:center; mask-position:center; z-index:2 }
.layout-team .page-title .lottie-wrapper { display:block; margin:-25px 0 0 -35px; position:absolute; top:50%; left:50%; width:930px; pointer-events:none; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); z-index:1 }
.layout-team .page-title .lottie-wrapper:before { display:block; padding-top:123%; content:'' }
.layout-team .page-title .lottie-wrapper:after { display:block; position:absolute; top:10%; left:38%; width:34%; height:50%; background:#361999; content:''; z-index:1 }
.layout-team .page-title .lottie-wrapper .lottie-container { z-index:2 }
.layout-team .partners { display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -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; z-index:2 }
.layout-team .employees { display:-webkit-box; display:-ms-flexbox; display:flex; margin:200px auto; position:relative; max-width:760px; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; z-index:2 }
.layout-team .employees .illus-wrapper { position:absolute }
.layout-team .employees .illus-wrapper:before { padding-top:116% }
.layout-team .employees .member { width:320px }
.layout-team .employees .member .name { width:calc(100% + 30px) }
.layout-team .employees .member:nth-child(2n) {
    margin-top:200px
}
.layout-team .employees .member:nth-child(6n+1) .illus-wrapper {
    bottom:-180px;
    left:-320px;
    width:180px;
    -webkit-transform:rotateZ(190deg);
    transform:rotateZ(190deg)
}
.layout-team .employees .member:nth-child(6n+5) .illus-wrapper {
    bottom:0;
    left:-290px;
    width:90px;
    -webkit-transform:rotateZ(90deg);
    transform:rotateZ(90deg)
}
.layout-team .employees .member:nth-child(6n+6) .illus-wrapper {
    top:-80px;
    right:-290px;
    width:180px;
    -webkit-transform:rotateZ(-30deg);
    transform:rotateZ(-30deg)
}
.layout-team .member { position:relative; width:290px }
.layout-team .member .inner-masked { padding:0 0 40px; position:relative }
.layout-team .member .name { line-height:1 }
.layout-team .member .title { margin-top:.5em; color:#78fff1; font-family:"GalanoGrotesque-Bold", sans-serif; font-size:.545em; letter-spacing:.3em; text-transform:uppercase }
.layout-team .member .bio { font-size:.818em }
.layout-team .member .link-linkedin { display:block; position:absolute; bottom:0; left:0 }
.layout-team .member .link-linkedin .svg { position:relative; top:0; left:0; width:35px; height:35px; -webkit-transform:none; transform:none }
.layout-team .member .link-linkedin .svg path, .layout-team .member .link-linkedin .svg circle { -webkit-transition-property:fill, stroke; transition-property:fill, stroke; -webkit-transition-duration:.1s;
    transition-duration:.1s;
    -webkit-transition-timing-function:cubic-bezier(.645, .045, .355, 1); transition-timing-function:cubic-bezier(.645, .045, .355, 1) }
.layout-team .member .link-linkedin .svg path { fill:#ff6495 }
.layout-team .member .link-linkedin .svg circle { stroke:#ff6495 }
.layout-team .member .link-linkedin:hover .svg path { fill:#78fff1 }
.layout-team .member .link-linkedin:hover .svg circle { stroke:#78fff1 }
.layout-contact .horizontal-wrapper { max-width:1580px; height:100% }
.layout-contact .page-outer { display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; width:100%; height: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 }
.layout-contact .page-content { position:relative; width:320px; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; z-index:2; line-height:1.8em; text-align:center }
.layout-contact .ctas { margin-top:30px }
.layout-contact .cta+.cta { margin-top:10px }
.layout-contact .social-links { position:absolute; bottom:40px; left:0; width:100% }
.layout-contact .social-links .links { display:-webkit-box; display:-ms-flexbox; display:flex; margin:0; padding:0; 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:center; -ms-flex-pack:center; justify-content:center; list-style:none }
.layout-contact .social-links .link { margin:0 5px; padding:0 }
.layout-contact .social-links .svg { position:relative; top:0; left:0; width:35px; height:35px; opacity:1; -webkit-transform:none; transform:none }
.layout-contact .social-links .svg, .layout-contact .social-links .svg path, .layout-contact .social-links .svg circle { -webkit-transition-property:fill, stroke; transition-property:fill, stroke; -webkit-transition-duration:.1s;
    transition-duration:.1s;
    -webkit-transition-timing-function:cubic-bezier(.645, .045, .355, 1); transition-timing-function:cubic-bezier(.645, .045, .355, 1) }
.layout-contact .social-links .svg path { fill:#6b57ff }
.layout-contact .social-links .svg circle { stroke:#6b57ff }
.layout-contact .social-links a:hover .svg path { fill:#ff6495 }
.layout-contact .social-links a:hover .svg circle { stroke:#ff6495 }
.layout-contact .office { margin:140px 0 0; position:relative; width:calc(50% - 160px); font-size:.82em; text-align:center }
.layout-contact .office-inner { position:relative; width:180px }
.layout-contact .office .inner-masked { position:relative; z-index:2 }
.layout-contact .office-ny { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1 }
.layout-contact .office-ln { -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3 }
.layout-contact .office-ln .office-inner { margin:0 0 0 auto }
.layout-contact .office .title { font-size:1.55em; line-height:1 }
.layout-contact .lottie-wrapper { display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); z-index:1 }
.layout-contact .lottie-wrapper:before { display:block; content:'' }
.layout-contact .lottie-wrapper.lottie-contact-illus-1 { margin:-250px 0 0 -85px; width:440px }
.layout-contact .lottie-wrapper.lottie-contact-illus-1:before { padding-top:89.42% }
.layout-contact .lottie-wrapper.lottie-contact-illus-2 { margin:-80px 0 0 95px; width:420px }
.layout-contact .lottie-wrapper.lottie-contact-illus-2:before { padding-top:98.3% }
.layout-contact .lottie-wrapper.lottie-contact-illus-3 { margin:0; top:205px; width:175px }
.layout-contact .lottie-wrapper.lottie-contact-illus-3:before { padding-top:139.2% }
.layout-contact .lottie-wrapper.lottie-contact-illus-3 .lottie-container { -webkit-transform:rotateZ(180deg); transform:rotateZ(180deg) }
.layout-contact .lottie-wrapper.lottie-contact-illus-4 { margin:0; top:auto; bottom:-15px; width:175px }
.layout-contact .lottie-wrapper.lottie-contact-illus-4:before { padding-top:139.2% }
.layout-contact .svg { position:absolute; top:50%; left:50%; opacity:0; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); z-index:1 }
.layout-error .page-outer { display:-webkit-box; display:-ms-flexbox; display:flex; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -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; z-index:2 }
.layout-error .page-content { position:relative; text-align:center }
.layout-error .page-title { display:block; margin:0; position:relative; -webkit-mask-clip:no-clip; mask-clip:no-clip; -webkit-mask-position:center; mask-position:center; font-size:100px; line-height:1 }
.layout-error .btn { position:absolute; bottom:-80px; -webkit-transform:translate3d(-50%, 0, 0); transform:translate3d(-50%, 0, 0) }
.layout-error .lottie-wrapper { display:block; position:absolute; top:50%; left:50%; width:1100px; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); z-index:1 }
.layout-error .lottie-wrapper:before { display:block; content:''; padding-top:45.64% }
.layout-page .page-title { margin-bottom:.25em }
.layout-page .page-inner { margin:250px auto 0; padding-bottom:250px; max-width:640px }
.layout-case { padding-top:200px }
.layout-case .metas { display:-webkit-box; display:-ms-flexbox; display:flex; margin:0 auto; padding:25px 35px; width:-webkit-fit-content; width:-moz-fit-content; width:fit-content; background:#27147a; list-style:none; -webkit-transform-origin:0 50%; transform-origin:0 50% }
.layout-case .metas .meta { display:block; color:#fff; font:14px/1 "GalanoGrotesque-Bold", sans-serif; letter-spacing:.2em; text-transform:uppercase; white-space:nowrap }
.layout-case .metas .meta:before { float:left; margin:calc(( 1em - 3px ) / 2) 20px 0; width:3px; height:3px; background:#ff6495; border-radius:50%; content:''; vertical-align:top }
.layout-case .metas .meta:first-child:before { display:none }
.layout-case .metas b { margin-left:.5em; color:#ff6495 }
.layout-case .section-intro { text-align:center }
.layout-case .section-intro .page-title { margin:0 0 10px; color:#78fff1; font:1.18em/1 "GalanoGrotesque-Bold", sans-serif; letter-spacing:.22em; text-transform:uppercase }
.layout-case .section-intro .client-description { margin:0 auto 40px; max-width:500px; text-align:center }
.layout-case .section-intro .quote { margin:80px auto 70px; max-width:920px; text-align:left }
.layout-case .section-intro .project-description { margin:0 auto; max-width:580px; text-align:left }
.layout-case .section-services .separator { margin:110px auto 70px; position:relative; width:12px; height:130px }
.layout-case .section-services .separator .line { position:absolute; top:0; right:auto; bottom:0; left:50%; width:1px; background:#78fff1; -webkit-transform-origin:0 0; transform-origin:0 0 }
.layout-case .section-services .separator .dot { position:absolute; margin:0 0 0 -4px; top:100%; left:50%; width:9px; height:9px }
.layout-case .section-services .separator .dot:before { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#78fff1; content:''; -webkit-transform:rotateZ(-45deg); transform:rotateZ(-45deg) }
.layout-case .section-services .title { margin:0 0 20px; text-align:center }
.layout-case .section-triangle { display:-webkit-box; display:-ms-flexbox; display:flex; padding-top:110px; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between }
.layout-case .section-triangle .block { padding:40px 45px; position:relative; width:460px; max-width:calc(50% - 30px) }
.layout-case .section-triangle .block .block-title, .layout-case .section-triangle .block .block-text { position:relative; z-index:2 }
.layout-case .section-triangle .block .block-title { margin:0 0 .5em; color:#fff; font:18px "GalanoGrotesque-Bold", sans-serif; letter-spacing:.2em; text-transform:uppercase }
.layout-case .section-triangle .block--problem { margin:0 auto; -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1 }
.layout-case .section-triangle .block--insight { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 }
.layout-case .section-triangle .block--advantage { -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4 }
.layout-case .section-triangle .block .background { position:absolute; top:0; left:0; width:100%; height:100%; background:#27147a; -webkit-transform-origin:0 0; transform-origin:0 0; z-index:1 }
.layout-case .section-triangle .territory { display:-webkit-box; display:-ms-flexbox; display:flex; margin:35px auto; position:relative; height:430px; width:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -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; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 }
.layout-case .section-triangle .territory .title { padding:2.2% 0; position:relative; background:#361999; z-index:2 }
.layout-case .section-triangle .territory .svg { position:absolute; top:50%; left:50%; width:515px; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0) }
.layout-case .section-triangle .territory .svg:before { display:block; padding-top:82.81%; content:'' }
.layout-case .section-triangle .territory .svg svg { position:absolute; top:0; left:0 }
.layout-case .section-triangle .territory .svg path { -webkit-animation:triangleLines 2s linear infinite; animation:triangleLines 2s linear infinite }
.layout-case .section-triangle .territory .svg path:nth-child(odd) {
    -webkit-animation-duration:4s;
    animation-duration:4s
}
.layout-case .section-impact .content { margin:100px auto; max-width:360px; font-size:18px }
.layout-case .case-navigation { position:absolute; top:50vh; top:calc(var(--vh, 1vh) * 50);
    left:calc(50% - ( var(--vw, 1vw) * 50 ));
    width:100vw; width:calc(var(--vw, 1vw) * 100);
    z-index:2 }
.layout-case .case-navigation .links { margin:0; padding:0; list-style:none }
.layout-case .case-navigation .link { position:absolute; top:-27px; -webkit-transition:-webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
    transition:-webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
    transition:transform .5s cubic-bezier(.645, .045, .355, 1);
    transition:transform .5s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1)
}
.layout-case .case-navigation .link--prev { right:100%; -webkit-transform:translate3d(54px, 0, 0); transform:translate3d(54px, 0, 0) }
.layout-case .case-navigation .link--prev .button { padding-right:0 }
.layout-case .case-navigation .link--prev .name { padding-right:15px; -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3 }
.layout-case .case-navigation .link--prev .icon { margin-right:0; -webkit-transform:rotateZ(180deg); transform:rotateZ(180deg) }
.layout-case .case-navigation .link--prev .image { left:0 }
.layout-case .case-navigation .link--prev:hover { -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) }
.layout-case .case-navigation .link--next { left:100%; -webkit-transform:translate3d(-54px, 0, 0); transform:translate3d(-54px, 0, 0) }
.layout-case .case-navigation .link--next .button { padding-left:0 }
.layout-case .case-navigation .link--next .name { padding-left:15px }
.layout-case .case-navigation .link--next .icon { margin-left:0 }
.layout-case .case-navigation .link--next .image { right:0 }
.layout-case .case-navigation .link--next:hover { -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) }
.layout-case .case-navigation .link:hover .image { -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%) }
.layout-case .case-navigation .button { display:-webkit-box; display:-ms-flexbox; display:flex; padding:0 320px; position:relative; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row }
.layout-case .case-navigation .button:before { display:block; position:absolute; top:-50px; right:-50px; bottom:-50px; left:-50px; background:transparent; content:'' }
.layout-case .case-navigation .name { display:block; padding:20px; background:#27147a; color:#fff; font:14px/1 "GalanoGrotesque-Bold", sans-serif; letter-spacing:.2em; text-transform:uppercase; white-space:nowrap }
.layout-case .case-navigation .icon { display:inline-block; margin:0 3px; position:relative; width:9px; height:14px; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; vertical-align:top }
.layout-case .case-navigation .icon:before, .layout-case .case-navigation .icon:after { display:block; margin:-1px 0 0; position:absolute; top:50%; right:0; width:10px; height:2px; background:#78fff1; content:''; -webkit-transform-origin:calc(100% - 1px) 50%; transform-origin:calc(100% - 1px) 50% }
.layout-case .case-navigation .icon:before { -webkit-transform:rotateZ(-45deg); transform:rotateZ(-45deg) }
.layout-case .case-navigation .icon:after { -webkit-transform:rotateZ(45deg); transform:rotateZ(45deg) }
.layout-case .case-navigation .image { display:block; position:absolute; top:0; width:320px; -webkit-clip-path:polygon(0 0, 100% 0, 100% 0, 0 0); clip-path:polygon(0 0, 100% 0, 100% 0, 0 0); -webkit-transition:-webkit-clip-path .7s cubic-bezier(.645, .045, .355, 1) 0s;
    transition:-webkit-clip-path .7s cubic-bezier(.645, .045, .355, 1) 0s;
    transition:clip-path .7s cubic-bezier(.645, .045, .355, 1) 0s;
    transition:clip-path .7s cubic-bezier(.645, .045, .355, 1) 0s, -webkit-clip-path .7s cubic-bezier(.645, .045, .355, 1) 0s
}
@media only screen and (max-width:1920px) {
    .layout-home .horizontal-wrapper {
        max-width:1260px
    }
    .layout-home .page-title {
        font-size:80px
    }
    .layout-home .page-text {
        max-width:570px;
        font-size:18px
    }
    .layout-home .illus-home {
        margin-left:490px
    }
}
@media only screen and (max-width:1440px) {
    .horizontal-wrapper {
        padding:0 145px
    }

    .rte h3 {
        font-size:16px
    }
    .btn {
        height:60px;
        border-radius:30px;
        line-height:60px
    }
    .btn .dot {
        left:25px
    }
    .btn:after, .btn .inner {
        margin:0 30px 0 40px
    }
    .btn:hover .inner {
        margin-right:40px
    }
    .btn:hover .dot {
        margin-left:-30px
    }
    .title-xl {
        font-size:3.75em
    }
    .section-title {
        margin-top:80px;
        padding:130px 0 140px
    }
    .section-title .separator {
        width:100px
    }
    .section-title .separator-vertical {
        margin-top:-130px;
        margin-bottom:180px;
        height:100px
    }
    .section-title .lottie-wrapper {
        bottom:-40px;
        width:320px
    }
    .section-title .svg {
        -webkit-transform:translate3d(-52.5%, 0, 0) scale(.75);
        transform:translate3d(-52.5%, 0, 0) scale(.75);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    .section-title--large .lottie-wrapper {
        bottom:0;
        width:188px
    }
    .section-cta {
        margin-top:120px
    }
    .section-cta .section-title {
        padding-top:100px;
        padding-bottom:30px
    }
    .section-cta .lottie-wrapper {
        width:100px
    }
    .slideshow-image {
        height:500px
    }
    .site-head .site-title {
        top:30px;
        left:40px
    }
    .site-head .link-login {
        top:54px;
        right:118px
    }

    .nav-main .nav-columns {
        max-width:780px
    }
    .nav-main .nav-columns .column-nav:before {
        left:450px
    }
    .nav-main .nav-columns .column-aside {
        font-size:1.75em
    }
    .nav-main .nav-columns .column .block-freelancer {
        margin-top:35px;
        line-height:1
    }
    .nav-main .nav-columns .column .block-freelancer a {
        display:inline-block;
        margin-top:-4px
    }
    .nav-main .nav-columns .column .block-freelancer a:hover span:after {
        -webkit-clip-path:circle(85px at 80px 33px);
        clip-path:circle(85px at 80px 33px)
    }
    .nav-main .nav-columns .column .block-freelancer a:hover small:after {
        -webkit-clip-path:circle(85px at 80px -11px);
        clip-path:circle(85px at 80px -11px)
    }
    .nav-main .nav-columns .column .block-contact {
        margin-top:45px
    }
    .nav-main .nav-columns .menu-item {
        font-size:2.2em
    }
    .nav-main .nav-columns .social-links .svg {
        width:30px;
        height:30px
    }
    .nav-main .illustrations .nav-illus-hand {
        margin:140px 0 0 315px;
        width:145px
    }
    .nav-main .illustrations .nav-illus-arm {
        margin:-280px 0 0 -270px;
        width:123px
    }
    .site-foot {
        padding:30px 40px
    }
    .layout-home .horizontal-wrapper {
        max-width:1060px
    }
    .layout-home .page-title {
        font-size:70px
    }
    .layout-home .page-text {
        margin:10px 0 35px;
        max-width:530px
    }
    .layout-home .illus-home {
        margin:70px 0 0 405px;
        width:458px;
        height:763px
    }
    .layout-long-page {
        margin:0
    }
    .layout-long-page .section-intro .svg {
        -webkit-transform:translate3d(-50%, -50%, 0) scale(.75);
        transform:translate3d(-50%, -50%, 0) scale(.75)
    }
    .layout-long-page .section-intro .statement-wrapper .statement {
        max-width:700px
    }
    .layout-long-page .section-title-variant {
        margin-top:80px;
        padding:100px 0 160px
    }
    .layout-long-page .section-title-variant .lottie-wrapper {
        margin:0 0 0 -10px;
        width:446px
    }
    .layout-long-page .section-advantages {
        position:relative
    }
    .layout-long-page .section-advantages .advantages {
        max-width:800px
    }
    .layout-long-page .section-advantages .advantage {
        margin:0 0 250px;
        height:auto
    }
    .layout-long-page .section-advantages .advantage .separator {
        margin-bottom:40px;
        height:100px
    }
    .layout-long-page .section-advantages .advantage .svg {
        -webkit-transform:translate3d(-50%, -50%, 0) scale(.75);
        transform:translate3d(-50%, -50%, 0) scale(.75)
    }
    .layout-long-page .section-how .step .svg {
        -webkit-transform:scale(.75);
        transform:scale(.75)
    }
    .layout-long-page .section-how .step-number .svg {
        -webkit-transform:translate3d(-50%, -50%, 0) scale(.75);
        transform:translate3d(-50%, -50%, 0) scale(.75)
    }
    .layout-long-page .section-how .step-text {
        margin-top:15px
    }
    .layout-long-page .section-how .element .svg {
        -webkit-transform:translate3d(-50%, -50%, 0) scale(.75);
        transform:translate3d(-50%, -50%, 0) scale(.75)
    }
    .nav-sections {
        right:32px
    }
    .layout-about .lottie-wrapper.lottie-about-illus {
        margin:-20px 0 0 -90px;
        width:1080px
    }
    .layout-about .section-intro .statement-wrapper .statement {
        max-width:790px
    }
    .layout-how .illus-wrapper.illus-how-element-1 {
        width:135px
    }
    .layout-how .illus-wrapper.illus-how-element-2 {
        margin:-150px 0 0 -590px;
        width:135px
    }
    .layout-how .illus-wrapper.illus-how-element-3 {
        width:510px
    }
    .layout-how .illus-wrapper.illus-how-element-4 {
        margin:100px 0 0 -570px;
        width:150px
    }
    .layout-how .lottie-wrapper.lottie-how-intro-illus {
        margin:70px 0 0 -50px;
        width:1260px
    }
    .layout-how .lottie-wrapper.lottie-how-1 {
        margin:-60px 0 -50px -120px;
        width:550px
    }
    .layout-how .lottie-wrapper.lottie-how-2 {
        margin:-30px 0 -15px 23px;
        width:280px
    }
    .layout-how .lottie-wrapper.lottie-how-3 {
        margin:0 0 -30px -15px;
        width:310px
    }
    .layout-how .lottie-wrapper.lottie-how-4 {
        margin:-20px 0 0 65px;
        width:210px
    }
    .layout-how .lottie-wrapper.lottie-how-5 {
        margin:0 0 -40px 10px;
        width:300px
    }
    .layout-how .lottie-wrapper.lottie-how-6 {
        margin:0 0 -130px 65px;
        width:345px
    }
    .layout-how .svg-how-1-line {
        margin:-130px 0 0 110px
    }
    .layout-how .svg-how-2-line {
        margin:-70px 0 0 -125px
    }
    .layout-how .svg-how-3-line {
        margin:-120px 0 0 140px
    }
    .layout-how .svg-how-4-line {
        margin:-80px 0 0 -145px
    }
    .layout-how .svg-how-5-line {
        margin:-175px 0 0 110px
    }
    .layout-how .svg-how-6-line {
        margin:-150px 0 0 -100px
    }
    .layout-how .section-how .steps {
        width:780px
    }
    .layout-how .section-how .step-1 {
        margin-top:300px
    }
    .layout-how .section-how .step-1 .step-number {
        top:-10px;
        left:120px
    }
    .layout-how .section-how .step-2 {
        margin-top:90px
    }
    .layout-how .section-how .step-2 .step-number {
        top:-20px;
        left:150px
    }
    .layout-how .section-how .step-3 {
        margin-top:160px
    }
    .layout-how .section-how .step-3 .step-number {
        top:-20px;
        left:120px
    }
    .layout-how .section-how .step-4 {
        margin-top:-20px
    }
    .layout-how .section-how .step-4 .step-number {
        top:185px
    }
    .layout-how .section-how .step-5 {
        margin-top:50px
    }
    .layout-how .section-how .step-5 .step-number {
        top:287px;
        left:380px
    }
    .layout-how .section-how .step-6 {
        margin:40px 100px 0 0
    }
    .layout-how .section-how .step-6 .step-number {
        top:240px;
        left:0
    }
    .layout-what .illus-wrapper.illus-what-element-1 {
        margin:350px 0 0 -780px;
        width:123px
    }
    .layout-what .illus-wrapper.illus-what-element-2 {
        margin:350px 0 0 680px;
        width:135px
    }
    .layout-what .illus-wrapper.illus-what-element-3 {
        margin:400px 0 0 70px;
        width:105px
    }
    .layout-what .illus-wrapper.illus-what-element-4 {
        margin:-290px 0 0 170px;
        width:135px
    }
    .layout-what .lottie-wrapper.lottie-what-intro-illus {
        margin:120px 0 0 0;
        width:1400px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-1 {
        margin:105px 0 0 -345px;
        width:438px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-2 {
        margin:155px 0 0 220px;
        width:1174px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-3 {
        margin:85px 0 0 -350px;
        width:788px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-4 {
        margin:60px 0 0 95px;
        width:863px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-5 {
        margin:-70px 0 0 -365px;
        width:525px
    }
    .layout-what .section-intro .statement-wrapper {
        margin-top:calc(( 100vh - 820px ) / -2);
        margin-top:calc(( (var(--vh, 1vh) * 100) - 820px ) / -2)
    }
    .layout-what .section-advantages .advantage-5 {
        margin-bottom:0
    }
    .layout-freelancer .illus-wrapper.illus-freelancer-element-2 {
        margin:-250px 0 0 635px;
        width:225px
    }
    .layout-freelancer .illus-wrapper.illus-freelancer-element-3 {
        margin:-300px 0 0 600px;
        width:150px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-intro-illus {
        margin:110px 0 0 -70px;
        width:1150px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-element-illus-1 {
        display:none
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-element-illus-2 {
        margin:-240px 0 0 640px;
        width:202px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-element-illus-3 {
        margin:-300px 0 0 600px;
        width:140px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-advantage-1 {
        margin:45px 0 0 -480px;
        width:525px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-advantage-2 {
        margin:120px 0 0 20px;
        width:855px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-advantage-3 {
        margin:-55px 0 0 -180px;
        width:877px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-how-1 {
        margin:0 0 0 10px;
        width:315px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-how-2 {
        margin:0 0 -100px -125px;
        width:535px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-how-4 {
        margin:0 0 -40px -10px;
        width:430px
    }
    .layout-freelancer .svg-freelancer-how-1-line {
        margin:-130px 0 0 110px
    }
    .layout-freelancer .svg-freelancer-how-2-line {
        margin:-115px 0 0 -127px
    }
    .layout-freelancer .svg-freelancer-how-3-line {
        margin:-110px 0 0 120px
    }
    .layout-freelancer .svg-freelancer-how-4-line {
        margin:-65px 0 0 -155px
    }
    .layout-freelancer .section-advantages .advantage-1 {
        margin-top:180px
    }
    .layout-freelancer .section-advantages .advantage-3 {
        margin-bottom:150px
    }
    .layout-freelancer .section-how .steps {
        width:780px
    }
    .layout-freelancer .section-how .step-1 {
        margin:255px 0 0 30px
    }
    .layout-freelancer .section-how .step-1 .step-number {
        top:-20px;
        left:90px
    }
    .layout-freelancer .section-how .step-2 {
        margin:120px 0 0 0
    }
    .layout-freelancer .section-how .step-2 .step-number {
        top:0;
        left:180px
    }
    .layout-freelancer .section-how .step-3 {
        margin:60px 0 0 0
    }
    .layout-freelancer .section-how .step-3 .step-number {
        top:180px;
        left:360px
    }
    .layout-freelancer .section-how .step-4 {
        margin:30px 0 100px 0
    }
    .layout-freelancer .section-how .step-4 .step-number {
        top:120px;
        left:-10px
    }
    .layout-clients .lottie-wrapper.lottie-clients-illus-1 {
        margin:0 0 0 -50px;
        width:1232px
    }
    .layout-clients .section-clients {
        margin-top:calc(( 100vh - 560px ) / -2);
        margin-top:calc(( (var(--vh, 1vh) * 100) - 560px ) / -2)
    }
    .layout-clients .section-clients .logos .logo {
        margin-top:40px
    }
    .layout-clients .section-testimonials {
        margin:150px 0
    }
    .layout-clients .section-testimonials .section-content {
        height:400px
    }
    .layout-clients .section-testimonials .title {
        width:auto
    }
    .layout-clients .section-testimonials .slideshow-text {
        width:500px
    }
    .layout-clients .section-articles {
        margin:150px 0 200px
    }
    .layout-clients .section-articles .article {
        margin-top:150px
    }
    .layout-clients .section-articles .article-content, .layout-clients .section-articles .article .image {
        width:calc(50% - 40px)
    }
    .layout-team .page-title {
        margin-top:320px;
        margin-bottom:100px
    }
    .layout-team .page-title .lottie-wrapper {
        margin-top:20px;
        margin-left:-25px;
        width:600px
    }
    .layout-team .employees {
        margin:150px auto;
        max-width:700px
    }
    .layout-team .employees .member {
        width:290px
    }
    .layout-team .employees .member:nth-child(2n) {
        margin-top:150px
    }
    .layout-team .employees .member:nth-child(6n+1) .illus-wrapper {
        bottom:-120px;
        left:-260px;
        width:120px
    }
    .layout-team .employees .member:nth-child(6n+5) .illus-wrapper {
        bottom:0;
        left:-220px;
        width:80px
    }
    .layout-team .employees .member:nth-child(6n+6) .illus-wrapper {
        top:-40px;
        right:-210px;
        width:120px
    }
    .layout-team .member .inner-masked {
        padding-bottom:30px
    }
    .layout-team .member .link-linkedin .svg {
        width:30px;
        height:30px
    }
    .layout-contact .page-content {
        width:300px
    }
    .layout-contact .social-links {
        margin:0 0 -240px;
        bottom:50%
    }
    .layout-contact .social-links .link {
        margin:0 10px
    }
    .layout-contact .social-links .svg {
        width:30px;
        height:30px
    }
    .layout-contact .office {
        margin:140px 0 0;
        position:relative;
        width:calc(50% - 160px);
        font-size:.82em;
        text-align:center
    }
    .layout-contact .office-inner {
        position:relative;
        width:180px
    }
    .layout-contact .office-ny {
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
    .layout-contact .office-ln {
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3
    }
    .layout-contact .office-ln .office-inner {
        margin:0 0 0 auto
    }
    .layout-contact .office .title {
        font-size:1.55em;
        line-height:1
    }
    .layout-contact .lottie-wrapper.lottie-contact-illus-1 {
        margin:-185px 0 0 -63px;
        width:330px
    }
    .layout-contact .lottie-wrapper.lottie-contact-illus-2 {
        margin:-62px 0 0 70px;
        width:315px
    }
    .layout-contact .lottie-wrapper.lottie-contact-illus-3, .layout-contact .lottie-wrapper.lottie-contact-illus-4 {
        display:none
    }
    .layout-contact .svg {
        -webkit-transform:translate3d(-50%, -50%, 0) scale(.75);
        transform:translate3d(-50%, -50%, 0) scale(.75)
    }
    .layout-case {
        padding-top:160px
    }
    .layout-case .metas {
        padding:20px 30px
    }
    .layout-case .metas .meta {
        font-size:13px
    }
    .layout-case .section-intro .client-description {
        max-width:360px
    }
    .layout-case .section-intro .quote {
        margin-top:70px;
        margin-bottom:60px;
        max-width:720px
    }
    .layout-case .section-intro .project-description {
        max-width:480px
    }
    .layout-case .section-services .separator {
        margin-top:80px;
        margin-bottom:40px;
        height:100px
    }
    .layout-case .section-triangle {
        padding-top:80px
    }
    .layout-case .section-triangle .block {
        padding:35px 40px;
        width:430px
    }
    .layout-case .section-triangle .block .block-title {
        font-size:16px
    }
    .layout-case .section-triangle .territory {
        margin:25px auto;
        height:360px
    }
    .layout-case .section-triangle .territory .title {
        padding:1.6% 0
    }
    .layout-case .section-triangle .territory .svg {
        width:430px
    }
    .layout-case .section-impact .content {
        max-width:320px
    }
    .layout-case .case-navigation .button {
        padding:0 260px
    }
    .layout-case .case-navigation .image {
        width:260px
    }
}
@media only screen and (max-width:1280px) {
    .horizontal-wrapper {
        padding:0 120px
    }

    .rte h3 {
        font-size:14px
    }
    .btn-sm {
        font-size:.7em
    }
    .section-cta .buttons {
        max-width:260px
    }
    .section-title--large .lottie-wrapper {
        bottom:-15px
    }
    .site-head .site-title {
        top:20px;
        left:30px
    }
    .site-head .site-title .svg-logo {
        width:60px;
        height:45px
    }
    .site-head .link-login {
        top:39px;
        right:108px
    }

    .nav-main .nav-columns {
        max-width:700px
    }
    .nav-main .nav-columns .column-nav:before {
        left:400px
    }
    .nav-main .nav-columns .column-aside {
        font-size:2.1875em
    }
    .nav-main .nav-columns .menu-item {
        font-size:2.75em
    }
    .nav-main .illustrations .nav-illus-hand {
        margin-left:275px
    }
    .site-foot {
        padding:20px 30px
    }
    .layout-home .horizontal-wrapper {
        max-width:820px
    }
    .layout-home .page-title {
        font-size:55px
    }
    .layout-home .page-text {
        max-width:460px;
        font-size:16px
    }
    .layout-home .illus-home {
        margin:75px 0 0 320px;
        width:400px;
        height:667px
    }
    .layout-long-page .section-intro .statement-wrapper .statement {
        max-width:570px
    }
    .layout-long-page .section-advantages .advantages {
        max-width:700px
    }
    .layout-long-page .section-advantages .advantage-text {
        max-width:360px
    }
    .layout-long-page .section-how .step-content {
        max-width:300px
    }
    .layout-long-page .section-list-toggle {
        margin-bottom:200px
    }
    .layout-long-page .section-list-toggle .section-text {
        margin:30px 0
    }
    .layout-long-page .section-list-toggle .block-list-toggle {
        width:784px;
        height:400px
    }
    .layout-long-page .section-list-toggle .block-list-toggle .title {
        width:110px;
        font-size:18px
    }
    .layout-long-page .section-list-toggle .block-list-toggle .body .text {
        font-size:1em
    }
    .layout-long-page .section-list-toggle .block-list-toggle .lottie-wrapper {
        width:960px
    }
    .nav-sections {
        right:22px
    }
    .layout-about .section-intro .statement-wrapper .statement {
        max-width:620px
    }
    .layout-about .svg-about-advantage-1-line {
        width:134px;
        height:182px
    }
    .layout-about .svg-about-advantage-2-line {
        width:134px;
        height:129px
    }
    .layout-about .svg-about-advantage-3-line {
        width:134px;
        height:92px
    }
    .layout-about .svg-about-advantage-4-line {
        width:134px;
        height:55px
    }
    .layout-about .svg-about-advantage-5-line {
        width:131px;
        height:14px
    }
    .layout-about .svg-about-advantage-6-line {
        margin-top:-45px;
        width:76px;
        height:32px
    }
    .layout-how .lottie-wrapper.lottie-how-2 {
        margin-left:8px
    }
    .layout-how .lottie-wrapper.lottie-how-4 {
        margin-left:40px
    }
    .layout-how .section-how .steps {
        width:700px
    }
    .layout-how .section-how .step-1 .step-number {
        left:80px
    }
    .layout-how .section-how .step-5 .step-number {
        left:320px
    }
    .layout-how .section-how .step-6 {
        margin:40px 80px 0 0
    }
    .layout-how .section-how .step-6 .step-number {
        top:230px
    }
    .layout-what .illus-wrapper.illus-what-element-1 {
        margin:320px 0 0 -640px
    }
    .layout-what .illus-wrapper.illus-what-element-2 {
        margin:350px 0 0 600px
    }
    .layout-what .illus-wrapper.illus-what-element-3 {
        margin:400px 0 0 70px
    }
    .layout-what .illus-wrapper.illus-what-element-4 {
        margin:-290px 0 0 170px
    }
    .layout-what .lottie-wrapper.lottie-what-intro-illus {
        width:1260px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-1 {
        margin:105px 0 0 -280px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-2 {
        margin:135px 0 0 170px;
        width:984px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-3 {
        margin:85px 0 0 -310px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-4 {
        margin:60px 0 0 120px;
        width:800px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-5 {
        margin:-50px 0 0 -325px
    }
    .layout-what .section-intro .statement-wrapper {
        margin-top:calc(( 100vh - 720px ) / -2);
        margin-top:calc(( (var(--vh, 1vh) * 100) - 720px ) / -2)
    }
    .layout-what .section-advantages .advantage-text {
        max-width:240px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-advantage-1 {
        margin:60px 0 0 -425px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-advantage-3 {
        margin:-40px 0 0 -180px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-how-3 {
        margin-left:-35px
    }
    .layout-freelancer .section-advantages .advantage-1 {
        margin-top:100px
    }
    .layout-freelancer .section-how .steps {
        width:700px
    }
    .layout-freelancer .section-how .step-1 {
        margin-top:245px;
        margin-left:0
    }
    .layout-freelancer .section-how .step-1 .step-number {
        top:-10px;
        left:80px
    }
    .layout-freelancer .section-how .step-2 {
        margin-top:140px
    }
    .layout-freelancer .section-how .step-2 .step-number {
        top:10px;
        left:160px
    }
    .layout-freelancer .section-how .step-3 .step-number {
        left:320px
    }
    .layout-freelancer .section-how .step-4 .step-number {
        left:-10px
    }
    .layout-clients .lottie-wrapper.lottie-clients-illus-1 {
        left:500px;
        margin:20px 0 0 0;
        width:976px
    }
    .layout-clients .lottie-wrapper.lottie-clients-illus-2 {
        margin:-25px 0 0;
        width:480px
    }
    .layout-clients .section-clients {
        margin-top:calc(( 100vh - 460px ) / -2);
        margin-top:calc(( (var(--vh, 1vh) * 100) - 460px ) / -2)
    }
    .layout-clients .section-clients .title {
        margin-bottom:60px
    }
    .layout-clients .section-clients .logos .logo {
        margin-top:40px
    }
    .layout-clients .section-testimonials .section-content {
        height:300px
    }
    .layout-clients .section-testimonials .slideshow-text {
        width:400px
    }
    .layout-clients .section-articles {
        margin:150px 0 200px
    }
    .layout-clients .section-articles .article {
        margin-top:100px
    }
    .layout-clients .section-articles .article-content, .layout-clients .section-articles .article .image {
        width:calc(50% - 30px)
    }
    .layout-team .page-title {
        margin-top:280px
    }
    .layout-team .employees {
        margin:100px auto;
        max-width:540px
    }
    .layout-team .employees .member {
        width:230px
    }
    .layout-team .employees .member:nth-child(2n) {
        margin-top:100px
    }
    .layout-team .employees .member:nth-child(6n+1) .illus-wrapper {
        bottom:-80px;
        left:-180px;
        width:100px
    }
    .layout-team .employees .member:nth-child(6n+5) .illus-wrapper {
        bottom:0;
        left:-160px;
        width:60px
    }
    .layout-team .employees .member:nth-child(6n+6) .illus-wrapper {
        top:-30px;
        right:-160px;
        width:100px
    }
    .layout-team .member {
        width:230px
    }
    .layout-error .page-title {
        font-size:80px
    }
    .layout-error .btn {
        bottom:-70px
    }
    .layout-error .lottie-wrapper {
        width:900px
    }
    .layout-page .page-inner {
        margin-top:150px;
        padding-bottom:150px;
        max-width:540px
    }
    .layout-case {
        padding-top:120px
    }
    .layout-case .metas {
        padding:20px 25px
    }
    .layout-case .metas .meta {
        font-size:12px
    }
    .layout-case .section-intro .quote {
        margin-top:60px;
        margin-bottom:50px;
        max-width:580px
    }
    .layout-case .section-intro .project-description {
        max-width:420px
    }
    .layout-case .section-triangle .block {
        padding:35px 40px;
        width:400px
    }
    .layout-case .section-triangle .block .block-title {
        font-size:14px
    }
}
@media only screen and (max-width:992px) {
    .slideshow-text .slide {
        top:65px;
        bottom:0;
        left:0;
        height:auto
    }
    .slideshow-text .pagination {
        top:0;
        left:0;
        width:100%;
        height:auto;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
    .slideshow-image {
        margin-top:40px;
        margin-bottom:120px;
        height:calc(56.25vw - 100px)
    }
    .slideshow-image .slide.is-active~.slide .image-container {
        left:-50px
    }
    .slideshow-image .image-container {
        top:25px;
        right:-50px;
        height:calc(100% - 50px)
    }
    .slideshow-image .pagination {
        bottom:-100px
    }
    .slideshow-image .sizer {
        width:50px;
        height:calc(100% - 50px)
    }
    .section-title {
        padding:90px 0 110px
    }
    .section-title .separator-vertical {
        margin-top:-90px;
        margin-bottom:160px;
        height:80px
    }
    .section-title .lottie-wrapper {
        bottom:-25px;
        width:250px
    }
    .section-title .svg {
        -webkit-transform:translate3d(-52.5%, 0, 0) scale(.6);
        transform:translate3d(-52.5%, 0, 0) scale(.6)
    }
    .section-title--large .lottie-wrapper {
        bottom:5px;
        width:145px
    }
    .section-cta {
        margin-top:150px;
        margin-bottom:45px
    }
    .section-cta .section-title {
        padding-top:130px
    }
    .nav-main .nav-columns {
        max-width:600px
    }
    .nav-main .nav-columns .column-nav:before {
        left:350px
    }
    .nav-main .illustrations .nav-illus-hand {
        margin-left:220px
    }
    .nav-main .illustrations .nav-illus-arm {
        margin:-300px 0 0 -210px
    }
    .layout-home .horizontal-wrapper {
        max-width:580px
    }
    .layout-home .page-title {
        font-size:45px
    }
    .layout-home .page-text {
        margin-bottom:30px
    }
    .layout-home .illus-home {
        margin-top:115px
    }
    .layout-long-page .section-intro .section-text {
        max-width:360px
    }
    .layout-long-page .section-title-variant {
        padding:70px 0 130px
    }
    .layout-long-page .section-title-variant .lottie-wrapper {
        width:348px
    }
    .layout-long-page .section-advantages .advantage .svg {
        -webkit-transform:translate3d(-50%, -50%, 0) scale(.6);
        transform:translate3d(-50%, -50%, 0) scale(.6)
    }
    .layout-long-page .section-how .step {
        margin:200px 0 0
    }
    .layout-long-page .section-how .step:nth-child(1n) {
        -ms-flex-item-align:center;
        align-self:center
    }
    .layout-long-page .section-how .step .step-number {
        margin-left:-15px;
        top:-30px;
        left:50%
    }
    .layout-long-page .section-how .step .step-number .line {
        display:block;
        position:absolute;
        top:-110px;
        left:50%;
        width:1px;
        height:100px;
        background-image:repeating-linear-gradient(to bottom, #78fff1 0, #78fff1 5px, transparent 5px, transparent 8px)
    }
    .layout-long-page .section-how .step .step-number .svg {
        display:none
    }
    .layout-long-page .section-list-toggle {
        margin-bottom:250px
    }
    .layout-long-page .section-list-toggle .block-list-toggle {
        margin:0 -90px;
        width:auto;
        height:380px
    }
    .layout-long-page .section-list-toggle .block-list-toggle .lottie-wrapper {
        width:900px
    }
    .layout-about .lottie-wrapper.lottie-about-illus {
        margin:-50px 0 0 -170px;
        width:1150px
    }
    .layout-about .section-intro .statement-wrapper .statement {
        max-width:500px
    }
    .layout-about .svg-about-advantage-2-line {
        width:100px;
        overflow:hidden
    }
    .layout-about .svg-about-advantage-2-line svg {
        width:134px;
        height:129px
    }
    .layout-how .lottie-wrapper.lottie-how-intro-illus {
        margin:-90px 0 0 -50px;
        width:1680px
    }
    .layout-how .lottie-wrapper.lottie-how-4 {
        margin-left:45px
    }
    .layout-how .section-how .steps {
        width:500px
    }
    .layout-what .illus-wrapper.illus-what-element-1 {
        margin:320px 0 0 -450px;
        width:123px
    }
    .layout-what .illus-wrapper.illus-what-element-2 {
        margin:330px 0 0 400px;
        width:135px
    }
    .layout-what .illus-wrapper.illus-what-element-3 {
        margin:400px 0 0 70px;
        width:105px
    }
    .layout-what .illus-wrapper.illus-what-element-4 {
        margin:-190px 0 0 100px;
        width:135px
    }
    .layout-what .lottie-wrapper.lottie-what-intro-illus {
        margin:210px 0 0;
        width:1600px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-1 {
        margin:105px 0 0 -235px;
        width:350px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-2 {
        margin:145px 0 0 140px;
        width:840px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-3 {
        margin:85px 0 0 -280px;
        width:630px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-4 {
        margin:60px 0 0 85px;
        width:691px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-5 {
        margin:-40px 0 0 -285px;
        width:480px
    }
    .layout-what .section-intro .statement-wrapper {
        margin-top:0;
        margin-top:0
    }
    .layout-freelancer .illus-wrapper.illus-freelancer-element-2, .layout-freelancer .illus-wrapper.illus-freelancer-element-3 {
        display:none!important
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-advantage-1 {
        margin:60px 0 0 -365px;
        width:420px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-advantage-2 {
        margin:80px 0 0 20px;
        width:684px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-element-illus-2, .layout-freelancer .lottie-wrapper.lottie-freelancer-element-illus-3 {
        display:none!important
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-element-illus-2 {
        margin:-240px 0 0 640px;
        width:162px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-advantage-3 {
        margin:0 0 0 -180px;
        width:700px
    }
    .layout-freelancer .section-how .steps {
        width:500px
    }
    .layout-clients .lottie-wrapper.lottie-clients-illus-1 {
        left:460px;
        margin:0
    }
    .layout-clients .section-clients .logos .logo {
        width:calc(33% - 20px)
    }
    .layout-clients .section-clients .logos .logo:nth-child(1n) {
        margin-top:30px
    }
    .layout-clients .section-clients .logos .logo:nth-child(3n+2) {
        margin-top:0
    }
    .layout-clients .section-testimonials {
        margin:200px 0 100px
    }
    .layout-clients .section-testimonials .title {
        margin-bottom:70px
    }
    .layout-clients .section-testimonials .section-content {
        display:block;
        height:auto
    }
    .layout-clients .section-testimonials .slideshow-text {
        margin:0 auto;
        width:320px;
        height:300px
    }
    .layout-clients .section-testimonials .slideshow-text .slide {
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    .layout-clients .section-articles {
        margin:100px 0 150px
    }
    .layout-team .partners {
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .layout-team .partners .member {
        margin-top:60px
    }
    .layout-team .partners .member:nth-child(-n+2) {
        margin-top:0
    }
    .layout-team .partners .member:nth-child(3n+3):last-child {
        margin:60px auto 0
    }
    .layout-team .employees {
        margin:200px auto 140px
    }
    .layout-team .employees .member:nth-child(2n) {
        margin-top:140px
    }
    .layout-team .employees .member:first-child .illus-wrapper {
        top:-140px;
        right:-200px;
        bottom:auto;
        left:auto
    }
    .layout-contact .page-outer {
        margin:0 -90px;
        width:auto
    }
    .layout-page .page-inner {
        margin-top:100px;
        padding-bottom:100px
    }
    .layout-case .case-navigation .link {
        top:-22px
    }
    .layout-case .case-navigation .link--prev {
        -webkit-transform:translate3d(44px, 0, 0);
        transform:translate3d(44px, 0, 0)
    }
    .layout-case .case-navigation .link--prev .name {
        padding-right:10px
    }
    .layout-case .case-navigation .link--next {
        -webkit-transform:translate3d(-44px, 0, 0);
        transform:translate3d(-44px, 0, 0)
    }
    .layout-case .case-navigation .link--next .name {
        padding-left:10px
    }
    .layout-case .case-navigation .button {
        padding:0 220px
    }
    .layout-case .case-navigation .name {
        padding:15px
    }
    .layout-case .case-navigation .icon {
        margin:0 2px;
        width:8px;
        height:12px
    }
    .layout-case .case-navigation .icon:before, .layout-case .case-navigation .icon:after {
        width:8px;
        height:2px
    }
    .layout-case .case-navigation .image {
        width:220px
    }
    .layout-case .metas .meta {
        font-size:11px
    }
    .layout-case .metas .meta:before {
        margin:calc(( 1em - 3px ) / 2) 15px 0
    }
    .layout-case .section-intro .client-description {
        margin-bottom:30px
    }
    .layout-case .section-services .title {
        margin-bottom:10px
    }
    .layout-case .section-triangle {
        padding-top:40px;
        margin:0 -50px
    }
    .layout-case .section-triangle .block {
        padding:25px 30px;
        max-width:calc(50% - 15px)
    }
    .layout-case .section-triangle .territory {
        margin:15px auto;
        height:320px
    }
    .layout-case .section-triangle .territory .svg {
        width:380px
    }
    .layout-case .section-impact .content {
        margin:60px auto;
        max-width:280px;
        font-size:1em
    }
}
@media only screen and (max-width:767px) {
    .horizontal-wrapper {
        padding:0 50px
    }
    .title-xl {
        font-size:2.75em
    }
    .title-lg {
        font-size:2.5em
    }
    .title-md {
        font-size:2.25em
    }
    .title-sm {
        font-size:2em
    }
    .rte p {
        margin:1em 0
    }
    .btn {
        height:44px;
        border-radius:22px;
        line-height:44px
    }
    .btn .dot {
        margin-top:-3px;
        left:17px
    }
    .btn:before {
        border-width:2px
    }
    .btn:after, .btn .inner {
        margin:0 20px 0 30px
    }
    .btn:hover .inner {
        margin-right:30px
    }
    .btn:hover .dot {
        margin-left:-22px
    }
    .btn-sm {
        padding-top:12px;
        height:50px;
        border-radius:50px;
        line-height:1.2
    }
    .btn-sm:after {
        display:none
    }
    .btn-sm .inner span {
        display:block
    }
    .btn-sm:hover .inner {
        color:#fff
    }
    .section-title {
        margin:80px -50px 0;
        padding:90px 0 100px;
        font-size:2.5em;
        white-space:nowrap
    }
    .section-title .lottie-wrapper {
        width:215px
    }
    .section-title .svg {
        -webkit-transform:translate3d(-52.5%, 0, 0) scale(.5);
        transform:translate3d(-52.5%, 0, 0) scale(.5)
    }
    .section-title .separator {
        width:60px
    }
    .section-title .separator .dot {
        margin-top:-3px;
        width:7px;
        height:7px
    }
    .section-title .separator-vertical {
        margin-top:-110px;
        margin-bottom:110px;
        width:8px;
        height:60px
    }
    .section-title .separator-vertical .dot {
        margin-left:-3px;
        width:7px;
        height:7px
    }
    .section-title--large .lottie-wrapper {
        bottom:-5px;
        width:125px
    }
    .section-cta {
        margin:0 50px 90px
    }
    .section-cta .section-title {
        margin-top:0;
        padding-top:50px;
        font-size:1.6em;
        white-space:normal
    }
    .section-cta .section-title br {
        display:block
    }
    .section-cta .lottie-wrapper {
        margin-top:30px;
        width:80px
    }
    .section-cta .buttons .btn-sm {
        padding-top:0;
        line-height:50px
    }
    .slideshow-image {
        margin-top:30px;
        margin-bottom:60px;
        height:calc(56.25vw)
    }
    .slideshow-image .slide.is-active~.slide .image-container {
        left:0
    }
    .slideshow-image .image-container {
        top:20px;
        right:0;
        height:calc(100% - 40px)
    }
    .slideshow-image .caption {
        display:none
    }
    .slideshow-image .pagination {
        bottom:-50px
    }
    .slideshow-image .sizer {
        height:calc(100% - 40px)
    }
    .global-loader .svg-logo {
        width:176px;
        height:132px
    }
    .global-loader .text {
        margin-top:10px;
        font-size:14px
    }
    .site-head .site-title {
        top:10px;
        left:20px
    }
    .site-head .site-title .svg-logo {
        overflow:hidden;
        width:9px
    }
    .site-head .site-title .svg-logo svg {
        margin-left:-30px;
        width:60px;
        height:45px
    }
    .site-head .site-title .svg-logo g:first-child path:nth-child(1), .site-head .site-title .svg-logo g:first-child path:nth-child(2), .site-head .site-title .svg-logo g:first-child path:nth-child(4), .site-head .site-title .svg-logo g:first-child path:nth-child(5), .site-head .site-title .svg-logo g:first-child path:nth-child(6), .site-head .site-title .svg-logo g:first-child path:nth-child(7), .site-head .site-title .svg-logo g:first-child path:nth-child(8), .site-head .site-title .svg-logo g:first-child path:nth-child(9) {
        display:none
    }
    .site-head .site-title .svg-logo g:last-child {
        display:none
    }
    .site-head .link-login {
        top:29px;
        right:76px
    }
    .site-head .link-login:after {
        right:-18px
    }
    .nav-main .nav-toggle {
        top:15px;
        right:10px
    }
    .nav-main .illustrations {
        display:none
    }
    .nav-main .nav-columns {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        text-align:center
    }
    .nav-main .nav-columns .column {
        width:100%
    }
    .nav-main .nav-columns .column-nav {
        padding-bottom:15px;
        margin-bottom:15px;
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
    .nav-main .nav-columns .column-nav:before {
        margin-left:-3px;
        top:auto;
        bottom:0;
        left:50%;
        width:6px;
        height:6px
    }
    .nav-main .nav-columns .column-aside {
        font-size:1.5em
    }
    .nav-main .nav-columns .column .block-freelancer {
        margin-top:0;
        margin-bottom:15px;
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .nav-main .nav-columns .column .block-freelancer span:after, .nav-main .nav-columns .column .block-freelancer small:after {
        display:none
    }
    .nav-main .nav-columns .column .block-freelancer a {
        margin-top:0;
        padding:10px 0
    }
    .nav-main .nav-columns .column .block-contact {
        margin-top:30px;
        margin-bottom:0;
        padding-bottom:0;
        position:relative;
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3
    }
    .nav-main .nav-columns .column .block-contact:before {
        display:block;
        margin-left:-3px;
        position:absolute;
        top:-18px;
        left:50%;
        width:6px;
        height:6px;
        background:#190c4d;
        border-radius:50%;
        content:''
    }
    .nav-main .nav-columns .column .block-contact>a {
        display:block;
        margin:0 0 10px
    }
    .nav-main .nav-columns .column .block-contact>a:after {
        display:none
    }
    .nav-main .nav-columns .menu-item {
        font-size:1.5em
    }
    .nav-main .nav-columns .menu-item a {
        padding:10px 0
    }
    .nav-main .nav-columns .menu-item+.menu-item {
        margin-top:0
    }
    .nav-main .nav-columns .menu-item:nth-child(1n) a:after {
        display:none
    }
    .nav-main .nav-columns .social-links .links {
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .nav-main .nav-columns .social-links .link {
        margin:0 10px
    }
    .site-foot {
        padding:15px 20px;
        z-index:15
    }
    .site-foot .nav-foot {
        float:none
    }
    .site-foot .nav-foot li {
        display:block;
        float:none
    }
    .site-foot .nav-foot li+li {
        margin-top:2px
    }
    .site-foot .nav-foot li+li:before {
        display:none
    }
    .site-foot .wrk {
        position:absolute;
        bottom:15px;
        right:20px
    }
    .layout-home .page-content {
        margin:0 50px;
        width:auto
    }
    .layout-home .page-title {
        font-size:30px
    }
    .layout-home .page-text {
        margin-bottom:25px;
        max-width:410px;
        font-size:14px
    }
    .layout-home .illus-home {
        display:none
    }
    .layout-long-page .section-intro .svg {
        -webkit-transform:translate3d(-50%, -50%, 0) scale(.5);
        transform:translate3d(-50%, -50%, 0) scale(.5)
    }
    .layout-long-page .section-intro .statement-wrapper .statement {
        max-width:280px;
        font-size:1.75em
    }
    .layout-long-page .section-title-variant {
        margin:80px -50px 0;
        padding:60px 0 130px
    }
    .layout-long-page .section-title-variant .lottie-wrapper {
        width:300px
    }
    .layout-long-page .section-advantages .advantages {
        display:block
    }
    .layout-long-page .section-advantages .advantage {
        margin:0 auto 50px;
        max-width:300px
    }
    .layout-long-page .section-advantages .advantage:last-child {
        margin-bottom:130px
    }
    .layout-long-page .section-advantages .advantage .separator {
        margin:0 0 30px 20px;
        width:8px;
        height:60px
    }
    .layout-long-page .section-advantages .advantage .separator .dot {
        margin-left:-3px;
        width:7px;
        height:7px
    }
    .layout-long-page .section-advantages .advantage-title {
        white-space:normal
    }
    .layout-long-page .section-advantages .advantage-title br {
        display:none
    }
    .layout-long-page .section-advantages .advantage-text {
        margin-top:.75em
    }
    .layout-long-page .section-advantages .advantage .lottie-wrapper {
        margin:30px auto 0;
        position:relative;
        top:auto;
        left:auto;
        -webkit-transform:none;
        transform:none
    }
    .layout-long-page .section-advantages .advantage .svg {
        margin:30px auto 0;
        position:relative;
        top:auto;
        left:auto;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    .layout-long-page .section-advantages .advantage .element {
        display:none
    }
    .layout-long-page .section-how .steps {
        width:100%
    }
    .layout-long-page .section-how .step {
        margin:0 auto 130px;
        width:100%;
        max-width:300px
    }
    .layout-long-page .section-how .step:first-child {
        margin-top:120px
    }
    .layout-long-page .section-how .step .step-number {
        position:relative;
        top:auto;
        left:auto
    }
    .layout-long-page .section-how .step .step-number .number {
        margin:0 auto
    }
    .layout-long-page .section-how .step .step-number:before {
        top:-70px;
        height:61px
    }
    .layout-long-page .section-how .step .lottie-wrapper {
        margin:30px auto 15px;
        position:relative;
        top:auto;
        left:auto
    }
    .layout-long-page .section-how .step .svg {
        margin:30px auto 15px;
        position:relative;
        top:auto;
        left:auto;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    .layout-long-page .section-how .step .element {
        display:none
    }
    .layout-long-page .section-list-toggle {
        margin-bottom:120px
    }
    .layout-long-page .section-list-toggle .section-text {
        display:none
    }
    .layout-long-page .section-list-toggle .block-list-toggle {
        display:block;
        height:auto
    }
    .layout-long-page .section-list-toggle .block-list-toggle .item {
        margin:60px auto 0;
        max-width:260px
    }
    .layout-long-page .section-list-toggle .block-list-toggle .item:last-child {
        margin-bottom:0
    }
    .layout-long-page .section-list-toggle .block-list-toggle .item.is-active .title {
        color:#fff
    }
    .layout-long-page .section-list-toggle .block-list-toggle .title {
        padding:0;
        width:auto;
        color:#fff;
        font-size:1.5em;
        font-weight:400;
        line-height:1.15
    }
    .layout-long-page .section-list-toggle .block-list-toggle .title br, .layout-long-page .section-list-toggle .block-list-toggle .title .svg {
        display:none
    }
    .layout-long-page .section-list-toggle .block-list-toggle .title:before {
        display:block;
        position:absolute;
        top:0;
        left:-13px;
        width:3px;
        height:20px;
        background:#ff6495;
        content:''
    }
    .layout-long-page .section-list-toggle .block-list-toggle .body {
        margin:.5em 0 0;
        position:relative;
        width:auto;
        height:auto;
        opacity:1
    }
    .layout-long-page .section-list-toggle .block-list-toggle .body .text {
        position:relative;
        top:0;
        width:auto;
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1;
        text-align:left
    }
    .layout-long-page .section-list-toggle .block-list-toggle .body .text br {
        display:none
    }
    .layout-long-page .section-list-toggle .block-list-toggle .lottie-wrapper {
        display:none;
        margin:-100px 0 0;
        position:relative;
        top:0;
        left:50%;
        width:600px;
        height:auto;
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2;
        -webkit-transform:translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0)
    }
    .nav-sections {
        display:none;
        right:12px
    }
    .layout-how .lottie-wrapper.lottie-how-intro-illus {
        margin:-90px 0 0 -20px;
        width:840px
    }
    .layout-how .lottie-wrapper.lottie-how-1 {
        margin-top:0!important;
        margin-bottom:-20px!important;
        margin-left:-55px!important;
        width:340px
    }
    .layout-how .lottie-wrapper.lottie-how-2 {
        margin-top:-5px!important;
        margin-bottom:-10px!important;
        width:200px
    }
    .layout-how .lottie-wrapper.lottie-how-3 {
        margin-top:0!important;
        margin-bottom:-15px!important;
        margin-left:15px!important;
        width:220px
    }
    .layout-how .lottie-wrapper.lottie-how-4 {
        margin-top:20px!important;
        margin-bottom:0!important;
        width:140px
    }
    .layout-how .lottie-wrapper.lottie-how-5 {
        margin-top:20px!important;
        margin-bottom:10px!important;
        width:200px
    }
    .layout-how .lottie-wrapper.lottie-how-6 {
        margin-top:0!important;
        margin-bottom:0!important;
        width:220px
    }
    .layout-what .illus-wrapper {
        display:none!important
    }
    .layout-what .lottie-wrapper.lottie-what-intro-illus {
        margin:120px 0 0;
        width:800px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-1 {
        margin:-30px 0 -40px 30px!important;
        width:210px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-2 {
        margin:10px 0 10px -20px!important;
        width:300px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-3 {
        margin:-10px 0 -40px -30px!important;
        width:310px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-4 {
        margin:20px 0 0 -20px!important;
        width:260px
    }
    .layout-what .lottie-wrapper.lottie-what-advantage-5 {
        margin:-10px 0 -50px 0!important;
        width:260px
    }
    .layout-what .section-intro .statement-wrapper {
        margin-top:calc(( 100vh - 490px ) / -2);
        margin-top:calc(( (var(--vh, 1vh) * 100) - 490px ) / -2)
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-intro-illus {
        margin:-30px 0 0 25px;
        width:460px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-advantage-1 {
        margin-top:20px!important;
        margin-bottom:-20px!important;
        width:230px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-advantage-2 {
        margin-top:20px!important;
        margin-bottom:-5px!important;
        width:250px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-advantage-3 {
        margin-top:15px!important;
        margin-bottom:-10px!important;
        width:240px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-how-1 {
        margin-top:15px!important;
        margin-bottom:0!important;
        width:210px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-how-2 {
        margin-top:5px!important;
        margin-bottom:5px!important;
        width:270px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-how-3 {
        margin-top:10px!important;
        margin-bottom:-10px!important;
        width:245px
    }
    .layout-freelancer .lottie-wrapper.lottie-freelancer-how-4 {
        margin-top:0!important;
        margin-bottom:-10px!important;
        width:300px
    }
    .layout-freelancer .section-intro .title {
        white-space:nowrap
    }
    .layout-clients .lottie-wrapper.lottie-clients-illus-1 {
        margin:-20px 0 0;
        left:300px;
        width:700px
    }
    .layout-clients .lottie-wrapper.lottie-clients-illus-2 {
        width:380px
    }
    .layout-clients .section-clients {
        margin-top:calc(( 100vh - 340px ) / -2);
        margin-top:calc(( (var(--vh, 1vh) * 100) - 340px ) / -2)
    }
    .layout-clients .section-clients .title {
        margin-bottom:30px;
        line-height:1.15
    }
    .layout-clients .section-clients .logos {
        max-width:320px
    }
    .layout-clients .section-clients .logos .logo {
        width:calc(50% - 10px)
    }
    .layout-clients .section-clients .logos .logo:nth-child(1n) {
        margin-top:20px
    }
    .layout-clients .section-clients .logos .logo:nth-child(-n+2) {
        margin-top:0
    }
    .layout-clients .section-testimonials {
        margin-top:150px
    }
    .layout-clients .section-testimonials .title {
        margin-bottom:100px
    }
    .layout-clients .section-testimonials .slideshow-text {
        margin:0 auto;
        width:auto;
        max-width:360px;
        height:auto
    }
    .layout-clients .section-testimonials .slideshow-text .slides {
        position:relative;
        height:auto
    }
    .layout-clients .section-testimonials .slideshow-text .slide {
        display:block;
        position:relative;
        top:auto;
        right:auto;
        bottom:auto;
        left:auto;
        opacity:1
    }
    .layout-clients .section-testimonials .slideshow-text .slide+.slide {
        margin-top:80px
    }
    .layout-clients .section-testimonials .slideshow-text .pagination {
        display:none
    }
    .layout-clients .section-articles {
        margin-bottom:100px
    }
    .layout-clients .section-articles .article {
        margin:80px auto 0;
        max-width:320px;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -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
    }
    .layout-clients .section-articles .article-content {
        width:auto
    }
    .layout-clients .section-articles .article .image {
        margin:0 0 30px;
        width:100%
    }
    .layout-clients .section-articles .article:nth-child(1n) .article-content {
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .layout-clients .section-articles .article:nth-child(1n) .image {
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
    .layout-team .page-title {
        margin-top:180px;
        margin-bottom:100px
    }
    .layout-team .page-title .lottie-wrapper {
        margin-left:-10px;
        width:300px
    }
    .layout-team .partners {
        display:block;
        margin:0 auto;
        max-width:230px
    }
    .layout-team .partners .member:nth-child(1n) {
        margin:50px 0 0!important
    }
    .layout-team .partners .member:first-child {
        margin-top:0
    }
    .layout-team .employees {
        display:block;
        margin:50px auto 100px;
        max-width:230px
    }
    .layout-team .employees .member:nth-child(1n) {
        margin-top:50px
    }
    .layout-team .employees .member:first-child {
        margin-top:0
    }
    .layout-team .employees .member .illus-wrapper {
        display:none
    }
    .layout-contact {
        height:auto!important
    }
    .layout-contact .lottie-wrapper.lottie-contact-illus-1 {
        margin:-127px 0 0 -41px;
        width:215px
    }
    .layout-contact .lottie-wrapper.lottie-contact-illus-2 {
        margin:-47px 0 0 43px;
        width:210px
    }
    .layout-contact .svg {
        -webkit-transform:none;
        transform:none
    }
    .layout-contact .page-outer {
        display:block;
        margin:0 auto 130px;
        max-width:260px
    }
    .layout-contact .page-content {
        margin:0 auto;
        width:100%;
        max-width:320px
    }
    .layout-contact .page-title {
        margin:100px 0 0
    }
    .layout-contact .ctas {
        margin:30px auto 0;
        max-width:220px
    }
    .layout-contact .office {
        float:left;
        margin:150px 0 0;
        width:calc(50%);
        white-space:nowrap
    }
    .layout-contact .office-inner {
        margin:0 auto;
        width:auto
    }
    .layout-contact .office-ny {
        margin-left:-20px
    }
    .layout-contact .office-ln {
        float:right;
        margin-right:-20px
    }
    .layout-contact .social-links {
        clear:both;
        position:relative;
        margin:0;
        bottom:auto;
        left:auto
    }
    .layout-contact .social-links .links {
        display:none
    }
    .layout-error .page-title {
        font-size:60px
    }
    .layout-error .btn {
        bottom:-60px
    }
    .layout-error .lottie-wrapper {
        width:500px
    }
    .layout-case {
        padding-top:100px
    }
    .layout-case .metas {
        display:block;
        padding:15px 20px;
        text-align:left
    }
    .layout-case .metas .meta {
        margin-top:5px;
        padding:0 0 0 12px;
        position:relative;
        line-height:1.2;
        white-space:normal
    }
    .layout-case .metas .meta:before {
        margin:0;
        position:absolute;
        top:calc(( 1.2em - 3px ) / 2);
        left:0
    }
    .layout-case .metas .meta b {
        margin:0
    }
    .layout-case .metas .meta:first-child {
        margin-top:0
    }
    .layout-case .metas .meta:first-child:before {
        display:inline-block
    }
    .layout-case .section-intro .client-description {
        margin-bottom:15px
    }
    .layout-case .section-intro .quote {
        margin:50px 0 40px
    }
    .layout-case .section-services .separator {
        margin-top:60px;
        margin-bottom:30px;
        width:8px;
        height:60px
    }
    .layout-case .section-services .separator .dot {
        margin-left:-3px;
        width:7px;
        height:7px
    }
    .layout-case .section-triangle {
        display:block;
        margin:0
    }
    .layout-case .section-triangle .territory {
        margin:0 auto;
        max-width:380px;
        height:auto;
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1;
        text-align:center
    }
    .layout-case .section-triangle .territory .title {
        padding:0
    }
    .layout-case .section-triangle .territory br, .layout-case .section-triangle .territory .svg {
        display:none
    }
    .layout-case .section-triangle .block {
        margin:20px auto 0;
        width:100%;
        max-width:280px
    }
    .layout-case .section-triangle .block--problem {
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .layout-case .section-triangle .block--insight {
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3
    }
    .layout-case .section-triangle .block--advantage {
        -webkit-box-ordinal-group:5;
        -ms-flex-order:4;
        order:4
    }
    .layout-case .section-impact .section-title {
        white-space:normal
    }
    .layout-case .case-navigation {
        top:110px
    }
    .layout-case .case-navigation .link--prev, .layout-case .case-navigation .link--prev:hover {
        -webkit-transform:translate3d(30px, 0, 0);
        transform:translate3d(30px, 0, 0)
    }
    .layout-case .case-navigation .link--prev .name {
        padding-right:0
    }
    .layout-case .case-navigation .link--next, .layout-case .case-navigation .link--next:hover {
        -webkit-transform:translate3d(-30px, 0, 0);
        transform:translate3d(-30px, 0, 0)
    }
    .layout-case .case-navigation .link--next .name {
        padding-left:0
    }
    .layout-case .case-navigation .name {
        padding:16px 0;
        width:30px;
        text-align:center
    }
    .layout-case .case-navigation .label {
        display:none
    }
    .layout-case .case-navigation .image {
        display:none
    }
    .layout-about .lottie-wrapper.lottie-about-illus {
        margin:-70px 0 0 0;
        width:480px
    }
}
@media only screen and (max-width:400px) {
    .layout-home .page-content {
        margin:0 30px
    }
    .layout-home .page-title {
        font-size:30px
    }
    .layout-home .page-title br {
        display:none
    }
    .layout-home .page-text {
        margin:5px 0 20px;
        font-size:12px
    }
    .layout-clients .section-clients .title br {
        display:none
    }
    .layout-clients .section-clients .logos {
        margin:0 -30px;
        max-width:none
    }
}
@media only screen and (max-width:340px) {
    .title-xl {
        font-size:2.5em
    }
    .title-lg {
        font-size:2.25em
    }
    .title-md {
        font-size:2em
    }
    .section-cta .buttons {
        width:220px
    }
    .section-cta .buttons .btn-sm {
        margin-left:-10px;
        margin-right:-10px;
        width:240px
    }
}
@media only screen and (max-width:400px) and (max-height:430px) {
    .nav-main .nav-columns .column-nav {
        padding-bottom:5px;
        margin-bottom:5px;
        font-size:1.25em
    }
    .nav-main .nav-columns .column-aside {
        font-size:1.25em
    }
    .nav-main .nav-columns .column .block-freelancer {
        margin-bottom:10px
    }
    .nav-main .nav-columns .column .block-freelancer a {
        padding:8px 0
    }
    .nav-main .nav-columns .column .block-contact {
        margin-top:10px
    }
    .nav-main .nav-columns .column .block-contact:before {
        top:-10px
    }
    .nav-main .nav-columns .column .block-contact>a {
        margin-bottom:0
    }
    .nav-main .nav-columns .menu-item {
        font-size:1em
    }
    .nav-main .nav-columns .menu-item a {
        padding:8px 0
    }
    .nav-main .nav-columns .social-links {
        display:none
    }
}