/*.left-half-preloader{
    background-color: black;
    z-index: 2;
    position: absolute;
    width: 100%; 
height: 100%;
top: 0;
left: 0;
clip-path: polygon(100% 0, 0 0, 0 100%);
-webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
-webkit-animation: moveLeft 5s cubic-bezier(0.075, 0.82, 0.165, 1) 2.8s forwards;
        animation: moveLeft 5s cubic-bezier(0.075, 0.82, 0.165, 1) 2.8s forwards;
}

.right-half-preloader{
    background-color: black;
    z-index: 2;
    position: absolute;
    width: 105%; 
height: 100%;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 100%, 0 100%);
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
-webkit-animation: moveRight 5s cubic-bezier(0.075, 0.82, 0.165, 1) 2.8s forwards;
        animation: moveRight 5s cubic-bezier(0.075, 0.82, 0.165, 1) 2.8s forwards;
}

@-webkit-keyframes moveLeft {
    100%{
        -webkit-transform: translateX(-120%);
                transform: translateX(-120%);
    }
}

@keyframes moveLeft {
    100%{
        -webkit-transform: translateX(-120%);
                transform: translateX(-120%);
    }
}

@-webkit-keyframes moveRight {
    100%{
        -webkit-transform: translateX(120%);
                transform: translateX(120%);
    }
}

@keyframes moveRight {
    100%{
        -webkit-transform: translateX(120%);
                transform: translateX(120%);
    }
}
*/

#svg-logo{
    z-index: 3;
    /*display: block;*/
    display: none;
    position: absolute;
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(4);
        -ms-transform: translateX(-50%) translateY(-50%) scale(4);
            transform: translateX(-50%) translateY(-50%) scale(4);
    stroke-width: 1;
}



#path-anim1{
    stroke-dasharray: 117;
    stroke-dashoffset: 117;
    animation: drawPath .7s linear 0s forwards, fallPath 1s ease-in-out 2.1s forwards;
    -webkit-animation: drawPath .7s linear 0s forwards, fallPath 1s ease-in-out 2.1s forwards;
}

#path-anim7{
    stroke-dasharray: 117;
    stroke-dashoffset: 117;
    animation: drawPath .7s linear 0s forwards, fallPath 1s ease-in-out 2.1s forwards;
    -webkit-animation: drawPath .7s linear 0s forwards, fallPath 1s ease-in-out 2.1s forwards;
}




#path-anim2{
    stroke-dasharray: 109;
    stroke-dashoffset: 109;
    animation: drawPath .7s linear .5s forwards, flyPath 1s ease-in-out 2.1s forwards;
    -webkit-animation: drawPath .7s linear .5s forwards, flyPath 1s ease-in-out 2.1s forwards;
}

#path-anim6{
    stroke-dasharray: 95;
    stroke-dashoffset: 95;
    animation: drawPath .7s linear .5s forwards, flyPath 1s ease-in-out 2.1s forwards;
    -webkit-animation: drawPath .7s linear .5s forwards, flyPath 1s ease-in-out 2.1s forwards;
}




#path-anim3{
    stroke-dasharray: 117;
    stroke-dashoffset: 117;
    animation: drawPath .7s linear 1s forwards, fallPath 1s ease-in-out 2.1s forwards;
    -webkit-animation: drawPath .7s linear 1s forwards, fallPath 1s ease-in-out 2.1s forwards;
}

#path-anim5{
    stroke-dasharray: 80;
    stroke-dashoffset: 80;
    animation: drawPath .7s linear 1s forwards, fallPath 1s ease-in-out 2.1s forwards;
    -webkit-animation: drawPath .7s linear 1s forwards, fallPath 1s ease-in-out 2.1s forwards;
}




#path-anim4{
    stroke-dasharray: 150;
    stroke-dashoffset: 150;
    animation: drawPath .7s linear 1.5s forwards, flyPath 1s ease-in-out 2.1s forwards;
    -webkit-animation: drawPath .7s linear 1.5s forwards, flyPath 1s ease-in-out 2.1s forwards;
}

@-webkit-keyframes drawPath{
    100%{
        stroke-dashoffset: 0;
    }
}

@keyframes drawPath{
    100%{
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes fallPath{
    100%{
        -webkit-transform: translateY(1000%);
                transform: translateY(1000%);
    }
}

@keyframes fallPath{
    100%{
        -webkit-transform: translateY(1000%);
                transform: translateY(1000%);
    }
}

@-webkit-keyframes flyPath{
    100%{
        -webkit-transform: translateY(-1000%);
                transform: translateY(-1000%);
    }
}

@keyframes flyPath{
    100%{
        -webkit-transform: translateY(-1000%);
                transform: translateY(-1000%);
    }
}