@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotateInverse {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes rotateInverse {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-360deg);
    }
}

@-webkit-keyframes hide {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes hide {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.StaticPlanet{
    background-image:url(/Content/Assets/Images/planet.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:auto;
    margin-right:20%;
}

.imgInnerRotator {
    -webkit-animation: 40s rotate linear infinite;
    animation: 40s rotate linear infinite;
    width: 350px;
    height: 350px;
    z-index: 99;
}

.imgInverceRotation {
    -webkit-animation: 40s rotateInverse linear infinite;
    animation: 40s rotate rotateInverse infinite;
}

.Lgc-1 {
    top: -25px;
    right: auto;
    bottom: auto;
    width: 100px;
    left: 55px;
    position: relative;
    z-index: 9999;
}

.Lgc-2 {
    right: -35px;
    top: 165px;
    bottom: -5px;
    width: 100px;
    float: right;
    position: relative;
    z-index: 9999;
}

.Lgc-3 {
    left: -105px;
    top: 240px;
    right: auto;
    width: 100px;
    position: relative;
    z-index: 9999;
}

.imgFader5 {
    animation: 1s hide infinite alternate;
}

.imgFader10 {
    animation: 2s hide infinite alternate;
}

.imgFader20 {
    animation: 3s hide infinite alternate;
}

.imgFader15 {
    animation: 4s hide infinite alternate;
}

.imgFader25 {
    animation: 5s hide infinite alternate;
}

.imgFader30 {
    animation: 6s hide infinite alternate;
}

.stars {
    position: absolute;
    /*top: 50%;*/
    right: 5%;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

@media (max-Width : 810px){
    .stars {
        position: absolute;
        top: 10%;
        right: 1%;
        width: 100%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .StaticPlanet {
        margin-right: 0;
    }
}

.stars1 {
    
    background-image: url(/Content/Assets/Images/stars1.svg);
}

.stars2 {
    

    background-image: url(/Content/Assets/Images/stars2.svg);
}

.stars3 {
    

    background-image: url(/Content/Assets/Images/stars3.svg);
}

.stars4 {
    

    background-image: url(/Content/Assets/Images/stars4.svg);
}

.stars5 {
   

    background-image: url(/Content/Assets/Images/stars5.svg);
}

.stars6 {
   

    background-image: url(/Content/Assets/Images/stars6.svg);
}

.monn-Rotate {
    -webkit-animation: 50s rotate linear infinite;
    animation: 50s rotate linear infinite;
}

.arrows {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: .05rem;
    margin-right: -.25rem;
    margin-bottom: -.15rem;
    vertical-align: -2px;
    border: 0 !important;
    font-size: .75rem;
    fill: #fff;
}
    .arrows:hover {
        fill: #fab758;
    }