.preloader{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;left:0;top:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-o-transition-duration:500ms;transition-duration:500ms;-webkit-transition-duration:500ms;-o-transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s;z-index:101}.preloader *{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-o-transition-duration:500ms;transition-duration:500ms;-webkit-transition-duration:500ms;-o-transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1)}.preloader .layers{width:100%;height:100%;position:absolute;left:0;top:0;background:none;-webkit-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s}.preloader .layers span{width:100%;height:33.4%;position:absolute;left:0;background:#855cfe}.preloader .layers span:nth-child(1){top:0;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.preloader .layers span:nth-child(2){top:33.33333%;-webkit-transition-delay:1.25s;-o-transition-delay:1.25s;transition-delay:1.25s}.preloader .layers span:nth-child(3){top:66.66666%;-webkit-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s}.page-loaded .preloader{left:-100%}.page-loaded .preloader .layers span{left:-100%}.percentage{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:10%;bottom:2%;color:#fff;font-size:300px;line-height:1.2;font-weight:700;font-family:"Inter";letter-spacing:-0.06em;-webkit-transition:.5s ease 1s;-o-transition:.5s ease 1s;transition:.5s ease 1s;opacity:1}.page-loaded .percentage{opacity:0}.page-transition{width:100%;height:100%;position:fixed;left:-100%;top:0;z-index:100}.page-transition *{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-o-transition-duration:500ms;transition-duration:500ms;-webkit-transition-duration:500ms;-o-transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1)}.page-transition .layers{width:100%;height:100%;position:absolute;left:-100%;top:0;background:none}.page-transition .layers span{width:100%;left:-100%;background:#855cfe}.page-transition .layers span:nth-child(1){height:33.3333%;position:absolute;top:0;-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s}.page-transition .layers span:nth-child(2){height:33.3333%;position:absolute;top:33.33333%;-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}.page-transition .layers span:nth-child(3){height:33.3333%;position:absolute;top:66.66666%;-webkit-transition-delay:.75s;-o-transition-delay:.75s;transition-delay:.75s}.page-transition.active{left:0}.page-transition.active .layers{left:0}.page-transition.active .layers span{left:0}@media only screen and (max-width: 1440px){.percentage{font-size:200px}}@media only screen and (max-width: 992px){.percentage{font-size:150px}}@media only screen and (max-width: 520px){.percentage{font-size:80px;bottom:10%}}