@font-face{font-family:"Montserrat";src:local("Montserrat"),url(/styles/fonts/Montserrat-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:local("Montserrat"),url(/styles/fonts/Montserrat-Black.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*{padding:0;margin:0}body{font-family:Montserrat,Verdana,sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;color:#000;width:100%;overflow-x:hidden}body #main-content{width:100%;overflow-x:hidden}body.hide #main-content{display:none}body a{color:currentColor;text-decoration:none;display:contents}#preloader{position:fixed;width:100%;height:100%;background-color:#fff;display:flex;align-items:center;justify-content:center;left:0;top:0;z-index:9999;flex-direction:column}#preloader #preloader-percent{font-size:100px;font-weight:bold}#preloader #preloader-loader{height:24px;width:calc(100% - 24px);max-width:400px;background-color:#ddd}#preloader #preloader-loader #preloader-loader-in{height:24px;width:0;background-color:#000;transition:.3s width}#main{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:760px;position:sticky;top:0;z-index:1}#main #lang-container{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:12px}#main #lang-container .lang-item{font-size:16px}@media screen and (max-width: 560px){#main #lang-container .lang-item{font-size:12px}}#main #main-pixi{font-weight:700;font-size:377px;line-height:265px;animation:bounceInDown;animation-duration:1s}@media screen and (max-width: 840px){#main #main-pixi{font-size:240px;line-height:184px}}@media screen and (max-width: 560px){#main #main-pixi{font-size:130px;line-height:90px}}#main #main-studio{animation:bounceIn;animation-duration:1s;margin-top:60px;font-size:178px;line-height:128px;color:#ddd}@media screen and (max-width: 840px){#main #main-studio{font-size:112px;line-height:88px;margin-top:40px}}@media screen and (max-width: 560px){#main #main-studio{font-size:62px;line-height:44px;margin-top:28px}}#main #main-slogan{color:#ff2e5d;margin-top:40px;animation-name:bounceInUp;animation-duration:1s}@media screen and (max-width: 840px){#main #main-slogan{font-size:18px;margin-top:28px}}@media screen and (max-width: 560px){#main #main-slogan{font-size:16px;margin-top:20px}}#main #scroll-info-container{position:absolute;bottom:20px;display:flex;flex-direction:column;gap:2px;align-items:center;color:#ddd;font-size:13px}@media screen and (max-height: 730px){#main #scroll-info-container{position:relative;margin-top:30px}}.page-section{top:0;min-height:100vh;position:sticky;gap:56px;padding:42px;box-sizing:border-box;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 1024px){.page-section{padding:20px}}@media screen and (max-width: 360px){.page-section{padding:12px}}.page-section.dark-section{background-color:#000;color:#fff}.page-section .section-title{font-size:85px;font-weight:400;text-align:center}.page-section .section-title .section-title-bold{font-weight:bold}@media screen and (max-width: 840px){.page-section .section-title{font-size:64px}}@media screen and (max-width: 540px){.page-section .section-title{font-size:42px}}@media screen and (max-width: 360px){.page-section .section-title{font-size:32px}}.page-section .section-icon svg{width:72px;height:72px}.page-section .service-section-text-container{width:100%;max-width:1024px;text-align:justify;line-height:150%}@media screen and (max-width: 360px){.page-section .service-section-text-container{font-size:16px}}.page-section#web-design{z-index:2}.page-section#web-design .section-title{animation:bounceOutLeft 1s;opacity:0}.page-section#web-design .section-icon{opacity:0;animation:bounceOut 1s}.page-section#web-design .service-section-text-container{opacity:0;animation:flipOutX 1s}.page-section#website-development{z-index:3}.page-section#website-development .section-title{animation:bounceOutRight 1s;opacity:0}.page-section#website-development .section-icon{opacity:0;animation:bounceOut 1s}.page-section#website-development .service-section-text-container{opacity:0;animation:flipOutX 1s}.page-section#mobile-applications{z-index:4}.page-section#mobile-applications .section-title{animation:bounceOutDown 1s;opacity:0}.page-section#mobile-applications .section-icon{opacity:0;animation:bounceOut 1s}.page-section#mobile-applications .service-section-text-container{opacity:0;animation:flipOutX 1s}.page-section#support{z-index:5}.page-section#support .section-title{animation:bounceOutUp 1s;opacity:0}.page-section#support .section-icon{opacity:0;animation:bounceOut 1s}.page-section#support .service-section-text-container{opacity:0;animation:flipOutX 1s}.page-section#portfolio{z-index:6;padding-left:0;padding-right:0}.page-section#portfolio .section-title{animation:bounceOutUp 1s;opacity:0}.page-section#portfolio #portfolio-filter-buttons{opacity:0;animation:bounceOutRight 1s}.page-section#portfolio #portfolio-scroller-container-content{opacity:0;animation:flipOutX 1s}.page-section#contacts{z-index:7;padding-left:0;padding-right:0}.page-section#contacts .section-title{animation:bounceOut 1s;opacity:0}.page-section#contacts .contacts-item{animation:bounceOutDown 1s;opacity:0}.page-section.animate#web-design .section-title{animation:bounceInLeft 1s;opacity:1}.page-section.animate#web-design .section-icon{animation:bounceIn 1s .5s,delay .5s;opacity:1}.page-section.animate#web-design .service-section-text-container{opacity:1;animation:fadeInUp 1s .7s,delay .7s}.page-section.animate#website-development .section-title{animation:bounceInRight 1s;opacity:1}.page-section.animate#website-development .section-icon{animation:bounceIn 1s .5s,delay .5s;opacity:1}.page-section.animate#website-development .service-section-text-container{opacity:1;animation:fadeInUp 1s .7s,delay .7s}.page-section.animate#mobile-applications .section-title{animation:bounceInUp 1s;opacity:1}.page-section.animate#mobile-applications .section-icon{animation:bounceIn 1s .5s,delay .5s;opacity:1}.page-section.animate#mobile-applications .service-section-text-container{opacity:1;animation:fadeInUp 1s .7s,delay .7s}.page-section.animate#support .section-title{animation:bounceInDown 1s;opacity:1}.page-section.animate#support .section-icon{animation:bounceIn 1s .5s,delay .5s;opacity:1}.page-section.animate#support .service-section-text-container{opacity:1;animation:fadeInUp 1s .7s,delay .7s}.page-section.animate#portfolio .section-title{animation:fadeInUp 1s;opacity:1}.page-section.animate#portfolio #portfolio-filter-buttons{animation:bounceInRight 1s;opacity:1}.page-section.animate#portfolio #portfolio-scroller-container-content{animation:fadeInUp 1s;opacity:1}.page-section.animate#contacts .section-title{animation:jello 1s;opacity:1}.page-section.animate#contacts .contacts-item{animation:bounceInUp 1s;opacity:1}@keyframes delay{from{opacity:0}to{opacity:0}}#portfolio-scroller-container{width:100%;max-width:1920px;user-select:none}#portfolio-scroller-container #portfolio-filter-buttons{display:flex;align-items:center;gap:12px;margin-left:72px}@media screen and (max-width: 1024px){#portfolio-scroller-container #portfolio-filter-buttons{margin-left:56px}}@media screen and (max-width: 768px){#portfolio-scroller-container #portfolio-filter-buttons{margin-left:12px}}#portfolio-scroller-container #portfolio-filter-buttons .portfolio-filter-button-item{cursor:pointer}@media screen and (max-width: 768px){#portfolio-scroller-container #portfolio-filter-buttons .portfolio-filter-button-item{font-size:16px}}#portfolio-scroller-container #portfolio-filter-buttons .portfolio-filter-button-item.active,#portfolio-scroller-container #portfolio-filter-buttons .portfolio-filter-button-item:hover{color:#ff2e5d}#portfolio-scroller-container #portfolio-scroller-container-content{width:100%;display:flex;margin-top:20px;align-items:center;box-sizing:border-box}@media screen and (max-width: 768px){#portfolio-scroller-container #portfolio-scroller-container-content{padding-right:12px;padding-left:12px}}#portfolio-scroller-container #portfolio-scroller-container-content .portfolio-scroll-button{height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}#portfolio-scroller-container #portfolio-scroller-container-content .portfolio-scroll-button svg{width:72px;height:72px}#portfolio-scroller-container #portfolio-scroller-container-content .portfolio-scroll-button:hover{color:#ff2e5d}@media screen and (max-width: 1024px){#portfolio-scroller-container #portfolio-scroller-container-content .portfolio-scroll-button svg{width:56px}}@media screen and (max-width: 768px){#portfolio-scroller-container #portfolio-scroller-container-content .portfolio-scroll-button{display:none}}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content{width:100%;overflow:hidden;cursor:pointer}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in{display:flex;gap:40px;width:100%;overflow:hidden;overflow-x:auto}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in .portfolio-item{width:420px;height:420px;flex-shrink:0;background-color:silver;display:flex;align-items:flex-end;justify-content:center;cursor:pointer;position:relative}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in .portfolio-item img{width:100%;height:100%;object-fit:cover;object-position:center}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in .portfolio-item .portfolio-opacity-background{position:absolute;left:0;top:0;display:flex;width:100%;height:100%;align-items:center;justify-content:flex-end;background-color:rgba(0,0,0,.6);transition:.5s;flex-direction:column}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in .portfolio-item .portfolio-opacity-background .portfolio-title{margin-bottom:20px;padding:20px;align-items:center;font-weight:bold}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in .portfolio-item .portfolio-opacity-background a .portfolio-website-visit-button{background-color:#000;margin-bottom:20px;padding:20px;display:none;align-items:center;gap:6px;font-weight:bold;animation:bounce .3s}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in .portfolio-item .portfolio-opacity-background a .portfolio-website-visit-button:hover{color:#ff2e5d}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in .portfolio-item .portfolio-opacity-background a .portfolio-website-visit-button svg{margin-top:-8px}@keyframes bounce{from{padding:10px}70%{padding:22px}to{padding:20px}}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in .portfolio-item:hover .portfolio-opacity-background{background-color:rgba(0,0,0,0)}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in .portfolio-item:hover .portfolio-opacity-background .portfolio-title{display:none}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in .portfolio-item:hover .portfolio-opacity-background .portfolio-website-visit-button{display:flex}@media screen and (max-width: 560px){#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in .portfolio-item .portfolio-opacity-background{background-color:rgba(0,0,0,0)}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in .portfolio-item .portfolio-opacity-background .portfolio-title{display:none}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in .portfolio-item .portfolio-opacity-background .portfolio-website-visit-button{display:flex}}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in.web [data-type=mobile]{display:none}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in.mobile [data-type=web]{display:none}@media screen and (max-width: 1200px){#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in{gap:20px}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in .portfolio-item{width:360px;height:360px}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in .portfolio-item .portfolio-opacity-background .portfolio-title{font-size:16px}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in .portfolio-item .portfolio-opacity-background a .portfolio-website-visit-button{font-size:16px}}@media screen and (max-width: 768px){#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in{gap:16px}#portfolio-scroller-container #portfolio-scroller-container-content #portfolio-content #portfolio-content-in .portfolio-item{width:300px;height:300px}}#contacts-container{display:flex;width:calc(100% - 24px);max-width:1024px;gap:40px;padding-left:12px;padding-right:12px}#contacts-container .contacts-item{width:50%;display:flex;flex-direction:column;gap:20px;position:relative}#contacts-container .contacts-item #contacts-loader{position:absolute;width:100%;height:calc(100% - 28px);left:0;top:28px;background-color:hsla(0,0%,100%,.7);display:none;flex-direction:column;gap:20px;justify-content:center;align-items:center}#contacts-container .contacts-item #contacts-loader #sent-message{text-align:center}#contacts-container .contacts-item #contacts-loader.show{display:flex}#contacts-container .contacts-item #contacts-loader #loader-content-in{border:4px solid #ddd;border-top:4px solid #ff2e5d;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}#contacts-container .contacts-item #contacts-loader #sent-message{display:none;flex-direction:column;align-items:center;gap:12px}#contacts-container .contacts-item #contacts-loader #sent-message svg{width:60px;height:60px;color:#ff2e5d}#contacts-container .contacts-item #contacts-loader #sent-button{display:none}#contacts-container .contacts-item #contacts-loader.success{background-color:#fff}#contacts-container .contacts-item #contacts-loader.success #loader-content-in{display:none}#contacts-container .contacts-item #contacts-loader.success #sent-message,#contacts-container .contacts-item #contacts-loader.success #sent-button{display:flex}#contacts-container .contacts-item .contact-button{padding:13px 40px;background-color:#000;color:#fff;cursor:pointer;display:inline-block;font-size:16px;text-align:center;border-radius:5px;transition:transform .3s ease,background-color .3s ease}#contacts-container .contacts-item .contact-button:hover{color:#ff2e5d}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#contacts-container .contacts-item .contacts-line-item{display:flex;flex-direction:column;gap:8px;width:fit-content}#contacts-container .contacts-item .contacts-line-item .contacts-line-value{opacity:.6;white-space:pre-wrap}@media screen and (max-width: 768px){#contacts-container .contacts-item .contacts-line-item .contacts-line-value{font-size:16px}}#contacts-container .contacts-item .contacts-line-item a .contacts-line-value:hover{color:#ff2e5d;opacity:1}#contacts-container .contacts-item .contacts-line-title{font-weight:bold}#contacts-container .contacts-item .contacts-input,#contacts-container .contacts-item .contacts-textarea{padding:16px 12px;font-family:Montserrat,Verdana,sans-serif;text-transform:uppercase;border:1px solid rgba(0,0,0,.5)}#contacts-container .contacts-item .contacts-input:focus,#contacts-container .contacts-item .contacts-textarea:focus{outline:none;border-color:#000}#contacts-container .contacts-item .contacts-input.error,#contacts-container .contacts-item .contacts-textarea.error{border-color:#ff2e5d}#contacts-container .contacts-item #send-container{display:flex;gap:12px;align-items:flex-start}#contacts-container .contacts-item #send-container #contacts-send-button{margin-left:auto}#contacts-container .contacts-item #send-container #send-error-content{font-size:15px;color:#ff2e5d;white-space:pre-wrap}#contacts-container .contacts-item #pixi-logo{display:flex;align-items:center;gap:12px;margin-top:auto}@media screen and (max-width: 768px){#contacts-container{flex-direction:column-reverse}#contacts-container .contacts-item{width:100%}}.follower{position:fixed;z-index:99;width:18px;height:18px;background-color:#ff2e5d;pointer-events:none;transform:translate(-50%, -50%)}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform 1s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.scale-up{opacity:0;transform:scale(0.5);transition:opacity .6s ease-out,transform 1s ease-out}.scale-up.visible{opacity:1;transform:scale(1)}.slide-up{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform 1.2s ease-out}.slide-up.visible{opacity:1;transform:translateY(0)}.fade-in-section{opacity:0;transition:opacity 1s ease-in-out}.fade-in-section.visible{opacity:1}.scale-up-section{transform:scale(0);transition:transform .5s ease-in-out}.scale-up-section.visible{transform:scale(1)}.translate-up-section{transform:translateY(50px);opacity:0;transition:transform .5s ease-out,opacity .5s ease-out}.translate-up-section.visible{transform:translateY(0);opacity:1}/*# sourceMappingURL=main.css.map */