/* Start:/local/templates/mitra2023/static/layout/css/main-page.bundle.css?175032036139584*/
@charset "utf-8";:root{--800px:93.11125ch;--900px:104.75ch;--1110px:1110px;--1140px:110.809ch;--1180px:113.5ch;--1200px:116.641ch;--1368px:135.74ch;--1400px:159.2195ch;--1500px:170.859ch;--breakout-size:0;--padding-inline:0;--adaptive-padding:0;--content-max-width:100%;--swiper-slide-width:280px}@media (min-width:768px){:root{--swiper-slide-width:410px}}@media (min-width:992px){:root{--breakout-size:40px;--adaptive-padding:1fr;--content-max-width:var(--900px);--swiper-slide-width:540px}}@media (min-width:1140px){:root{--padding-inline:40px;--content-max-width:var(--1110px)}}@media (min-width:1600px){:root{--padding-inline:80px;--breakout-size:155px}}.figure-section,.figure-viewbox{max-width:none;z-index:6}.figure-viewbox{-webkit-transform:none;transform:none;left:0;top:0}@media (max-width:991px){.figure-viewbox{display:none}}.figure-section__box{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);min-height:1180px;position:absolute;overflow:hidden;height:100dvh;width:100vw;left:50%;top:0}@media (min-width:992px){.figure-section__box{max-width:calc(100vw - 9px)}}@media (orientation:landscape){.figure-section__box{width:100vw}}.figure.breach{-webkit-transform:translate(calc(50% + 20vw),0);transform:translate(calc(50% + 20vw),0);-webkit-transition-delay:unset;transition-delay:unset;position:absolute;overflow:visible;aspect-ratio:1;height:1180px;width:1820px;opacity:1;right:50%;top:0}@media (min-width:1921px){.figure.breach{-webkit-transform:translate(calc(50% + 300px),0);transform:translate(calc(50% + 300px),0)}}.figure.breach:before{background:url("/local/templates/mitra2023/static/layout/css/../img/dot-1.svg") 0 0 repeat;-webkit-mask-image:url("/local/templates/mitra2023/static/layout/css/../img/breach.svg");mask-image:url("/local/templates/mitra2023/static/layout/css/../img/breach.svg");-webkit-mask-position:right top;mask-position:right top;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-size:6px;-webkit-mask-size:contain;mask-size:contain;position:absolute;right:-60px;height:100%;width:100%;content:'';z-index:-1;top:20px}.figure.breach:after{background:url("/local/templates/mitra2023/static/layout/css/../img/breach.svg") left top no-repeat;background-size:contain;position:absolute;height:100%;width:100%;content:'';z-index:1;left:0;top:0}#main-promo-section{padding-top:212px;margin-top:-157px;position:relative}@media (max-width:575px){#main-promo-section{padding-top:180px}}#main-promo-section .sandwich{position:absolute;right:1.35%;z-index:11;top:74px}@media (min-width:1140px){#main-promo-section .sandwich{right:2.6275%;top:52px}}@media (max-width:1099px){#main-promo-section .sandwich{display:none}}#main-promo-section .sandwich.active{z-index:9;opacity:0}#main-promo-section .sandwich span:after,#main-promo-section .sandwich span:before,#main-promo-section .sandwich span:not(:first-child){background:#FFFFFF!important}#main-promo-section .sandwich span:first-child:before{-webkit-box-shadow:1px 0 0 0 #FFFFFF;box-shadow:1px 0 0 0 #FFFFFF}#main-promo-section .sandwich span:first-child:after{-webkit-box-shadow:-1px 0 0 0 #FFFFFF;box-shadow:-1px 0 0 0 #FFFFFF}#main-promo-section .h4{position:relative;font-size:1.75rem;z-index:4}@media (max-width:575px){#main-promo-section .h4{font-size:1.25rem}}#main-promo-section+*{position:relative;z-index:7}.main-promo .lottie__wrapper{margin-bottom:-35vh;margin-top:-7vh;max-width:50%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}@media (min-width:1400px){.main-promo .lottie__wrapper{margin-bottom:-47vh}}@media (max-width:991px){.main-promo .lottie__wrapper{margin-bottom:-31vh;-webkit-box-flex:0;-ms-flex:0 0 250px;flex:0 0 250px;width:250px}}@media (max-width:767px){.main-promo .lottie__wrapper{margin-bottom:-15vh}}@media (max-width:575px){.main-promo .lottie__wrapper{margin-bottom:-30vh;-webkit-box-flex:0;-ms-flex:0 0 0px;flex:0 0 0;width:0}}.main-promo .lottie{-webkit-transform:translate(calc(-50vw + 4.5px),0);transform:translate(calc(-50vw + 4.5px),0);-webkit-transition:-webkit-transform 200ms linear;transition:-webkit-transform 200ms linear;transition:transform 200ms linear;transition:transform 200ms linear,-webkit-transform 200ms linear;width:calc(100vw - 9px);-webkit-transition-delay:800ms;transition-delay:800ms;max-height:1100px;min-height:700px;height:58.5112vw;overflow:hidden;position:sticky;float:left;z-index:3;top:17vh}@media (max-width:991px){.main-promo .lottie{-webkit-transform:translate(calc(-100vw + 265px),0);transform:translate(calc(-100vw + 265px),0);overflow:hidden;width:100vw;top:10vh}}@media (max-width:767px){.main-promo .lottie{-webkit-transform:translate(calc(-100vw + 265px),0);transform:translate(calc(-100vw + 265px),0)}}@media (max-width:575px){.main-promo .lottie{-webkit-transform:translate(calc(-100vw + 15px),0);transform:translate(calc(-100vw + 15px),0);z-index:1;top:20vh}}@media (max-width:414px){.main-promo .lottie{top:17vh}}.main-promo .lottie.faraway{-webkit-transform:translate(calc(-50vw + 4.5px),-17vh);transform:translate(calc(-50vw + 4.5px),-17vh)}@media (max-width:991px){.main-promo .lottie.faraway{-webkit-transform:translate(calc(-100vw + 265px),-180px);transform:translate(calc(-100vw + 265px),-180px)}}@media (max-width:575px){.main-promo .lottie.faraway{-webkit-transform:translate(calc(-100vw + 15px),-180px);transform:translate(calc(-100vw + 15px),-180px)}}.main-promo .lottie.faraway #lottie{-webkit-transform:translate(-15%,-200%);transform:translate(-15%,-200%)}@media (max-width:991px){.main-promo .lottie.faraway #lottie{-webkit-transform:translate(-29%,-200%);transform:translate(-29%,-200%)}}@media (max-width:767px){.main-promo .lottie.faraway #lottie{-webkit-transform:translate(-42%,-200%);transform:translate(-42%,-200%)}}.main-promo #lottie,.main-promo #lottie2,.main-promo #lottie3,.main-promo #projector,.main-promo .main-promo h2 .big{will-change:auto}.main-promo #lottie{-webkit-transition:-webkit-transform 800ms linear;transition:-webkit-transform 800ms linear;transition:transform 800ms linear;transition:transform 800ms linear,-webkit-transform 800ms linear;-webkit-transform:translate(-15%,-50%);transform:translate(-15%,-50%);-webkit-transform-origin:center;transform-origin:center;position:relative;overflow:hidden;aspect-ratio:1;display:block;height:100%;left:50%;top:50%}@media (max-width:991px){.main-promo #lottie{-webkit-transform:translate(-29%,-50%);transform:translate(-29%,-50%)}}@media (max-width:767px){.main-promo #lottie{-webkit-transform:translate(-42%,-50%);transform:translate(-42%,-50%)}}.main-promo #section-scope{padding-bottom:40vh;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:7}@media (max-width:991px){.main-promo #section-scope{padding-bottom:25vh}.main-promo #section-scope:before{background:rgba(255,255,255,0.75);position:absolute;height:525px;right:-15px;left:-15px;content:'';z-index:2;top:-69px}@supports (position:sticky){.main-promo #section-scope:before{bottom:30px;height:auto}}}@media (max-width:767px){.main-promo #section-scope{padding-bottom:10vh}}@media (max-width:575px){.main-promo #section-scope{padding-bottom:30vh;margin-bottom:-15vh}}.main-promo #section-scope h1{font-family:'MerriweatherItalic',cursive;text-transform:none;font-style:italic;position:relative;font-weight:400;line-height:1.5;font-size:1.75rem;z-index:4}@media (max-width:575px){.main-promo #section-scope h1{font-size:1.25rem}}.main-promo #section-our{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1}@media (max-width:1399px){.main-promo #section-our{z-index:unset}}@media (max-width:1200px){.main-promo #section-our{padding-left:0}@supports (position:sticky){.main-promo #section-our{padding-left:15px}}}.main-promo #section-our .section-our__wrapper:first-child{padding-bottom:60px}@media (min-width:576px){.main-promo #section-our .section-our__wrapper:first-child{padding-bottom:140px}}@media (min-width:768px){.main-promo #section-our .section-our__wrapper:first-child{padding-bottom:28px}}@media (min-width:992px){.main-promo #section-our .section-our__wrapper:first-child{padding-bottom:61px}}@media (min-width:1400px){.main-promo #section-our .section-our__wrapper:first-child{padding-bottom:64px}}.main-promo #section-our .section-our__wrapper:last-child{margin:-250px 0 -330px}@media (min-width:1400px){.main-promo #section-our .section-our__wrapper:last-child{margin:-250px 0 -200px}}@media (max-width:991px){.main-promo #section-our .section-our__wrapper:last-child{margin:-70px 0 -440px}}@media (max-width:575px){.main-promo #section-our .section-our__wrapper:last-child{display:none}}.main-promo #section-our .section-our__wrapper:last-child .section-our__item{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;top:17vh}@media (max-width:575px){.main-promo #section-our .section-our__wrapper:last-child .section-our__item{top:27vh}}.main-promo #section-our .section-our__wrapper:last-child .section-our__item>*{position:relative;overflow:hidden;-webkit-box-flex:0;-ms-flex:0 0 480px;flex:0 0 480px}@media (max-width:991px){.main-promo #section-our .section-our__wrapper:last-child .section-our__item>*{-webkit-transform:translate(-55%,-15%) scale(0.8);transform:translate(-55%,-15%) scale(0.8);overflow:hidden;-webkit-box-flex:0;-ms-flex:0 0 480px;flex:0 0 480px;width:384px}}@media (max-width:767px){.main-promo #section-our .section-our__wrapper:last-child .section-our__item>*{-webkit-transform:translate(-100%,-20%) scale(0.7);transform:translate(-100%,-20%) scale(0.7)}}.main-promo #section-our .section-our__wrapper:last-child .section-our__item>*>*{-webkit-transform:translate(190px,100px) scale(1.8);transform:translate(190px,100px) scale(1.8);min-width:480px;display:block;height:720px}@media (min-width:1400px){.main-promo #section-our .section-our__wrapper:last-child .section-our__item>*>*{-webkit-transform:translate(250px,200px) scale(2);transform:translate(250px,200px) scale(2)}}.main-promo #section-our .section-our__wrapper:last-child .section-our__item>*>:last-child{position:absolute;height:100%;left:0;top:0}.main-promo #section-our #section-our__item{-webkit-transform:translate(-10px,45px);transform:translate(-10px,45px);z-index:3}@supports (position:sticky){.main-promo #section-our #section-our__item{-webkit-transform:translate(-30px,0);transform:translate(-30px,0)}}.main-promo #section-our .section-our__item{-webkit-transform:translate(-30px,0);transform:translate(-30px,0);will-change:scroll-position;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:0;-webkit-transition:none;transition:none;position:sticky;display:-webkit-box;display:-ms-flexbox;display:flex;top:44.55vh;width:0}@media (max-width:1430px){.main-promo #section-our .section-our__item{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:32px}}@supports (-webkit-hyphens:none){@media (max-width:991px){.main-promo #section-our .section-our__item{margin-bottom:9px}}}@media (max-width:767px){.main-promo #section-our .section-our__item{margin-bottom:-80px}}@media (max-width:575px){.main-promo #section-our .section-our__item{margin-bottom:0}}.main-promo #section-our .section-our__item .big{background-clip:unset;will-change:unset;background:none;color:#2E3C40}.main-promo #projector{-webkit-transition:opacity 100ms ease-in-out;transition:opacity 100ms ease-in-out;position:absolute;bottom:-320px;right:-430px;height:720px;width:2500px;z-index:-1;opacity:0}@media (max-width:991px){.main-promo #projector{display:none}}.main-promo #projector>svg{height:inherit;width:inherit}.main-promo .projector-figure{-webkit-animation:projector-figure 2s infinite linear;animation:projector-figure 2s infinite linear;position:absolute;display:none;height:70px;right:235px;width:70px;z-index:1;top:185px}@media (max-width:991px){.main-promo .projector-figure{height:50px;right:190px;width:50px;top:165px}}.main-promo .projector-figure.active{display:block}.main-promo .projector-figure.action .glitch{-webkit-animation:glitch 200ms 1 linear;animation:glitch 200ms 1 linear}.main-promo .projector-figure .glitch,.main-promo .projector-figure .normal{position:absolute;overflow:hidden;display:block;width:100%;left:0}.main-promo .projector-figure .normal{height:100%;top:0}.main-promo .projector-figure .glitch{height:45%;top:30%}.main-promo .projector-figure .glitch svg{translate:0 -42.5%;position:absolute;max-height:none;height:70px}@media (max-width:991px){.main-promo .projector-figure .glitch svg{height:50px}}.main-promo .projector-figure svg{bottom:inherit;height:inherit;width:inherit;left:inherit;top:inherit}.main-promo .section-scope__wrapper{position:relative;padding-top:3vh;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;z-index:1}@media (max-width:1430px){.main-promo .section-scope__wrapper{padding-left:80px;z-index:unset}}@media (max-width:991px){.main-promo .section-scope__wrapper{padding-left:45px}}@media (max-width:575px){.main-promo .section-scope__wrapper{padding-left:0}@supports (position:sticky){.main-promo .section-scope__wrapper{padding-left:30px}}}.main-promo .content{max-width:50%}@media (max-width:991px){.main-promo .content{max-width:calc(100% - 250px)}}@media (max-width:575px){.main-promo .content{max-width:100%}}.main-promo .main-menu{position:relative;margin:9vh 0 40vh}@media (max-width:991px){.main-promo .main-menu{margin:5vh 0 20vh;max-width:400px}}@media (max-width:575px){.main-promo .main-menu{margin:4vh 0 13vh}}.main-promo .main-menu-item{position:relative;z-index:4}@media (max-width:991px){.main-promo .main-menu-item{margin:3% 5% 0 0;font-size:1.25rem}}.main-promo h2 .big{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:5rem;line-height:1;display:block;color:#2E3C40;z-index:3}@media (min-width:992px){.main-promo h2 .big{background:-webkit-gradient(linear,left top,left bottom,color-stop(0vh,#2E3C40),color-stop(51vh,#2E3C40),color-stop(51vh,#FFFFFF),color-stop(100vh,#FFFFFF)) fixed;background:linear-gradient(180deg,#2E3C40 0vh,#2E3C40 51vh,#FFFFFF 51vh,#FFFFFF 100vh) fixed;-webkit-text-stroke-color:#2E3C40;-webkit-text-stroke-width:1px;-webkit-background-clip:text;-moz-background-clip:text;text-transform:uppercase;will-change:background;background-clip:text;color:transparent}}@media (max-width:991px){.main-promo h2 .big{font-size:3rem}}@media (max-width:575px){.main-promo h2 .big{margin-bottom:8px;font-size:2.75rem}}.main-promo h2 .small{font-family:'MerriweatherItalic',cursive;text-transform:none;font-size:1.125rem;font-style:italic;letter-spacing:0;font-weight:400;line-height:1.9;display:block}@media (max-width:991px){.main-promo h2 .small{line-height:1.4;font-size:1rem}}.section-our__point{padding:0 0 30px;margin:60px 0 0}@media (max-width:991px){.section-our__point{position:relative;padding:0 0 15px;margin:30px 0 0;z-index:3}}@-webkit-keyframes projector-figure{0%{-webkit-transform:translate(0px,0px) rotate(-20deg) scale(0.8);transform:translate(0px,0px) rotate(-20deg) scale(0.8)}25%{-webkit-transform:translate(-7px,5px) rotate(-30deg) scale(1);transform:translate(-7px,5px) rotate(-30deg) scale(1)}50%{-webkit-transform:translate(0px,0px) rotate(-15deg) scale(1.1);transform:translate(0px,0px) rotate(-15deg) scale(1.1)}75%{-webkit-transform:translate(0px,0px) rotate(-30deg) scale(1);transform:translate(0px,0px) rotate(-30deg) scale(1)}to{-webkit-transform:translate(0px,0px) rotate(-20deg) scale(0.8);transform:translate(0px,0px) rotate(-20deg) scale(0.8)}}@keyframes projector-figure{0%{-webkit-transform:translate(0px,0px) rotate(-20deg) scale(0.8);transform:translate(0px,0px) rotate(-20deg) scale(0.8)}25%{-webkit-transform:translate(-7px,5px) rotate(-30deg) scale(1);transform:translate(-7px,5px) rotate(-30deg) scale(1)}50%{-webkit-transform:translate(0px,0px) rotate(-15deg) scale(1.1);transform:translate(0px,0px) rotate(-15deg) scale(1.1)}75%{-webkit-transform:translate(0px,0px) rotate(-30deg) scale(1);transform:translate(0px,0px) rotate(-30deg) scale(1)}to{-webkit-transform:translate(0px,0px) rotate(-20deg) scale(0.8);transform:translate(0px,0px) rotate(-20deg) scale(0.8)}}@-webkit-keyframes glitch{0%{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-filter:contrast(0);filter:contrast(0)}33%{-webkit-transform:translate(-10%,0);transform:translate(-10%,0);-webkit-filter:contrast(1);filter:contrast(1)}66%{-webkit-transform:translate(10%,0);transform:translate(10%,0);-webkit-filter:contrast(1);filter:contrast(1)}to{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-filter:contrast(0);filter:contrast(0)}}@keyframes glitch{0%{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-filter:contrast(0);filter:contrast(0)}33%{-webkit-transform:translate(-10%,0);transform:translate(-10%,0);-webkit-filter:contrast(1);filter:contrast(1)}66%{-webkit-transform:translate(10%,0);transform:translate(10%,0);-webkit-filter:contrast(1);filter:contrast(1)}to{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-filter:contrast(0);filter:contrast(0)}}@-moz-document url-prefix(){.main-promo h2 .big{background:none;color:#2E3C40}}@media (min-width:1600px){.main-menu.theme5{margin-right:-255px}}.main-menu.theme5 .h5,.main-menu.theme5 h5{margin-bottom:3.4175%;letter-spacing:4px;font-size:0.75rem}.main-menu.theme5 [class*=-item]{margin:0 5.601% 3.735% 0}.main-menu.small .h5,.main-menu.small h5{margin-bottom:3.8%;font-size:0.75rem}.main-menu.small [class*=-item]{margin:0 5% 3.8% 0;font-size:0.875rem}.main-menu.small [class*=-item]:last-child{margin-right:0}.main-menu.small [class*=-item] .icon{-webkit-transform:scale(0.7);transform:scale(0.7)}.main-menu .icon{display:none}.main-menu-item{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;margin:15px 12px 0 0;text-decoration:none;display:inline-block;position:relative;font-size:1.125rem;color:#386BE6}@media screen and (min-width:768px){.main-menu-item{margin:4.25% 7.513% 0 0;font-size:1.5rem}}@media screen and (min-width:769px){.main-menu .icon{display:block}.main-menu[class*=theme] [class*=-item] .icon{pointer-events:none;position:absolute;max-height:none;max-width:none;height:104px;width:104px;z-index:-1;left:-45px;top:-39px}.main-menu [class*=-item]:hover .icon{opacity:0.5}.main-menu [class*=-item]:hover .icon path:first-child,.main-menu [class*=-item]:hover .icon path:nth-child(2),.main-menu [class*=-item]:hover .icon path:nth-child(3){-webkit-animation-play-state:running;animation-play-state:running}.main-menu [class*=-item] .icon{-webkit-transition:opacity 450ms ease-in-out;transition:opacity 450ms ease-in-out;stroke-dashoffset:125px;stroke-dasharray:125px;stroke-linejoin:round;stroke-width:1px;fill:none;opacity:0}.main-menu [class*=-item] .icon path:first-child,.main-menu [class*=-item] .icon path:nth-child(3){-webkit-animation:infiniteRollin2 1200s linear infinite;animation:infiniteRollin2 1200s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.main-menu [class*=-item] .icon path:nth-child(2){-webkit-animation:infiniteRollin2Back 1200s linear infinite;animation:infiniteRollin2Back 1200s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.main-menu [class*=-item] .icon .anim{display:none}.main-menu [class*=-item][class*=hovered][class*=-danger] .icon{stroke:#E15241}.main-menu [class*=-item][class*=hovered][class*=-warning] .icon{stroke:#F19C38}.main-menu [class*=-item][class*=hovered][class*=-info] .icon{stroke:#4AA7EE}.main-menu [class*=-item][class*=hovered][class*=-pink] .icon{stroke:#D63964}.main-menu [class*=-item][class*=hovered][class*=-purple] .icon{stroke:#9035AA}@-webkit-keyframes infiniteRollin2{0%{stroke-dashoffset:100000px}to{stroke-dashoffset:-100000px}}@keyframes infiniteRollin2{0%{stroke-dashoffset:100000px}to{stroke-dashoffset:-100000px}}@-webkit-keyframes infiniteRollin2Back{0%{stroke-dashoffset:0}to{stroke-dashoffset:200000px}}@keyframes infiniteRollin2Back{0%{stroke-dashoffset:0}to{stroke-dashoffset:200000px}}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.main-menu-item .icon{display:none!important}}.works{position:relative;margin:0 -15px}@media screen and (min-width:768px){.works{padding-bottom:35px;margin:30px 0 -35px}}@media screen and (min-width:992px){.works{padding-bottom:75px;margin:90px 0 -75px}}@media screen and (min-width:768px){.works:after{background:#d6e2ff;position:absolute;margin-left:-1px;height:100px;content:'';width:1px;bottom:0;left:50%}}.works.bordered{padding-bottom:0}.works.bordered:after{display:none}.works.bordered [class*=-wrapper]{border-bottom:1px solid #d6e2ff}.works.borderless{margin-bottom:40px;padding:0}@media screen and (max-width:767px){.works.borderless{padding:0 15px}}.works.borderless:after{display:none}.works.borderless [class*=-wrapper]{margin:0}@media screen and (min-width:1366px){.works.borderless [class*=-wrapper]{padding:65px 0;margin:0 -65px}}.works.borderless [class*=-item]{border:none!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:25px 0;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@media screen and (min-width:1366px){.works.borderless [class*=-item]{padding:65px;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;width:50%}}.works.borderless [class*=-category]{margin-bottom:10px;font-size:16px}@media screen and (min-width:768px){.works.borderless [class*=-category]{margin-bottom:18px;font-size:1.125rem}}.works.borderless [class*=-client]{margin-bottom:10px;font-size:2rem;height:auto}@media screen and (min-width:768px){.works.borderless [class*=-client]{margin-bottom:20px;font-size:3.5rem}}.works.borderless [class*=-client][class*=-icon]{display:block}.works.borderless [class*=-more]{font-family:'Grotesk',sans-serif;text-transform:uppercase;-webkit-transform:translate(0,0);transform:translate(0,0);letter-spacing:0.03em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-weight:700;margin-top:auto;font-size:1.5rem;color:#386BE6;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;float:none;opacity:1}.works.borderless [class*=-more] .svg-icon{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;margin-left:10px;display:block}.works.wide{padding-bottom:0;margin:60px 0 0}@media screen and (min-width:768px){.works.wide{margin:130px 0 0}}.works.wide:after{display:none}.works.wide [class*=-item]:not([class*=__]){-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border:none!important;margin-bottom:100px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:0}@media screen and (min-width:768px){.works.wide [class*=-item]:not([class*=__]){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media screen and (min-width:992px){.works.wide [class*=-item]:not([class*=__]){margin-bottom:138px}}.works.wide [class*=-item]:not([class*=__]):hover [class*=-anim] .icon{opacity:1}.works.wide [class*=-item]:not([class*=__]):hover [class*=-anim] .icon path{-webkit-animation-play-state:running;animation-play-state:running}.works.wide [class*=-item]:not([class*=__]):hover [class*=-more] .svg-icon{margin-right:-10px}.works.wide [class*=-item]:not([class*=__]) [class*=__img]{width:100%}@media screen and (min-width:768px){.works.wide [class*=-item]:not([class*=__]) [class*=__img]{width:50%}}.works.wide [class*=-all]:hover .svg-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.works.wide [class*=-all] .svg-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.works.wide [class*=-category]{letter-spacing:7px;margin-bottom:10px;font-weight:700;font-size:1.125rem}@media screen and (min-width:768px){.works.wide [class*=-category]{margin-bottom:18px}}.works.wide [class*=-client]{margin-bottom:20px;font-size:2.25rem;height:auto}@media screen and (min-width:768px){.works.wide [class*=-client]{margin-bottom:40px}}@media screen and (min-width:992px){.works.wide [class*=-client]{font-size:5.5rem}}.works.wide [class*=-client][class*=-icon]{display:none}@media screen and (min-width:768px){.works.wide [class*=-client][class*=-icon]{-webkit-transform:translate(0,-35%);transform:translate(0,-35%);display:block;font-size:0}}@media screen and (min-width:992px){.works.wide [class*=-client][class*=-icon]{-webkit-transform:translate(-63%,-52%);transform:translate(-63%,-52%)}}.works.wide [class*=-client] [class*=-shadow]{-webkit-mask-box-image-repeat:stretch;mask-border-repeat:stretch;background-size:450px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;left:20px;top:40px}.works.wide [class*=-client] svg{position:relative;max-height:150px;max-width:150px;opacity:1;z-index:1}@media screen and (min-width:768px){.works.wide [class*=-client] svg{max-height:230px;max-width:230px}}.works.wide [class*=-desc]{max-width:730px;font-size:16px}@media screen and (min-width:992px){.works.wide [class*=-desc]{font-size:1.5rem}}.works.wide [class*=-more]{font-family:'Grotesk',sans-serif;text-transform:uppercase;-webkit-transform:translate(0,0);transform:translate(0,0);letter-spacing:0.03em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;font-size:1.5rem;color:#386BE6;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1}.works.wide [class*=-more] .svg-icon{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;margin-left:10px;display:block}.works-line{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:767px){.works-line.sm{display:none}}@media screen and (min-width:768px){.works-line.sm{display:-webkit-box;display:-ms-flexbox;display:flex}}.works-line.xs{display:block}@media screen and (min-width:768px){.works-line.xs{display:none}}.works-line [class*=-all]{margin-bottom:0;float:none}.works-separator{background:#5D8DFF;margin:15px 8px 15px 0;display:block;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;opacity:0.25;content:'';z-index:-1;height:1px;width:100%}@media screen and (min-width:768px){.works-separator{margin-right:18px}}.works-all{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;font-family:'Grotesk',sans-serif;text-transform:uppercase;letter-spacing:0.03em;text-decoration:none;margin:0 0 20px;font-size:1.5rem;color:#386BE6;line-height:1;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;float:right;width:auto}@media screen and (min-width:768px){.works-all{margin:0 0 20px auto}}.works-all:hover .svg-icon{-webkit-transform:translate(33%,0);transform:translate(33%,0)}.works-all .svg-icon{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-webkit-transform:rotate(45deg);transform:rotate(45deg);vertical-align:middle;margin:0 0 5px 6px;height:13px;width:15px}@media screen and (min-width:768px){.works-all .svg-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.works-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;clear:both}.works-item{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;border-bottom:1px solid #d6e2ff;border-top:1px solid #d6e2ff;text-decoration:none;padding:60px 15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:-1px;border-left:0;display:block;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;color:#2E3C40;width:100%}@media screen and (min-width:768px){.works-item{padding:60px 30px;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;width:50%}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.works-item{-webkit-box-flex:0;-ms-flex:0 0 44.55%;flex:0 0 44.55%;width:44.55%}}.works-item:nth-child(odd):nth-last-child(2){border-bottom:0}.works-item:nth-child(2n){border-left:1px solid #d6e2ff;margin-left:-1px;border-right:0}.works-item:nth-child(2n):last-child{border-bottom:0}.works-item:last-child{border-bottom:0}.works-item:hover [class$=-more]{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition-delay:300ms;transition-delay:300ms;opacity:1}.works-item:hover[class*=hovered-]{color:#2E3C40!important}.works-item:hover[class*=hovered-][class*=-danger] [class*=-client]{color:#E15241}.works-item:hover[class*=hovered-][class*=-pink] [class*=-client]{color:#D63964}.works-item:hover[class*=hovered-][class*=-purple] [class*=-client]{color:#9035AA}.works-item:hover[class*=hovered-][class*=-warning] [class*=-client]{color:#F19C38}.works-item:hover[class*=hovered-][class*=-primary] [class*=-client]{color:#386BE6}.works-item:hover[class*=hovered-][class*=-info] [class*=-client]{color:#4AA7EE}.works-item:hover [class*=-more] .svg-icon{margin-left:20px}.works-item:hover .works-item__img img,.works-item:hover .works-item__img picture,.works-item:hover .works-item__img svg,.works-item:hover .works-item__img video{-webkit-transform:scale(0.99);transform:scale(0.99)}.works-item[class*=hovered-]{color:#2E3C40!important}.works-item[class*=hovered-][class*=-danger] .icon{stroke:#F0A8A0}.works-item[class*=hovered-][class*=-pink] .icon{stroke:#EA9CB1}.works-item[class*=hovered-][class*=-purple] .icon{stroke:#C79AD4}.works-item[class*=hovered-][class*=-warning] .icon{stroke:#F8CD9B}.works-item[class*=hovered-][class*=-primary] .icon{stroke:#5D8DFF}.works-item[class*=hovered-][class*=-info] .icon{stroke:#A4D3F6}.works-item__info{position:relative;width:100%;z-index:2}@media screen and (min-width:768px){.works-item__info{padding-right:clamp(24px,3vmax,48px);width:50%}}@media screen and (min-width:992px){.works-item__info{width:66.666664%}}.works-item__img{margin-bottom:30px;position:relative;z-index:1}@media screen and (min-width:768px){.works-item__img{margin-bottom:0;width:50%}}@media screen and (min-width:992px){.works-item__img{width:33.333332%}}.works-item__img img,.works-item__img picture,.works-item__img svg,.works-item__img video{border-radius:clamp(12px,2vmax,32px);-webkit-transition:-webkit-transform 150ms linear;transition:-webkit-transform 150ms linear;transition:transform 150ms linear;transition:transform 150ms linear,-webkit-transform 150ms linear;-webkit-transform-origin:left center;transform-origin:left center;pointer-events:none;display:block;width:100%}.works-item .works-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.works-category{font-family:'Inter',sans-serif;text-transform:uppercase;letter-spacing:4px;margin-bottom:19px;position:relative;font-size:0.75rem;display:block;z-index:2}.works-client{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;font-family:'Grotesk',sans-serif;text-transform:uppercase;letter-spacing:0.03em;margin-bottom:25px;position:relative;font-weight:700;font-size:1.75rem;line-height:1;display:block;height:60px;z-index:1}.works-client-icon{-webkit-transform:translate(15px,-50px);transform:translate(15px,-50px);margin:0!important;position:absolute;display:none;z-index:-1;right:30px;top:0}@media screen and (min-width:768px){.works-client-icon{-webkit-transform:translate(-10%,-40%);transform:translate(-10%,-40%);right:auto;left:0}}@media screen and (min-width:1366px){.works-client-icon{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.works-client-icon svg{margin:0!important;max-height:150px;max-width:150px;opacity:0}@media screen and (min-width:768px){.works-client-icon svg{max-height:230px;max-width:230px}}.works-client-icon [class*=-shadow]{background-image:url(/local/templates/mitra2023/static/layout/css/../img/dot_big.svg);background-position:left top;-webkit-mask-box-image-repeat:stretch;mask-border-repeat:stretch;background-repeat:repeat-x;background-size:600px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;margin:0!important;-webkit-mask-size:contain;mask-size:contain;position:absolute;opacity:0.5;z-index:0;bottom:0;right:0;left:0;top:0}.works-type{position:relative;line-height:13px;font-size:0.75rem;display:block;float:left;z-index:1}@media screen and (min-width:768px){.works-type{line-height:1.4;font-size:0.875rem}}.works-desc{font-family:'MerriweatherItalic',cursive;margin-bottom:15px;font-style:italic;position:relative;line-height:1.44;font-size:1.125rem;display:block;z-index:1}@media screen and (min-width:768px){.works-desc{margin-bottom:40px}}.works-anim{position:absolute;will-change:auto;bottom:-90px;left:-140px;z-index:-1}.works-anim .icon{-webkit-transition:opacity 450ms ease-in-out;transition:opacity 450ms ease-in-out;-webkit-backface-visibility:visible;backface-visibility:visible;stroke-dashoffset:125px;stroke-dasharray:125px;stroke-linejoin:round;pointer-events:none;stroke-width:0.5px;max-height:none;max-width:none;line-height:0;display:block;height:300px;width:300px;font-size:0;float:right;z-index:-1;fill:none;opacity:0}.works-anim .icon path:first-child{-webkit-animation:infiniteRollin2 1500s linear infinite;animation:infiniteRollin2 1500s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.works-anim .icon path:nth-child(2){-webkit-animation:infiniteRollin2Back 1500s linear infinite;animation:infiniteRollin2Back 1500s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.works-anim .icon path:nth-child(3){-webkit-animation:infiniteRollin2 1500s linear infinite;animation:infiniteRollin2 1500s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.works-anim .icon .anim{display:none}.works-more{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease;-webkit-transition-delay:0ms;transition-delay:0ms;vertical-align:top;position:relative;display:block;font-size:0;float:right;z-index:1}@media screen and (min-width:768px){.works-more{-webkit-transform:translate(0,50%);transform:translate(0,50%);font-size:0.875rem;opacity:0}}.works-more .svg-icon{height:13px;width:15px}@media screen and (min-width:768px){.works-more .svg-icon{display:none}}.works-filter{position:relative;display:block;z-index:4}@media screen and (max-width:991px){.works-filter{margin-top:80px}}@media screen and (max-width:767px){.works-filter{border-bottom:1px solid #5D8DFF;margin-top:80px}.works-filter:after{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;border:3px solid #386BE6;-webkit-transform-origin:5px 5px;transform-origin:5px 5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;border-left:0;border-top:0;content:'';right:15px;height:8px;width:8px;z-index:1;top:40%}.works-filter.open:after{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.works-filter.open .works-filter-line:not(.group){border-color:#E8E8E8;background:#FFFFFF}.works-filter.open .works-filter-label{line-height:36px}}.works-filter-all{margin-right:45px;position:absolute;right:100%;top:40px}@media screen and (min-width:992px){.works-filter-all{top:70px}}.works-filter-all:before{background:#386BE6;position:absolute;display:block;opacity:0.25;right:-25px;content:'';height:1px;width:10px;top:12px}.works-filter-form{position:relative}@media screen and (max-width:767px){.works-filter-form{height:36px}}.works-filter-form input{display:none}.works-filter-form input:checked+[class*=-line]{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:767px){.works-filter-form input:checked+[class*=-line]{display:block}.works-filter-form input:checked+[class*=-line] input:checked+[class*=-label]{position:absolute;line-height:36px;bottom:100%;right:0;left:0}}.works-filter-form+*{margin-top:10px}.works-filter-line{-ms-flex-wrap:wrap;flex-wrap:wrap;display:none;margin:0}@media screen and (max-width:767px){.works-filter-line:not(.group){-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;border:1px solid transparent;border-radius:0 0 5px 5px;background:transparent}}@media screen and (min-width:992px){.works-filter-line{margin:0 -24px}}.works-filter-line:first-child{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:992px){.works-filter-line.group{margin-bottom:15px}}@media screen and (max-width:767px){.works-filter-line{background:#FFFFFF;position:absolute;z-index:1;top:100%;right:0;left:0}.works-filter-line.group{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:15px;bottom:100%;top:auto}.works-filter-line.group [class*=-item]+[class*=-item]{margin-left:5px}.works-filter-line.group [class*=-label]{letter-spacing:2px;font-size:0.75rem}.works-filter-line.group [class*=-label].text{line-height:24px;padding:5px 10px}.works-filter-line [class*=-label]{padding:0 35px 0 10px;line-height:0px;overflow:hidden}.works-filter-line [class*=-item]{display:block;float:none;margin:0}}.works-filter-item{margin:5px 25px 5px 5px;float:left}@media screen and (min-width:992px){.works-filter-item{margin:15px 24px}}.works-filter-label{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;font-family:'Merriweather',serif;-ms-touch-action:manipulation;touch-action:manipulation;text-transform:none;position:relative;letter-spacing:0;padding:10px 1px;font-size:0.875rem;cursor:pointer;display:block;color:#2E3C40;margin:0}@media (min-width:992px){.works-filter-label{font-size:1.125rem}}.works-filter-label:after,.works-filter-label:before{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;border:1px solid #386BE6;position:absolute;content:'';opacity:0;height:0;width:0}.works-filter-label:before{border-right:0;border-top:0;bottom:5px;left:15px}.works-filter-label:after{border-bottom:0;border-left:0;right:15px;top:5px}.works-filter-label:hover{color:#386BE6}.works-filter-label.text{font-family:'Inter',sans-serif;padding:10px 14px 10px 18px;text-transform:uppercase;letter-spacing:7px;font-weight:700;font-size:0.75rem}@media (min-width:992px){.works-filter-label.text{font-size:1.125rem}}.works-filter-label.active{cursor:default;color:#386BE6}.works-filter-label.active:after,.works-filter-label.active:before{height:10px;width:10px;opacity:1}.works-filter-label.active:before{bottom:0;left:0}.works-filter-label.active:after{right:0;top:0}.works-filter-all.text,.works-filter-item.text{font-family:'Inter',sans-serif;padding:5px 11px 5px 15px;text-transform:uppercase;letter-spacing:4px;position:relative;color:#91989A;font-size:0.75rem}.works-filter-all.text:before,.works-filter-item.text:before{background:#386BE6;position:absolute;display:block;opacity:0.25;content:'';height:1px;width:10px;left:-20px;top:12px}.works-filter-all input:checked+[class*=-label],.works-filter-item input:checked+[class*=-label]{cursor:default;color:#386BE6}@media screen and (min-width:768px){.works-filter-mobile{display:none}}.works-filter-mobile .form-control{border-bottom-color:#386BE6}.works-filter.all{margin-left:100px}@media screen and (min-width:992px){.works-filter.all{margin-left:0}}.works-filter.all [class$=-form]:not(:last-child):before{background:#386BE6;position:absolute;display:block;opacity:0.25;bottom:-27px;content:'';left:-20px;width:1px;top:17px}@media screen and (min-width:992px){.works-filter.all [class$=-form]:not(:last-child):before{bottom:-37px;top:27px}}.works-filter+*{margin-top:50px}@media (max-width:1140px){.blog-content{padding:0 15px}}
/* End */
/* /local/templates/mitra2023/static/layout/css/main-page.bundle.css?175032036139584 */