.preload-stg{
    position: fixed !important;
    background-color: rgba(0, 0, 0, 0.816);
    z-index: 9999999999;
    left: 0px  !important;
    top: 0  !important;
}

.cssload-container{
    position:relative;
}
    
.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgb(204,204,204);
    border-left-color: rgb(255,255,255);
    border-radius: 974px;
        -o-border-radius: 974px;
        -ms-border-radius: 974px;
        -webkit-border-radius: 974px;
        -moz-border-radius: 974px;
}

.cssload-whirlpool {
    margin: -24px 0 0 -24px;
    height: 49px;
    width: 49px;
    animation: cssload-rotate 1150ms linear infinite;
        -o-animation: cssload-rotate 1150ms linear infinite;
        -ms-animation: cssload-rotate 1150ms linear infinite;
        -webkit-animation: cssload-rotate 1150ms linear infinite;
        -moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::before {
    content: "";
    margin: -22px 0 0 -22px;
    height: 43px;
    width: 43px;
    animation: cssload-rotate 1150ms linear infinite;
        -o-animation: cssload-rotate 1150ms linear infinite;
        -ms-animation: cssload-rotate 1150ms linear infinite;
        -webkit-animation: cssload-rotate 1150ms linear infinite;
        -moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::after {
    content: "";
    margin: -28px 0 0 -28px;
    height: 55px;
    width: 55px;
    animation: cssload-rotate 2300ms linear infinite;
        -o-animation: cssload-rotate 2300ms linear infinite;
        -ms-animation: cssload-rotate 2300ms linear infinite;
        -webkit-animation: cssload-rotate 2300ms linear infinite;
        -moz-animation: cssload-rotate 2300ms linear infinite;
}



@keyframes cssload-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-rotate {
    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-rotate {
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-rotate {
    100% {
        -moz-transform: rotate(360deg);
    }
}


.cssload-body {
    position: absolute;
    margin-left: -49px;
    left: 50%;
    animation: speeder 0.46s linear infinite;
        -o-animation: speeder 0.46s linear infinite;
        -ms-animation: speeder 0.46s linear infinite;
        -webkit-animation: speeder 0.46s linear infinite;
        -moz-animation: speeder 0.46s linear infinite;
}

.cssload-body > span {
    height: 5px;
    width: 34px;
    background: rgb(255,255,255);
    position: absolute;
    top: -19px;
    left: 58px;
    border-radius: 2px 10px 1px 0;
}

.cssload-base span {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 97px solid rgb(255,255,255);
    border-bottom: 6px solid transparent;
}

.cssload-base span:after {
    content: "";
    height: 21px;
    width: 21px;
    border-radius: 50%;
    background: rgb(255,255,255);
    position: absolute;
    right: -107px;
    top: -16px;
}

.cssload-base span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-right: 54px solid rgb(255,255,255);
    border-bottom: 16px solid transparent;
    top: -16px;
    right: -96px;
}

.cssload-face {
    position: absolute;
    height: 12px;
    width: 19px;
    background: rgb(255,255,255);
    border-radius: 19px 19px 0 0;
    transform: rotate(-40deg);
        -o-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        -webkit-transform: rotate(-40deg);
        -moz-transform: rotate(-40deg);
    right: -122px;
    top: -15px;
}

.cssload-face:after {
    content: "";
    height: 12px;
    width: 12px;
    background: rgb(255,255,255);
    right: 4px;
    top: 7px;
    position: absolute;
    border-radius: 0 0 0 2px;
    transform: rotate(40deg);
        -o-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        -webkit-transform: rotate(40deg);
        -moz-transform: rotate(40deg);
    transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
}

.cssload-body > span > span:nth-child(1),
.cssload-body > span > span:nth-child(2),
.cssload-body > span > span:nth-child(3),
.cssload-body > span > span:nth-child(4){
    width: 29px;
    height: 1px;
    background: rgb(255,255,255);
    position: absolute;
    animation: fazer1 0.23s linear infinite;
        -o-animation: fazer1 0.23s linear infinite;
        -ms-animation: fazer1 0.23s linear infinite;
        -webkit-animation: fazer1 0.23s linear infinite;
        -moz-animation: fazer1 0.23s linear infinite;
}

.cssload-body > span > span:nth-child(2) {
    top: 3px;
     animation: fazer2 0.46s linear infinite;
        -o-animation: fazer2 0.46s linear infinite;
        -ms-animation: fazer2 0.46s linear infinite;
        -webkit-animation: fazer2 0.46s linear infinite;
        -moz-animation: fazer2 0.46s linear infinite;
}

.cssload-body > span > span:nth-child(3) {
    top: 1px;
    animation: fazer3 0.46s linear infinite;
        -o-animation: fazer3 0.46s linear infinite;
        -ms-animation: fazer3 0.46s linear infinite;
        -webkit-animation: fazer3 0.46s linear infinite;
        -moz-animation: fazer3 0.46s linear infinite;
    animation-delay: -1.15s;
        -o-animation-delay: -1.15s;
        -ms-animation-delay: -1.15s;
        -webkit-animation-delay: -1.15s;
        -moz-animation-delay: -1.15s;
}

.cssload-body > span > span:nth-child(4) {
    top: 4px;
    animation: fazer4 1.15s linear infinite;
        -o-animation: fazer4 1.15s linear infinite;
        -ms-animation: fazer4 1.15s linear infinite;
        -webkit-animation: fazer4 1.15s linear infinite;
        -moz-animation: fazer4 1.15s linear infinite;
    animation-delay: -1.15s;
        -o-animation-delay: -1.15s;
        -ms-animation-delay: -1.15s;
        -webkit-animation-delay: -1.15s;
        -moz-animation-delay: -1.15s;
}

 fazer1 {0% {left: 0;} 100% {left: -78px;opacity: 0;}}

 fazer2 {0% {left: 0;} 100% {left: -97px;opacity: 0;}}

 fazer3 {0% {left: 0;} 100% {left: -49px;opacity: 0;}}

 fazer4 {0% {left: 0;} 100% {left: -146px;opacity: 0;}}



.cssload-longfazers {
    position: absolute;
    width: 100%;
    height: 100%;
}

.cssload-longfazers span {
    position: absolute;
    height: 2px;
    width: 20%;
    background: rgb(255,255,255);
}

.cssload-longfazers span:nth-child(1) {
    top: 20%;
    animation: cssload-lf 0.69s linear infinite;
        -o-animation: cssload-lf 0.69s linear infinite;
        -ms-animation: cssload-lf 0.69s linear infinite;
        -webkit-animation: cssload-lf 0.69s linear infinite;
        -moz-animation: cssload-lf 0.69s linear infinite;
    animation-delay: -5.75s;
        -o-animation-delay: -5.75s;
        -ms-animation-delay: -5.75s;
        -webkit-animation-delay: -5.75s;
        -moz-animation-delay: -5.75s;
}

.cssload-longfazers span:nth-child(2) {
    top: 40%;
    animation: cssload-lf 0.92s linear infinite;
        -o-animation: cssload-lf 0.92s linear infinite;
        -ms-animation: cssload-lf 0.92s linear infinite;
        -webkit-animation: cssload-lf 0.92s linear infinite;
        -moz-animation: cssload-lf 0.92s linear infinite; 
    animation-delay: -1.15s;
        -o-animation-delay: -1.15s;
        -ms-animation-delay: -1.15s;
        -webkit-animation-delay: -1.15s;
        -moz-animation-delay: -1.15s;
}

.cssload-longfazers span:nth-child(3) {
    top: 60%;
    animation: cssload-lf 0.69s linear infinite;
        -o-animation: cssload-lf 0.69s linear infinite;
        -ms-animation: cssload-lf 0.69s linear infinite;
        -webkit-animation: cssload-lf 0.69s linear infinite;
        -moz-animation: cssload-lf 0.69s linear infinite; 
}

.cssload-longfazers span:nth-child(4) {
    top: 80%;
    animation: cssload-lf 0.58s linear infinite;
        -o-animation: cssload-lf 0.58s linear infinite;
        -ms-animation: cssload-lf 0.58s linear infinite;
        -webkit-animation: cssload-lf 0.58s linear infinite;
        -moz-animation: cssload-lf 0.58s linear infinite; 
    animation-delay: -3.45s;
        -o-animation-delay: -3.45s;
        -ms-animation-delay: -3.45s;
        -webkit-animation-delay: -3.45s;
        -moz-animation-delay: -3.45s;
}



@keyframes fazer1 {0% {left: 0;} 100% {left: -78px;opacity: 0;}}

}
}

@-o-keyframes fazer1 {0% {left: 0;} 100% {left: -78px;opacity: 0;}}

}
}

@-ms-keyframes fazer1 {0% {left: 0;} 100% {left: -78px;opacity: 0;}}

}
}

@-webkit-keyframes fazer1 {0% {left: 0;} 100% {left: -78px;opacity: 0;}}

}
}

@-moz-keyframes fazer1 {0% {left: 0;} 100% {left: -78px;opacity: 0;}}

}
}

@keyframes fazer2 {0% {left: 0;} 100% {left: -97px;opacity: 0;}}

}
}

@-o-keyframes fazer2 {0% {left: 0;} 100% {left: -97px;opacity: 0;}}

}
}

@-ms-keyframes fazer2 {0% {left: 0;} 100% {left: -97px;opacity: 0;}}

}
}

@-webkit-keyframes fazer2 {0% {left: 0;} 100% {left: -97px;opacity: 0;}}

}
}

@-moz-keyframes fazer2 {0% {left: 0;} 100% {left: -97px;opacity: 0;}}

}
}

@keyframes fazer3 {0% {left: 0;} 100% {left: -49px;opacity: 0;}}

}
}

@-o-keyframes fazer3 {0% {left: 0;} 100% {left: -49px;opacity: 0;}}

}
}

@-ms-keyframes fazer3 {0% {left: 0;} 100% {left: -49px;opacity: 0;}}

}
}

@-webkit-keyframes fazer3 {0% {left: 0;} 100% {left: -49px;opacity: 0;}}

}
}

@-moz-keyframes fazer3 {0% {left: 0;} 100% {left: -49px;opacity: 0;}}

}
}

@keyframes fazer4 {0% {left: 0;} 100% {left: -146px;opacity: 0;}}

}
}

@-o-keyframes fazer4 {0% {left: 0;} 100% {left: -146px;opacity: 0;}}

}
}

@-ms-keyframes fazer4 {0% {left: 0;} 100% {left: -146px;opacity: 0;}}

}
}

@-webkit-keyframes fazer4 {0% {left: 0;} 100% {left: -146px;opacity: 0;}}

}
}

@-moz-keyframes fazer4 {0% {left: 0;} 100% {left: -146px;opacity: 0;}}

}
}

@keyframes speeder {
    0% { transform: translate(2px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -3px) rotate(-1deg); }
    20% { transform: translate(-2px, 0px) rotate(1deg); }
    30% { transform: translate(1px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 3px) rotate(-1deg); }
    60% { transform: translate(-1px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-2px, -1px) rotate(1deg); }
    90% { transform: translate(2px, 1px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}

@-o-keyframes speeder {
    0% { -o-transform: translate(2px, 1px) rotate(0deg); }
    10% { -o-transform: translate(-1px, -3px) rotate(-1deg); }
    20% { -o-transform: translate(-2px, 0px) rotate(1deg); }
    30% { -o-transform: translate(1px, 2px) rotate(0deg); }
    40% { -o-transform: translate(1px, -1px) rotate(1deg); }
    50% { -o-transform: translate(-1px, 3px) rotate(-1deg); }
    60% { -o-transform: translate(-1px, 1px) rotate(0deg); }
    70% { -o-transform: translate(3px, 1px) rotate(-1deg); }
    80% { -o-transform: translate(-2px, -1px) rotate(1deg); }
    90% { -o-transform: translate(2px, 1px) rotate(0deg); }
    100% { -o-transform: translate(1px, -2px) rotate(-1deg); }
}

@-ms-keyframes speeder {
    0% { -ms-transform: translate(2px, 1px) rotate(0deg); }
    10% { -ms-transform: translate(-1px, -3px) rotate(-1deg); }
    20% { -ms-transform: translate(-2px, 0px) rotate(1deg); }
    30% { -ms-transform: translate(1px, 2px) rotate(0deg); }
    40% { -ms-transform: translate(1px, -1px) rotate(1deg); }
    50% { -ms-transform: translate(-1px, 3px) rotate(-1deg); }
    60% { -ms-transform: translate(-1px, 1px) rotate(0deg); }
    70% { -ms-transform: translate(3px, 1px) rotate(-1deg); }
    80% { -ms-transform: translate(-2px, -1px) rotate(1deg); }
    90% { -ms-transform: translate(2px, 1px) rotate(0deg); }
    100% { -ms-transform: translate(1px, -2px) rotate(-1deg); }
}

@-webkit-keyframes speeder {
    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
    10% { -webkit-transform: translate(-1px, -3px) rotate(-1deg); }
    20% { -webkit-transform: translate(-2px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(1px, 2px) rotate(0deg); }
    40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
    50% { -webkit-transform: translate(-1px, 3px) rotate(-1deg); }
    60% { -webkit-transform: translate(-1px, 1px) rotate(0deg); }
    70% { -webkit-transform: translate(3px, 1px) rotate(-1deg); }
    80% { -webkit-transform: translate(-2px, -1px) rotate(1deg); }
    90% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
    100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}

@-moz-keyframes speeder {
    0% { -moz-transform: translate(2px, 1px) rotate(0deg); }
    10% { -moz-transform: translate(-1px, -3px) rotate(-1deg); }
    20% { -moz-transform: translate(-2px, 0px) rotate(1deg); }
    30% { -moz-transform: translate(1px, 2px) rotate(0deg); }
    40% { -moz-transform: translate(1px, -1px) rotate(1deg); }
    50% { -moz-transform: translate(-1px, 3px) rotate(-1deg); }
    60% { -moz-transform: translate(-1px, 1px) rotate(0deg); }
    70% { -moz-transform: translate(3px, 1px) rotate(-1deg); }
    80% { -moz-transform: translate(-2px, -1px) rotate(1deg); }
    90% { -moz-transform: translate(2px, 1px) rotate(0deg); }
    100% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
}

@keyframes cssload-lf {
    0% {left: 200%;} 
    100% {left: -200%;opacity: 0;}
}

@-o-keyframes cssload-lf {
    0% {left: 200%;} 
    100% {left: -200%;opacity: 0;}
}

@-ms-keyframes cssload-lf {
    0% {left: 200%;} 
    100% {left: -200%;opacity: 0;}
}

@-webkit-keyframes cssload-lf {
    0% {left: 200%;} 
    100% {left: -200%;opacity: 0;}
}

@-moz-keyframes cssload-lf {
    0% {left: 200%;} 
    100% {left: -200%;opacity: 0;}
}