html{font-family:Poppins,sans-serif;font-size:62.5%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{width:100%;height:100%}body{position:relative;min-width:360px;overflow-x:hidden!important;font:normal 400 1.6rem/1.6 Poppins,sans-serif;color:#676767;background-color:#07051c!important}@media (prefers-color-scheme:dark){html{color-scheme:dark}} /*! ------------------------------------------------ * * ------------------------------------------------ * Table of Contents * ------------------------------------------------ * 1. Template Backgrounds * 2. Fonts * 3. Base CSS Styles * 4. Cursor * 5. Transitions * 6. Typography * 7. Buttons & Triggers * 8. Forms and Forms Reply Groups * 9. Animated Backgrounds * 10. Header * 11. Main Section * 12. Socials * 13. Countdown * 14. Menu * 15. Popup * 16. Inner Sections * 17. Skillbars * 18. Showreel * 19. Features * 20. Contact Data * 21. Swiper Slider Custom * 22. Gallery Custom Styles * ------------------------------------------------ * Table of Contents End * ------------------------------------------------ */.media-image-1,.media-image-2,.slide-image-1,.slide-image-2,.slide-image-3{background-image:url(https://dummyimage.com/960x1440/636363/ffffff)}.project-main-image-1,.project-main-image-2,.project-main-image-3{background-image:url(https://dummyimage.com/1200x600/424242/636363)}.showreel-image-1{background-image:url(https://dummyimage.com/1400x700/3a3a3a/7d7d7d)}*,:after,:before{box-sizing:border-box}button:active,button:focus{outline:none!important}button::-moz-focus-inner,input::-moz-focus-inner{border:0!important}::selection{background-color:rgba(106,71,175,.3);color:#ffffff;text-shadow:none}::-webkit-scrollbar{display:none;width:5px;background:rgba(0,0,0,0)}@media only screen and (min-width:768px){::-webkit-scrollbar{display:block}}::-webkit-scrollbar-track{border-radius:20px;background-color:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background-color:#f987d6;background:linear-gradient(180deg,#977ec7 0,#f987d6);border-radius:10px}section{position:relative;min-width:360px}a{text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{display:block;width:100%;height:auto}.overflow-hidden{overflow:hidden!important}.fullheight{position:static;height:auto}@media only screen and (min-width:992px){.fullheight{position:relative;height:100%}}.fullheight-mobile{position:relative;height:100%}.color-layer{position:absolute;top:0;left:0;width:100%;height:100%}.color-layer-medium{background-color:rgba(7,5,28,.4)}.color-layer-dark{background-color:rgba(7,5,28,.6)}.gradient-layer-to-bottom{background:linear-gradient(180deg,rgba(7,5,28,.5) 3%,rgba(7,5,28,0))}.text-align-right{text-align:right}.block-rounded-l{border-radius:15px;overflow:hidden}.block-rounded-m{border-radius:8px;overflow:hidden}.block-rounded-s{border-radius:6px;overflow:hidden}.fullwidth-container{position:relative;width:100%;height:258px}@media only screen and (min-width:576px){.fullwidth-container{height:358px}}@media only screen and (min-width:992px){.fullwidth-container{height:418px}}@media only screen and (min-width:1400px){.fullwidth-container{height:518px}}.padding-top-14{padding-top:1.4rem}.padding-top-18{padding-top:1.8rem}.main{opacity:0;visibility:hidden}.main.active{opacity:1;visibility:visible}.main .intro__content .headline .headline__numblock,.main .intro__content .headline .headline__subtitle,.main .intro__content .headline .media__countdown,.main .intro__content .headline h1{opacity:0;transform:translateY(30px)}.main .intro__button{opacity:0}.main.animate-in .intro__content .headline .headline__numblock,.main.animate-in .intro__content .headline .headline__subtitle,.main.animate-in .intro__content .headline .media__countdown,.main.animate-in .intro__content .headline h1{opacity:1;transform:translateY(0)}.main.animate-in .intro__content .headline .headline__subtitle{transition:opacity .6s .1s,transform .6s .1s}.main.animate-in .intro__content .headline .media__countdown,.main.animate-in .intro__content .headline h1{transition:opacity .6s .2s,transform .6s .2s}.main.animate-in .intro__content .headline .headline__numblock{transition:opacity .6s .3s,transform .6s .3s}.main.animate-in .intro__button{opacity:1;transition:opacity .8s .8s}.main.animate-out{transform:translateX(-100%);transition:transform .8s 0s}.main.animate-out .main__intro{opacity:0;transform:translateX(-100px);transition:opacity .6s,transform .6s}@media only screen and (min-width:1200px){.main.animate-out{transform:translateX(-66.66666667%)}}.inner{opacity:0;visibility:hidden}.inner .inner__container{opacity:0;transform:translateY(30px)}.inner.animate-out{transform:translateX(-100%);transition:transform .8s 0s}.inner.animate-out .inner__content{opacity:0;transform:translateX(-100px);transition:opacity .6s,transform .6s}@media only screen and (min-width:1200px){.inner.animate-out{transform:translateX(-66.66666667%)}}.inner.active{opacity:1;visibility:visible}.inner.active.animate-in .inner__container{opacity:1;transform:translateY(0);transition:opacity .6s .5s,transform .6s ease-in-out .5s}.header{opacity:0}.header,.header.smaller{transition:padding .3s,background-color .3s,opacity .3s,visibility .3s cubic-bezier(.23,.65,.74,1.09)}.header.smaller{padding:1.8rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(64,43,105,.5)}.header.menu-is-visible{opacity:0;visibility:hidden}.header.animate-in{opacity:1;transition:opacity .8s .8s,padding .3s,background-color .3s,visibility .3s}.header.animate-out{transform:translateX(-100%);transition:transform .8s 0s}.header.animate-out .header__buttons,.header.animate-out .header__logo img{opacity:0;transform:translateX(-100px);transition:opacity .6s,transform .6s}.header.animate-out.smaller{transition:padding .3s,background-color .3s,opacity .3s,visibility .3s,transform .8s 0s}@media only screen and (min-width:1200px){.header.smaller{padding:6rem 0;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.header.animate-out{transform:translateX(-66.66666667%)}}.menu{opacity:0;visibility:hidden}.menu .menu__image{transform:translateX(100%)}.menu .controls__leftline,.menu .menudata__copyright,.menu .menulinks__contact{opacity:0}.menu .navigation li{overflow:hidden}.menu .navigation li a{transform:translateY(100%)}.menu.animate-in{opacity:1;visibility:visible;transition:all .3s ease-in-out}.menu.animate-in .menu__image{transform:translateX(0);transition:transform .6s 0s}.menu.animate-in .navigation li a{transform:translateY(0);transition:transform .6s 0s,background-position .3s ease-in-out 0s}.menu.animate-in .navigation li:nth-of-type(2) a{transition:transform .6s .1s,background-position .3s ease-in-out 0s}.menu.animate-in .navigation li:nth-of-type(3) a{transition:transform .6s .2s,background-position .3s ease-in-out 0s}.menu.animate-in .navigation li:nth-of-type(4) a{transition:transform .6s .3s,background-position .3s ease-in-out 0s}.menu.animate-in .menulinks__contact{opacity:1;transition:opacity .8s ease-in-out .6s}.menu.animate-in .controls__leftline,.menu.animate-in .menudata__copyright{opacity:1;transition:opacity .8s ease-in-out .8s}.menu.animate-out{transform:translateX(100%);transition:transform .8s 0s}.menu.animate-out .menudata__controls,.menu.animate-out .menudata__copyright,.menu.animate-out .menulinks__contact,.menu.animate-out .navigation{opacity:0;transform:translateX(100px);transition:opacity .6s,transform .6s}.menu.animate-out .menu__image{transform:translateX(100%);transition:transform .6s .6s}@media only screen and (min-width:1200px){.menu.animate-out{transform:translateX(66.66666667%)}}.custom-h1{font:600 3.6rem/1.2 Poppins,sans-serif!important}.custom-h2{font:normal 600 3rem/1.2 Poppins,sans-serif!important}h1{font:normal 600 3.6rem/1.2 Poppins,sans-serif;color:#ffffff!important;max-width:46rem}h1.large{font-size:5rem}@media only screen and (min-width:768px){h1{font-size:5rem;max-width:none}h1.medium{font-size:5rem!important}h1.large{font-size:6rem}}@media only screen and (min-width:1400px){h1{font-size:6rem}h1.medium{font-size:6.6rem!important}h1.large{font-size:7.6rem}}.typed-cursor{position:relative;display:inline-block;white-space:nowrap;color:rgba(255,255,255,0)}.typed-cursor:before{content:"";display:block;position:absolute;right:3px;bottom:6px;width:2px;height:28px;border-radius:2px;background-color:#f987d6;background:linear-gradient(180deg,#977ec7 0,#f987d6)}@media only screen and (min-width:768px){.typed-cursor:before{width:2px;height:42px;position:absolute;right:6px;bottom:10px}}@media only screen and (min-width:1400px){.typed-cursor:before{width:2px;height:56px;position:absolute;right:6px;bottom:10px}}.headline__subtitle{display:block;position:relative;font:normal 600 1.6rem/1 Poppins,sans-serif;color:#f987d6;margin-top:1rem;padding-left:8rem;margin-bottom:3rem}.headline__subtitle:before{content:"";display:block;position:absolute;left:0;top:50%;bottom:auto;transform:translateY(-50%);width:60px;height:2px;border-radius:1px;background-color:#f987d6;background:linear-gradient(90deg,#977ec7 0,#f987d6)}@media only screen and (min-width:768px){.headline__subtitle{font-size:1.8rem}}@media only screen and (min-width:992px){.headline__subtitle{padding-top:0}}@media only screen and (min-width:1200px){.headline__subtitle{margin-top:0}}@media only screen and (min-width:1400px){.headline__subtitle{margin-bottom:4rem}}.headline__numblock{margin-top:3.7rem}@media only screen and (min-width:1400px){.headline__numblock{margin-top:4.2rem}}.numblock{background-color:rgba(255,255,255,.05);padding:2rem;margin-right:2rem}.numblock:last-of-type{margin-right:0;margin-bottom:0}@media only screen and (min-width:576px){.numblock{margin-bottom:0}.numblock:last-of-type{margin-right:0}}.numblock__number{display:block;font:normal 500 3rem/1 Poppins,sans-serif;color:#ffffff;padding-top:.4rem}@media only screen and (min-width:576px){.numblock__number{padding-top:.4rem;margin-right:1.2rem}}@media only screen and (min-width:1400px){.numblock__number{font-size:4rem}}.numblock__descr{display:block;font:normal 300 1.3rem/1.3 Poppins,sans-serif;color:#b3bbc3;margin-top:.4rem}@media only screen and (min-width:576px){.numblock__descr{margin-top:0}}@media only screen and (min-width:1400px){.numblock__descr{font-size:1.5rem}}h2{font:normal 600 3rem/1.2 Poppins,sans-serif;color:#ffffff!important}@media only screen and (min-width:768px){h2{font-size:4rem;max-width:none}h2.custom-h2{font-size:4rem!important;max-width:none}}@media only screen and (min-width:1400px){h2{font-size:5rem}h2.custom-h2{font-size:5rem!important}}.section__subtitle{display:block;position:relative;font:normal 600 1.6rem/1 Poppins,sans-serif;color:#f987d6;margin-top:1rem;padding-left:8rem;margin-bottom:3rem}.section__subtitle:before{content:"";display:block;position:absolute;left:0;top:50%;bottom:auto;transform:translateY(-50%);width:60px;height:2px;border-radius:2px;background-color:#f987d6;background:linear-gradient(90deg,#977ec7 0,#f987d6)}@media only screen and (min-width:768px){.section__subtitle{font-size:1.8rem}}.section__text{font:normal 400 1.6rem/1.6 Poppins,sans-serif!important;color:#b3bbc3!important;margin-top:2.7rem}@media only screen and (min-width:1400px){.section__text{font-size:1.8rem!important}}h3{font:normal 600 2.6rem/1.2 Poppins,sans-serif;color:#ffffff;margin-bottom:1.5rem}@media only screen and (min-width:768px){h3{font-size:3rem;max-width:none}}.block__text{color:#b3bbc3;margin-bottom:2.4rem}.block__text,.block__text a{font:normal 300 1.6rem/1.6 Poppins,sans-serif}h4{font:normal 600 2.4rem/1.2 Poppins,sans-serif!important;color:#ffffff}h4 small{display:block;font:normal 300 1.4rem/1.6 Poppins,sans-serif}h4.dark{color:#212121}h4.dark small{font-weight:400}h5{font:normal 600 2rem/1.6 Poppins,sans-serif;color:#ffffff}p.copyright{color:#b3bbc3}p.copyright,p.copyright a{font:normal 600 1.4rem/1.6 Poppins,sans-serif}p.copyright a{position:relative;color:#ffffff;background-image:linear-gradient(90deg,#fa9fde,#886cbf 50%,#ffffff 0);background-size:200% 100%;background-position:-100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s ease-in-out}.no-touch p.copyright a:hover{background-position:0}a{color:#b3bbc3}.text-link{color:inherit;color:#b3bbc3;text-decoration:none;background:linear-gradient(90deg,rgba(179,187,195,.5),rgba(179,187,195,.5)),linear-gradient(90deg,#f987d6,#6a47af);background-size:100% 1px,0 1px;background-position:100% 100%,0 100%;background-repeat:no-repeat;transition:background-size .4s,color .3s}.no-touch .text-link:hover{color:#ffffff;background-size:0 1px,100% 1px}.contact-link{color:inherit;color:#b3bbc3;text-decoration:none;background:linear-gradient(90deg,rgba(179,187,195,0),rgba(179,187,195,0)),linear-gradient(90deg,#f987d6,#6a47af);background-size:100% 1px,0 1px;background-position:100% 100%,0 100%;background-repeat:no-repeat;transition:background-size .4s,color .3s}.no-touch .contact-link:hover{color:#ffffff;background-size:0 1px,100% 1px}.navigation li{display:block;margin-bottom:2rem;font:normal 600 3.6rem/1 Poppins,sans-serif}.navigation li:last-of-type{margin-bottom:0}.navigation li a{display:inline-block;font:normal 600 3.6rem/1 Poppins,sans-serif;color:#ffffff;background-image:linear-gradient(90deg,#f987d6,#6a47af 50%,#ffffff 0);background-size:200% 100%;background-position:-100%;position:relative;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s ease-in-out}.no-touch .navigation li a:hover{background-position:0}@media only screen and (min-width:768px){.navigation li a{font-size:5rem}}@media only screen and (min-width:1400px){.navigation li a{font-size:6rem}}.popup-title__title{font:normal 600 2.6rem/1.2 Poppins,sans-serif;color:#ffffff;margin-bottom:1.5rem}@media only screen and (min-width:768px){.popup-title__title{font-size:3rem}}.popup-title__text{font:normal 300 1.6rem/1.6 Poppins,sans-serif;color:#b3bbc3;max-width:460px}.menu-trigger{position:relative;display:block;width:4.4rem;height:4.4rem;border-radius:50%;border:2px solid #ffffff;background-color:#ffffff;margin-left:1rem;box-shadow:0 6px 38px -9px rgba(7,5,28,.84)}.menu-trigger .menu-text{display:none}.menu-trigger .menu-objects{display:block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%);width:20px;height:20px;background-color:transparent;overflow:hidden}.menu-trigger .menu-objects:after,.menu-trigger .menu-objects:before{content:"";display:block;width:100%;height:2px;border-radius:1px;background-color:#000000}.menu-trigger .menu-objects:before{position:absolute;top:6px;left:0}.menu-trigger .menu-objects:after{position:absolute;bottom:6px;left:0}@media only screen and (min-width:1200px){.menu-trigger{width:4.4rem;height:4.4rem;margin-left:0}.no-touch .menu-trigger:hover .menu-objects:before{animation:slideOutRight .5s ease-in-out 0s 1 both}.no-touch .menu-trigger:hover .menu-objects:after{animation:slideOutRight .5s ease-in-out 0s 1 both;animation-delay:.1s}}@keyframes slideOutRight{0%{transform:translateX(0)}50%{transform:translateX(20px)}51%{opacity:0}52%{transform:translateX(-20px);opacity:0}53%{opacity:1}to{transform:translateX(0)}}.section-close{position:relative;display:block;outline:0;padding:0;cursor:pointer;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:4.4rem;height:4.4rem;border-radius:50%;border:2px solid #ffffff;background-color:transparent;box-shadow:0 6px 38px -9px rgba(105,29,255,.34);transform:scale(0);transition:background-color .5s,box-shadow .5s,transform .3s cubic-bezier(.23,.65,.74,1.09)}.section-close span{display:block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%);width:20px;height:2px;background-color:transparent;border-radius:2px;transition:width .3s cubic-bezier(.23,.65,.74,1.09)}.section-close span:after,.section-close span:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-color:#ffffff;transition:background-color .5s cubic-bezier(.23,.65,.74,1.09)}.section-close span:before{transform:rotate(45deg)}.section-close span:after{transform:rotate(-45deg)}.no-touch .section-close:hover{box-shadow:0 10px 38px -9px rgba(105,29,255,.8)}.no-touch .section-close:hover span:after,.no-touch .section-close:hover span:before{background-color:#212121}.section-close.is-scaled-up{transform:scale(1)}.popup-close{position:relative;display:block;border:none;outline:0;padding:0;cursor:pointer;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:4.4rem;height:4.4rem;border-radius:50%;background-color:#ffffff;box-shadow:0 6px 38px -9px rgba(105,29,255,.34);transform:scale(0);transition:background-color .5s,box-shadow .5s,transform .3s cubic-bezier(.23,.65,.74,1.09)}.popup-close span{display:block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%);width:20px;height:2px;background-color:transparent;border-radius:2px;transition:width .3s cubic-bezier(.23,.65,.74,1.09)}.popup-close span:after,.popup-close span:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-color:#212121;transition:background-color .5s cubic-bezier(.23,.65,.74,1.09)}.popup-close span:before{transform:rotate(45deg)}.popup-close span:after{transform:rotate(-45deg)}.no-touch .popup-close:hover{box-shadow:0 10px 38px -9px rgba(105,29,255,.8)}.no-touch .popup-close:hover span:after,.no-touch .popup-close:hover span:before{background-color:#ffffff}.popup-close.is-scaled-up{transform:scale(1)}.btn-round-mobile{position:relative;display:inline-block;border:none;outline:0;background-color:transparent;cursor:pointer;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:4rem;text-align:center;font-size:1.4rem;width:auto;height:4.4rem;padding:0 2.4rem;border-radius:2.4rem;font:normal 600 1.4rem/4rem Poppins,sans-serif;transition:all .5s ease-in-out}@media only screen and (min-width:1200px){.btn-round-mobile{width:auto;height:4.4rem;padding:0 2.4rem;border-radius:2.4rem;font:normal 600 1.4rem/4rem Poppins,sans-serif;transition:all .5s ease-in-out}.btn-round-mobile i{display:none}.btn-round-mobile .btn-caption{display:block;position:relative}.btn-notify{margin-right:0}}@media only screen and (max-width:768px){.btn-notify{display:none}}.btn{position:relative;display:block;border:none;outline:0;font:inherit;background-color:transparent;cursor:pointer;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:4.4rem;padding:0 2.4rem;border-radius:2.4rem;font:normal 600 1.4rem/4rem Poppins,sans-serif;margin-bottom:1.4rem;transition:all .5s ease-in-out}.btn:last-of-type{margin-bottom:0}.btn i{margin-right:.6rem}@media only screen and (min-width:768px){.btn{display:inline-block;margin-bottom:0;margin-right:1.6rem}.btn:last-of-type{margin:0}}@media only screen and (min-width:1200px){.btn .btn-caption{display:block;position:relative}}@media only screen and (max-width:1200px){.btn-caption{display:block;position:relative}}.btn-l{display:inline-block;height:5.4rem;padding:0 3.4rem;border-radius:2.7rem;font:normal 600 1.6rem/5.2rem Poppins,sans-serif}.btn-light,.btn-light-mobile{background-color:#ffffff;color:#000000;box-shadow:0 6px 38px -9px rgba(105,29,255,.34)}.btn-light-mobile{border:2px solid #ffffff}@media only screen and (min-width:1200px){.btn-light-mobile{background-color:transparent;border:2px solid #ffffff;color:#ffffff;box-shadow:0 6px 38px -9px rgba(105,29,255,.34)}}.btn-light-outline{background-color:transparent;border:2px solid #ffffff;color:#ffffff;box-shadow:0 6px 38px -9px rgba(105,29,255,.34)}@media only screen and (min-width:1200px){.hover-white{position:relative;overflow:hidden;color:#ffffff;box-shadow:0 6px 38px -9px rgba(105,29,255,.34);transition:color .3s 0s,background-color 0s 0s,transform .3s ease-in-out}.hover-white em{position:absolute;display:block;width:0;height:0;border-radius:50%;background-color:#ffffff;transition:width .3s ease-in-out,height .3s ease-in-out;transform:translate(-50%,-50%)}.no-touch .hover-white:hover{color:#212121;background-color:#ffffff;box-shadow:0 10px 38px -9px rgba(105,29,255,.64);transition:color .3s 0s,background-color .3s .2s,box-shadow .5s,transform .3s ease-in-out}.no-touch .hover-white:hover em{width:225%;height:9.9rem}}@media only screen and (max-width:1200px){.hover-white{position:relative;overflow:hidden;color:#ffffff;box-shadow:0 6px 38px -9px rgba(105,29,255,.34);transition:color .3s 0s,background-color 0s 0s,transform .3s ease-in-out}.hover-white em{position:absolute;display:block;width:0;height:0;border-radius:50%;background-color:#ffffff;transition:width .3s ease-in-out,height .3s ease-in-out;transform:translate(-50%,-50%)}.no-touch .hover-white:hover{color:#212121;background-color:#ffffff;box-shadow:0 10px 38px -9px rgba(105,29,255,.64);transition:color .3s 0s,background-color .3s .2s,box-shadow .5s,transform .3s ease-in-out}.no-touch .hover-white:hover em{width:225%;height:9.9rem}}.no-touch .hover-white-s:hover em{width:225%;height:9.9rem}.no-touch .hover-white-l:hover em{width:225%;height:12.15rem}@media only screen and (min-width:1200px){.hover-gradient{position:relative;overflow:hidden;color:#212121;box-shadow:0 6px 38px -9px rgba(105,29,255,.34);transition:color .3s 0s,background-color 0s 0s,transform .3s ease-in-out 0s}.hover-gradient em{position:absolute;display:block;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#f987d6,#6a47af);transition:width .3s ease-in-out,height .3s ease-in-out;transform:translate(-50%,-50%)}.no-touch .hover-gradient:hover{color:#ffffff;background-color:transparent;box-shadow:0 10px 38px -9px rgba(105,29,255,.64);transition:color .3s 0s,background-color .3s .2s,box-shadow .5s,transform .3s ease-in-out 0s}.no-touch .hover-gradient:hover em{width:225%;height:9.9rem}}.no-touch .hover-gradient-s:hover em{height:9.9rem}.no-touch .hover-gradient-l:hover em{height:12.15rem}.btn-bottom{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center;text-decoration:none}.btn-bottom .circle{position:relative;width:6rem;height:6rem;border-radius:50%;border:1px solid #07051c;background-color:#ffffff;box-shadow:0 6px 38px -9px rgba(105,29,255,.34);overflow:hidden;transition:all .3s ease-in-out}.btn-bottom .circle em{position:absolute;display:block;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#f987d6,#6a47af);transition:width .3s ease-in-out,height .3s ease-in-out;transform:translate(-50%,-50%);z-index:1}.btn-bottom .circle i{display:block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%);font-size:1.6rem;color:#212121;z-index:2;transition:color .3s ease-in-out 0s}.btn-bottom .circle i.fa-play{padding-left:.2rem}.btn-bottom .circle svg{position:absolute;left:50%;top:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%);fill:#07051c;transition:fill .3s;z-index:2}.no-touch .btn-bottom .circle:hover{background-color:transparent;transition:background-color .3s .2s,box-shadow .3s 0s}.no-touch .btn-bottom .circle:hover em{width:225%;height:13.5rem}.no-touch .btn-bottom .circle:hover i{color:#ffffff}.no-touch .btn-bottom .circle:hover svg{fill:#ffffff}.btn-bottom .caption{margin-left:2rem;font:normal 600 1.4rem/1.2 Poppins,sans-serif;color:#ffffff;transition:colors .3s}.no-touch .btn-bottom:hover .circle{box-shadow:0 10px 38px -9px rgba(105,29,255,.64)}.no-touch .btn-bottom:hover .caption{color:#b3bbc3}@media only screen and (min-width:1200px){.btn-bottom .caption{margin-left:2.4rem}}@media only screen and (min-width:1400px){.btn-bottom .circle{width:8rem;height:8rem}.btn-bottom .circle i{font-size:1.8rem}.btn-bottom .circle i.fa-play{padding-left:.3rem}.no-touch .btn-bottom .circle:hover em{height:18rem}}.inner-video-trigger{display:block;position:relative;width:6rem;height:6rem;border-radius:50%;background-color:transparent;border:2px solid #ffffff;text-align:center;color:#ffffff;box-shadow:0 6px 38px -9px rgba(105,29,255,.34);overflow:hidden;z-index:1;transition:all .3s ease-in-out}.inner-video-trigger em{display:block;position:absolute;width:0;height:0;border-radius:50%;background-color:#ffffff;transition:width .3s ease-in-out,height .3s ease-in-out;transform:translate(-50%,-50%);z-index:1}.inner-video-trigger i{display:block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%);padding-left:.2rem;font-size:1.6rem;z-index:2}@media only screen and (min-width:1200px){.no-touch .inner-video-trigger:hover{color:#212121;background-color:#ffffff;box-shadow:0 10px 38px -9px rgba(105,29,255,.64);transition:color .3s 0s,background-color .3s .2s,box-shadow .5s,transform .3s ease-in-out}.no-touch .inner-video-trigger:hover em{width:225%;height:13.5rem}}@media only screen and (min-width:1400px){.inner-video-trigger{width:8rem;height:8rem}.inner-video-trigger i{font-size:1.8rem;padding-left:.3rem}.no-touch .inner-video-trigger:hover em{height:18rem}}.form-container{position:relative}.form{opacity:1;transition:opacity .5s ease-in-out}.form.is-hidden{opacity:0}form,form input,form textarea{position:relative;width:100%}form input,form textarea{display:block;border:none;outline:none;margin:0;background-color:transparent;padding:1.3rem 1.6rem 1.2rem;font:normal 400 1.4rem/1.6 Poppins,sans-serif;transition:border .3s,background-color .3s ease-in-out}form input{height:5rem;margin:0 0 2.4rem}form textarea{height:16rem;resize:none;margin:0 0 2.4rem}form input.margin-s,form textarea.margin-s{margin:0 0 .6rem}form .inputs-description{display:block;width:100%;margin-bottom:.3rem;padding:0 .2rem;text-align:right;font:normal 400 1.3rem/1.2 Poppins,sans-serif}@media only screen and (min-width:1400px){form input{height:5rem}form textarea{height:18rem}}.form-light ::-webkit-input-placeholder{font-weight:300;color:#9ca8b4}.form-light :-moz-placeholder,.form-light ::-moz-placeholder{font-weight:300;color:#9ca8b4}.form-light :-ms-input-placeholder{font-weight:300;color:#9ca8b4}.form-light input:focus:required:invalid,.form-light textarea:focus:required:invalid{color:#ffffff}.form-light input:required:valid,.form-light textarea:required:valid{color:#ffffff}.form-light input,.form-light textarea{border:1px solid rgba(255,255,255,.2);color:#ffffff}.form-light input:focus,.form-light textarea:focus{background-color:rgba(255,255,255,.05);border:2px solid #6a47af}.form-light .inputs-description{color:#9ca8b4}.reply-group{position:absolute;left:50%;top:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%);width:100%;max-width:300px;padding:0 15px;text-align:center;opacity:0;transition:opacity .5s ease-in-out}.reply-group.is-visible{opacity:1}.reply-group__icon{display:block;margin:0 auto 1.7rem;font-size:4rem;color:#6a47af}.reply-group__title{font:normal 600 2rem/1.2 Poppins,sans-serif;color:#ffffff;margin-bottom:1rem}.reply-group__text{font:normal 300 1.4rem/1.6 Poppins,sans-serif;color:#b3bbc3}.video-background{position:absolute;top:0;left:0;width:100%;height:100%}#main-video,#video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent}#main-video{display:block;background-position:50%;background-size:contain;object-fit:cover}#bgndKenburns{display:block;top:0;left:0;min-height:100%}#bgndKenburns,#particles-js,#triangles-js{position:absolute;width:100%;height:100%;background-color:transparent}#particles-js,#triangles-js{min-height:320px}.header{position:fixed;top:0;left:0;width:100%;min-width:360px;z-index:9;background-color:rgba(255,0,0,.5);padding:3rem 0;background-color:transparent}@media only screen and (min-width:768px){.header{padding:5rem 0}}@media only screen and (min-width:1400px){.header{padding:6rem 0}}.header__content{position:relative;padding:0 10%}@media only screen and (min-width:1200px){.header__content{padding:0}}.header__logo{position:absolute;left:10%;top:50%;bottom:auto;transform:translateY(-50%);padding-top:.4rem}.header__logo img{width:auto;max-width:130px}@media only screen and (min-width:1200px){.header__logo{padding-top:.4rem}.header__logo img{width:auto;max-width:164px}.header__logo{left:8rem}.header__logo img{width:auto;max-width:none}}@media only screen and (min-width:1400px){.header__logo{left:10rem}}.header__buttons,.header__menu{position:relative}@media only screen and (min-width:1200px){.header__buttons,.header__menu{padding:0 8rem}}@media only screen and (min-width:1400px){.header__buttons,.header__menu{padding:0 10rem}}.inner-controls{position:absolute;top:0;right:0;width:4.4rem;height:4.4rem}@media only screen and (min-width:1200px){.inner-controls{position:absolute;top:0;right:9rem}}@media only screen and (min-width:1400px){.inner-controls{position:absolute;top:0;right:10rem}}.about-close,.contact-close,.portfolio-close{position:absolute;top:0;left:0}.main{position:relative;height:100%;overflow-y:auto;overflow-x:hidden;background-color:#07051c;padding-top:104px;z-index:3}@media only screen and (min-width:768px){.main{padding-top:144px}}@media only screen and (min-width:1200px){.main{padding-top:0;min-height:600px;overflow:hidden}}.main__content{position:relative}@media only screen and (min-width:1200px){.main__content{position:absolute;top:0;left:0;width:100%;height:100%}}.main__intro,.main__media{position:relative}@media only screen and (min-width:1200px){.main__intro,.main__media{height:100%}}.main__intro{background-color:#07051c}.intro__background{position:absolute;top:0;left:0;width:100%;height:100%}.intro__content{position:relative;padding:6rem 0}@media only screen and (min-width:1200px){.intro__content{height:100%;padding:0}}.headline{position:relative;width:100%;padding:0 10%}@media only screen and (min-width:1200px){.headline{position:absolute;left:0;top:50%;bottom:auto;transform:translateY(-50%);padding:0 8rem}}@media only screen and (min-width:1400px){.headline{padding:0 10rem}}.intro__button{position:relative;padding:0 10%;margin:0}.intro__button .socmed-mobile{padding:2rem 0}@media only screen and (min-width:1200px){.intro__button{position:absolute;bottom:5rem;left:8rem;margin:0;padding:0}.intro__button .socmed-mobile{display:none!important}}@media only screen and (min-width:1400px){.intro__button{bottom:6rem;left:10rem}}.main__media{height:100vh;min-height:600px}@media only screen and (min-width:1200px){.main__media{height:100%;min-height:auto}}.media__image{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover}.socials-mobile{display:block;position:relative;padding:3rem 0;text-align:center}.socials-mobile ul{display:block;padding:0 3rem}.socials-mobile ul li{display:inline-block;margin-right:2rem}.socials-mobile ul li:last-of-type{margin-right:0}.socials-mobile ul li a{display:block;font-size:1.6rem;line-height:1;color:#b3bbc3}@media only screen and (min-width:768px){.socials-mobile{padding:5rem 0}}@media only screen and (min-width:1200px){.socials-mobile{display:none}}.socials-menu{display:none}@media only screen and (min-width:768px){.socials-menu{display:inline-block}.socials-menu ul{display:block;padding:0;margin-left:2.4rem;margin-bottom:auto;margin-top:auto}.socials-menu ul li{display:inline-block;margin-right:2rem}.socials-menu ul li:last-of-type{margin-right:0}.socials-menu ul li a{display:block;font-size:1.6rem;line-height:1;color:#ffffff;background-image:linear-gradient(90deg,#fbb7e6,#a691cf 50%,#ffffff 0);background-size:200% 100%;background-position:-100%;position:relative;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s ease-in-out}.no-touch .socials-menu ul li:hover a{background-position:0}}.socials-desktop{display:none}@media only screen and (min-width:1200px){.socials-desktop{display:block}.socials-desktop ul{display:block;margin-right:2.4rem;margin-bottom:auto;margin-top:auto}.socials-desktop ul li{display:inline-block;margin-right:2rem}.socials-desktop ul li:last-of-type{margin-right:0}.socials-desktop ul li a{display:block;font-size:1.6rem;line-height:1;color:#ffffff;background-image:linear-gradient(90deg,#fbb7e6,#a691cf 50%,#ffffff 0);background-size:200% 100%;background-position:-100%;position:relative;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s ease-in-out}.no-touch .socials-desktop ul li:hover a{background-position:0}}.media__countdown{position:relative}.media__countdown #countdown{position:relative;font:normal 600 5rem/1.2 Poppins,sans-serif;color:#ffffff}.media__countdown .countdown-period{display:inline-block;margin-left:2rem;letter-spacing:normal;text-transform:lowercase}@media only screen and (min-width:768px){.media__countdown #countdown{font-size:6rem}}@media only screen and (min-width:1400px){.media__countdown #countdown{font-size:7.6rem}}.menu{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background-color:transparent;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);z-index:10}.menu__content{position:relative}@media only screen and (min-width:1200px){.menu__content{position:absolute;top:0;left:0;width:100%;height:100%}}.menu__data{position:relative;background-color:#07051c}@media only screen and (min-width:1200px){.menu__data{height:100%}}.menudata__controls{position:relative;width:100%;padding:3rem 0}@media only screen and (min-width:768px){.menudata__controls{padding:5rem 0}}@media only screen and (min-width:1400px){.menudata__controls{padding:6rem 0}}.controls__content{position:relative;padding:0 10%}@media only screen and (min-width:1200px){.controls__content{padding:0 8rem}}@media only screen and (min-width:1400px){.controls__content{padding:0 10rem}}.menudata__links{position:relative;width:100%;padding:0 10%}@media only screen and (min-width:1200px){.menudata__links{position:absolute;left:0;top:50%;bottom:auto;transform:translateY(-50%);padding:0 8rem}}@media only screen and (min-width:1400px){.menudata__links{padding:0 10rem}}.navigation{position:relative;padding:6rem 0}@media only screen and (min-width:1200px){.navigation{padding:0}}.menulinks__contact{display:block;text-align:left;padding-top:3rem}.menulinks__contact li{display:block;margin-bottom:2rem;font-size:104rem}.menulinks__contact li a,.menulinks__contact li p{font-size:1.4rem;color:#9ca8b4}@media only screen and (min-width:768px){.menulinks__contact{padding:6rem 0;text-align:right}.menulinks__contact li:last-of-type{margin-bottom:.2rem}}@media only screen and (min-width:1200px){.menulinks__contact{padding:0}}.menudata__copyright{position:relative;padding:0 10%;margin-bottom:3rem}@media only screen and (min-width:768px){.menudata__copyright{margin:5rem 0}}@media only screen and (min-width:1200px){.menudata__copyright{position:absolute;bottom:5rem;left:8rem;margin:0;padding:0}}@media only screen and (min-width:1400px){.menudata__copyright{bottom:6rem;left:10rem}}.menu__media{position:relative;height:100vh;min-height:600px}@media only screen and (min-width:1200px){.menu__media{height:100%;min-height:auto}}.media__content{overflow:hidden}.media__content,.menu__image{position:absolute;top:0;left:0;width:100%;height:100%}.menu__image{background-repeat:no-repeat;background-position:50%;background-size:cover;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.popup{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(7,5,28,.6);z-index:10;opacity:0;visibility:hidden;transition:visibility 0s 0s,opacity .3s 0s}.popup.animate-in{opacity:1;visibility:visible}.popup.animate-in .popup__content{opacity:1;transform:translateY(0)}.popup.animate-out{opacity:0;visibility:hidden;transition:opacity .3s .6s,visibility 0s .9s}.popup.animate-out .popup__content{opacity:0;transform:translateY(-30px)}.popup__container{position:relative;padding:3rem 10%}@media only screen and (min-width:768px){.popup__container{position:absolute;left:0;top:50%;bottom:auto;transform:translateY(-50%);width:100%;padding:0}}.popup__controls{position:relative;margin-bottom:-2rem;z-index:2}@media only screen and (min-width:992px){.popup__controls{max-width:600px;margin:0 auto -2rem}}.popup__content{position:relative;width:100%;height:auto;background-color:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 19px 38px rgba(0,0,0,.2),0 15px 12px rgba(0,0,0,.12);padding:3.6rem;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);z-index:1;opacity:0;transform:translateY(30px);transition:opacity .6s,transform .6s cubic-bezier(.23,.65,.74,1.09)}@media only screen and (min-width:768px){.popup__content{max-width:600px;margin:0 auto}}.popup-l .popup__container{width:100%;height:100%}.popup-l .popup__content{height:calc(100% - 4.4rem);overflow-y:auto}@media only screen and (min-width:768px){.popup-l .popup__container{position:relative;left:0;top:120px;bottom:auto;transform:translateY(0);height:calc(100% - 244px);padding:0 10%}.popup-l .popup__content,.popup-l .popup__controls{max-width:none}}@media only screen and (min-width:1200px){.popup-l .popup__container{padding:0}.popup-l .popup__content,.popup-l .popup__controls{width:768px}}@media only screen and (min-width:1400px){.popup-l .popup__container{top:140px;height:calc(100% - 284px)}.popup-l .popup__content,.popup-l .popup__controls{width:1000px}}@supports (((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px)))){.popup__content{background-color:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@supports not (((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px)))){.popup__content{background-color:#07051c;border:1px solid rgba(255,255,255,.05)}}.popup-title{position:relative;margin-bottom:2.4rem}.mfp-bg{background:#07051c}.project__title{position:relative;width:100%;height:180px;background-repeat:no-repeat;background-position:50%;background-size:cover;text-align:center}.project__title h3{display:block;position:absolute;left:0;top:50%;bottom:auto;transform:translateY(-50%);width:100%;text-align:center;padding:0 3.6rem;margin-bottom:0}.project__title h3 small{display:block;font:normal 300 1.4rem/1.6 Poppins,sans-serif;color:#ffffff;margin-top:.2rem}@media only screen and (min-width:768px){.project__title{height:240px}}@media only screen and (min-width:1400px){.project__title{height:340px}}.project__data{position:relative;padding:3.6rem 0}.data__item{margin-bottom:1.6rem}.data__item:last-of-type{margin-bottom:0}@media only screen and (min-width:768px){.data__item:nth-of-type(3){margin-bottom:0}}@media only screen and (min-width:768px) and (min-width:1200px){.data__item{margin-bottom:0}}.data__title{font:normal 600 1.4rem/1.6 Poppins,sans-serif;color:#ffffff;margin:.4rem 0}.data__descr{font:normal 300 1.4rem/1.2 Poppins,sans-serif;color:#b3bbc3}.project__descr p{font-size:1.4rem;margin-bottom:1.6rem}@media only screen and (min-width:768px){.project__descr p{margin-bottom:.4rem}}.projects__images{margin-top:2.6rem}@media only screen and (min-width:768px){.projects__images{margin-top:3.6rem}}.images__item{margin-bottom:3rem}.images__item:last-of-type{margin-bottom:0}.project-image{position:relative;overflow:hidden}.inner{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background-color:#0e0d26;z-index:8}@media only screen and (min-width:1200px){.inner{overflow:hidden}}.inner__content{position:relative;padding-top:104px}@media only screen and (min-width:768px){.inner__content{padding-top:144px}}@media only screen and (min-width:1200px){.inner__content{height:100%;min-height:600px;overflow-y:auto;overflow-x:hidden}}@media only screen and (min-width:1400px){.inner__content{padding-top:164px}}.desktop-shadow{opacity:0;visibility:hidden}.desktop-shadow-blog{opacity:1;visibility:visible;position:fixed;top:0;left:0;width:100%;height:144px;background:linear-gradient(180deg,rgba(14,13,38,.8) 30%,rgba(14,13,38,0));z-index:2}@media only screen and (min-width:1200px){.desktop-shadow{opacity:1;visibility:visible;position:fixed;top:0;left:0;width:calc(66.66666667% - 5px);height:144px;background:linear-gradient(180deg,rgba(14,13,38,.8) 30%,rgba(14,13,38,0));z-index:2}}@media only screen and (min-width:1400px){.desktop-shadow{height:164px}}.inner__blocks{position:relative;padding:6rem 0;z-index:1}.inner__container{position:relative;margin-bottom:6rem}.inner__container:last-of-type{margin-bottom:0}.content-block{position:relative;padding:0 10%}.content-block.grid-block{padding:0 calc(10% - 1.5rem)}@media only screen and (min-width:1200px){.content-block{padding:0 8rem}.content-block.grid-block{padding:0 6.5rem}}@media only screen and (min-width:1400px){.content-block{padding:0 10rem}.content-block.grid-block{padding:0 8.5rem}}.inner__media{position:relative;height:100vh;min-height:600px}@media only screen and (min-width:1200px){.inner__media{height:100%;min-height:auto}}@media only screen and (max-width:1199px){.inner__media{display:none}}.image{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover}.show-skillbar{display:block;padding:0;margin-bottom:4rem}.show-skillbar:last-of-type{margin-bottom:0;padding-bottom:6px}.skillbar{position:relative;width:100%;height:3rem}.skillbar:after{content:"";display:block;position:absolute;bottom:-6px;left:0;width:100%;height:6px;border-radius:3px;background-color:rgba(255,255,255,.1)}.skillbar-title{position:absolute;top:0;left:0;font:normal 600 2rem/1.2 Poppins,sans-serif;color:#ffffff;height:3rem}.skillbar-bar{display:inline-block;position:absolute;bottom:-16px;left:0;width:0;height:6px;border-radius:3px;background-color:#6a47af;background:linear-gradient(90deg,#6a47af 0,#f987d6)}.skill-bar-percent{display:block;position:absolute;top:0;right:0;font:normal 600 2rem/1.2 Poppins,sans-serif;font-feature-settings:"lnum";font-variant-numeric:lining-nums;color:#ffffff;height:3rem}.showreel{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;background-color:pink}.showreel__button{position:absolute;left:50%;top:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%)}.feature{margin-bottom:3rem}.feature:last-of-type{margin-bottom:0}@media only screen and (min-width:768px){.feature{margin-bottom:0}}.feature__item{height:100%;background-color:rgba(255,255,255,.05);box-shadow:1px 1px 8px 1px rgba(0,0,0,.2);padding:2rem}.feature__image,.feature__item{position:relative}.feature__icon{position:absolute;top:50%;bottom:auto;transform:translateY(-50%);width:100%;height:auto;padding:1.5rem}.feature__descr{margin-top:2rem}.feature__title{font:normal 600 2.4rem/1.2 Poppins,sans-serif;color:#ffffff}.feature__subtitle{display:block;position:relative;font:normal 600 1.4rem/1.6 Poppins,sans-serif;color:#f987d6;padding-left:6rem;margin-bottom:1.2rem}.feature__subtitle:before{content:"";display:block;position:absolute;left:0;top:50%;bottom:auto;transform:translateY(-50%);width:40px;height:2px;border-radius:2px;background-color:#f987d6;background:linear-gradient(90deg,#6a47af 0,#f987d6)}.feature__text{font:normal 300 1.4rem/1.6 Poppins,sans-serif;color:#b3bbc3;margin-top:1.3rem}@media only screen and (min-width:1400px){.feature__text{font-size:1.5rem}}.articledata{margin-bottom:3rem}.articledata:last-of-type{margin-bottom:0}@media only screen and (min-width:992px){.articledata{margin-bottom:0}}.articledata__item{position:relative;background-color:rgba(255,255,255,.05);box-shadow:1px 1px 8px 1px rgba(0,0,0,.2);padding:2rem;height:100%;background-repeat:no-repeat;background-size:auto;background-position:bottom -10px right -15px}.articledata__title{font:normal 600 2rem/1.6 Poppins,sans-serif;color:#ffffff;margin:2rem 0 .5rem}.articledata__catg{font:normal 500 1.5rem/1.6 Poppins,sans-serif;color:#ffffff;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.catg__item:last-child .dot{display:none!important}.filter,.filter h6{font:500 2rem/1.6 Poppins,sans-serif}.text__filter{font:normal 1.5rem/1.6 Poppins,sans-serif}.border-viodream{background:linear-gradient(90deg,#977ec7 0,#f987d6)}.articledata__descr{margin-bottom:.5rem}.articledata__descr:last-of-type{margin-bottom:0}.articledata__icon{margin:auto;max-width:100%;border-radius:15px}.articledata__icon:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:all .5s ease}.articledata__icon:hover img{transform:scale(125%)}.articledata__img{width:100%;object-fit:cover;object-position:center;height:130px;border-radius:15px;transition:all;transition-duration:.3s}.articledata__img:hover{transform:scale(105%)}.articledata__text{font:normal 300 1.4rem/1.6 Poppins,sans-serif}.articledata__text a,.articledata__text p{font:normal 400 1.4rem/1.6 Poppins,sans-serif;color:#b3bbc3;margin:0}.articledata__socials{position:relative;display:block}.articledata__socials li{display:block;font:normal 300 1.4rem/1.6 Poppins,sans-serif;color:#b3bbc3;margin-bottom:.2rem}.articledata__socials li:last-of-type{margin-bottom:0}.articledata__socials li i{display:inline-block;font-size:1.4rem;color:#f987d6;margin-right:1rem;min-width:1.4rem}.articledata__socials li a{display:inline-block;font:normal 300 1.4rem/1.6 Poppins,sans-serif}.swiper{height:100%;background-color:#6a47af}.swiper-slide{position:relative;width:100%;height:100%;background-color:transparent}.project-trigger{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.no-touch .project-trigger:hover .slide-image{transform:scale(1.03)}.slide-image{position:relative;width:100%;height:100%;background-color:#f987d6;background-position:50%;background-repeat:no-repeat;background-size:cover;transform:scale(1);transition:transform .8s}.slide-caption{position:absolute;bottom:3rem;left:0;width:100%;padding:0 10%}.slide-caption p,.slide-caption p a{font:normal 600 2.4rem/1.2 Poppins,sans-serif;color:#ffffff}.slide-caption p a{display:inline-block;text-decoration:none;background:linear-gradient(90deg,rgba(179,187,195,0),rgba(179,187,195,0)),linear-gradient(90deg,white,white);background-size:100% 1px,0 1px;background-position:100% 100%,0 100%;background-repeat:no-repeat;transition:background-size .4s,color .3s;cursor:pointer}.no-touch .slide-caption p a:hover{color:#ffffff;background-size:0 1px,100% 1px}.slide-caption p span{display:block;font:normal 400 1.4rem/1.6 Poppins,sans-serif;color:rgba(255,255,255,.8)}@media only screen and (min-width:768px){.slide-caption{bottom:5rem}}@media only screen and (min-width:1200px){.slide-caption{padding:0 8rem}}@media only screen and (min-width:1400px){.slide-caption{bottom:6rem;padding:0 10rem}}.marvio-pagination{font:normal 400 1.4rem/1.6 Poppins,sans-serif;color:#ffffff;width:auto;min-width:3.2rem;left:auto;bottom:10.4rem;right:calc(10% + 3.6rem)}@media only screen and (min-width:768px){.marvio-pagination{bottom:12.4rem}}@media only screen and (min-width:1200px){.marvio-pagination{right:11.6rem}}@media only screen and (min-width:1400px){.marvio-pagination{bottom:13.4rem;right:13.6rem}}.marvio-navigation{color:#ffffff;position:absolute;top:auto;right:auto;bottom:9.6rem;left:auto;margin:0;width:4rem;height:4rem}.marvio-navigation:after{display:none}@media only screen and (min-width:768px){.marvio-navigation{bottom:11.6rem}}@media only screen and (min-width:1400px){.marvio-navigation{bottom:12.6rem}}.marvio-next{right:calc(10% - 1.4rem)}@media only screen and (min-width:1200px){.marvio-next{right:6.6rem}}@media only screen and (min-width:1400px){.marvio-next{right:8.6rem}}.marvio-prev{right:calc(10% + 7.8rem)}@media only screen and (min-width:1200px){.marvio-prev{right:15.8rem}}@media only screen and (min-width:1400px){.marvio-prev{right:17.8rem}}.works__gallery{position:relative}.my-gallery__item{display:block;position:relative;overflow:hidden;cursor:pointer;margin-bottom:3rem}.my-gallery__item:last-of-type{margin-bottom:0}@media only screen and (min-width:768px){.my-gallery__item:nth-of-type(5){margin-bottom:0}}@media only screen and (min-width:1200px){.my-gallery__item{transform:translateY(0);transition:all .3s ease-in-out}.no-touch .my-gallery__item:hover{transform:translateY(-.4rem);filter:drop-shadow(0 0 55px rgba(128,0,255,.15))}.no-touch .my-gallery__item:hover .my-gallery__description{opacity:1}.no-touch .my-gallery__item:hover .my-gallery__description h4,.no-touch .my-gallery__item:hover .my-gallery__description h4 small{transform:translateY(0);opacity:1}}.my-gallery__link{display:block;position:relative;width:100%;overflow:hidden;box-shadow:1px 1px 8px 1px rgba(0,0,0,.2)}.my-gallery__description{position:absolute;top:0;left:1.5rem;width:calc(100% - 3rem);padding:3.6rem 3.6rem 6rem}.my-gallery__description p{display:none}@media only screen and (min-width:1200px){.my-gallery__description{opacity:0;transition:opacity .3s ease-in-out}.my-gallery__description h4{transform:translateY(10px);opacity:0;transition:transform .3s .3s,opacity .3s ease-in-out .3s}.my-gallery__description h4 small{opacity:0;transition:transform .3s .4s,opacity .3s ease-in-out .4s}}.pswp__caption__center{max-width:540px;padding:2.4rem 10%}.pswp__caption__center h4{font:normal 600 2.4rem/1.2 Poppins,sans-serif;color:#ffffff}.pswp__caption__center h4 small{display:block;font:normal 300 1.4rem/1.6 Poppins,sans-serif}.pswp__caption__center p{margin-top:1.3rem;font:normal 300 1.4rem/1.6 Poppins,sans-serif;color:#b3bbc3}@media only screen and (min-width:1200px){.pswp__caption__center{padding:2.4rem 8rem}}@media only screen and (min-width:1400px){.pswp__caption__center{padding:2.4rem 10rem}}.pswp__counter{font-family:Poppins,sans-serif}.pswp__button--close{opacity:1}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{width:44px;height:44px}.pswp__button--arrow--left:before{left:0;background-position:-132px -44px}.pswp__button--arrow--right:before{right:0;background-position:-88px -44px}.pswp__bg{background:#07051c}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__button--close{background-color:#f987d6}.watermark{position:fixed;z-index:10;bottom:16px}.watermark .watermark__inner{background:#f9f9f9;border-radius:20px;padding:8px 12px;transition:all .3s ease;box-shadow:0 8px 32px 0 rgba(0,0,0,.2)}.watermark .watermark__inner:hover{transform:scale(105%)}.watermark__inner a{text-decoration:none}.watermark__inner img{width:25px;height:25px}.watermark__inner h1{font-size:16px;margin:0}.about figure.notion-asset-wrapper div{padding-bottom:auto!important}.article .inner__container a{text-decoration:none!important}.cursor-pointer{cursor:pointer}.hover-scale-105{object-fit:cover;object-position:center;transition:all;transition-duration:.3s}.hover-scale-105:hover{transform:scale(125%)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}.yarl__slide_title{text-align:center;font:normal 600 1.5rem/1.2 Poppins,sans-serif!important}.yarl__slide_description{font:normal 400 1.4rem/1.6 Poppins,sans-serif!important}.dark .notion{color:#e5e7eb;font-family:Poppins,sans-serif!important}.dark .notion-title{color:#f3f4f6}.dark .notion-page-icon-hero{filter:brightness(.9)}.dark .notion-callout,.dark .notion-code,.dark .notion-quote,.dark .notion-text{color:#d1d5db}.dark .notion-code{background:#2d2d2d}.dark .notion-callout{background:#2d2d2d;border-left:4px solid #444}.dark .notion-bookmark{background-color:#2c2c2c;color:#ddd}.dark .notion-bookmark:hover{background-color:#3c3c3c}.dark .notion-asset-wrapper img{filter:brightness(.9)}.scale-flip{transform:scaleX(-1)}.btn-back{background-color:#ffffff}@media only screen and (max-width:1200px){img.img-article{width:100%!important}} /*! ------------------------------------------------ * Project Name: Marvio - Coming Soon & Portfolio Template * Project Description: Marvio - awesome coming soon and portfolio template to kick-start your project * Tags: mix_design, coming soon, under construction, template, landing page, portfolio, one page, responsive, html5, css3, creative, clean, agency, personal page * Version: 1.0.4 * Build Date: May 2022 * Last Update: January 2024 * This product is available exclusively on Themeforest * Author: mix_design * Author URI: https://themeforest.net/user/mix_design * File name: loader.css * ------------------------------------------------ * * ------------------------------------------------ * Table of Contents * ------------------------------------------------ * 1. Loader Styles * ------------------------------------------------ * Table of Contents End * ------------------------------------------------ */.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#07051c;opacity:1;visibility:visible;transition:all .6s ease-in-out}.loader.loaded{opacity:0;visibility:hidden}.loader__container{position:absolute;left:50%;top:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%)}.loader__circle{position:relative;width:60px;height:60px;background:#f987d6;background:linear-gradient(90deg,#6a47af 0,#f987d6);border-radius:50%;animation:whiteShadow 1s infinite}.loader__circle img{display:block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%);width:auto}.loader__circle.fade{animation-play-state:paused;opacity:0;transition:opacity .3s ease-in-out}@keyframes whiteShadow{0%{box-shadow:0 0 0 0 rgba(106,71,175,.5);transition:box-shadow .3s ease-in-out}to{box-shadow:0 0 0 30px transparent;transition:box-shadow .4s ease-in-out}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1 1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__slide_captions_container{background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));left:var(--yarl__slide_captions_container_left,0);padding:var(--yarl__slide_captions_container_padding,16px);position:absolute;right:var(--yarl__slide_captions_container_right,0);-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);color:var(--yarl__slide_description_color,#fff);text-align:var(--yarl__slide_description_text_align,start)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}