/*--------------------------------------------------------------
# Preload
--------------------------------------------------------------*/
.preload * {transition:none !important;}
.preload .container {visibility:hidden;}
.preload .material-icons {visibility:hidden;}
.preload .icon:before {display:none !important;}
.preload img {display:none;}
.preloader {background:rgba(255,255,255,0.5); display:block; position:fixed; top:0; bottom:0; left:0; right:0; z-index:100000;}
.preload .preloader {display:block;}
.loader-wrap {font-size:0; margin:auto; position:absolute; top:0; bottom:0; left:0; right:0;}
.loader-spin .loader-wrap {height:40px; width:40px;}
.loader-spin .loader-wrap .loader-item {height:100%; position:absolute; top:0; left:0; width:100%;}
.loader-spin .loader-wrap .loader-item:before {background-color:var(--main-color01); border-radius:100%; content:''; display:block; height:15%; width:15%; margin:0 auto; -webkit-animation:circleBounceDelay 1.2s infinite ease-in-out both; animation:circleBounceDelay 1.2s infinite ease-in-out both;}
.loader-spin .loader-wrap .loader-item02 {-webkit-transform:rotate(30deg); -ms-transform:rotate(30deg); transform:rotate(30deg);}
.loader-spin .loader-wrap .loader-item03 {-webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg);}
.loader-spin .loader-wrap .loader-item04 {-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
.loader-spin .loader-wrap .loader-item05 {-webkit-transform:rotate(120deg); -ms-transform:rotate(120deg); transform:rotate(120deg);}
.loader-spin .loader-wrap .loader-item06 {-webkit-transform:rotate(150deg); -ms-transform:rotate(150deg); transform:rotate(150deg);}
.loader-spin .loader-wrap .loader-item07 {-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
.loader-spin .loader-wrap .loader-item08 {-webkit-transform:rotate(210deg); -ms-transform:rotate(210deg); transform:rotate(210deg);}
.loader-spin .loader-wrap .loader-item09 {-webkit-transform:rotate(240deg); -ms-transform:rotate(240deg); transform:rotate(240deg);}
.loader-spin .loader-wrap .loader-item10 {-webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg);}
.loader-spin .loader-wrap .loader-item11 {-webkit-transform:rotate(300deg); -ms-transform:rotate(300deg); transform:rotate(300deg);}
.loader-spin .loader-wrap .loader-item12 {-webkit-transform:rotate(330deg); -ms-transform:rotate(330deg); transform:rotate(330deg);}
.loader-spin .loader-wrap .loader-item02:before {-webkit-animation-delay:-1.1s; animation-delay:-1.1s;}
.loader-spin .loader-wrap .loader-item03:before {-webkit-animation-delay:-1s; animation-delay:-1s;}
.loader-spin .loader-wrap .loader-item04:before {-webkit-animation-delay:-0.9s; animation-delay:-0.9s;}
.loader-spin .loader-wrap .loader-item05:before {-webkit-animation-delay:-0.8s; animation-delay:-0.8s;}
.loader-spin .loader-wrap .loader-item06:before {-webkit-animation-delay:-0.7s; animation-delay:-0.7s;}
.loader-spin .loader-wrap .loader-item07:before {-webkit-animation-delay:-0.6s; animation-delay:-0.6s;}
.loader-spin .loader-wrap .loader-item08:before {-webkit-animation-delay:-0.5s; animation-delay:-0.5s;}
.loader-spin .loader-wrap .loader-item09:before {-webkit-animation-delay:-0.4s; animation-delay:-0.4s;}
.loader-spin .loader-wrap .loader-item10:before {-webkit-animation-delay:-0.3s; animation-delay:-0.3s;}
.loader-spin .loader-wrap .loader-item11:before {-webkit-animation-delay:-0.2s; animation-delay:-0.2s;}
.loader-spin .loader-wrap .loader-item12:before {-webkit-animation-delay:-0.1s; animation-delay:-0.1s;}
@-webkit-keyframes circleBounceDelay {0%, 80%, 100% {-webkit-transform:scale(0); transform:scale(0);} 40% {background-color:var(--main-color01); -webkit-transform:scale(1); transform:scale(1);}}
@keyframes circleBounceDelay {0%, 80%, 100% {-webkit-transform:scale(0); transform:scale(0);} 40% {background-color:var(--main-color01); -webkit-transform:scale(1); transform:scale(1);}}
.loader-diamond .loader-wrap {height:40px; width:40px; -webkit-transform:rotateZ(45deg); -ms-transform:rotateZ(45deg); transform:rotateZ(45deg);}
.loader-diamond .loader-wrap .loader-item {border:0; float:left; height:50%; position:relative; width:50%; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.loader-diamond .loader-wrap .loader-item:before {background-color:var(--main-color01); content:''; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-animation:foldCubeAngle 2.4s infinite linear both; animation:foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin:100% 100%; -ms-transform-origin:100% 100%; transform-origin:100% 100%;}
.loader-diamond .loader-wrap .loader-item02 {-webkit-transform:scale(1.1) rotateZ(90deg); transform:scale(1.1) rotateZ(90deg);}
.loader-diamond .loader-wrap .loader-item03 {-webkit-transform:scale(1.1) rotateZ(180deg); transform:scale(1.1) rotateZ(180deg);}
.loader-diamond .loader-wrap .loader-item04 {-webkit-transform:scale(1.1) rotateZ(270deg); transform:scale(1.1) rotateZ(270deg);}
.loader-diamond .loader-wrap .loader-item02:before {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.loader-diamond .loader-wrap .loader-item03:before {-webkit-animation-delay:0.6s; animation-delay:0.6s;}
.loader-diamond .loader-wrap .loader-item04:before {-webkit-animation-delay:0.9s; animation-delay:0.9s;}
@-webkit-keyframes foldCubeAngle { 0%, 10% {-webkit-transform:perspective(140px) rotateX(-180deg); transform:perspective(140px) rotateX(-180deg); opacity:0;} 25%, 75% {-webkit-transform:perspective(140px) rotateX(0deg); transform:perspective(140px) rotateX(0deg); opacity:1;} 90%, 100% {-webkit-transform:perspective(140px) rotateY(180deg); transform:perspective(140px) rotateY(180deg); opacity:0;} }
@keyframes foldCubeAngle { 0%, 10% {-webkit-transform:perspective(140px) rotateX(-180deg); transform:perspective(140px) rotateX(-180deg); opacity:0;} 25%, 75% {-webkit-transform:perspective(140px) rotateX(0deg); transform:perspective(140px) rotateX(0deg); opacity:1;} 90%, 100% {-webkit-transform:perspective(140px) rotateY(180deg); transform:perspective(140px) rotateY(180deg); opacity:0;} }
.loader-triangle .loader-wrap {height:44px; width:48px;}
.loader-triangle .loader-wrap:before {content:""; width:6px; height:6px; border-radius:50%; position:absolute; display:block; background:var(--main-color02); top:37px; left:21px; transform:translate(-10px, -18px); -webkit-animation:triangleDotAnimation 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite; animation:triangleDotAnimation 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;}
.loader-triangle .loader-wrap svg {display:block; width:100%; height:100%;}
.loader-triangle .loader-wrap svg polygon {fill:none; stroke:var(--main-color01); stroke-width:10px; stroke-linejoin:round; stroke-linecap:round;}
.loader-triangle .loader-wrap svg polygon {stroke-dasharray:145 76 145 76; stroke-dashoffset:0; -webkit-animation:trianglePathAnimation 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite; animation:trianglePathAnimation 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;}
@-webkit-keyframes trianglePathAnimation { 33% {stroke-dashoffset:74;} 66% {stroke-dashoffset:147;} 100% {stroke-dashoffset:221;} }
@keyframes trianglePathAnimation { 33% {stroke-dashoffset:74;} 66% {stroke-dashoffset:147;} 100% {stroke-dashoffset:221;} }
@-webkit-keyframes triangleDotAnimation { 33% {transform:translate(0, 0);} 66% {transform:translate(10px, -18px);} 100% {transform:translate(-10px, -18px);} }
@keyframes triangleDotAnimation { 33% {transform:translate(0, 0);} 66% {transform:translate(10px, -18px);} 100% {transform:translate(-10px, -18px);} }
.loader-square .loader-wrap {width:40px; height:40px;}
.loader-square .loader-wrap .loader-item {width:33%; height:33%; background-color:var(--main-color02); float:left; -webkit-animation:fragmentationDelay 1.3s infinite ease-in-out; animation:fragmentationDelay 1.3s infinite ease-in-out;}
.loader-square .loader-wrap .loader-item01 {-webkit-animation-delay:0.2s; animation-delay:0.2s;}
.loader-square .loader-wrap .loader-item02 {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.loader-square .loader-wrap .loader-item03 {-webkit-animation-delay:0.4s; animation-delay:0.4s;}
.loader-square .loader-wrap .loader-item04 {-webkit-animation-delay:0.1s; animation-delay:0.1s;}
.loader-square .loader-wrap .loader-item05 {-webkit-animation-delay:0.2s; animation-delay:0.2s;}
.loader-square .loader-wrap .loader-item06 {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.loader-square .loader-wrap .loader-item07 {-webkit-animation-delay:0s; animation-delay:0s;}
.loader-square .loader-wrap .loader-item08 {-webkit-animation-delay:0.1s; animation-delay:0.1s;}
.loader-square .loader-wrap .loader-item09 {-webkit-animation-delay:0.2s; animation-delay:0.2s;}
@-webkit-keyframes fragmentationDelay { 0%, 70%, 100% {-webkit-transform:scale3D(1, 1, 1); transform:scale3D(1, 1, 1);} 35% {background-color:var(--main-color01); -webkit-transform:scale3D(0, 0, 1); transform:scale3D(0, 0, 1);} }
@keyframes fragmentationDelay { 0%, 70%, 100% { -webkit-transform:scale3D(1, 1, 1); transform:scale3D(1, 1, 1);} 35% {background-color:var(--main-color01); -webkit-transform:scale3D(0, 0, 1); transform:scale3D(0, 0, 1); } }
.loader-bars .loader-wrap {height:50px; width:50px; text-align:center;}
.loader-bars .loader-wrap .loader-item {background-color:var(--main-color01); border-radius:4px; display:inline-block; margin:0 2px; height:100%; width:4px; -webkit-animation:stretchDelay 1.2s infinite ease-in-out; animation:stretchDelay 1.2s infinite ease-in-out;}
.loader-bars .loader-wrap .loader-item02 {-webkit-animation-delay:-1.1s; animation-delay:-1.1s;}
.loader-bars .loader-wrap .loader-item03 {-webkit-animation-delay:-1.0s; animation-delay:-1.0s;}
.loader-bars .loader-wrap .loader-item04 {-webkit-animation-delay:-0.9s; animation-delay:-0.9s;}
.loader-bars .loader-wrap .loader-item05 {-webkit-animation-delay:-0.8s; animation-delay:-0.8s;}
@-webkit-keyframes stretchDelay { 0%, 40%, 100% {-webkit-transform:scaleY(0.4);} 20% {background-color:var(--main-color01); -webkit-transform:scaleY(1.0);} }
@keyframes stretchDelay { 0%, 40%, 100% {transform:scaleY(0.4); -webkit-transform:scaleY(0.4);} 20% {background-color:var(--main-color01); transform:scaleY(1.0); -webkit-transform:scaleY(1.0);} }
.loader-tile .loader-wrap {width:40px; height:40px;}
.loader-tile .loader-wrap .loader-item {background-color:var(--main-color01); border-radius:5px; height:100%; width:100%; margin:0; -webkit-animation:rotatePlane 1.2s infinite ease-in-out; animation:rotatePlane 1.2s infinite ease-in-out;}
@-webkit-keyframes rotatePlane { 0% {-webkit-transform:perspective(120px);} 50% {background-color:var(--main-color02); -webkit-transform:perspective(120px) rotateY(180deg);} 100% {-webkit-transform:perspective(120px) rotateY(180deg)rotateX(180deg);} }
@keyframes rotatePlane { 0% {transform:perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);} 50% {background-color:var(--main-color02); transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);} 100% {transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);} }
.loader-circle .loader-wrap {width:50px; height:50px;}
.loader-circle .loader-wrap .loader-item { border:2px solid rgba(0,0,0,0.25); border-radius:50%; display:inline-block; height:100%; width:100%; border-top-color:var(--main-color01); animation:spinCircle 2s ease-in-out infinite; -webkit-animation:spinCircle 2s ease-in-out infinite;}
@-webkit-keyframes spinCircle { to {border-top-color:var(--main-color02); -webkit-transform: rotate(360deg);} }
@keyframes spinCircle { to {border-top-color:var(--main-color02); -webkit-transform: rotate(360deg);} }
@-webkit-keyframes loadingBarAnimation { to {background-size: 100% 2px} }
@keyframes loadingBarAnimation { to {background-size: 100% 2px} }
.loader-text .loader-item {background:linear-gradient(var(--main-color02) 0 0) 0 100%/0% 2px no-repeat; color:var(--text-color04); font-weight:500; font-family:var(--main-font02); font-size:1rem; height:2rem; padding-bottom:0.5rem; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; animation:loadingBarAnimation 2s linear infinite; width:fit-content;}
.loader-text .loader-item:before { content:"... Loading..."}