/*
 * Copyright (c) 2000-2021 TeamDev. All rights reserved.
 * TeamDev PROPRIETARY and CONFIDENTIAL.
 * Use is subject to license terms.
 */

html,
body {
    margin: 0;
    height: 100%;
}

.splash-screen {
    position: relative;
    height: 100%;
}

.logo {
    position: absolute;
    width: 100px;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-animation: showUp 1s forwards ease-in-out;
    -moz-animation: showUp 1s forwards ease-in-out;
    -o-animation: showUp 1s forwards ease-in-out;
    animation: showUp 1s forwards ease-in-out;
}

.loader {
    position: absolute;
    top: calc(50% - 88px);
    left: calc(50% - 32px);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    perspective: 800px;
    -webkit-animation: showUp 1s forwards ease-in-out;
    -moz-animation: showUp 1s forwards ease-in-out;
    -o-animation: showUp 1s forwards ease-in-out;
    animation: showUp 1s forwards ease-in-out;
}

.orbit {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.orbit.one {
    left: 0;
    top: 0;
    border-bottom: 3px solid #7fd4f1;
    -webkit-animation: rotate-one 1.3s linear 20 forwards;
    -moz-animation: rotate-one 1.3s linear 20 forwards;
    -o-animation: rotate-one 1.3s linear 20 forwards;
    animation: rotate-one 1.3s linear 20 forwards;
}

.orbit.two {
    right: 0;
    top: 0;
    border-right: 3px solid #06d6a0;
    -webkit-animation: rotate-two 1.3s linear 20 forwards;
    -moz-animation: rotate-two 1.3s linear 20 forwards;
    -o-animation: rotate-two 1.3s linear 20 forwards;
    animation: rotate-two 1.3s linear 20 forwards;
}

.orbit.three {
    right: 0;
    bottom: 0;
    border-top: 3px solid #ffd166;
    -webkit-animation: rotate-three 1.3s linear 20 forwards;
    -moz-animation: rotate-three 1.3s linear 20 forwards;
    -o-animation: rotate-three 1.3s linear 20 forwards;
    animation: rotate-three 1.3s linear 20 forwards;
}

@-webkit-keyframes showUp {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-moz-keyframes showUp {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-o-keyframes showUp {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes showUp {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-webkit-keyframes rotate-one {
    0% {transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}
    100% {transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}
}

@-moz-keyframes rotate-one {
    0% {transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}
    100% {transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}
}

@-o-keyframes rotate-one {
    0% {transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}
    100% {transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}
}

@keyframes rotate-one {
    0% {transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}
    100% {transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}
}

@-webkit-keyframes rotate-two {
    0% {transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);}
    100% {transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);}
}

@-moz-keyframes rotate-two {
    0% {transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);}
    100% {transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);}
}

@-o-keyframes rotate-two {
    0% {transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);}
    100% {transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);}
}

@keyframes rotate-two {
    0% {transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);}
    100% {transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);}
}

@-webkit-keyframes rotate-three {
    0% {transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);}
    100% {transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);}
}

@-moz-keyframes rotate-three {
    0% {transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);}
    100% {transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);}
}

@-o-keyframes rotate-three {
    0% {transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);}
    100% {transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);}
}

@keyframes rotate-three {
    0% {transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);}
    100% {transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);}
}