.system {
    background: url(../images/bg.png);
    width: 100%;
    min-height: 1000px;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    overflow: hidden;
}
.title {
    width: 1200px;
    margin: 0 auto;
    padding: 10% 0;
    overflow: hidden;
}
.title h2 {
    font-size: 36px;
    padding: 19px 0;
    color: #fff;
}
.text-effect span {
    display: inline-block;
    opacity: 0;
    transform: rotateX(-90deg);
    position: relative;
    top: 0;
    animation: text-effect 2s ease-in-out infinite;
}
.text-effect span:nth-child(1) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.text-effect span:nth-child(2) {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}
.text-effect span:nth-child(3) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}


.rightone {
    position: relative;
    width: 800px;
    margin: 0 auto;
}
.position-absolute{
    position: absolute !important;
}

.img_moving_anim1 {
    animation: glide1 2s ease-in-out alternate infinite;
}
.img_moving_anim2 {
    animation: glide2 2s ease-in-out alternate infinite;
}
.img_moving_anim3 {
    animation: glide3 2s ease-in-out alternate infinite;
}
.img_moving_anim4 {
    animation: glide4 2s ease-in-out alternate infinite;
}
.img_moving_anim5 {
    animation: glide5 2s ease-in-out alternate infinite;
}
.img_moving_anim6 {
    animation: glide6 2s ease-in-out alternate infinite;
}
.banner_right_thumb {
    top: 50px;
    right: 250px;
}
.banner_right_thumb2 {
    top: 350px;
    right: 110px;
}
.banner_right_thumb3 {
    top: -85px;
    right: -405px;
}
.banner_right_thumb4 {
    top: 160px;
    right: -100%;
}
.banner_right_thumb5 {
    top: 540px;
    right: -545px;
}
.banner_right_thumb6 {
    top: 709px;
    right: 45px;
}
img:not([draggable]), embed, object, video {
    height: auto;
    max-width: 100%;
}






@keyframes text-effect {
    10% {
        opacity: .5;
    }
    20% {
        opacity: 1;
        transform: rotateX(-360deg);
        top: 0;
    }
    80% {
        opacity: 1;
        transform: rotateX(-360deg);
        top: 0;
    }
    90% {
        opacity: .5;
    }
    100% {
        opacity: 0;
        top: 0;
    }
}
@keyframes glide1 {
    0% {
        top: 0;
    }
    100% {
        top: 20px;
    }
}
@keyframes glide2 {
    0% {
        right: 120px;
    }
    100% {
        right: 150px;
    }
}
@keyframes glide3 {
    0% {
        top: -85px;
        right: -400px;
    }
    100% {
        top: -55px;
        right: -390px;
    }
}
@keyframes glide4 {
    0% {
        top: 160px;
        right: -100%;
    }
    100% {
        top: 180px;
        right:-101%;
    }
}@keyframes glide5 {
    0% {
        top: 515px;
        right: -530px;
    }
    100% {
        top: 535px;
        right: -550px;
    }
}@keyframes glide6 {
    0% {
        top:  709px;
        right: 45px;
    }
    100% {
        top:  729px;
        right: 65px;
    }
}