body {
  background-color: grey;
  overscroll-behavior: none;
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
  position: fixed;
}







/* WebKit (Chrome, Safari, Edge) */
html::-webkit-scrollbar {
  width: var(--8);
  height: var(--8);
}

html::-webkit-scrollbar-track {
  background: rgba(0,0,0,0);
}

html::-webkit-scrollbar-thumb {
  background: var(--green);
}

html::-webkit-scrollbar-thumb:hover {
  background: var(--green);
}

/* Firefox */
html {
  scrollbar-width: none;
  scrollbar-color: var(--green) transparent;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}



html{height:100%;width:100%;position:relative;background:var(--white);}
body{font-size:var(--16);width:100%;height:100%;position:relative;font-family:'Atyp Display', sans-serif;font-weight:400;font-style:normal;color:var(--blue);min-width:300px;background:var(--blue);-webkit-transition:background 1s;-o-transition:background 1s;transition:background 1s;}
/* a */
a,a:visited,a:active,a:focus{color:var(--blue);outline:none;text-decoration:none;}
.desktop a:hover{text-decoration:none;}
:active,:hover,:focus{outline:0;outline-offset:0;}
a img{border:0;}
input,button{-webkit-box-sizing:border-box;box-sizing:border-box;}
input{-webkit-appearance:none;}
/* div */
.overflow{overflow:hidden;}
.relative{position:relative;}
.w-100{width:100%;}
.h-100{height:100%;}
.h-app-100{min-height:var(--app-height);}
*::selection{color:var(--white);background:var(--green);}
/* h1 - h6 */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.caps{color:var(--blue);margin:0;font-family:'Atyp Display', sans-serif;font-weight:400;}
h1,.h1{font-size:7.5em;line-height:1em;text-transform:uppercase;}
h2,.h2{font-size:2.5em;line-height:1.2em;text-transform: none;}
h3,.h3{font-size:1.75em;line-height:1.28571428em;text-transform: none;}
h4,.h4{font-size:1.25em;line-height:1.4em;text-transform: none;}
h5,.h5{font-size:1em;line-height:1.5em;font-weight:500;}
h6,.h6,.small{font-size:.875em;line-height:1.42857142em;}
.caps{font-size:.75em;line-height:1.66666666em;letter-spacing:.03em;text-transform:uppercase;font-weight:500;}
/* text */
p{color:var(--blue);line-height:1.5em;margin-bottom:var(--24);font-weight:400;}
img{outline:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
ul{list-style:none;}
.center{text-align:center;}
.right{text-align:right;}
.uppercase{text-transform:uppercase;}
.nowrap{white-space:nowrap;}
.medium{font-weight:500;}
.blue-theme h1,.blue-theme .h1,.blue-theme h2,.blue-theme .h2,.blue-theme h3,.blue-theme .h3,.blue-theme h4,.blue-theme .h4,.blue-theme h5,.blue-theme .h5,h6,.blue-theme .h6,.blue-theme .caps{color:var(--white);}
.blue-theme p{color:var(--white);}
/* ---------------------------------------------- LOADING ---------------------------------------------- */
/*
body > .loading{position:fixed;top:0;left:0;right:0;bottom:0;min-width:300px;width:100%;height:100%;background:var(--dark7);overflow:hidden;z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
*/
/* ---------------------------------------------- MAIN ---------------------------------------------- */
.main{position:relative;width:100%;height:100vh;height:var(--app-height);overflow:hidden;opacity:0;display:none;transition:opacity 1s;z-index:1;}
.ready .main{opacity:1;display:block;}

#smooth-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#smooth-content {
    width: 100%;
    min-height: 100%;
    will-change: transform;
}


html.touch,body.touch{height:var(--app-height)!important;}

.touch #smooth-wrapper {
	overflow: auto !important;
	height:var(--app-height)!important;
	-webkit-overflow-scrolling: touch;
	position:absolute;top:0;left:0;width:100%;height:100%;
}

.touch #smooth-content {
	transform: none !important;
	min-height: auto !important;
}



/* ---------------------------------------------- HEADER ---------------------------------------------- */
.header{position:fixed;top:0;left:0;width:100%;z-index:999;transform:translateZ(0);}
.header-wrap{position:relative;width:100%;}
.header-inner{position:relative;width:100%;transform:translateY(0) translateZ(0);transition:transform 0s;}
.scroll-up .fixed:not(.out) .header-inner{transform:translateY(var(--top)) translateZ(0);transition:transform 0s;}
.scroll-down .header-inner{transition:transform 1s;}
.static .header-inner{transition:transform 0s;}
.header-item{position:relative;width:100%;padding:var(--24) 0;transition:transform 1s;background:var(--white);}
.blue-theme .header-item{background:var(--blue);}


.scroll-up .header:not(.out) .header-item{transform:translateY(100%) translateZ(0);}
.scroll-up .fixed .header-item{transition:transform 1s;}
.scroll-down .header-item{transition:transform 1s;}
.static .header-item{transition:transform 0s;}

.header-phone{display:flex;align-items:center;justify-content:center;width:var(--28);height:var(--28);border-radius:100%;border:var(--1) solid var(--blue15);}
.blue-theme .header-phone{border-color:var(--white15);}
.header-phone svg{display:block;width:var(--20);}
.header-phone svg *{fill:var(--blue);}
.blue-theme .header-phone svg *{fill:var(--white);}

.logo{display:block;position:relative;width:calc(var(--40) + var(--4));}
.logo svg{display:block;width:100%;transition:opacity .8s var(--cubic-bezier);overflow:visible;}
.logo svg *{transition:fill .8s var(--cubic-bezier);}
.logo-agency{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;display:none;white-space:nowrap;transition:opacity .8s var(--cubic-bezier);pointer-events:none;}

.has-intro .logo svg{opacity:0;}
.has-intro .logo .logo-agency{display:block;opacity:1;pointer-events:auto;}

.header-logo{display:none;}
.header-logo-desktop{opacity:0;pointer-events:none;}
@media (min-width:768px){
	.header-logo{display:block;position:absolute;top:var(--24);left:var(--40);}
}

/* ---------------------------------------------- MENU ---------------------------------------------- */
.menu{position:relative;pointer-events:auto;}
.menu ul{display:flex;margin-left:var(---12);margin-right:var(---12);}
.menu ul li{padding-left:var(--12);padding-right:var(--12);display:flex;align-items:center;}
.menu ul li a{display:block;}
.menu ul li.active{opacity:.5;pointer-events:none;}

.menu-contacts ul{display:flex;margin-left:var(---16);margin-right:var(---16);pointer-events:auto;}
.menu-contacts ul li{padding-left:var(--16);padding-right:var(--16);display:flex;align-items:center;}


.trigger{display:flex;align-items:center;justify-content:center;width:var(--56);height:var(--28);border-radius:var(--28);border:var(--1) solid var(--blue15);cursor:pointer;}
.blue-theme .trigger{border-color:var(--white15);}
.trigger span{position:relative;display:block;width:var(--16);height:var(--1);transform:scaleX(1.5);transition:transform .4s .4s var(--cubic-bezier);}
.trigger i{position:absolute;top:0;left:0;display:block;width:100%;height:100%;transition:transform .4s .4s var(--cubic-bezier);}
.trigger i:first-child{transform:translateY(250%);}
.trigger i:last-child{transform:translateY(-250%);}
.trigger i:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--blue);transition:transform .4s 0s var(--cubic-bezier);}
.blue-theme .trigger i:before{background:var(--white);}


.open-menu .trigger span{transform:scaleX(1);transition:transform .4s 0s var(--cubic-bezier);}
.open-menu .trigger i:first-child{transform:translateY(0);transition:transform .4s 0s var(--cubic-bezier);}
.open-menu .trigger i:last-child{transform:translateY(0);transition:transform .4s 0s var(--cubic-bezier);}
.open-menu .trigger i:first-child:before{transform:rotate(45deg);transition:transform .4s .4s var(--cubic-bezier);}
.open-menu .trigger i:last-child:before{transform:rotate(-45deg);transition:transform .4s .4s var(--cubic-bezier);}

.mobile-menu{position:fixed;top:0;left:0;width:100%;height:auto;padding:var(--114) 0 var(--32);z-index:899;background:var(--white);clip-path:polygon(0 0, 0 0%, 0 100%, 0% 100%);transition:clip-path .8s var(--cubic-bezier);}
.blue-theme .mobile-menu{background:var(--blue);}
.mobile-menu{clip-path:polygon(0 0, 100% 0, 100% 0, 0 0);}
.open-menu .mobile-menu{clip-path:polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
.mobile-menu .menu ul{border-top:var(--1) solid var(--blue15);margin:0 0 var(--32);}
.mobile-menu .menu li{padding:0;border-bottom:var(--1) solid var(--blue15);}
.blue-theme .mobile-menu .menu li{border-color:var(--white15);}
.mobile-menu .menu li a{display:flex;align-items:center;height:var(--56);}


.mobile-menu-bg{background:#000;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity 1s;z-index:799;}
.open-menu .mobile-menu-bg{opacity:.5;pointer-events:auto;}

/* ---------------------------------------------- BUTTONS ---------------------------------------------- */
span[data-text]{display:block;position:relative;overflow:hidden;color:var(--blue);transition:opacity .5s, color .5s;}
.desktop a:hover span[data-text]:before,.desktop button:hover span[data-text]:before,.desktop label:hover span[data-text]:before{transform:translate(0,-100%) skewY(8deg);}
.desktop a:hover span[data-text]:after,.desktop button:hover span[data-text]:after,.desktop label:hover span[data-text]:after{transform:translate(0,0) skewY(0deg);}

.blue-theme span[data-text]{color:var(--white);}

.desktop a:not(.but):hover span[data-text]{opacity:.5;}

a.but,button.but{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:0 var(--20);height:var(--32);border-radius:var(--32);cursor:pointer;border:none;}
a.but:before,button.but:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:var(--1) solid var(--blue15);}
.blue-theme a.but:before,.blue-theme button.but:before{border-color:var(--white15);}
a.but span[data-text],button.but span[data-text]{z-index:10;padding-top:.3em;}
a.but:after,button.but:after{content:'';display:block;position:absolute;top:0%;left:0%;width:100%;height:100%;background:var(--green);opacity:0;transition:opacity .5s;}
a.but.but-inverse:after,button.but.but-inverse:after{background:var(--blue);}
.desktop a.but:hover:after,.desktop button.but:hover:after{opacity:1;}
.desktop a.but.but-inverse:hover span:before,.desktop a.but.but-inverse:hover span:after,.desktop button.but.but-inverse:hover span:before,.desktop button.but.but-inverse:hover span:after{color:var(--white);}

.desktop a.but:hover span[data-text]{color:var(--white);}

a.but.but-fill span,a.but.but-fill span,button.but.but-fill span,button.but.but-fill span{color:var(--white);}
.desktop a.but.but-fill:hover span,.desktop a.but.but-fill:hover span,.desktop button.but.but-fill:hover span,.desktop button.but.but-fill:hover span{color:var(--blue);}
a.but.but-fill:before,button.but.but-fill:before{border:none;border-radius:0;background:var(--blue);top:0;height:100%;transform:scaleY(1);transform-origin:bottom;transition:transform .8s var(--cubic-bezier-2);}
.desktop a.but.but-fill:hover:before,.desktop button.but.but-fill:hover:before{transform:scaleY(0);transform-origin:top;transition:transform .8s var(--cubic-bezier-1);}




.icon{display:flex;align-items:center;justify-content:center;position:relative;width:var(--20);height:var(--20);background:var(--blue);border-radius:100%;transition:background .8s var(--cubic-bezier);}
.blue-theme .icon{background:var(--white);}
.desktop a:hover .icon{background:var(--green);}

.icon svg{display:block;position:relative;width:var(--16);z-index:10;}
.icon svg *{fill:var(--white);transition:fill .8s var(--cubic-bezier);}
.blue-theme .icon svg *{fill:var(--blue);}
.desktop a:hover .icon svg *{fill:var(--blue);}

span[data-text] ~ .icon{margin-left:var(--10);}
.icon ~ span[data-text]{margin-left:var(--10);}
a.but span[data-text] ~ svg{position:relative;display:block;z-index:10;margin-left:var(--20);margin-right:var(---10);width:var(--20);}
a.but svg{position:relative;display:block;z-index:10;margin-left:var(---4);width:var(--16);}
a.but svg ~ span[data-text]{margin-left:var(--12);}


/* ---------------------------------------------- CONTENT ---------------------------------------------- */
.content{position:relative;overflow:hidden;width:100%;min-height:var(--app-height);padding-top:var(--148);background:var(--white);}
.blue-theme .content{background:var(--blue);}

.content-container{width:100%;padding-left:var(--40);padding-right:var(--40);}

.row{margin-left:var(---10);margin-right:var(---10);}
.row > *{padding-left:var(--10);padding-right:var(--10);}
.row.g-0{margin-left:0;margin-right:0;}
.row.g-0 > *{padding-left:0;padding-right:0;}
.row-8{margin-left:var(---4);margin-right:var(---4);}
.row-8 > *{padding-left:var(--4);padding-right:var(--4);}
.row-16{margin-left:var(---8);margin-right:var(---8);}
.row-16 > *{padding-left:var(--8);padding-right:var(--8);}
.row-24{margin-left:var(---12);margin-right:var(---12);}
.row-24 > *{padding-left:var(--12);padding-right:var(--12);}

.content-wrap{padding-top:var(--40);padding-bottom:var(--40);height:100%;}
@media (min-width:1440px){
.row > *:first-child .content-wrap{padding-right:var(--20);}
.row > *:last-child .content-wrap{padding-left:var(--20);}
}

.content-inner{min-width:100%;}

.text-wrap p{margin-bottom:var(--32);}
.text-wrap ul{margin-bottom:var(--56);}
.text-wrap ul li{position:relative;padding-left:var(--15);margin-bottom:var(--4);color:var(--blue);line-height:1.5em;font-weight:400;}
.text-wrap ul li:before{content:'';display:block;position:absolute;top:.8em;left:0;width:var(--5);height:var(--5);border-radius:100%;background:var(--blue50);transform:translateY(-50%);}
.text-wrap ul li:last-child{margin-bottom:0;}
.text-wrap > *:last-child{margin-bottom:0;}

.light{color:var(--blue50);}

/* Intro */
.intro{margin-top:calc(var(--136) * -1);padding-top:var(--112);}
.intro-logo{overflow:hidden;padding-bottom:var(--32);}
.intro-logo-item{width:100%;transform-origin:left top;}


/* Title */
.title-item .h2{margin-right:var(--12);margin-top:var(---2);}
.title-item{padding:0 calc(var(--80) - var(--2));}


/* Reel */
.reel-item{position:relative;width:100%;margin-bottom:var(--200);padding-top:100%;pointer-events:none;}
.reel-wrap{position:absolute;bottom:0;left:0;width:100%;height:var(--reel-height);}
.reel-inner{position:relative;width:100%;height:calc(var(--app-height) - var(--80));min-height:48vw;max-height:62vw;}/* padding-top:49.26470588%; */

.reel{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:var(--16);transform:scale(.663);pointer-events:auto;}
.reel video{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}

.reel-but{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s;pointer-events:none;}
.reel-but.active{opacity:1;}
a.play-reel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;}
.reel-but.active a.play-reel{pointer-events:auto;}


a.play-reel:before{background:var(--white)!important;}
a.play-reel span[data-text]::before{color:var(--blue);}
@supports (-moz-appearance:none){
.reels-item-video video{top:var(---2);height:calc(100% + var(--2));}
}

.reel-but .video-wrap{position:absolute;display:block;top:0;left:0;width:100%;height:100%;pointer-events:none;}
.reel-but.is-video-player .video-wrap{pointer-events:auto;}




/* Video */
.is-video-player > video,.is-video-player *:not(.video-player) video{opacity:0;transition:opacity .5s;}
.is-video-player .video-modal-trigger{opacity:0;transition:opacity .5s;}
.video-player{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;background:#000;pointer-events:auto;}
.video-player video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:1!important;}
.fullscreen .video-player video{object-fit:contain;}
.ios.open-video-modal .video-player video{object-fit:contain;}
.video-player *{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.video-controls{position:absolute;bottom:var(--24);left:0;width:100%;padding:0 var(--40);pointer-events:none;}
.video-controls button{display:block;position:relative;border:none;background:var(--white);width:var(--40);height:var(--40);border-radius:100%;cursor:pointer;pointer-events:auto;transition:background .3s;}
.video-controls button svg{display:block;position:absolute;top:50%;left:50%;width:var(--24);transform:translate(-50%,-50%);transition:all .3s;}
.video-controls button svg *{fill:var(--blue);transition:fill .3s;}
.desktop .video-controls button:hover{background:var(--green);}
.desktop .video-controls button:hover svg *{fill:var(--blue);}
.play-icon{opacity:1;transform:translate(-50%,-50%) scale(1);}
.pause-icon{opacity:0;transform:translate(-50%,-50%) scale(0);}
.is-playing .play-icon{opacity:0;transform:translate(-50%,-50%) scale(0);}
.is-playing .pause-icon{opacity:1;transform:translate(-50%,-50%) scale(1);}
.video-controls-muted .muted-icon{transform:translate(-35%,-50%);}
.video-controls-muted .cross-icon{width:var(--6);opacity:0;transform:translate(-50%,-50%) scale(0);margin-left:var(--6);}
.is-muted .video-controls-muted .muted-icon{transform:translate(-50%,-50%);}
.is-muted .video-controls-muted .cross-icon{opacity:1;transform:translate(-50%,-50%) scale(1);}
.fullscreen-icon{opacity:1;}
.close-icon{opacity:0;}
/*
.fullscreen .fullscreen-icon{opacity:0;}
.fullscreen .close-icon{opacity:1;}
.fullscreen .video-controls-fullscreen{display:none;}
*/
.iso .video-controls-fullscreen{}
.video-controls-current{height:var(--40);background:var(--white);color:var(--blue);border-radius:var(--40);width:var(--90);display:flex;align-items:center;justify-content:center;text-align:center;}
.video-controls-current span{width:1.4em;}
.video-controls-range{position:relative;border-radius:var(--40);overflow:hidden;background:var(--dark7);}
.video-controls-range input[type="range"]{display:block;position:relative;top:0;left:0;width:var(--258);height:var(--40);border:none;margin:0;padding:0;opacity:0;pointer-events:auto;cursor:pointer;}
.video-controls-range input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0;height:100%;margin:0;padding:0;background:var(--dark27);box-shadow:none;border:none;}
.video-controls-range input[type="range"]::-moz-range-thumb{-moz-appearance:none;appearance:none;width:0;height:100%;margin:0;padding:0;background:var(--dark27);box-shadow:none;border:none;}
.video-controls-range input[type="range"]::-ms-thumb{-ms-appearance:none;appearance:none;width:0;height:100%;margin:0;padding:0;background:var(--dark27);box-shadow:none;border:none;}
.video-controls-line{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--white30);pointer-events:none;display:flex;}
.video-controls-line div{position:relative;display:block;flex:1 1 auto;width:100%;height:100%;}
.video-controls-line img{display:block;width:100%;height:100%;object-fit:cover;}
.video-controls-line:before{content:'';display:block;position:absolute;top:0;left:0;height:100%;width:var(--line);background:var(--white);opacity:0;transition:opacity .3s;z-index:10;}
.desktop .video-controls-range:hover .video-controls-line:before{opacity:0;}
.video-controls-line:after{content:'';display:block;position:absolute;top:0;right:0;height:100%;width:calc(100% - var(--time) + var(--1));background:var(--blue50);z-index:20;border-left:var(--1) solid var(--white);}
.video-close{position:absolute;top:0;left:0;pointer-events:none;display:none;}
.fullscreen .video-close{display:block;}
.video-cross{position:absolute;top:0;right:0;width:var(--96);height:var(--96);border-radius:100%;background:var(--white);margin-right:var(---48);margin-top:var(---48);transform:scale(0);opacity:0;transition:transform .5s, opacity .5s;pointer-events:none;display:flex;align-items:center;justify-content:center;}
.video-cross svg{display:block;width:var(--24);}
.fullscreen .video-player:not(.hide-close) .video-cross{transform:scale(1);opacity:1;}
html:not(.desktop).open-video-modal .video-close{transform:translate(0,0)!important;display:block;top:var(--64);right:var(--64);pointer-events:auto;}
html:not(.desktop).open-video-modal .video-cross{width:var(--48);height:var(--48);transform:scale(1) translate(0,0)!important;opacity:1!important;pointer-events:auto;}
html:not(.desktop).open-video-modal .video-controls-fullscreen{display:none;}
html:not(.desktop).fullscreen .video-close{transform:translate(0,0)!important;display:block;top:var(--64);right:var(--64);pointer-events:auto;}
html:not(.desktop).fullscreen .video-cross{width:var(--48);height:var(--48);transform:scale(1) translate(0,0)!important;opacity:1!important;pointer-events:auto;}
html:not(.desktop).fullscreen .video-controls-fullscreen{}
.mobile.landscape .video-controls{padding:0 3.170409vw;}
.mobile.landscape .video-controls button{width:6.340819vw;height:6.340819vw;}
.mobile.landscape .video-controls button svg{width:3.170409vw;}
.mobile.landscape .video-controls button svg.cross-icon{width:.792602vw;margin-left:.792602vw;}
.mobile.landscape .video-controls .video-controls-current{width:15.852047vw;height:6.340819vw;font-size:1.981505vw;}
.mobile.landscape .video-controls .video-controls-range input[type="range"]{height:4.227212vw;}
.mobile.landscape .video-controls-line{height:.528401vw;}
.mobile.landscape .video-controls-line i{width:1.585204vw;height:1.585204vw;}
.mobile.landscape .video-close{top:3.170409vw!important;right:3.170409vw!important;}
.mobile.landscape .video-cross{width:6.340819vw!important;height:6.340819vw!important;margin:0!important;}
.mobile.landscape .video-cross svg{width:3.170409vw;}


.video-controls-fullscreen{position:absolute;top:0;left:0;pointer-events:auto;border:none;width:var(--80);height:var(--80);border-radius:100%;background:var(--white);margin-left:var(---40);margin-top:var(---40);display:flex;align-items:center;justify-content:center;pointer-events:none;}
.video-controls-fullscreen svg{display:block;width:var(--24);}
.video-controls-fullscreen svg *{fill:var(--blue);}


/* About */
.reward{border:var(--1) solid var(--blue15);}
.reward-item{position:relative;padding:var(--32);}
.reward-item:after{content:'';display:block;position:absolute;top:0;right:0;height:100%;width:var(--1);background:var(--blue15);}
.reward .row > *:last-child .reward-item:after{display:none;}
.reward-num{margin-bottom:var(--20);}
.reward-img{position:relative;width:100%;padding-top:66.66666666%;margin-bottom:var(--96);}
.reward-img img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;}









/* Projects */
.projects{display:flex;flex-direction:column;gap:var(--20) 0;}


.project-item{display:block;}
.project-item .h3{column-gap:var(--12);}
.project-item .h3 .icon{margin-left:0;}
.project-item-bg{display:block;position:relative;width:100%;padding-top:49.26470588%;overflow:hidden;}
.project-item-bg *{color:var(--white);}
.project-item-bg > img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.6;}

.slider-slide[style="--prev: 0%; --next: 100%;"]:not(.slide-active){opacity:0;transition:opacity .8s .8s;}


.project-item-body{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--40) 0;display:flex;flex-direction:column;}
.project-item-num{padding-left:var(--40);}
.project-item-content{width:100%;flex-grow:1;display:flex;align-items:center;}
.project-item-tags{padding-right:var(--40);}


.project-item-img{position:relative;width:100%;padding-top:66.36363636%;overflow:hidden;border-radius:var(--16);}
.project-item-img img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}

.project-item-tags{display:flex;gap:0 var(--8);}
.tag-item{border:var(--1) solid var(--white);border-radius:var(--32);height:var(--32);padding:0 var(--20) var(--2);display:flex;align-items:center;justify-content:center;text-align:center;}


.slider-project .slider-slide:before{content:'';display:block;position:absolute;top:var(---2);left:var(---2);width:calc(100% + var(--4));height:calc(100% + var(--4));background:var(--blue);}
.slider-project-img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--16);overflow:hidden;}
.slider-project-img img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}

.project-item-footer span[data-text]:before,.project-item-footer span[data-text]:after{color:var(--white);}
.project-item-footer .icon{background:var(--white);}
.project-item-footer .icon svg *{fill:var(--blue);}





.project-img{position:relative;width:100%;padding-top:100%;overflow:hidden;border-radius:var(--16);}
.col-12 .project-img{padding-top:49.26470588%;}
.project-img img,.project-img video{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}


.slider-project{position:absolute;top:0;left:0;width:100%;height:100%;}
.slider-full-but{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
.slider-full-prev{position:absolute;top:0;left:0;width:50%;height:100%;cursor:pointer;}
.slider-full-next{position:absolute;top:0;right:0;width:50%;height:100%;cursor:pointer;}

.title-wrap .project-item-tags{padding-right:0;}
.title-wrap .project-item-tags .tag-item{border-color:var(--blue15);}
/* Accordion */


.accordion-content{position:relative;height:0;overflow:hidden;}
.accordion-item{position:relative;z-index:100;}
.accordion-item .accordion-link{display:block;padding:var(--40) 0;}
.accordion-projects .accordion-item .accordion-link{padding:var(--26) 0;}

.accordion-item .accordion-num,.accordion-item .accordion-title{transition:opacity .8s var(--cubic-bezier);}
.accordion-item:not(.active) a.accordion-link:hover .accordion-num,.accordion-item:not(.active) a.accordion-link:hover .accordion-title{opacity:.5;}

.accordion-item-lock .accordion-icon{background:transparent;}
.accordion-item-lock .accordion-icon svg *{fill:var(--blue50);}

.accordion-icon{position:relative;display:flex;align-items:center;justify-content:center;width:var(--32);height:var(--32);border-radius:100%;background:var(--blue);transition:background .8s var(--cubic-bezier);}
.accordion-item:not(.active) a.accordion-link:hover .accordion-icon{background:var(--green);}
.accordion-item.active .accordion-icon{background:transparent;}

.accordion-icon:before{content:'';display:block;position:absolute;top:0;left:0;width:inherit;height:inherit;border-radius:inherit;border:var(--1) solid var(--blue);opacity:0;transition:opacity .8s var(--cubic-bezier);}
.accordion-item.active a.accordion-link:hover .accordion-icon:before{opacity:1;}
.accordion-item.active .accordion-icon:before{opacity:.15;}

.accordion-icon svg{display:block;width:var(--20);}
.accordion-icon svg *{fill:var(--white);transform-origin:center;transition:transform .8s var(--cubic-bezier),fill .8s var(--cubic-bezier);}
.accordion-item.active .accordion-icon svg *{fill:var(--blue);}
.accordion-item.active .accordion-icon svg *:last-child{transform:scaleY(0);}

.accordion-project-img{position:absolute;top:50%;left:0;width:var(--240);transform:translateY(-50%);border-radius:var(--16);overflow:hidden;pointer-events:none;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);transition:clip-path .8s var(--cubic-bezier);}
.accordion-project-img:before{content:'';display:block;width:100%;padding-top:66.66666666%;}
.accordion-project-img img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}

.accordion-item:not(.active) a.accordion-link:hover .accordion-project-img{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}

.accordion-inner{padding:var(--56) 0 var(--96);}

.accordion-projects .accordion-inner{padding:var(--70) 0 var(--96);}



.accordion-50{height:50%;padding-right:var(--60);}



.accordion-img{position:relative;width:100%;padding-top:66.666666666%;overflow:hidden;clip-path:inset(0 round var(--16));background:var(--blue);}

.accordion-img img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}





.slider-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.slider-wrapper{position:relative;width:100%;height:100%;}

.slider-slide{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;clip-path:polygon(var(--prev) 0, var(--next) 0, var(--next) 100%, var(--prev) 100%);}
.slider-slide img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}

.slider-nav{gap:0 var(--16);}
.slider-prev,.slider-next{display:flex;align-items:center;justify-content:center;width:var(--32);height:var(--32);background:var(--blue);border-radius:100%;border:none;overflow:hidden;cursor:pointer;transition:background .8s var(--cubic-bezier);}
.desktop .slider-prev:hover,.desktop .slider-next:hover{background:var(--green);}
.slider-prev svg,.slider-next svg{display:block;width:var(--20);}
.slider-prev svg *,.slider-next svg *{fill:var(--white);transition:fill .8s var(--cubic-bezier);}
.desktop .slider-prev:hover svg *,.desktop .slider-next:hover svg *{fill:var(--blue);}


.slider-pagination{position:absolute;top:0;left:0;width:100%;z-index:100;display:flex;gap:0 var(--4);align-items:center;padding:var(--32);}
.slider-pagination-item{flex: 1 0 0%;}
.slider-pagination-item i{display:block;position:relative;background:var(--white50);height:var(--3);border-radius:var(--3);overflow:hidden;}
.slider-pagination-item i:before{content:'';display:block;position:absolute;top:0;right:calc(100% - var(--progress));width:100%;height:100%;border-radius:inherit;background:var(--white);}
.slider-pagination-item.passed i{background:var(--white);}

.swiper-box{width:200%;}
.accordion-swiper{overflow:visible;}
.accordion-swiper .swiper-slide{padding-right:var(--16);}

@media (min-width:768px){
	.accordion-item{margin-bottom:var(--56);}
	.accordion-content{height:auto!important;}
	.accordion-inner{padding:0;}
	.num span{font-size:.9em;line-height:1.08333333em;transform:translateY(var(---8));position:relative;display:inline-block;}
}


.num-item{width:calc(var(--258) + var(--2));padding:var(--56) 0;}
.num{font-size:5em;line-height:1.5em;margin-bottom:var(---6);}

/* Blog */
.blog-link{display:block;}


.blog-img{display:block;position:relative;width:100%;padding-top:56.25%;border-radius:var(--16);overflow:hidden;}
.blog-img img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}


.blog-content{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-left:var(--48);}
@media (min-width:768px){
.blog-date{padding-top:var(--14);}
.blog-content{padding-top:var(--8);padding-bottom:var(--8);}
.blog-date-page{width:35.3%;}
}


.blog-nav ul{display:flex;flex-wrap:wrap;justify-content:center;margin-left:var(---8);margin-right:var(---8);}
.blog-nav ul li{padding-left:var(--8);padding-right:var(--8);}
.blog-nav ul li a,.blog-nav ul li span,a.blog-prev,a.blog-next{display:flex;align-items:center;justify-content:center;width:var(--32);height:var(--32);border-radius:100%;background:var(--white);color:var(--blue);transition:background .8s var(--cubic-bezier);}
.blog-nav ul li span{background:var(--blue);color:var(--white);}
.desktop .blog-nav ul li a:hover{background:var(--green);}



.blog-slider{position:relative;width:100%;padding-top:49.26470588%;clip-path:inset(0 round var(--16));}



.slider-pagination{position:absolute;top:0;left:0;width:100%;display:flex;padding:var(--32) var(--30);}
.slider-dot{flex:1 0 0%;padding:var(--2);cursor:pointer;}

.slider-dot-selected .slider-dot-progress{background:var(--white);}

.slider-dot-progress{position:relative;width:100%;background:var(--white50);height:var(--3);border-radius:var(--3);overflow:hidden;}
.slider-dot-progress:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--white);transform-origin:left;opacity:0;transform:translateX(var(--progress));border-radius:inherit;}
.slider-dot-active .slider-dot-progress:before{opacity:1;}

.swiper-container{position:absolute;top:0;left:0;width:100%;height:100%;}
.swiper-container img{display:block;width:100%;height:100%;object-fit:cover;}

.swiper-slide img{clip-path: polygon(0 0, var(--scale) 0,var(--scale) 100%, 0% 100%);}
.swiper-slide.swiper-slide-active{z-index:99;}

/*
.swiper-pagination{display:flex;padding:var(--32) var(--30);top:0!important;bottom:auto!important;left:0;width:100%;}

.swiper-pagination-bullet{display:block!important;margin:0 auto!important;flex:1 0 0%;border-radius:0;height:auto!important;padding:var(--2);opacity:1!important;background:transparent!important;}

.slider-progress{position:relative;width:100%;background:var(--white50);height:var(--3);border-radius:var(--3);overflow:hidden;}
.slider-progress:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--white);transform-origin:left;opacity:0;transform:translateX(var(--scale));border-radius:inherit;}
.swiper-pagination-bullet-active .slider-progress{opacity:1;}
.swiper-pagination-bullet-active .slider-progress:before{opacity:1;}

.swiper-pagination-bullet-selected .slider-progress{background:var(--white);}
*/




.intro-swiper{position:relative;}
.intro-swiper .swiper-slide{opacity:1!important;}
.intro-swiper .swiper-slide .intro-swiper-item{opacity:0;min-height:calc(var(--120) + var(--24));overflow:hidden;transform:translateY(var(--20));transition:opacity .8s 0s, transform .8s 0s;}
.intro-swiper .swiper-slide.swiper-slide-active .intro-swiper-item{opacity:1;transform:translateY(0);transition:opacity .8s .8s, transform .8s .8s;}
.intro-swiper .swiper-pagination{position:relative;bottom:auto;display:flex;}
.intro-swiper .swiper-pagination-bullet{position:relative;display:block!important;width:var(--20)!important;flex:0 0 auto;height:var(--20)!important;margin-left:0!important;margin-right:var(--6)!important;opacity:.5!important;background:transparent;transition:opacity .5s;}
.intro-swiper .swiper-pagination-bullet:before{content:'';display:block;position:absolute;top:50%;left:50%;width:var(--6);height:var(--6);border-radius:100%;transform:translate(-50%,-50%);background:var(--blue);transition:background .5s 0s;}
.desktop .intro-swiper .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover{opacity:1!important;}
.intro-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1!important;}
.intro-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background:var(--blue);transition:background .5s .8s, transform .5s;}
.intro-swiper .swiper-pagination-bullet .slider-progress{display:block;position:absolute;top:0;left:0;height:100%;width:100%!important;transform:rotate(-90deg);opacity:0;transition:opacity .5s;}
.intro-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active .slider-progress{opacity:1;transition:opacity 0s;}
.intro-swiper .swiper-pagination-bullet .slider-progress .progress-value{stroke:var(--blue);overflow:visible;stroke-width:var(--1);stroke-dasharray:62.8px;stroke-dashoffset:62.8px;}

.blue-theme .intro-swiper .swiper-pagination-bullet:before{background:var(--white);}
.blue-theme .intro-swiper .swiper-pagination-bullet .slider-progress .progress-value{stroke:var(--white);}

.scroll-top{position:absolute;left:0;top:100%;margin-top:var(--16);width:calc(var(--40) + var(--4));border-radius:100%;opacity:0;transform:translateY(var(--20));transition:transform .5s, opacity .5s;pointer-events:none;}
.scroll-top.active{opacity:1;transform:translateY(0);pointer-events:auto;}
.scroll-bg{position:relative;display:block;width:100%;stroke:var(--blue);stroke-width:var(--1);opacity:.15;overflow:visible;}
.scroll-progress{position:absolute;display:block;top:0;left:0;width:100%;stroke:var(--blue);stroke-width:var(--1);transform:rotate(-90deg);overflow:visible;stroke-dasharray:138.16px;stroke-dashoffset:calc(138.16px * var(--progress));}
.scroll-arrow{position:absolute;top:50%;left:50%;width:var(--20);transform:translate(-50%,-50%);}
.scroll-arrow *{fill:var(--blue);}

.blue-theme .scroll-arrow *{fill:var(--white);}
.blue-theme .scroll-progress,.blue-theme .scroll-bg{stroke:var(--white);}


.blog-video{position:relative;width:100%;padding-top:56.25%;border-radius:var(--16);overflow:hidden;}

.blog-video video,.blog-video img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}



.blog-video-but{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
.blog-video-but a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.blog-video-but a:before{background:var(--white)!important;}
.blog-video-but a span[data-text]::before{color:var(--blue);}

/* Servcie */
.service{display:flex;flex-direction:column;gap:var(--96) 0;}


/* Clients */

.clients-col{flex:0 0 auto;width:20%;}



.clients-item{position:relative;border-color:var(--blue15);border-style:solid;border-top-width:var(--1);border-left-width:var(--1);padding-top:100%;margin-right:var(---1);margin-bottom:var(---1);}
.clients-col:last-child .clients-item{border-right-width:var(--1);}
.clients-col:nth-child(5n) .clients-item{border-right-width:var(--1);}

.clients-item.clients-row-bottom{border-bottom-width:var(--1);}

.clients-row-5 .clients-col .clients-item{border-bottom-width:var(--1);}



.clients-col:first-child .clients-item{border-top-left-radius:var(--8);}
.clients-col:nth-child(5) .clients-item{border-top-right-radius:var(--8);}
.clients-col:last-child .clients-item{border-bottom-right-radius:var(--8);}


.clients-row-5 .clients-col:first-child .clients-item{border-bottom-left-radius:var(--8);}
.clients-row-5 .clients-col:last-child .clients-item{border-bottom-right-radius:var(--8);border-top-right-radius:var(--8);}

.clients-item.clients-row-first{border-bottom-left-radius:var(--8);}
.clients-item.clients-row-last{border-bottom-right-radius:var(--8);}


.clients-row-full .clients-col:nth-last-child(5) .clients-item{border-bottom-left-radius:var(--8);}




.clients-item img{display:block;position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);object-fit:contain;}
.clients-about{position:absolute;bottom:0;left:0;width:100%;padding:var(--24);}





/* Conatcts */
.contact-box{position:relative;width:100%;padding-top:56.25%;border-radius:var(--16);overflow:hidden;}

.map{position:absolute;top:0;left:0;width:100%;height:100%;}

[class*="ymaps-2"][class*="-ground-pane"] *{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(100%);}
[class*="ymaps-2"][class*="-ground-pane"]:after{content:'';display:block;position:absolute;top:50%;left:50%;width:1000vw;height:1000vw;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;z-index:999;opacity:.25;background:var(--blue);mix-blend-mode:screen;}
.ymaps-2-1-79-map-copyrights-promo{display:none!important;}
.ymaps-2-1-79-copyrights-pane{display:none!important;}
.ymaps-2-1-79-map-bg{background-image:none!important;background-color:transparent!important;}

.ymaps-2-1-79-controls__control{display:none!important;}

/*
.ymaps-2-1-79-placemark-overlay{pointer-events:none!important;}
*/

.ymaps-2-1-79-zoom{display:flex!important;flex-direction:row-reverse;width:auto!important;padding:0!important;height:auto!important;transform:translateZ(0);}
.ymaps-2-1-79-zoom .ymaps-2-1-79-zoom__button{position:relative!important;overflow:hidden;top:auto!important;left:auto!important;right:auto!important;width:var(--48)!important;height:var(--48)!important;border-radius:0!important;margin-right:var(--8);padding:0!important;background-color:var(--grey)!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;transform:translateZ(0);}
.ymaps-2-1-79-zoom .ymaps-2-1-79-zoom__button:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--blue);transform-origin:top left;transform:scaleY(0);transition:transform .5s;}
.ymaps-2-1-79-zoom .ymaps-2-1-79-zoom__button:hover:before{transform-origin:bottom left;transform:scaleY(1);}
.ymaps-2-1-79-float-button-icon{transform:translateZ(0);position:relative!important;width:var(--24)!important;height:var(--24)!important;border:none!important;}
.ymaps-2-1-79-zoom__plus .ymaps-2-1-79-zoom__icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUgMTEuNUwxMi41IDQuNUgxMS41TDExLjUgMTEuNUw0LjUwMTk1IDExLjVWMTIuNUwxMS41IDEyLjVMMTEuNSAxOS41SDEyLjVMMTIuNSAxMi41TDE5LjUwMiAxMi41VjExLjVMMTIuNSAxMS41WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)!important;}
.ymaps-2-1-79-zoom__minus .ymaps-2-1-79-zoom__icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS41MDIgMTIuNUw0LjUwMTk1IDEyLjVMNC41MDE5NSAxMS41TDE5LjUwMiAxMS41VjEyLjVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)!important;}
.ymaps-2-1-79-balloon__layout{background:var(--blue)!important;border-radius:var(--8)!important;}
.ymaps-2-1-79-balloon__content{font-family: 'Atyp Display', sans-serif !important;font-size:1em!important;font-weight:400;font-style:normal;background:var(--blue)!important;padding:var(--16)!important;margin-right:0!important;}

.map-wrap-2 .ymaps-2-1-79-controls-pane{right:0!important;left:auto!important;}
.map-wrap-2 .ymaps-2-1-79-controls__control{left:auto!important;right:var(--48)!important;}

.ymaps-2-1-79-balloon__content ymaps{color:var(--white);line-height:1.5em;}
.ymaps-2-1-79-balloon{left:0!important;transform:translateX(-50%);box-shadow:none!important;}
.ymaps-2-1-79-balloon__tail{position:absolute!important;left:50%!important;background:var(--blue)!important;bottom:var(--1)!important;margin-bottom:0!important;transform:translate(-50%,50%) rotate(45deg) !important;width:var(--12)!important;height:var(--12)!important;transform-origin:center center !important;}
.ymaps-2-1-79-balloon__tail:after{display:none!important;}
.ymaps-2-1-79-balloon__close{position:absolute!important;top:var(--8)!important;right:var(--8)!important;}
.ymaps-2-1-79-balloon__close-button{width:var(--24)!important;height:var(--24)!important;opacity:1!important;transition:opacity .3s;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuMDU5OSAxMS45OTgyTDE4LjAwOTEgNy4wNDg5NEwxNi45NDg0IDUuOTg4MjhMMTEuOTk5MiAxMC45Mzc1TDcuMDQ5OTkgNS45ODgyOEw1Ljk4OTMzIDcuMDQ4OTVMMTAuOTM4NiAxMS45OTgyTDUuOTg4MjggMTYuOTQ4NEw3LjA0ODk0IDE4LjAwOTFMMTEuOTk5MiAxMy4wNTg4TDE2Ljk0OTUgMTguMDA5MUwxOC4wMTAxIDE2Ljk0ODRMMTMuMDU5OSAxMS45OTgyWiIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPgo=)!important;}
/* black x => .ymaps-2-1-79-balloon__close-button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjA1OTkgMTEuOTk4MkwxOC4wMDkxIDcuMDQ4OTRMMTYuOTQ4NCA1Ljk4ODI4TDExLjk5OTIgMTAuOTM3NUw3LjA0OTk5IDUuOTg4MjhMNS45ODkzMyA3LjA0ODk1TDEwLjkzODYgMTEuOTk4Mkw1Ljk4ODI4IDE2Ljk0ODRMNy4wNDg5NCAxOC4wMDkxTDExLjk5OTIgMTMuMDU4OEwxNi45NDk1IDE4LjAwOTFMMTguMDEwMSAxNi45NDg0TDEzLjA1OTkgMTEuOTk4MloiIGZpbGw9IiMxRTFFMUUiLz4KPC9zdmc+Cg==)!important;} */
.ymaps-2-1-79-balloon__close-button:hover{opacity:.6!important;}
.hint-content{position:absolute;top:0;left:0;background:var(--grey)!important;color:var(--white);min-width:var(--40);width:auto;padding:0 var(--16);white-space:nowrap;text-transform:uppercase;line-height:var(--24);}
.ballon-content{width:var(--258);}
.ballon-content p{color:var(--white);font-size:.875em;}
.ballon-content p:first-child{text-transform:uppercase;margin-bottom:var(--12);}
.ballon-content p ~ p{opacity:.7;}
.ballon-content a{margin-top:var(--40);}
.ballon-content a:before{background:var(--black)!important;}
.ballon-content a .but-outer span{color:var(--white);}

 a.map-router{height:var(--48);background-color:var(--grey);justify-content:center;align-items:center;color:var(--white);padding:0 var(--24);position:absolute;bottom:var(--48);left:var(--48);z-index:999;transform:translateZ(0);}
 a.map-router span{color:var(--white);}
 
 
 







[data-video] video{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}


.map-trigger{position:absolute;bottom:var(--24);left:var(--24);width:var(--28);height:var(--28);background:var(--white);border-radius:100%;z-index:99;transition:background .5s;}
.map-trigger svg{display:block;width:var(--20);transition:transform .5s, opacity .5s;}
.map-trigger svg *{fill:var(--blue);transition:fill .5s;}
.map-trigger svg:last-child{position:absolute;top:50%;left:50%;margin:var(---10) 0 0 var(---10);transform:scale(0);opacity:0;}

.contacts-email{margin-bottom:var(--48);}
.contacts-email:last-child{margin-bottom:0;}


.row > *:last-child > .contacts-email:last-child{margin-bottom:0;}








.owner-img{width:calc(var(--96) + var(--2));min-width:calc(var(--96) + var(--2));height:calc(var(--96) + var(--2));border-radius:100%;overflow:hidden;margin-right:var(--16);}
.owner-img-big{width:var(--96);min-width:var(--96);height:var(--96);}
.owner-img img{display:block;width:100%;height:100%;object-fit:cover;}

.owner-about .small{margin-top:var(--8);color:var(--blue50);}
.owner-about p{margin-top:var(--8);margin-bottom:0;color:var(--blue50);}








/* Form */


.form-note{color:var(--blue50);}
.form-note a{color:var(--blue);}


.input{position:relative;display:block;width:100%;}
.input input{display:block;width:100%;background:transparent;border:none;color:transparent;transition:color .5s;border:var(--1) solid var(--blue15);border-radius:var(--8);padding:var(--30) var(--20) var(--8);height:var(--64);line-height:1.666666em;box-sizing:border-box;transition:border-color .5s;}
.textarea{position:relative;display:block;width:100%;}
.textarea textarea{display:block;width:100%;background:transparent;border:none;color:var(--blue);border:var(--1) solid var(--blue15);border-radius:var(--8);padding:var(--30) var(--20) var(--8);height:var(--128);line-height:1.666666em;box-sizing:border-box;resize:none;transition:border-color .5s;}

.input-text{position:absolute;top:0;height:var(--64);left:var(--20);line-height:var(--64);pointer-events:none;transform-origin:left center;transition:transform .5s, color .5s;color:var(--blue50);}
.textarea-text{position:absolute;top:0;height:var(--64);left:var(--20);line-height:var(--64);pointer-events:none;transform-origin:left center;transition:transform .5s, color .5s;color:var(--blue50);}

.desktop .input:not(.fill):hover .input-text{color:var(--blue);}
.desktop .input:hover input:focus ~ .input-text{color:var(--blue50);}
.input input:hover,.input input:focus,.input.fill input,.textarea textarea:hover,.textarea textarea:focus,.textarea.fill textarea{border-color:var(--blue50);}

.input-dot{position:absolute;top:var(--10);right:var(--10);width:var(--5);height:var(--5);border-radius:100%;background:var(--blue15);transition:background .5s;}
input:focus ~ * ~.input-dot,.input.fill .input-dot{background:var(--blue50);}
input:focus ~ * ~.input-icon svg *,.input.fill .input-icon svg *{fill:var(--blue);}

.input input:not(.filename):focus,.input.fill input{color:var(--blue);}
.input input:not(.filename):focus ~ .input-text,.input.fill .input-text{color:var(--blue50);transform:translateY(-22%) scale(.8666666);}
.textarea textarea:focus ~ .textarea-text,.textarea.fill .textarea-text{color:var(--blue50);transform:translateY(-22%) scale(.8666666);}


.input.fill input ~ * ~.input-dot{background:var(--green);}

.input-icon{position:absolute;top:var(--22);right:var(--22);width:var(--20);pointer-events:none;}
.input-icon svg{display:block;width:100%;}
.input-icon svg *{fill:var(--blue50);transition:fill .5s;}




.fileinput{display:none!important;}



.checkbox{display:block;position:relative;}
.checkbox input{visibility:hidden;position:absolute;}
.checkmark{position:relative;height:var(--40);border-radius:var(--40);padding:0 var(--24);display:flex;align-items:center;cursor:pointer;}
.checkmark:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:var(--1) solid var(--blue15);transition:border-color .5s;}

.checkmark-icon{position:relative;width:var(--24);min-width:var(--24);height:var(--24);border-radius:100%;margin-right:var(--12);margin-left:var(---16);display:flex;align-items:center;justify-content:center;transition:background .5s;}
.checkmark-icon:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:var(--1) solid var(--blue15);transition:border-color .5s;}
.checkmark-icon svg{display:block;width:var(--16);opacity:0;transition:opacity .5s;}
.checkmark-icon svg *{fill:var(--white);}


.checkmark-text{line-height:1.5em;}

.checkbox input:checked ~ .checkmark .checkmark-icon{background:var(--blue);}
.checkbox input:checked ~ .checkmark .checkmark-icon svg{opacity:1;}


.desktop .checkbox:hover .checkmark:before,.desktop .checkbox:hover .checkmark-icon:before{border-color:var(--blue);}





/* ---------------------------------------------- FOOTER ---------------------------------------------- */
.footer{overflow:hidden;padding-top:var(--40);padding-bottom:var(--40);background:var(--blue);color:var(--white);}
.footer *,.footer span[data-text]{color:var(--white);}
.footer .icon{background:var(--white)}
.footer .icon svg *{fill:var(--blue);}

.footer-top .line-v{height:100%;}

.line{width:100%;height:var(--1);background:var(--blue15);}
.line-v{width:var(--1);height:100%;background:var(--blue15);}
.footer .line{background:var(--white15);}
.footer .line-v{background:var(--white15);}


.gc-logo-link{display:block;width:100%;}
.gc-logo{display:block;width:100%;}
.gc-logo *{transition:fill .8s var(--cubic-bezier);}
.gc-logo-bg{fill:var(--green);}
.gc-logo-icon,.gc-logo-text{fill:var(--blue);}

.desktop a:hover .gc-logo-bg{fill:var(--blue);}
.desktop a:hover .gc-logo-icon{fill:var(--green);}

.social{display:flex;align-items:center;gap:0 var(--8);}

/* ---------------------------------------------- ANIM ---------------------------------------------- */
.line-anim{transform-origin:left center;transform:scaleX(0);}
.line-v-anim{transform-origin:top center;transform:scaleY(0);}

/* ---------------------------------------------- MARGINS ---------------------------------------------- */

.cg-16{column-gap:var(--16);}
.cg-64{column-gap:var(--64);}

.rg-120{row-gap:var(--120);}
.rg-20{row-gap:var(--20);}
.rg-8{row-gap:var(--8);}
.rg-0{row-gap:0;}

.h-full{height:100%;}
.h-210{min-height:var(--210);}
.h-180{min-height:var(--180);}
.h-172{min-height:var(--172);}
.h-120{min-height:var(--120);}
.h-96{min-height:var(--96);}
.h-72{min-height:var(--72);}

.w-1056{max-width:calc(var(--1030) + var(--26));}
.w-1030{max-width:var(--1030);}
.w-1015{max-width:calc(var(--1030) - var(--15));}
.w-920{max-width:calc(var(--920) - var(--20));}
.w-900{max-width:var(--920);}
.w-754{max-width:calc(var(--400) + var(--354));}
.w-728{max-width:var(--728);}
.w-700{max-width:var(--700);}
.w-670{max-width:var(--670);}
.w-590{max-width:var(--590);}
.w-555{max-width:var(--555);}
.w-523{max-width:calc(var(--327) + var(--200) - var(--4));}
.w-440{max-width:var(--440);}
.w-400{max-width:var(--400);}
.w-372{max-width:var(--372);}
.w-354{max-width:var(--354);}
.w-327{max-width:var(--327);}
.w-258{max-width:var(--258);}
.w-240{max-width:var(--240);}

.pt-32{padding-top:var(--32);}
.pb-56{padding-bottom:var(--56);}
.pb-0{padding-bottom:0;}
.pl-30{padding-left:var(--30);}


.mt-auto{margin-top:auto;}
.mb-auto{margin-bottom:auto;}
.ml-auto{margin-left:auto;}
.mr-auto{margin-right:auto;}

.mt-96{margin-top:var(--96);}
.mt-8{margin-top:var(--8);}

.mb-200{margin-bottom:var(--200);}
.mb-180{margin-bottom:var(--180);}
.mb-160{margin-bottom:var(--160);}
.mb-128{margin-bottom:var(--128);}
.mb-120{margin-bottom:var(--120);}
.mb-96{margin-bottom:var(--96);}
.mb-88{margin-bottom:calc(var(--80) + var(--8));}
.mb-80{margin-bottom:var(--80);}
.mb-72{margin-bottom:var(--72);}
.mb-64{margin-bottom:var(--64);}
.mb-56{margin-bottom:var(--56);}
.mb-48{margin-bottom:var(--48);}
.mb-40{margin-bottom:var(--40);}
.mb-32{margin-bottom:var(--32);}
.mb-26{margin-bottom:var(--26);}
.mb-24{margin-bottom:var(--24);}
.mb-20{margin-bottom:var(--20);}
.mb-8{margin-bottom:var(--8);}
.mb-4{margin-bottom:var(--4);}
.mb-0{margin-bottom:0;}

.mb-last-0 > *:last-child{margin-bottom:0!important;}

/* Opera video */
#detach-button-host{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important;z-index:-999!important;}
/* ---------------------------------------------- GRID ---------------------------------------------- */
a.grid-trigger{display:block;position:absolute;z-index:9999;right:0;top:100%;transform-origin:right top;padding:var(--8) var(--16);color:var(--blue);transform:rotate(90deg);background:var(--green);text-transform:uppercase;border-radius:0 0 0 var(--16);transition:all .3s;}
.grid{position:absolute;top:0;left:0;width:100%;height:var(--app-height);opacity:0;z-index:9999;pointer-events:none;transition:opacity .5s;}
.show-grid .grid{opacity:.1;}
.grid-item{height:100%;width:100%;background:red;}


.disable{pointer-events:none!important;opacity:.1!important;}
.begin{pointer-events:none!important;opacity:.5!important;}

.from-left:after{content:'';display:block;position:absolute;top:var(---1);left:var(---1);width:calc(100% + var(--2));height:calc(100% + var(--2));background:var(--blue);will-change:clip-path;pointer-events:none;transform-origin:right center;transform:scaleX(1);transition:transform 1s;will-change:transform;backface-visibility:hidden;}
.from-left.active:after{transform:scaleX(0);}




.slider-slide {
    will-change: transform, clip-path;
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
}

/* Оптимизация для контейнера слайдера */
.slider-wrapper {
    transform: translateZ(0);
    will-change: transform;
}

/* Для точек пагинации */
.slider-dot-progress {
    will-change: transform;
    transform: translateZ(0);
}

/* Отключаем анимации на слабых устройствах */
@media (prefers-reduced-motion: reduce) {
    .slider-slide,
    .slider-dot-progress {
        transition: none !important;
        animation: none !important;
    }
}


/* ---------------------------------------------- MEDIA ---------------------------------------------- */

@media (max-width:767.98px){

h1,.h1{font-size:2.625em;line-height:1.09523809em;font-weight:400;}
h2,.h2{font-size:1.375em;line-height:1.36363636em;font-weight:400;}
h3,.h3{font-size:1.125em;line-height:1.44444444em;font-weight:400;}
h4,.h4{font-size:1.125em;line-height:1.44444444em;font-weight:500;}

.h1-m{font-size:2.625em;line-height:1.09523809em;font-weight:400;}
.h2-m{font-size:1.375em;line-height:1.36363636em;font-weight:400;}
.h3-m{font-size:1.125em;line-height:1.44444444em;font-weight:400;}
.h4-m{font-size:1.125em;line-height:1.44444444em;font-weight:500;}

.small-m{font-size:.875em;line-height:1.42857142em;}

.p-m{font-size:1em;line-height:1.5em;font-weight:400;}

.uppercase-m-none{text-transform:none;}


.header-item{padding:var(--10) 0;}
.logo{width:var(--40);}
.has-intro.open-menu .logo-agency{opacity:0;}
.has-intro.open-menu svg{opacity:1;}

/* Content */
.content{padding-top:calc(var(--136) - var(--4));}
.content-container{padding-left:var(--24);padding-right:var(--24);}

.text-wrap ul{margin-bottom:var(--48);}

.row.g-m-0{margin-left:0;margin-right:0;}
.row.g-m-0 > *{padding-left:0;padding-right:0;}


.reel,.project-item-bg,.project-item-img,.blog-img,.project-img{border-radius:var(--8);}
.accordion-img,.blog-slider{clip-path:inset(0 round var(--8));}
/* Intro */
.intro{padding-top:var(--128);margin-top:calc(var(--114) * -1);margin-bottom:var(--120);}
.intro-logo{padding-bottom:0;}
.intro .line-v{min-height:var(--72);}
.reel-item{margin-bottom:0;padding-top:0;}
.reel-wrap{height:auto;position:relative;}
.reel-inner{padding-top:56.25%;height:auto;min-height:auto;max-height:none;}
.reel{transform:none!important;}

.reel-but{opacity:1;}
.intro-swiper .swiper-slide .intro-swiper-item{min-height:var(--96);}


/* Project */
.projects{gap:var(--64) 0;}
.project-item{display:block;}
.project-item-bg > img{opacity:1;}
.project-item-tags{padding-right:0;display:block;}

.project-item-tags .tag-item{padding: 0 var(--12) var(--2);}

.reviews-project{border-radius:var(--8);border:var(--1) solid var(--blue15);padding:var(--24) var(--16);}

.project-item-bg{padding-top:100%;}

/* Accordion */
.accordion-content{margin-right:var(---24);padding-right:var(--24);}

.accordion-item .accordion-num{margin-top:var(--2);}
.accordion-item .accordion-link{padding:var(--20) 0;}
.accordion-icon{width:var(--28);height:var(--28);}
.accordion-inner{padding:var(--36) 0 var(--40);}
.accordion-50{height:auto;padding-right:0;}


.accordion-item-lock .accordion-icon{display:none;}
.accordion-projects .accordion-title.h4{max-width:var(--240);}

.accordion-projects .accordion-inner{padding:var(--32) 0 var(--40);}



.num-item{display:flex;flex-direction:row-reverse;width:100%;padding:var(--24) 0;}
.num-item .num{flex:0 0 auto;font-size:2.5em;line-height:1.05em;}
.num-item p{flex:1 0 0;}


/* Blog */
.blog-content{padding-left:0;}

.blog-nav ul{margin-left:var(---4);margin-right:var(---4);}
.blog-nav ul li{padding-left:var(--4);padding-right:var(--4);}
.blog-nav ul li a,.blog-nav ul li span{width:var(--28);height:var(--28);}
a.blog-prev,a.blog-next{display:flex;align-items:center;justify-content:center;width:var(--28);height:var(--28);border-radius:100%;background:var(--blue);}
a.blog-prev svg,a.blog-next svg{display:block;width:var(--20);}
a.blog-prev svg *,a.blog-next svg *{fill:var(--white);}

.blog-nav ul li span{position:relative;background:var(--vhite);color:var(--blue);}
.blog-nav ul li span:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:var(--1) solid var(--blue15);}


/* Service */
.service{gap:var(--40) 0;}

.slider-project-img,.contact-box{border-radius:var(--8);}

/* Contacts */
.contacts-email,.contacts-email:last-child{margin-bottom:var(--32);}


.checkbox{display:inline-block;}
.textarea textarea{height:var(--180);}

.map-wrap{position:relative;}
.contact-box{padding-top:100%;}
.mobile-video{position:absolute;top:0;left:0;width:100%;height:100%;}
.contact-box.add-video{clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);transition:clip-path .8s;}
.map-wrap.active .contact-box.add-video{clip-path:polygon(0 0, 0% 0, 0% 100%, 0% 100%);}

.map-wrap.active .map-trigger{background:var(--blue);}
.map-wrap.active .map-trigger svg *{fill:var(--white);}
.map-wrap.active .map-trigger svg{transform:scale(0);opacity:0;}
.map-wrap.active .map-trigger svg:last-child{transform:scale(1);opacity:1;}


.mobile-video,.mobile-video *{pointer-events:none!important;}
.map-trigger{pointer-events:auto!important;}
.ymaps-2-1-79-panel-pane,.ymaps-2-1-79-balloon_layout_panel{bottom:auto!important;top:0!important;}
.ymaps-2-1-79-balloon{transform:translateX(0%);}

/* Footer */
.footer{padding-bottom:var(--24);padding-top:var(--20);}
.menu ul{display:block;}

/* Margins */
.left-m{text-align:left;}
.ttransform-m{text-transform:none;}
.center-m{text-align:center;}
.h-m-148{min-height:var(--148);}
.h-m-96{min-height:var(--96);}
.h-m-72{min-height:var(--72);}

.w-m-100percent{max-width:100%;}

.rg-m-64{row-gap:var(--64);}
.rg-m-16{row-gap:var(--16);}

.pt-m-20{padding-top:var(--20);}
.pt-m-0{padding-top:0;}
.pb-m-20{padding-bottom:var(--20);}
.pb-m-0{padding-bottom:0;}
.pl-m-0{padding-left:0;}

.mt-m-auto{margin-top:auto;}
.mb-m-auto{margin-bottom:auto;}
.ml-m-auto{margin-left:auto;}
.mr-m-auto{margin-right:auto;}

.mt-m-64{margin-top:var(--64);}

.mb-m-120{margin-bottom:var(--120);}
.mb-m-96{margin-bottom:var(--96);}
.mb-m-64{margin-bottom:var(--64);}
.mb-m-56{margin-bottom:var(--56);}
.mb-m-48{margin-bottom:var(--48);}
.mb-m-40{margin-bottom:var(--40);}
.mb-m-32{margin-bottom:var(--32);}
.mb-m-24{margin-bottom:var(--24);}
.mb-m-20{margin-bottom:var(--20);}
.mb-m-16{margin-bottom:var(--16);}
.mb-m-12{margin-bottom:var(--12);}
.mb-m-4{margin-bottom:var(--4);}
.mb-m-0{margin-bottom:0;}


/* grid */
.grid .row > *:nth-child(n+8){display:none;}
.grid .row > *{flex:0 0 auto;width:auto;}
.grid-item{width:var(--1);}
}