<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";.Philosophy_Animation_Container {
    width: 500px!important;
    float: right;
    height: 500px!important;
    text-align: center;
    position: relative
}

.Philosophy_Ani {
    position: absolute;
    left: -200px;
    overflow: visible!important
}

.Philosophy_Small_img {
    display: none
}

@-webkit-keyframes Philosophy_Display {
    from {
        transform: rotateY(90deg);
        -webkit-transform: rotateY(90deg);
        opacity: 0
    }

    to {
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        opacity: 1
    }
}

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

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

@keyframes Philosophy_Display {
    from {
        transform: rotateY(90deg);
        -webkit-transform: rotateY(90deg);
        opacity: 0
    }

    to {
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        opacity: 1
    }
}

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

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

.Ani_Philosophy_1 {
    position: absolute;
    z-index: 1;
    top: 15px;
    left: 250px;
    max-width: inherit!important;
    max-height: inherit!important;
    opacity: 0;
    animation: Philosophy_Display 1.5s 8.5s;
    -webkit-animation: Philosophy_Display 1.5s 8.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Philosophy_Rorate {
    max-width: inherit!important;
    max-height: inherit!important
}

.Ani_Philosophy_2 {
    position: absolute;
    z-index: 2;
    top: 60px;
    left: 296px;
    max-width: inherit!important;
    max-height: inherit!important;
    opacity: 0;
    animation: Philosophy_Display 1.5s 7s;
    -webkit-animation: Philosophy_Display 1.5s 7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Philosophy_3 {
    position: absolute;
    z-index: 3;
    top: 122px;
    left: 361px;
    max-width: inherit!important;
    max-height: inherit!important;
    opacity: 0;
    animation: Philosophy_Display 1.5s 5.5s;
    -webkit-animation: Philosophy_Display 1.5s 5.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Philosophy_4 {
    position: absolute;
    z-index: 4;
    top: 157px;
    left: 397px;
    max-width: inherit!important;
    max-height: inherit!important;
    opacity: 0;
    animation: Philosophy_Display 1.5s 4s;
    -webkit-animation: Philosophy_Display 1.5s 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Philosophy_5 {
    position: absolute;
    z-index: 5;
    top: 179px;
    left: 418px;
    max-width: inherit!important;
    max-height: inherit!important;
    opacity: 0;
    animation: Philosophy_Display 1.5s 2.5s;
    -webkit-animation: Philosophy_Display 1.5s 2.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Philosophy_6 {
    position: absolute;
    z-index: 6;
    top: 181px;
    left: 427px;
    max-width: inherit!important;
    max-height: inherit!important;
    opacity: 0;
    animation: Philosophy_Display 1.5s 1s;
    -webkit-animation: Philosophy_Display 1.5s 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Team_Image {
    opacity: 0;
    animation: Philosophy_text 1.5s .5s;
    -webkit-animation: Philosophy_text 1.5s .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ie9 .Ani_Philosophy_1,.ie9 .Ani_Philosophy_2,.ie9 .Ani_Philosophy_3,.ie9 .Ani_Philosophy_4,.ie9 .Ani_Philosophy_5,.ie9 .Ani_Team_Image {
    opacity: 1
}

@media only screen and (max-width: 980px) {
    .inner_container,.banner_container,.banner_animation_slides {
        width:100%;
        height: !important;
    }

    .banner_animation_slides {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    .banner_container {
        zoom:1}
}

@-webkit-keyframes MoniterPlace {
    0% {
        left: 400px;
        opacity: 0;
        width: 435px;
        height: 411px;
        top: 0
    }

    50% {
        left: 250px;
        opacity: 1;
        width: 435px;
        height: 411px;
        top: 0
    }

    75% {
        left: 250px;
        opacity: 1;
        width: 435px;
        height: 411px;
        top: 0
    }

    100% {
        left: 0;
        opacity: 1;
        width: 180px;
        height: 170px;
        top: 200px
    }
}

@-webkit-keyframes ScreenDesktop {
    0% {
        width: 332px;
        height: 234px;
        left: 432px;
        top: 23px;
        opacity: 0
    }

    50% {
        width: 332px;
        height: 234px;
        left: 281px;
        top: 23px;
        opacity: 1
    }

    75% {
        width: 332px;
        height: 234px;
        left: 281px;
        top: 23px;
        opacity: 1
    }

    100% {
        width: 300px;
        height: 198px;
        left: 580px;
        top: 20px;
        opacity: 1
    }
}

@-webkit-keyframes Website {
    0% {
        width: 332px;
        height: 234px;
        left: 432px;
        top: 23px;
        opacity: 0
    }

    50% {
        width: 332px;
        height: 234px;
        left: 281px;
        top: 23px;
        opacity: 1
    }

    75% {
        width: 332px;
        height: 234px;
        left: 281px;
        top: 23px;
        opacity: 1
    }

    100% {
        width: 273px;
        height: 192px;
        left: 640px;
        top: 5px;
        opacity: 1
    }
}

@-webkit-keyframes TopGlass {
    0% {
        width: 332px;
        height: 234px;
        left: 432px;
        top: 23px;
        opacity: 0
    }

    50% {
        width: 332px;
        height: 234px;
        left: 281px;
        top: 23px;
        opacity: 1
    }

    75% {
        width: 332px;
        height: 234px;
        left: 281px;
        top: 23px;
        opacity: 1
    }

    100% {
        width: 273px;
        height: 192px;
        left: 690px;
        top: 0;
        opacity: 1
    }
}

@-webkit-keyframes Slide1 {
    0% {
        width: 273px;
        height: 192px;
        left: 690px;
        top: 25px;
        opacity: 0;
        z-index: 12
    }

    30% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    65% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    100% {
        width: 150px;
        height: 106px;
        left: 60px;
        top: 185px;
        opacity: 1
    }
}

@-webkit-keyframes Slide2 {
    0% {
        width: 273px;
        height: 192px;
        left: 690px;
        top: 25px;
        opacity: 0;
        z-index: 12
    }

    30% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    65% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    100% {
        width: 200px;
        height: 141px;
        left: 140px;
        top: 150px;
        opacity: 1
    }
}

@-webkit-keyframes Slide3 {
    0% {
        width: 273px;
        height: 192px;
        left: 690px;
        top: 25px;
        opacity: 0;
        z-index: 12
    }

    30% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    65% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    100% {
        width: 250px;
        height: 176px;
        left: 230px;
        top: 110px;
        opacity: 1
    }
}

@-webkit-keyframes Slide4 {
    0% {
        width: 273px;
        height: 192px;
        left: 690px;
        top: 25px;
        opacity: 0;
        z-index: 12
    }

    30% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    65% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    100% {
        width: 280px;
        height: 197px;
        left: 320px;
        top: 80px;
        opacity: 1
    }
}

@-webkit-keyframes Slide5 {
    0% {
        width: 273px;
        height: 192px;
        left: 690px;
        top: 25px;
        opacity: 0;
        z-index: 12
    }

    30% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    65% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    100% {
        width: 300px;
        height: 211px;
        left: 420px;
        top: 40px;
        opacity: 1
    }
}

@-webkit-keyframes SlideTitle {
    0% {
        right: 0;
        bottom: -1px;
        opacity: 0
    }

    100% {
        right: 0;
        bottom: 50px;
        opacity: 1
    }
}

@keyframes MoniterPlace {
    0% {
        left: 400px;
        opacity: 0;
        width: 435px;
        height: 411px;
        top: 0
    }

    50% {
        left: 250px;
        opacity: 1;
        width: 435px;
        height: 411px;
        top: 0
    }

    75% {
        left: 250px;
        opacity: 1;
        width: 435px;
        height: 411px;
        top: 0
    }

    100% {
        left: 0;
        opacity: 1;
        width: 180px;
        height: 170px;
        top: 200px
    }
}

@keyframes ScreenDesktop {
    0% {
        width: 332px;
        height: 234px;
        left: 432px;
        top: 23px;
        opacity: 0
    }

    50% {
        width: 332px;
        height: 234px;
        left: 281px;
        top: 23px;
        opacity: 1
    }

    75% {
        width: 332px;
        height: 234px;
        left: 281px;
        top: 23px;
        opacity: 1
    }

    100% {
        width: 300px;
        height: 198px;
        left: 580px;
        top: 20px;
        opacity: 1
    }
}

@keyframes Website {
    0% {
        width: 332px;
        height: 234px;
        left: 432px;
        top: 23px;
        opacity: 0
    }

    50% {
        width: 332px;
        height: 234px;
        left: 281px;
        top: 23px;
        opacity: 1
    }

    75% {
        width: 332px;
        height: 234px;
        left: 281px;
        top: 23px;
        opacity: 1
    }

    100% {
        width: 273px;
        height: 192px;
        left: 640px;
        top: 5px;
        opacity: 1
    }
}

@keyframes TopGlass {
    0% {
        width: 332px;
        height: 234px;
        left: 432px;
        top: 23px;
        opacity: 0
    }

    50% {
        width: 332px;
        height: 234px;
        left: 281px;
        top: 23px;
        opacity: 1
    }

    75% {
        width: 332px;
        height: 234px;
        left: 281px;
        top: 23px;
        opacity: 1
    }

    100% {
        width: 273px;
        height: 192px;
        left: 690px;
        top: 0;
        opacity: 1
    }
}

@keyframes Slide1 {
    0% {
        width: 273px;
        height: 192px;
        left: 690px;
        top: 25px;
        opacity: 0;
        z-index: 12
    }

    30% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    65% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    100% {
        width: 150px;
        height: 106px;
        left: 60px;
        top: 185px;
        opacity: 1
    }
}

@keyframes Slide2 {
    0% {
        width: 273px;
        height: 192px;
        left: 690px;
        top: 25px;
        opacity: 0;
        z-index: 12
    }

    30% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    65% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    100% {
        width: 200px;
        height: 141px;
        left: 140px;
        top: 150px;
        opacity: 1
    }
}

@keyframes Slide3 {
    0% {
        width: 273px;
        height: 192px;
        left: 690px;
        top: 25px;
        opacity: 0;
        z-index: 12
    }

    30% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    65% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    100% {
        width: 250px;
        height: 176px;
        left: 230px;
        top: 110px;
        opacity: 1
    }
}

@keyframes Slide4 {
    0% {
        width: 273px;
        height: 192px;
        left: 690px;
        top: 25px;
        opacity: 0;
        z-index: 12
    }

    30% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    65% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    100% {
        width: 280px;
        height: 197px;
        left: 320px;
        top: 80px;
        opacity: 1
    }
}

@keyframes Slide5 {
    0% {
        width: 273px;
        height: 192px;
        left: 690px;
        top: 25px;
        opacity: 0;
        z-index: 12
    }

    30% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    65% {
        width: 300px;
        height: 211px;
        left: 300px;
        top: 38px;
        opacity: 1;
        z-index: 15
    }

    100% {
        width: 300px;
        height: 211px;
        left: 420px;
        top: 40px;
        opacity: 1
    }
}

@keyframes SlideTitle {
    0% {
        right: 0;
        bottom: -1px;
        opacity: 0
    }

    100% {
        right: 0;
        bottom: 50px;
        opacity: 1
    }
}

.banner_animation_slides {
    display: block;
    position: relative;
    height: 500px;
    overflow: hidden
}

.Ani_Monitor {
    width: 180px!important;
    height: 170px;
    top: 200px;
    position: relative;
    z-index: 1;
    animation: MoniterPlace ease-in-out 2s;
    -webkit-animation: MoniterPlace ease-in-out 2s
}

.Ani_ScreenDesktop {
    position: absolute;
    width: 300px;
    height: 198px;
    z-index: 10;
    left: 580px;
    top: 20px;
    animation: ScreenDesktop ease-in-out 2s;
    -webkit-animation: ScreenDesktop ease-in-out 2s
}

.Ani_Website {
    position: absolute;
    width: 273px!important;
    height: 192px;
    z-index: 11;
    left: 640px;
    top: 5px;
    animation: Website ease-in-out 2s;
    -webkit-animation: Website ease-in-out 2s
}

.Ani_TopGlass {
    position: absolute;
    width: 273px;
    height: 192px;
    z-index: 12;
    left: 690px;
    top: 0;
    animation: TopGlass ease-in-out 2s;
    -webkit-animation: TopGlass ease-in-out 2s
}

.Ani_Servers {
    position: absolute;
    width: 150px;
    height: 106px;
    left: 60px;
    top: 185px;
    z-index: 5;
    animation: Slide1 3s 2s;
    -webkit-animation: Slide1 3s 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.ie9 .Ani_Servers,.ie9 .Ani_Database,.ie9 .Ani_FrameWork,.ie9 .Ani_Interactive,.ie9 .Ani_UserInterface,.ie9 .Ani_title {
    opacity: 1
}

.Ani_Database {
    position: absolute;
    width: 200px;
    height: 141px;
    left: 140px;
    top: 150px;
    z-index: 6;
    animation: Slide2 3s 4s;
    -webkit-animation: Slide2 3s 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.Ani_FrameWork {
    position: absolute;
    width: 250px;
    height: 176px;
    left: 230px;
    top: 110px;
    z-index: 7;
    animation: Slide3 3s 6s;
    -webkit-animation: Slide3 3s 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.Ani_Interactive {
    position: absolute;
    width: 280px;
    height: 197px;
    left: 320px;
    top: 80px;
    z-index: 8;
    animation: Slide4 3s 8s;
    -webkit-animation: Slide4 3s 8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.Ani_UserInterface {
    position: absolute;
    width: 300px;
    height: 211px;
    left: 420px;
    top: 40px;
    z-index: 9;
    animation: Slide5 3s 10s;
    -webkit-animation: Slide5 3s 10s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.Ani_title {
    width: 660px;
    font-size: 32px;
    font-family: 'raleway',sans-serif;
    font-weight: 200;
    color: #084a7e;
    position: absolute;
    z-index: 20;
    animation: SlideTitle 2s 12s;
    -webkit-animation: SlideTitle 2s 12s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    right: 50px;
    bottom: 20px
}

.Ani_title span {
    font-size: 26px;
    color: #333
}

.Ani_title_line2 {
    float: left;
    margin: 0 0 0 100px
}

@-webkit-keyframes ClothStore {
    0% {
        opacity: 0;
        left: -500px
    }

    100% {
        opacity: 1;
        left: 0
    }
}

@-webkit-keyframes Laptop {
    0% {
        opacity: 0;
        right: -500px
    }

    100% {
        opacity: 1;
        right: 20px
    }
}

@-webkit-keyframes Shirt3 {
    0% {
        opacity: 0;
        right: 350px;
        top: 150px
    }

    100% {
        opacity: 1;
        right: 250px;
        top: 100px
    }
}

@-webkit-keyframes Shirt2 {
    0% {
        opacity: 0;
        right: 250px;
        top: 100px;
        width: 28px;
        height: 96px
    }

    100% {
        opacity: 1;
        right: 175px;
        top: 75px;
        width: 40px;
        height: 137px
    }
}

@-webkit-keyframes Shirt1 {
    0% {
        opacity: 0;
        right: 175px;
        top: 75px;
        width: 40px;
        height: 137px
    }

    100% {
        opacity: 1;
        right: 40px;
        top: 35px;
        width: 118px;
        height: 209px
    }
}

@-webkit-keyframes SlideTitle2 {
    0% {
        left: 50px;
        bottom: -1px;
        opacity: 0
    }

    100% {
        left: 50px;
        bottom: 20px;
        opacity: 1
    }
}

@keyframes ClothStore {
    0% {
        opacity: 0;
        left: -500px
    }

    100% {
        opacity: 1;
        left: 0
    }
}

@keyframes Laptop {
    0% {
        opacity: 0;
        right: -500px
    }

    100% {
        opacity: 1;
        right: 20px
    }
}

@keyframes Shirt3 {
    0% {
        opacity: 0;
        right: 350px;
        top: 150px
    }

    100% {
        opacity: 1;
        right: 250px;
        top: 100px
    }
}

@keyframes Shirt2 {
    0% {
        opacity: 0;
        right: 250px;
        top: 100px;
        width: 28px;
        height: 96px
    }

    100% {
        opacity: 1;
        right: 175px;
        top: 75px;
        width: 40px;
        height: 137px
    }
}

@keyframes Shirt1 {
    0% {
        opacity: 0;
        right: 175px;
        top: 75px;
        width: 40px;
        height: 137px
    }

    100% {
        opacity: 1;
        right: 40px;
        top: 35px;
        width: 118px;
        height: 209px
    }
}

@keyframes SlideTitle2 {
    0% {
        left: 50px;
        bottom: -1px;
        opacity: 0
    }

    100% {
        left: 50px;
        bottom: 20px;
        opacity: 1
    }
}

.Ani_Store {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 5px;
    width: auto!important;
    animation: ClothStore ease-in-out 2s;
    -webkit-animation: ClothStore ease-in-out 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Laptop {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 20px;
    opacity: 0;
    width: auto!important;
    animation: Laptop ease-in-out 2s 1.5s;
    -webkit-animation: Laptop ease-in-out 2s 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ie9 .Ani_Laptop {
    opacity: 1
}

.Ani_Shirt3 {
    position: absolute;
    width: auto!important;
    z-index: 3;
    right: 250px;
    top: 100px;
    opacity: 0;
    animation: Shirt3 ease-in-out 1s 3.5s;
    -webkit-animation: Shirt3 ease-in-out 1s 3.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ie9 .Ani_Shirt3 {
    opacity: 1
}

.Ani_Shirt2 {
    position: absolute;
    width: auto!important;
    z-index: 4;
    right: 175px;
    top: 75px;
    opacity: 0;
    animation: Shirt2 ease-in-out 1s 4.5s;
    -webkit-animation: Shirt2 ease-in-out 1s 4.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ie9 .Ani_Shirt2 {
    opacity: 1
}

.Ani_Shirt1 {
    position: absolute;
    width: auto!important;
    z-index: 5;
    right: 40px;
    top: 35px;
    opacity: 0;
    animation: Shirt1 ease-in-out 1s 5.5s;
    -webkit-animation: Shirt1 ease-in-out 1s 5.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ie9 .Ani_Shirt1 {
    opacity: 1
}

.Ani_title2 {
    width: 660px;
    font-size: 32px;
    font-family: 'raleway',sans-serif;
    font-weight: 200;
    color: #084a7e;
    position: absolute;
    z-index: 20;
    left: 50px;
    bottom: 20px;
    animation: SlideTitle2 1s 6.5s;
    -webkit-animation: SlideTitle2 1s 6.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.Ani_title2 span {
    font-size: 26px;
    color: #333
}

.Ani_title_line2 {
    float: left;
    margin: 0 0 0 100px
}

.ie9 .Ani_title2 {
    opacity: 1
}

@-webkit-keyframes City {
    0% {
        left: -180px;
        opacity: 0
    }

    100% {
        left: 50px;
        opacity: 1
    }
}

@-webkit-keyframes CityShadow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes LightBlink {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    35% {
        opacity: 1
    }

    45% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes LightBlink2 {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    30% {
        opacity: 0
    }

    35% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes walk-cycle {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -3600px
    }
}

@-webkit-keyframes walk-cycle {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -3600px
    }
}

@keyframes walk-cycle2 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -3840px
    }
}

@-webkit-keyframes walk-cycle2 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -3840px
    }
}

@-webkit-keyframes SlideTitle3 {
    0% {
        right: 0;
        top: -50px;
        opacity: 0
    }

    100% {
        right: 0;
        top: 100px;
        opacity: 1
    }
}

@keyframes City {
    0% {
        left: -180px;
        opacity: 0
    }

    100% {
        left: 50px;
        opacity: 1
    }
}

@keyframes CityShadow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes LightBlink {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    35% {
        opacity: 1
    }

    45% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes LightBlink2 {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    30% {
        opacity: 0
    }

    35% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes SlideTitle3 {
    0% {
        right: 0;
        top: -50px;
        opacity: 0
    }

    100% {
        right: 0;
        top: 100px;
        opacity: 1
    }
}

.Ani_OldCity {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50px;
    width: 437px;
    height: 233px;
    animation: City 2s;
    -webkit-animation: City 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_OldFan {
    animation: walk-cycle 3s steps(24) infinite;
    -webkit-animation: walk-cycle 3s steps(24) infinite;
    background: url(../images/Banner-3/OldCity_Sprite.png) center center no-repeat;
    height: 73px;
    width: 73px;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    left: 337px;
    top: 5px
}

.Ani_OldCity .Ani_CityShadow {
    position: absolute;
    z-index: 1;
    bottom: 18px;
    left: 7px;
    opacity: 0;
    animation: CityShadow 2s 2.5s;
    -webkit-animation: CityShadow 2s 2.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ie9 .Ani_OldCity .Ani_CityShadow {
    opacity: 1
}

.Ani_NewCity {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 50px;
    width: 440px;
    height: 268px;
    animation: City 2s 2s;
    -webkit-animation: City 2s 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.ie9 .Ani_NewCity {
    opacity: 1
}

.Ani_NewCity img {
    position: absolute;
    bottom: 0
}

.Hospital_Hoarding {
    z-index: 2;
    top: 106px;
    left: 256px;
    animation: LightBlink 2s infinite;
    -webkit-animation: LightBlink 2s infinite
}

.School_Hoarding {
    z-index: 2;
    top: 122px;
    left: 292px;
    animation: LightBlink 2s infinite 1s;
    -webkit-animation: LightBlink 2s infinite 1s
}

.Revalsys_Hoarding {
    z-index: 2;
    top: 150px;
    left: 243px;
    animation: LightBlink2 2s infinite 3s;
    -webkit-animation: LightBlink2 2s infinite 3s
}

.Ani_NewFan {
    animation: walk-cycle2 2s steps(24) infinite;
    -webkit-animation: walk-cycle2 2s steps(24) infinite;
    background: url(../images/Banner-3/NewCity_Sprite.png) center center no-repeat;
    height: 78px;
    width: 74px;
    position: absolute;
    z-index: 2;
    left: 354px;
    top: 5px
}

.Ani_title_3 {
    width: 450px;
    font-size: 32px;
    font-family: 'raleway',sans-serif;
    font-weight: 200;
    color: #084a7e;
    position: absolute;
    z-index: 20;
    right: 0;
    top: 100px;
    animation: SlideTitle3 1s 4s;
    -webkit-animation: SlideTitle3 1s 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.ie9 .Ani_title_3 {
    opacity: 1
}

.Ani_title_3 span {
    font-size: 22px;
    color: #333
}

@-webkit-keyframes Diagnostic {
    0% {
        left: 204px;
        top: 193px;
        opacity: 0
    }

    100% {
        left: 223px;
        top: 84px;
        opacity: 1
    }
}

@-webkit-keyframes Provider {
    0% {
        left: 223px;
        top: 84px;
        opacity: 0
    }

    100% {
        left: 346px;
        top: 84px;
        opacity: 1
    }
}

@-webkit-keyframes HealthRecord {
    0% {
        left: 346px;
        top: 84px;
        opacity: 0
    }

    100% {
        left: 359px;
        top: 188px;
        opacity: 1
    }
}

@-webkit-keyframes AppStore {
    0% {
        left: 359px;
        top: 188px;
        opacity: 0
    }

    100% {
        left: 265px;
        top: 252px;
        opacity: 1
    }
}

@-webkit-keyframes Payer {
    0% {
        left: 265px;
        top: 252px;
        opacity: 0
    }

    100% {
        left: 204px;
        top: 193px;
        opacity: 1
    }
}

@-webkit-keyframes Arrows {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        opacity: 1
    }
}

@-webkit-keyframes Arrows2 {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        opacity: 1
    }
}

@-webkit-keyframes Plus {
    0% {
        top: 150px;
        opacity: 0
    }

    100% {
        top: 217px;
        opacity: 1
    }
}

@-webkit-keyframes Tablet {
    0% {
        left: 542px;
        top: 238px;
        opacity: 0
    }

    100% {
        left: 498px;
        top: 149px;
        opacity: 1
    }
}

@-webkit-keyframes Phone {
    0% {
        left: 498px;
        top: 149px;
        opacity: 0
    }

    100% {
        left: 535px;
        top: 84px;
        opacity: 1
    }
}

@-webkit-keyframes Text {
    0% {
        left: 535px;
        top: 84px;
        opacity: 0
    }

    100% {
        left: 641px;
        top: 89px;
        opacity: 1
    }
}

@-webkit-keyframes Internet {
    0% {
        left: 641px;
        top: 89px;
        opacity: 0
    }

    100% {
        left: 673px;
        top: 161px;
        opacity: 1
    }
}

@-webkit-keyframes Video {
    0% {
        left: 673px;
        top: 161px;
        opacity: 0
    }

    100% {
        left: 643px;
        top: 242px;
        opacity: 1
    }
}

@-webkit-keyframes Voice {
    0% {
        left: 643px;
        top: 242px;
        opacity: 0
    }

    100% {
        left: 542px;
        top: 238px;
        opacity: 1
    }

    0% {
        left: 643px;
        top: 242px;
        opacity: 0
    }

    100% {
        left: 542px;
        top: 238px;
        opacity: 1
    }
}

@-webkit-keyframes Family {
    0% {
        left: 980px;
        opacity: 0
    }

    100% {
        left: 811px;
        opacity: 1
    }
}

@keyframes Diagnostic {
    0% {
        left: 204px;
        top: 193px;
        opacity: 0
    }

    100% {
        left: 223px;
        top: 84px;
        opacity: 1
    }
}

@keyframes Provider {
    0% {
        left: 223px;
        top: 84px;
        opacity: 0
    }

    100% {
        left: 346px;
        top: 84px;
        opacity: 1
    }
}

@keyframes HealthRecord {
    0% {
        left: 346px;
        top: 84px;
        opacity: 0
    }

    100% {
        left: 359px;
        top: 188px;
        opacity: 1
    }
}

@keyframes AppStore {
    0% {
        left: 359px;
        top: 188px;
        opacity: 0
    }

    100% {
        left: 265px;
        top: 252px;
        opacity: 1
    }
}

@keyframes Payer {
    0% {
        left: 265px;
        top: 252px;
        opacity: 0
    }

    100% {
        left: 204px;
        top: 193px;
        opacity: 1
    }
}

@keyframes Arrows {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        opacity: 1
    }
}

@keyframes Arrows2 {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        opacity: 1
    }
}

@keyframes Plus {
    0% {
        top: 150px;
        opacity: 0
    }

    100% {
        top: 217px;
        opacity: 1
    }
}

@keyframes Tablet {
    0% {
        left: 542px;
        top: 238px;
        opacity: 0
    }

    100% {
        left: 498px;
        top: 149px;
        opacity: 1
    }
}

@keyframes Phone {
    0% {
        left: 498px;
        top: 149px;
        opacity: 0
    }

    100% {
        left: 535px;
        top: 84px;
        opacity: 1
    }
}

@keyframes Text {
    0% {
        left: 535px;
        top: 84px;
        opacity: 0
    }

    100% {
        left: 641px;
        top: 89px;
        opacity: 1
    }
}

@keyframes Internet {
    0% {
        left: 641px;
        top: 89px;
        opacity: 0
    }

    100% {
        left: 673px;
        top: 161px;
        opacity: 1
    }
}

@keyframes Video {
    0% {
        left: 673px;
        top: 161px;
        opacity: 0
    }

    100% {
        left: 643px;
        top: 242px;
        opacity: 1
    }
}

@keyframes Voice {
    0% {
        left: 643px;
        top: 242px;
        opacity: 0
    }

    100% {
        left: 542px;
        top: 238px;
        opacity: 1
    }

    0% {
        left: 643px;
        top: 242px;
        opacity: 0
    }

    100% {
        left: 542px;
        top: 238px;
        opacity: 1
    }
}

@keyframes Family {
    0% {
        left: 980px;
        opacity: 0
    }

    100% {
        left: 811px;
        opacity: 1
    }
}

.Ani_ECG {
    width: 220px;
    height: 150px;
    position: absolute;
    z-index: 1;
    left: -5px;
    top: 132px;
    background: url(../images/Banner-4/ECG_ImgSqns.gif) left top no-repeat
}

.Ani_Diagnostic {
    position: absolute;
    left: 223px;
    top: 84px;
    z-index: 2;
    opacity: 0;
    animation: Diagnostic 1s 3s;
    -webkit-animation: Diagnostic 1s 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Provider {
    position: absolute;
    left: 346px;
    top: 84px;
    z-index: 2;
    opacity: 0;
    animation: Provider 1s 3s;
    -webkit-animation: Provider 1s 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_HealthRecord {
    position: absolute;
    left: 359px;
    top: 188px;
    z-index: 2;
    opacity: 0;
    animation: HealthRecord 1s 3s;
    -webkit-animation: HealthRecord 1s 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_AppStore {
    position: absolute;
    left: 265px;
    top: 252px;
    z-index: 2;
    opacity: 0;
    animation: AppStore 1s 3s;
    -webkit-animation: AppStore 1s 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Payer {
    position: absolute;
    left: 204px;
    top: 193px;
    z-index: 2;
    opacity: 0;
    animation: Payer 1s 3s;
    -webkit-animation: Payer 1s 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_LeftArrow1 {
    position: absolute;
    left: 275px;
    top: 166px;
    z-index: 2;
    opacity: 0;
    animation: Arrows 1s 3s infinite linear;
    -webkit-animation: Arrows 1s 3s infinite linear
}

.Ani_LeftArrow2 {
    position: absolute;
    left: 275px;
    top: 166px;
    z-index: 2;
    opacity: 0;
    animation: Arrows2 1s 3s infinite linear;
    -webkit-animation: Arrows2 1s 3s infinite linear
}

.Ani_Plus {
    position: absolute;
    left: 455px;
    top: 217px;
    z-index: 2;
    opacity: 0;
    animation: Plus 1s 4s;
    -webkit-animation: Plus 1s 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Tablet {
    position: absolute;
    left: 498px;
    top: 149px;
    z-index: 2;
    opacity: 0;
    animation: Tablet 1s 5s;
    -webkit-animation: Tablet 1s 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Phone {
    position: absolute;
    left: 535px;
    top: 84px;
    z-index: 2;
    opacity: 0;
    animation: Phone 1s 5s;
    -webkit-animation: Phone 1s 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Text {
    position: absolute;
    left: 641px;
    top: 89px;
    z-index: 2;
    opacity: 0;
    animation: Text 1s 5s;
    -webkit-animation: Text 1s 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Internet {
    position: absolute;
    left: 673px;
    top: 161px;
    z-index: 2;
    opacity: 0;
    animation: Internet 1s 5s;
    -webkit-animation: Internet 1s 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Video {
    position: absolute;
    left: 643px;
    top: 242px;
    z-index: 2;
    opacity: 0;
    animation: Video 1s 5s;
    -webkit-animation: Video 1s 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Voice {
    position: absolute;
    left: 542px;
    top: 238px;
    z-index: 2;
    opacity: 0;
    animation: Voice 1s 5s;
    -webkit-animation: Voice 1s 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_RightArrow1 {
    position: absolute;
    left: 575px;
    top: 168px;
    z-index: 2;
    opacity: 0;
    animation: Arrows 1s 5s infinite linear;
    -webkit-animation: Arrows 1s 5s infinite linear
}

.Ani_RightArrow2 {
    position: absolute;
    left: 575px;
    top: 168px;
    z-index: 2;
    opacity: 0;
    animation: Arrows2 1s 5s infinite linear;
    -webkit-animation: Arrows2 1s 5s infinite linear
}

.Ani_Equal {
    position: absolute;
    left: 762px;
    top: 229px;
    z-index: 2;
    opacity: 0;
    animation: Plus 1s 6s;
    -webkit-animation: Plus 1s 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Family {
    position: absolute;
    left: 811px;
    top: 99px;
    z-index: 2;
    opacity: 0;
    animation: Family 1s 7s;
    -webkit-animation: Family 1s 7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_title3 {
    width: 660px;
    font-size: 32px;
    font-family: 'raleway',sans-serif;
    font-weight: 200;
    color: #084a7e;
    position: absolute;
    z-index: 20;
    bottom: 50px;
    right: 0;
    animation: SlideTitle 2s 8s;
    -webkit-animation: SlideTitle 2s 8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.Ani_title3 span {
    font-size: 26px;
    color: #333
}

.ie9 .Ani_Diagnostic,.ie9 .Ani_title3,.ie9 .Ani_Family,.ie9 .Ani_Equal,.ie9 .Ani_RightArrow2,.ie9 .Ani_RightArrow1,.ie9 .Ani_Voice,.ie9 .Ani_Internet,.ie9 .Ani_Text,.ie9 .Ani_Phone,.ie9 .Ani_Tablet,.ie9 .Ani_Plus,.ie9 .Ani_LeftArrow2,.ie9 .Ani_LeftArrow1,.ie9 .Ani_Payer,.ie9 .Ani_AppStore,.ie9 .Ani_HealthRecord,.ie9 .Ani_Provider,.ie9 .Ani_Diagnostic,.ie9 .Ani_Video {
    opacity: 1
}

@-webkit-keyframes walk-cycle3 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -7200px
    }
}

@-webkit-keyframes Map {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes Map2 {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    10% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    100% {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes Dot1 {
    0% {
        left: 0;
        top: 230px;
        opacity: 0
    }

    50% {
        opacity: 1;
        left: 456px;
        top: 230px
    }

    100% {
        left: 660px;
        top: 45px;
        opacity: 1
    }
}

@-webkit-keyframes Dot2 {
    0% {
        left: 0;
        top: 230px;
        opacity: 0
    }

    25% {
        opacity: 1;
        left: 456px;
        top: 230px
    }

    50% {
        left: 660px;
        top: 45px;
        opacity: 1
    }

    100% {
        left: 803px;
        top: 193px;
        opacity: 1
    }
}

@-webkit-keyframes Dot3 {
    0% {
        left: 0;
        top: 230px;
        opacity: 0
    }

    25% {
        opacity: 1;
        left: 456px;
        top: 230px
    }

    50% {
        left: 660px;
        top: 45px;
        opacity: 1
    }

    75% {
        left: 803px;
        top: 193px;
        opacity: 1
    }

    100% {
        left: 660px;
        top: 335px;
        opacity: 1
    }
}

@-webkit-keyframes Dot4 {
    0% {
        left: 0;
        top: 230px;
        opacity: 0
    }

    20% {
        opacity: 1;
        left: 456px;
        top: 230px
    }

    40% {
        left: 660px;
        top: 45px;
        opacity: 1
    }

    60% {
        left: 803px;
        top: 193px;
        opacity: 1
    }

    80% {
        left: 660px;
        top: 335px;
        opacity: 1
    }

    100% {
        left: 500px;
        top: 193px;
        opacity: 1
    }
}

@-webkit-keyframes Design {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        right: 321px;
        top: 61px
    }

    10% {
        opacity: 1
    }

    100% {
        width: 286px;
        height: 138px;
        opacity: 1;
        right: 175px;
        top: 2px
    }
}

@-webkit-keyframes Print {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        right: 165px;
        top: 206px
    }

    10% {
        opacity: 1
    }

    100% {
        width: 138px;
        height: 286px;
        opacity: 1;
        right: 115px;
        top: 61px
    }
}

@-webkit-keyframes Animation {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        right: 312px;
        top: 340px
    }

    10% {
        opacity: 1
    }

    100% {
        width: 286px;
        height: 138px;
        opacity: 1;
        right: 175px;
        top: 268px
    }
}

@-webkit-keyframes Web {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        right: 475px;
        top: 193px
    }

    10% {
        opacity: 1
    }

    100% {
        width: 139px;
        height: 285px;
        opacity: 1;
        right: 381px;
        top: 62px
    }
}

@-webkit-keyframes General_Content {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes SlideTitle4 {
    0% {
        left: 50px;
        top: -50px;
        opacity: 0
    }

    100% {
        left: 50px;
        top: 150px;
        opacity: 1
    }
}

@keyframes walk-cycle3 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -7200px
    }
}

@keyframes Map {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes Map2 {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    10% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    100% {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        opacity: 0
    }
}

@keyframes Dot1 {
    0% {
        left: 0;
        top: 230px;
        opacity: 0
    }

    50% {
        opacity: 1;
        left: 456px;
        top: 230px
    }

    100% {
        left: 660px;
        top: 45px;
        opacity: 1
    }
}

@keyframes Dot2 {
    0% {
        left: 0;
        top: 230px;
        opacity: 0
    }

    25% {
        opacity: 1;
        left: 456px;
        top: 230px
    }

    50% {
        left: 660px;
        top: 45px;
        opacity: 1
    }

    100% {
        left: 803px;
        top: 193px;
        opacity: 1
    }
}

@keyframes Dot3 {
    0% {
        left: 0;
        top: 230px;
        opacity: 0
    }

    25% {
        opacity: 1;
        left: 456px;
        top: 230px
    }

    50% {
        left: 660px;
        top: 45px;
        opacity: 1
    }

    75% {
        left: 803px;
        top: 193px;
        opacity: 1
    }

    100% {
        left: 660px;
        top: 335px;
        opacity: 1
    }
}

@keyframes Dot4 {
    0% {
        left: 0;
        top: 230px;
        opacity: 0
    }

    20% {
        opacity: 1;
        left: 456px;
        top: 230px
    }

    40% {
        left: 660px;
        top: 45px;
        opacity: 1
    }

    60% {
        left: 803px;
        top: 193px;
        opacity: 1
    }

    80% {
        left: 660px;
        top: 335px;
        opacity: 1
    }

    100% {
        left: 500px;
        top: 193px;
        opacity: 1
    }
}

@keyframes Design {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        right: 321px;
        top: 61px
    }

    10% {
        opacity: 1
    }

    100% {
        width: 286px;
        height: 138px;
        opacity: 1;
        right: 175px;
        top: 2px
    }
}

@keyframes Print {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        right: 165px;
        top: 206px
    }

    10% {
        opacity: 1
    }

    100% {
        width: 138px;
        height: 286px;
        opacity: 1;
        right: 115px;
        top: 61px
    }
}

@keyframes Animation {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        right: 312px;
        top: 340px
    }

    10% {
        opacity: 1
    }

    100% {
        width: 286px;
        height: 138px;
        opacity: 1;
        right: 175px;
        top: 268px
    }
}

@keyframes Web {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        right: 475px;
        top: 193px
    }

    10% {
        opacity: 1
    }

    100% {
        width: 139px;
        height: 285px;
        opacity: 1;
        right: 381px;
        top: 62px
    }
}

@keyframes General_Content {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes SlideTitle4 {
    0% {
        left: 50px;
        top: -50px;
        opacity: 0
    }

    100% {
        left: 50px;
        top: 150px;
        opacity: 1
    }
}

.Ani_Map {
    position: absolute;
    z-index: 1;
    top: 114px;
    right: 230px;
    animation: Map 2s;
    -webkit-animation: Map 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Map2 {
    position: relative;
    z-index: 1;
    animation: Map2 1s 9.5s;
    -webkit-animation: Map2 1s 9.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Dot4 {
    position: absolute;
    z-index: 2;
    left: 660px;
    top: 335px;
    animation: Dot4 4s 2.5s;
    -webkit-animation: Dot4 4s 2.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.Ani_Dot3 {
    position: absolute;
    z-index: 2;
    left: 660px;
    top: 335px;
    animation: Dot3 3.5s 2s;
    -webkit-animation: Dot3 3.5s 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.Ani_Dot2 {
    position: absolute;
    z-index: 2;
    left: 803px;
    top: 193px;
    animation: Dot2 2.5s 1.5s;
    -webkit-animation: Dot2 2.5s 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.Ani_Dot1 {
    position: absolute;
    z-index: 2;
    left: 660px;
    top: 45px;
    animation: Dot1 1.5s 1s;
    -webkit-animation: Dot1 1.5s 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.Ani_Design {
    position: absolute;
    z-index: 3;
    opacity: 0;
    right: 175px;
    top: 2px;
    animation: Design 1s 6s;
    -webkit-animation: Design 1s 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ie9 .Ani_Design {
    opacity: 1;
    right: 175px;
    top: 2px
}

.Ani_Print {
    position: absolute;
    z-index: 3;
    opacity: 0;
    right: 115px;
    top: 61px;
    animation: Print 1s 6.5s;
    -webkit-animation: Print 1s 6.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ie9 .Ani_Print {
    opacity: 1;
    right: 115px;
    top: 61px
}

.Ani_Animation {
    position: absolute;
    z-index: 3;
    opacity: 0;
    right: 175px;
    top: 268px;
    animation: Animation 1s 7s;
    -webkit-animation: Animation 1s 7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ie9 .Ani_Animation {
    opacity: 1;
    right: 175px;
    top: 268px
}

.Ani_Web {
    position: absolute;
    z-index: 3;
    opacity: 0;
    right: 381px;
    top: 62px;
    animation: Web 1s 7.5s;
    -webkit-animation: Web 1s 7.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ie9 .Ani_Web {
    opacity: 1;
    right: 381px;
    top: 62px
}

.Ani_Design_text {
    position: absolute;
    z-index: 4;
    opacity: 0;
    right: 196px;
    top: 20px;
    animation: General_Content 1s 8s;
    -webkit-animation: General_Content 1s 8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Print_text {
    position: absolute;
    z-index: 4;
    opacity: 0;
    right: 123px;
    top: 119px;
    animation: General_Content 1s 8.5s;
    -webkit-animation: General_Content 1s 8.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Animation_text {
    position: absolute;
    z-index: 4;
    opacity: 0;
    right: 212px;
    top: 300px;
    animation: General_Content 1s 9s;
    -webkit-animation: General_Content 1s 9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Web_text {
    position: absolute;
    z-index: 4;
    opacity: 0;
    right: 408px;
    top: 123px;
    animation: General_Content 1s 9.5s;
    -webkit-animation: General_Content 1s 9.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Revalsys_Logo {
    animation: walk-cycle3 3s steps(24) infinite 9.5s;
    -webkit-animation: walk-cycle3 3s steps(24) infinite 9.5s;
    position: absolute;
    height: 148px;
    width: 151px;
    z-index: 1;
    background: url(../images/Banner-5/Logo_Sprite.jpg) top center no-repeat
}

.Ani_Logo_Container {
    position: absolute;
    height: 148px;
    width: 151px;
    top: 128px;
    right: 245px;
    opacity: 0;
    z-index: 2;
    animation: General_Content 1s 9.5s;
    -webkit-animation: General_Content 1s 9.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_title4 {
    width: 500px;
    font-size: 32px;
    font-family: 'raleway',sans-serif;
    font-weight: 200;
    color: #084a7e;
    position: absolute;
    left: 50px;
    top: 150px;
    z-index: 20;
    animation: SlideTitle4 2s 10s;
    -webkit-animation: SlideTitle4 2s 10s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.Ani_title4 span {
    font-size: 26px;
    color: #333
}

.ie9 .Ani_Logo_Container,.ie9 .Ani_Web_text,.ie9 .Ani_Animation_text,.ie9 .Ani_Print_text,.ie9 .Ani_Design_text,.ie9 .Ani_title4 {
    opacity: 1
}

.common_animation_container {
    width: 980px;
    display: block;
    margin: 0 auto;
    position: relative
}

@media only screen and (max-width: 980px) {
    .common_animation_container {
        display:none
    }
}

@-webkit-keyframes About_Tablet {
    from {
        top: 400px;
        opacity: 0
    }

    to {
        top: 33px;
        opacity: 1
    }
}

@-webkit-keyframes About_Text {
    from {
        top: -100px;
        opacity: 0
    }

    to {
        top: 89px;
        opacity: 1
    }
}

@keyframes About_Tablet {
    from {
        top: 400px;
        opacity: 0
    }

    to {
        top: 33px;
        opacity: 1
    }
}

@keyframes About_Text {
    from {
        top: -100px;
        opacity: 0
    }

    to {
        top: 89px;
        opacity: 1
    }
}

.about_Banner_animation {
    width: 980px;
    height: 353px;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    margin-top:100px;
        
}

.Ani_About_Tablet {
    position: absolute;
    z-index: 1;
    top: 33px;
    right: 21px;
    opacity: 0;
    animation: About_Tablet 1s .5s;
    -webkit-animation: About_Tablet 1s .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_About_Text {
    position: absolute;
    z-index: 1;
    top: 89px;
    left: 8px;
    opacity: 0;
    animation: About_Text 1s .5s;
    -webkit-animation: About_Text 1s .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ie9 .Ani_About_Text,.ie9 .Ani_About_Tablet {
    opacity: 1
}

@-webkit-keyframes Product_Icons_Place {
    from {
        right: 1000px;
        opacity: 0
    }

    to {
        right: 79px;
        opacity: 1
    }
}

@-webkit-keyframes Product_Text {
    from {
        left: -400px;
        opacity: 0
    }

    to {
        left: 24px;
        opacity: 1
    }
}

@-webkit-keyframes Product_Icons {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -430px
    }
}

@keyframes Product_Icons_Place {
    from {
        right: 1000px;
        opacity: 0
    }

    to {
        right: 79px;
        opacity: 1
    }
}

@keyframes Product_Text {
    from {
        left: -400px;
        opacity: 0
    }

    to {
        left: 24px;
        opacity: 1
    }
}

@keyframes Product_Icons {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -430px
    }
}

.Products_Banner_animation {
    width: 980px;
    height: 353px;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: ease-in-out .2s;
    transition: ease-in-out .2s
}

.Ani_Prodcuts_icons_place {
    position: absolute;
    z-index: 1;
    right: 79px;
    top: 77px;
    width: 330px;
    height: 215px;
    opacity: 0;
    animation: Product_Icons_Place 3s .5s;
    -webkit-animation: Product_Icons_Place 3s .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Prodcuts_icons {
    position: relative;
    z-index: 1;
    width: 330px;
    height: 215px;
    background: url(../images/InnerPage_Banners/Products_Icons.png) top center no-repeat;
    animation: Product_Icons 2s steps(2) infinite;
    -webkit-animation: Product_Icons 2s steps(2) infinite
}

.Ani_Prodcuts_Text {
    position: absolute;
    z-index: 2;
    top: 74px;
    left: 24px;
    opacity: 0;
    animation: Product_Text 2s 2s;
    -webkit-animation: Product_Text 2s 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ie9 .Ani_Prodcuts_Text,.ie9 .Ani_Prodcuts_icons,.ie9 .Ani_Prodcuts_icons_place {
    opacity: 1
}

@-webkit-keyframes Services_Deesktop {
    from {
        right: -350px;
        opacity: 1
    }

    to {
        right: 0;
        opacity: 1
    }
}

@-webkit-keyframes Services_Text {
    from {
        right: 200px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@keyframes Services_Deesktop {
    from {
        right: -350px;
        opacity: 1
    }

    to {
        right: 0;
        opacity: 1
    }
}

@keyframes Services_Text {
    from {
        right: 200px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

.Products_Banner_animation {
    width: 980px;
    height: 353px;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: ease-in-out .5s;
    transition: ease-in-out .5s
}

.Ani_Services_Desktop_Placement {
    position: absolute;
    z-index: 2;
    top: 42px;
    left: 57px;
    width: 325px;
    height: 309px;
    overflow: hidden
}

.Ani_Services_Desktop {
    position: absolute;
    z-index: 1;
    right: 0;
    opacity: 0;
    animation: Services_Deesktop 1s .5s;
    -webkit-animation: Services_Deesktop 1s .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Services_Text_Placement {
    position: absolute;
    z-index: 1;
    width: 537px;
    height: 122px;
    right: 45px;
    top: 103px;
    overflow: hidden;
    opacity: 1
}

.Ani_Services_Text {
    position: absolute;
    z-index: 1;
    animation: Services_Text 1s .5s;
    -webkit-animation: Services_Text 1s .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.ie9 .Ani_Services_Text,.ie9 .Ani_Services_Text_Placement,.ie9 .Ani_Services_Desktop,.ie9 .Ani_Services_Desktop_Placement {
    opacity: 1
}

@-webkit-keyframes Product_Overview_Screen {
    0% {
        bottom: -500px;
        opacity: 0
    }

    30% {
        bottom: 0;
        opacity: 1
    }

    60% {
        bottom: 0;
        opacity: 1
    }

    100% {
        bottom: -60px;
        opacity: 1
    }
}

@-webkit-keyframes Product_Overview_Text {
    from {
        top: -100px;
        opacity: 0
    }

    to {
        top: 100px;
        opacity: 1
    }
}

@-webkit-keyframes Product_Overview_Btn {
    from {
        top: -100px;
        opacity: 0
    }

    to {
        top: 260px;
        opacity: 1
    }
}

@-webkit-keyframes Product_Overview_Btn2 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -92px
    }
}

@keyframes Product_Overview_Screen {
    0% {
        bottom: -500px;
        opacity: 0
    }

    30% {
        bottom: 0;
        opacity: 1
    }

    60% {
        bottom: 0;
        opacity: 1
    }

    100% {
        bottom: -60px;
        opacity: 1
    }
}

@keyframes Product_Overview_Text {
    from {
        top: -100px;
        opacity: 0
    }

    to {
        top: 100px;
        opacity: 1
    }
}

@keyframes Product_Overview_Btn {
    from {
        top: -100px;
        opacity: 0
    }

    to {
        top: 260px;
        opacity: 1
    }
}

@keyframes Product_Overview_Btn2 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -92px
    }
}

.Products_Overview_Banner_animation {
    width: 100%;
    height: -webkit-fill-available;
    margin-top: 0;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: ease-in-out .2s;
    transition: ease-in-out .2s
}

.Ani_Product_overview_Screen {
    position: absolute;
    z-index: 3;
    opacity: 0;
    left: 12%;
    bottom: 55px;
    animation: Product_Overview_Screen 2.5s .5s;
    -webkit-animation: Product_Overview_Screen 2.5s .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Product_overview_Text {
    position: absolute;
    z-index: 1;
    top: 23px;
    left: 14%;
    opacity: 0;
    animation: Product_Overview_Text 1s 2s;
    -webkit-animation: Product_Overview_Text 1s 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Product_overview_btn {
    width: 225px;
    height: 66px;
    position: absolute;
    z-index: 9;
    top: 66px;
    left: 240px;
    opacity: 0;
    animation: Product_Overview_Btn 1s 2s;
    -webkit-animation: Product_Overview_Btn 1s 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Product_overview_btn a {
    position: absolute;
    z-index: 1;
    width: 225px;
    height: 66px;
    display: block
}

.ie9 .Ani_Product_overview_btn a,.ie9 .Ani_Product_overview_btn,.ie9 .Ani_Product_overview_Text,.ie9 .Ani_Product_overview_Screen {
    opacity: 1
}

@-webkit-keyframes Products_inner_bg {
    from {
        left: -500px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@-webkit-keyframes Products_inner_Text {
    from {
        right: -500px;
        opacity: 0
    }

    to {
        right: 24px;
        opacity: 1
    }
}

@keyframes Products_inner_bg {
    from {
        left: -500px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@keyframes Products_inner_Text {
    from {
        right: -500px;
        opacity: 0
    }

    to {
        right: 24px;
        opacity: 1
    }
}

.AnI_Prodcuts_inner_bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 0;
    animation: Products_inner_bg 1s .5s;
    -webkit-animation: Products_inner_bg 1s .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Prodcuts_inner_text {
    position: absolute;
    z-index: 1;
    top: 34px;
    right: 24px;
    opacity: 0;
    animation: Products_inner_Text 1s .5s;
    -webkit-animation: Products_inner_Text 1s .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ie9 .Ani_Prodcuts_inner_text,.ie9 .AnI_Prodcuts_inner_bg {
    opacity: 1
}

@-webkit-keyframes Ap_Dev_Cloud {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes Ap_Dev_Screen {
    0% {
        width: 159px;
        height: 109px;
        top: 500px;
        opacity: 0;
        z-index: 1
    }

    50% {
        top: 0;
        opacity: 1;
        z-index: 1
    }

    100% {
        width: 259px;
        height: 188px;
        left: 357px;
        top: 90px;
        opacity: 1;
        z-index: 4
    }
}

@-webkit-keyframes Ap_Dev_Pencil {
    0% {
        width: 2%;
        height: auto;
        top: 500px;
        opacity: 0;
        z-index: 1
    }

    50% {
        top: 0;
        opacity: 1;
        z-index: 1
    }

    100% {
        width: 67px;
        height: auto;
        top: 168px;
        opacity: 1;
        z-index: 4
    }
}

@-webkit-keyframes Ap_Dev_Bulb {
    0% {
        width: 2%;
        height: auto;
        top: 500px;
        opacity: 0;
        z-index: 1
    }

    50% {
        top: 0;
        opacity: 1;
        z-index: 1
    }

    100% {
        width: 54px;
        height: auto;
        top: 101px;
        opacity: 1;
        z-index: 4
    }
}

@-webkit-keyframes Ap_Dev_Mouse {
    0% {
        width: 2%;
        height: auto;
        top: 500px;
        opacity: 0;
        z-index: 1
    }

    50% {
        top: 0;
        opacity: 1;
        z-index: 1
    }

    100% {
        width: 49px;
        height: auto;
        top: 182px;
        opacity: 1;
        z-index: 4
    }
}

@-webkit-keyframes Ap_Dev_DotNet {
    0% {
        width: 2%;
        height: auto;
        top: 500px;
        opacity: 0;
        z-index: 1
    }

    50% {
        top: 0;
        opacity: 1;
        z-index: 1
    }

    100% {
        width: 88px;
        height: auto;
        top: 30px;
        opacity: 1;
        z-index: 4
    }
}

@-webkit-keyframes Ap_Dev_Code {
    0% {
        width: 2%;
        height: auto;
        top: 500px;
        opacity: 0;
        z-index: 1
    }

    50% {
        top: 0;
        opacity: 1;
        z-index: 1
    }

    100% {
        width: 72px;
        height: auto;
        top: 101px;
        opacity: 1;
        z-index: 4
    }
}

@-webkit-keyframes Ap_Dev_DB {
    0% {
        width: 2%;
        height: auto;
        top: 500px;
        opacity: 0;
        z-index: 1
    }

    50% {
        top: 0;
        opacity: 1;
        z-index: 1
    }

    100% {
        width: 63px;
        height: auto;
        top: 172px;
        opacity: 1;
        z-index: 4
    }
}

@-webkit-keyframes Ap_Dev_Brush {
    0% {
        width: 2%;
        height: auto;
        top: 500px;
        opacity: 0;
        z-index: 1
    }

    50% {
        top: 0;
        opacity: 1;
        z-index: 1
    }

    100% {
        width: 43px;
        height: auto;
        top: 190px;
        opacity: 1;
        z-index: 4
    }
}

@keyframes Ap_Dev_Cloud {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes Ap_Dev_Screen {
    0% {
        width: 159px;
        height: 109px;
        top: 500px;
        opacity: 0;
        z-index: 1
    }

    50% {
        top: 0;
        opacity: 1;
        z-index: 1
    }

    100% {
        width: 259px;
        height: 188px;
        left: 357px;
        top: 90px;
        opacity: 1;
        z-index: 4
    }
}

@keyframes Ap_Dev_Pencil {
    0% {
        width: 2%;
        height: auto;
        top: 500px;
        opacity: 0;
        z-index: 1
    }

    50% {
        top: 0;
        opacity: 1;
        z-index: 1
    }

    100% {
        width: 67px;
        height: auto;
        top: 168px;
        opacity: 1;
        z-index: 4
    }
}

@keyframes Ap_Dev_Bulb {
    0% {
        width: 2%;
        height: auto;
        top: 500px;
        opacity: 0;
        z-index: 1
    }

    50% {
        top: 0;
        opacity: 1;
        z-index: 1
    }

    100% {
        width: 54px;
        height: auto;
        top: 101px;
        opacity: 1;
        z-index: 4
    }
}

@keyframes Ap_Dev_Mouse {
    0% {
        width: 2%;
        height: auto;
        top: 500px;
        opacity: 0;
        z-index: 1
    }

    50% {
        top: 0;
        opacity: 1;
        z-index: 1
    }

    100% {
        width: 49px;
        height: auto;
        top: 182px;
        opacity: 1;
        z-index: 4
    }
}

@keyframes Ap_Dev_DotNet {
    0% {
        width: 2%;
        height: auto;
        top: 500px;
        opacity: 0;
        z-index: 1
    }

    50% {
        top: 0;
        opacity: 1;
        z-index: 1
    }

    100% {
        width: 88px;
        height: auto;
        top: 30px;
        opacity: 1;
        z-index: 4
    }
}

@keyframes Ap_Dev_Code {
    0% {
        width: 2%;
        height: auto;
        top: 500px;
        opacity: 0;
        z-index: 1
    }

    50% {
        top: 0;
        opacity: 1;
        z-index: 1
    }

    100% {
        width: 72px;
        height: auto;
        top: 101px;
        opacity: 1;
        z-index: 4
    }
}

@keyframes Ap_Dev_DB {
    0% {
        width: 2%;
        height: auto;
        top: 500px;
        opacity: 0;
        z-index: 1
    }

    50% {
        top: 0;
        opacity: 1;
        z-index: 1
    }

    100% {
        width: 63px;
        height: auto;
        top: 172px;
        opacity: 1;
        z-index: 4
    }
}

@keyframes Ap_Dev_Brush {
    0% {
        width: 2%;
        height: auto;
        top: 500px;
        opacity: 0;
        z-index: 1
    }

    50% {
        top: 0;
        opacity: 1;
        z-index: 1
    }

    100% {
        width: 43px;
        height: auto;
        top: 190px;
        opacity: 1;
        z-index: 4
    }
}

.ie9 .Ani_Ap_Dev_Brush,.ie9 .Ani_Ap_Dev_DB,.ie9 .Ani_Ap_Dev_Code,.ie9 .Ani_Ap_Dev_DotNet,.ie9 .Ani_Ap_Dev_Mouse,.ie9 .Ani_Ap_Dev_Bulb,.ie9 .Ani_Ap_Dev_Pencil,.ie9 Ani_Ap_Dev_Cloud,.ie9 .Ani_Ap_Dev_Screen {
    opacity: 1
}

.Ani_Ap_Dev_Cloud {
    position: absolute;
    z-index: 3;
    bottom: 0;
    opacity: 0;
    animation: Ap_Dev_Cloud 1s .5s;
    -webkit-animation: Ap_Dev_Cloud 1s .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Ap_Dev_Screen {
    position: absolute;
    z-index: 1;
    width: 259px;
    height: 188px;
    left: 357px;
    top: 90px;
    opacity: 0;
    animation: Ap_Dev_Screen 2.5s 1s;
    -webkit-animation: Ap_Dev_Screen 2.5s 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Ap_Dev_Pencil {
    position: absolute;
    z-index: 1;
    width: 67px;
    height: 68px;
    left: 43px;
    top: 168px;
    opacity: 0;
    animation: Ap_Dev_Pencil 2.5s 2s;
    -webkit-animation: Ap_Dev_Pencil 2.5s 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Ap_Dev_Bulb {
    position: absolute;
    z-index: 1;
    width: 54px;
    height: 73px;
    left: 169px;
    top: 101px;
    opacity: 0;
    animation: Ap_Dev_Bulb 2.5s 2.5s;
    -webkit-animation: Ap_Dev_Bulb 2.5s 2.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Ap_Dev_Mouse {
    position: absolute;
    z-index: 1;
    width: 49px;
    height: 78px;
    left: 279px;
    top: 182px;
    opacity: 0;
    animation: Ap_Dev_Mouse 2.5s 3s;
    -webkit-animation: Ap_Dev_Mouse 2.5s 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Ap_Dev_DotNet {
    position: absolute;
    z-index: 1;
    width: 88px;
    height: 33px;
    left: 445px;
    top: 30px;
    opacity: 0;
    animation: Ap_Dev_DotNet 2.5s 3.5s;
    -webkit-animation: Ap_Dev_DotNet 2.5s 3.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Ap_Dev_Code {
    position: absolute;
    z-index: 1;
    width: 72px;
    height: 46px;
    right: 272px;
    top: 101px;
    opacity: 0;
    animation: Ap_Dev_Code 2.5s 4s;
    -webkit-animation: Ap_Dev_Code 2.5s 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Ap_Dev_DB {
    position: absolute;
    z-index: 1;
    width: 63px;
    height: 64px;
    right: 186px;
    top: 172px;
    opacity: 0;
    animation: Ap_Dev_DB 2.5s 4.5s;
    -webkit-animation: Ap_Dev_DB 2.5s 4.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Ap_Dev_Brush {
    position: absolute;
    z-index: 1;
    width: 43px;
    height: 72px;
    right: 66px;
    top: 190px;
    opacity: 0;
    animation: Ap_Dev_Brush 2.5s 5s;
    -webkit-animation: Ap_Dev_Brush 2.5s 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes Career_Person {
    from {
        opacity: 0;
        right: 200px
    }

    to {
        opacity: 1;
        right: 121px
    }
}

@-webkit-keyframes Career_Ribbon {
    from {
        opacity: 0;
        top: 500px
    }

    to {
        opacity: 1;
        top: 219px
    }
}

@-webkit-keyframes Career_Text {
    from {
        opacity: 0;
        left: -50px
    }

    to {
        opacity: 1;
        left: 34px
    }
}

@keyframes Career_Person {
    from {
        opacity: 0;
        right: 200px
    }

    to {
        opacity: 1;
        right: 121px
    }
}

@keyframes Career_Ribbon {
    from {
        opacity: 0;
        top: 500px
    }

    to {
        opacity: 1;
        top: 219px
    }
}

@keyframes Career_Text {
    from {
        opacity: 0;
        left: -50px
    }

    to {
        opacity: 1;
        left: 34px
    }
}

.Ani_Career_Person {
    position: absolute;
    z-index: 1;
    right: 121px;
    top: 69px;
    opacity: 0;
    animation: Career_Person 2s .5s;
    -webkit-animation: Career_Person 2s .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Career_Ribbon {
    position: absolute;
    z-index: 2;
    right: 225px;
    top: 219px;
    opacity: 0;
    animation: Career_Ribbon 2s 1s;
    -webkit-animation: Career_Ribbon 2s 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Career_Text {
    position: absolute;
    z-index: 3;
    left: 34px;
    top: 104px;
    opacity: 0;
    animation: Career_Text 2s 2s;
    -webkit-animation: Career_Text 2s 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ie9 .Ani_Career_Person,.ie9 .Ani_Career_Text,.ie9 .Ani_Career_Ribbon {
    opacity: 1
}

@-webkit-keyframes Client_Speak_boys {
    from {
        opacity: 0;
        top: 500px
    }

    to {
        opacity: 1;
        top: 69px
    }
}

@-webkit-keyframes Client_Speak_Text {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes Client_Speak_boys {
    from {
        opacity: 0;
        top: 500px
    }

    to {
        opacity: 1;
        top: 69px
    }
}

@keyframes Client_Speak_Text {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.Ani_Client_Speak_boys {
    position: absolute;
    z-index: 1;
    left: 94px;
    top: 69px;
    opacity: 0;
    animation: Client_Speak_boys 2s .5s;
    -webkit-animation: Client_Speak_boys 2s .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Client_Speak_Text {
    position: absolute;
    z-index: 1;
    left: 377px;
    top: 77px;
    opacity: 0;
    animation: Client_Speak_Text 2s 1.5s;
    -webkit-animation: Client_Speak_Text 2s 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ie9 .Ani_Client_Speak_Text {
    opacity: 1
}

.ie9 .Ani_Client_Speak_boys {
    opacity: 1
}

@-webkit-keyframes Careers_Display {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes Careers_Display {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes Careers_AniDot {
    0% {
        left: 764px;
        top: 214px;
        opacity: 0
    }

    8% {
        left: 704px;
        top: 245px;
        opacity: 1
    }

    16% {
        left: 633px;
        top: 201px;
        opacity: 1
    }

    24% {
        left: 586px;
        top: 154px;
        opacity: 1
    }

    32% {
        left: 562px;
        top: 102px;
        opacity: 1
    }

    40% {
        left: 527px;
        top: 76px;
        opacity: 1
    }

    48% {
        left: 426px;
        top: 57px;
        opacity: 1
    }

    56% {
        left: 380px;
        top: 70px;
        opacity: 1
    }

    64% {
        left: 269px;
        top: 62px;
        opacity: 1
    }

    72% {
        left: 147px;
        top: 46px;
        opacity: 1
    }

    80% {
        left: 122px;
        top: 124px;
        opacity: 1
    }

    88% {
        left: 137px;
        top: 162px;
        opacity: 1
    }

    96% {
        left: 128px;
        top: 247px;
        opacity: 1
    }

    100% {
        left: 174px;
        top: 254px;
        opacity: 1
    }
}

@keyframes Careers_AniDot {
    0% {
        left: 764px;
        top: 214px;
        opacity: 0
    }

    8% {
        left: 704px;
        top: 245px;
        opacity: 1
    }

    16% {
        left: 633px;
        top: 201px;
        opacity: 1
    }

    24% {
        left: 586px;
        top: 154px;
        opacity: 1
    }

    32% {
        left: 562px;
        top: 102px;
        opacity: 1
    }

    40% {
        left: 527px;
        top: 76px;
        opacity: 1
    }

    48% {
        left: 426px;
        top: 57px;
        opacity: 1
    }

    56% {
        left: 380px;
        top: 70px;
        opacity: 1
    }

    64% {
        left: 269px;
        top: 62px;
        opacity: 1
    }

    72% {
        left: 147px;
        top: 46px;
        opacity: 1
    }

    80% {
        left: 122px;
        top: 124px;
        opacity: 1
    }

    88% {
        left: 137px;
        top: 162px;
        opacity: 1
    }

    96% {
        left: 128px;
        top: 247px;
        opacity: 1
    }

    100% {
        left: 174px;
        top: 254px;
        opacity: 1
    }
}

@-webkit-keyframes DB_Display {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes DB_Line {
    0% {
        opacity: 0;
        left: 800px;
        width: 5px;
        height: 1px
    }

    20% {
        opacity: 1;
        left: 800px;
        width: 5px;
        height: 1px
    }

    100% {
        opacity: 1;
        left: 115px;
        width: 636px;
        height: 1px
    }
}

@-webkit-keyframes DB_Cicle {
    0% {
        opacity: 0;
        top: 160px;
        left: 197px
    }

    20% {
        opacity: 1;
        top: 160px;
        left: 197px
    }

    100% {
        opacity: 1;
        top: 160px;
        left: 850px
    }
}

@-webkit-keyframes DB_rotate {
    0% {
        transform-origin: right bottom;
        transform: rotateX(-90deg);
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotateX(-90deg);
        opacity: 0
    }

    100% {
        transform-origin: right bottom;
        transform: rotateX(0);
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotateX(0);
        opacity: 1
    }
}

@-webkit-keyframes DB_rotate2 {
    0% {
        transform-origin: right top;
        transform: rotateX(-90deg);
        -webkit-transform-origin: right top;
        -webkit-transform: rotateX(-90deg);
        opacity: 0
    }

    100% {
        transform-origin: right top;
        transform: rotateX(0);
        -webkit-transform-origin: right top;
        -webkit-transform: rotateX(0);
        opacity: 1
    }
}

@-webkit-keyframes DB_Circle_Rotation {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        opacity: 1
    }
}

@keyframes DB_Display {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes DB_Line {
    0% {
        opacity: 0;
        left: 800px;
        width: 5px;
        height: 1px
    }

    20% {
        opacity: 1;
        left: 800px;
        width: 5px;
        height: 1px
    }

    100% {
        opacity: 1;
        left: 205px;
        width: 636px;
        height: 1px
    }
}

@keyframes DB_Cicle {
    0% {
        opacity: 0;
        top: 160px;
        left: 818px
    }

    20% {
        opacity: 1;
        top: 160px;
        left: 818px
    }

    100% {
        opacity: 1;
        top: 160px;
        left: 200px
    }
}

@keyframes DB_rotate {
    0% {
        transform-origin: right bottom;
        transform: rotateX(-90deg);
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotateX(-90deg);
        opacity: 0
    }

    100% {
        transform-origin: right bottom;
        transform: rotateX(0);
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotateX(0);
        opacity: 1
    }
}

@keyframes DB_rotate2 {
    0% {
        transform-origin: right top;
        transform: rotateX(-90deg);
        -webkit-transform-origin: right top;
        -webkit-transform: rotateX(-90deg);
        opacity: 0
    }

    100% {
        transform-origin: right top;
        transform: rotateX(0);
        -webkit-transform-origin: right top;
        -webkit-transform: rotateX(0);
        opacity: 1
    }
}

.Ani_DB_Computer {
    position: absolute;
    z-index: 2;
    top: 102px;
    left: 780px;
    opacity: 0;
    animation: DB_Display 2s 2s;
    -webkit-animation: DB_Display 2s 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_DB_Small_Cricle {
    position: absolute;
    z-index: 2;
    top: 160px;
    left: 861px;
    opacity: 0;
    animation: DB_Cicle 3s 4s;
    -webkit-animation: DB_Cicle 3s 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_DB_Line {
    position: absolute;
    z-index: 2;
    top: 173px;
    left: 115px;
    width: 636px;
    height: 1px;
    opacity: 0;
    animation: DB_Line 3s 4s;
    -webkit-animation: DB_Line 3s 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_DB_Circle {
    position: absolute;
    z-index: 1;
    top: 48px;
    left: 8px;
    opacity: 0;
    animation: DB_Display 2s .5s;
    -webkit-animation: DB_Display 2s .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_DB_DB {
    position: absolute;
    z-index: 2;
    top: 119px;
    left: 98px;
    opacity: 0;
    animation: DB_Display 2s .5s;
    -webkit-animation: DB_Display 2s .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_DB_Small_Cricle1 {
    position: absolute;
    z-index: 2;
    top: 160px;
    right: 133px;
    opacity: 0;
    animation: DB_Display 2s 3s;
    -webkit-animation: DB_Display 2s 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_DB_Small_Cricle2 {
    position: absolute;
    z-index: 2;
    top: 147px;
    left: 684px;
    opacity: 0;
    animation: DB_Display 2s 7s;
    -webkit-animation: DB_Display 2s 7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_DB_User {
    position: absolute;
    z-index: 2;
    top: 50px;
    left: 660px;
    opacity: 0;
    animation: DB_rotate 2s 8s;
    -webkit-animation: DB_rotate 2s 8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_DB_Small_Cricle3 {
    position: absolute;
    z-index: 2;
    top: 160px;
    left: 575px;
    opacity: 0;
    animation: DB_Display 2s 9s;
    -webkit-animation: DB_Display 2s 9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_DB_Documents {
    position: absolute;
    z-index: 2;
    top: 220px;
    left: 519px;
    opacity: 0;
    animation: DB_rotate2 2s 10s;
    -webkit-animation: DB_rotate2 2s 10s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_DB_Small_Cricle4 {
    position: absolute;
    z-index: 2;
    top: 147px;
    left: 447px;
    opacity: 0;
    animation: DB_Display 2s 11s;
    -webkit-animation: DB_Display 2s 11s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_DB_Graph {
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 375px;
    opacity: 0;
    animation: DB_rotate 2s 12s;
    -webkit-animation: DB_rotate 2s 12s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_DB_Small_Cricle5 {
    position: absolute;
    z-index: 2;
    top: 160px;
    left: 326px;
    opacity: 0;
    animation: DB_Display 2s 13s;
    -webkit-animation: DB_Display 2s 13s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_DB_Status_Circle {
    position: absolute;
    z-index: 2;
    top: 205px;
    left: 272px;
    opacity: 0;
    animation: DB_rotate2 2s 14s;
    -webkit-animation: DB_rotate2 2s 14s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_DB_Rorate_Circle {
    animation: DB_Circle_Rotation 2s 15s linear infinite;
    -webkit-animation: DB_Circle_Rotation 2s 15s linear infinite
}

@-webkit-keyframes Infra_Display {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes Infra_Display {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.Infra_Server {
    position: absolute;
    z-index: 2;
    top: 83px;
    left: 445px;
    opacity: 0;
    animation: Infra_Display 1s 1s;
    -webkit-animation: Infra_Display 1s 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Infra_Plug_Power {
    position: absolute;
    z-index: 2;
    top: 195px;
    left: 660px;
    opacity: 0;
    animation: Infra_Display 1s 2s;
    -webkit-animation: Infra_Display 1s 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Infra_Battery {
    position: absolute;
    z-index: 2;
    top: 256px;
    left: 809px;
    opacity: 0;
    animation: Infra_Display 1s 2s;
    -webkit-animation: Infra_Display 1s 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Infra_Plug_Internet {
    position: absolute;
    z-index: 2;
    top: 50px;
    left: 660px;
    opacity: 0;
    animation: Infra_Display 1s 4s;
    -webkit-animation: Infra_Display 1s 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Infra_Big_Internet {
    position: absolute;
    z-index: 2;
    top: 22px;
    left: 815px;
    opacity: 0;
    animation: Infra_Display 1s 4s;
    -webkit-animation: Infra_Display 1s 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Infra_Provider {
    position: absolute;
    z-index: 2;
    top: 141px;
    left: 814px;
    opacity: 0;
    animation: Infra_Display 1s 7s;
    -webkit-animation: Infra_Display 1s 7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Infra_Plug_Porvider_Internet {
    position: absolute;
    z-index: 2;
    top: 98px;
    left: 845px;
    opacity: 0;
    animation: Infra_Display 1s 7s;
    -webkit-animation: Infra_Display 1s 7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Infra_Provider_Data {
    position: absolute;
    z-index: 2;
    top: 165px;
    left: 663px;
    opacity: 0;
    animation: Infra_Display 1s 8s;
    -webkit-animation: Infra_Display 1s 8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Infra_Rec_Data {
    position: absolute;
    z-index: 5;
    top: 151px;
    left: 276px;
    opacity: 0;
    animation: Infra_Display 1s 10s;
    -webkit-animation: Infra_Display 1s 10s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Infra_Samll_Internet {
    position: absolute;
    z-index: 3;
    top: 144px;
    left: 216px;
    opacity: 0;
    animation: Infra_Display 1s 10.5s;
    -webkit-animation: Infra_Display 1s 10.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Infra_Plug_PC {
    position: absolute;
    z-index: 2;
    top: 46px;
    left: 130px;
    opacity: 0;
    animation: Infra_Display 1s 12s;
    -webkit-animation: Infra_Display 1s 12s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Infra_REC_PC {
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 3px;
    opacity: 0;
    animation: Infra_Display 1s 12s;
    -webkit-animation: Infra_Display 1s 12s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Infra_Plug_Laptop {
    position: absolute;
    z-index: 2;
    height: 11px;
    top: 155px;
    left: 130px;
    opacity: 0;
    animation: Infra_Display 1s 14s;
    -webkit-animation: Infra_Display 1s 14s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Infra_Rec_Laptop {
    position: absolute;
    z-index: 2;
    top: 140px;
    left: 20px;
    opacity: 0;
    animation: Infra_Display 1s 14s;
    -webkit-animation: Infra_Display 1s 14s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Infra_Plug_Mobile {
    position: absolute;
    z-index: 1;
    top: 164px;
    left: 107px;
    opacity: 0;
    animation: Infra_Display 1s 15s;
    -webkit-animation: Infra_Display 1s 15s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Infra_Rec_Mobile {
    position: absolute;
    z-index: 1;
    top: 253px;
    left: 32px;
    opacity: 0;
    animation: Infra_Display 1s 15s;
    -webkit-animation: Infra_Display 1s 15s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@media (max-width: 1250px) {
    .Philosophy_Animation_Container {
        width:400px!important;
        float: right;
        height: 500px!important;
        text-align: center;
        position: relative
    }

    .banner_animation_slides.Philosophy_Ani {
        left: -360px;
        width: 100%
    }
}

@media (max-width: 980px) {
    .Philosophy_Animation_Container {
        display:none
    }

    .Philosophy_Small_img {
        display: inline-block
    }
}

@-webkit-keyframes Ani_Gears_Display {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

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

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

@keyframes Ani_Gears_Display {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

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

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

.Ani_Gears_Display {
    opacity: 0;
    animation: Ani_Gears_Display 2s 1s;
    -webkit-animation: Ani_Gears_Display 1s 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Ani_Gear_1 {
    position: absolute;
    z-index: 1;
    left: 57px;
    top: 81px;
    max-width: inherit!important;
    max-height: inherit!important;
    animation: Ani_Gear_Rotate 8s 2s linear infinite;
    -webkit-animation: Ani_Gear_Rotate 8s 2s linear infinite
}

.Ani_Gear_1_Text {
    position: absolute;
    z-index: 2;
    left: 114px;
    top: 182px;
    max-width: inherit!important;
    max-height: inherit!important
}

.Ani_Gear_2 {
    position: absolute;
    z-index: 1;
    left: 224px;
    top: 216px;
    max-width: inherit!important;
    max-height: inherit!important;
    animation: Ani_Gear_Rotate2 8s 2s linear infinite;
    -webkit-animation: Ani_Gear_Rotate2 8s 2s linear infinite
}

.Ani_Gear_2_Text {
    position: absolute;
    z-index: 2;
    left: 297px;
    top: 319px;
    max-width: inherit!important;
    max-height: inherit!important
}

.Ani_Gear_3 {
    position: absolute;
    z-index: 1;
    left: 428px;
    top: 151px;
    max-width: inherit!important;
    max-height: inherit!important;
    animation: Ani_Gear_Rotate 8s 2s linear infinite;
    -webkit-animation: Ani_Gear_Rotate 8s 2s linear infinite
}

.Ani_Gear_3_Text {
    position: absolute;
    z-index: 2;
    left: 501px;
    top: 255px;
    max-width: inherit!important;
    max-height: inherit!important
}

.Ani_Gear_4 {
    position: absolute;
    z-index: 1;
    left: 595px;
    top: 284px;
    max-width: inherit!important;
    max-height: inherit!important;
    animation: Ani_Gear_Rotate2 8s 2s linear infinite;
    -webkit-animation: Ani_Gear_Rotate2 8s 2s linear infinite
}

.Ani_Gear_4_Text {
    position: absolute;
    z-index: 2;
    left: 659px;
    top: 389px;
    max-width: inherit!important;
    max-height: inherit!important
}

.Ani_Gear_5 {
    position: absolute;
    z-index: 1;
    left: 694px;
    top: 93px;
    max-width: inherit!important;
    max-height: inherit!important;
    animation: Ani_Gear_Rotate 8s 2s linear infinite;
    -webkit-animation: Ani_Gear_Rotate 8s 2s linear infinite
}

.Ani_Gear_5_Text {
    position: absolute;
    z-index: 2;
    left: 765px;
    top: 194px;
    max-width: inherit!important;
    max-height: inherit!important
}

.Ani_Gear_arrows {
    position: absolute;
    z-index: 1;
    left: 160px;
    top: 46px;
    max-width: inherit!important;
    max-height: inherit!important
}
</pre></body></html>