.hero_banner_imgs1 {
    position: absolute;
    top: 250px;
    left: 130px;
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
    z-index: 1;
}
.hero_banner_imgs5 {
    position: absolute;
    left: 50%;
    bottom: 100px;
    z-index: 1;
    -webkit-animation: animationFramesTwo 20s linear infinite;
    animation: animationFramesTwo 20s linear infinite;
}
.hero_banner_imgs4 {
    position: absolute;
    top: 210px;
    right: 0;
    -webkit-animation: animationFramesThree 20s linear infinite;
    animation: animationFramesThree 20s linear infinite;
    z-index: 1;
}
.hero_banner_imgs2 {
    position: absolute;
    bottom: 290px;
    left: 40px;
    -webkit-animation: animationFramesFour 20s linear infinite;
    animation: animationFramesFour 20s linear infinite;
    z-index: 1;
}
.hero_banner_imgs3 {
    position: absolute;
    top: 480px;
    right: 240px;
    -webkit-animation: animationFramesFive 20s linear infinite;
    animation: animationFramesFive 20s linear infinite;
    z-index: 1;
}



.appstore_imgs1 {
    position: absolute;
    left: 95px;
    top: 95px;
    z-index: 1;
    -webkit-animation: animationFramesFour 20s linear infinite;
    animation: animationFramesFour 20s linear infinite;
}

.appstore_imgs2 {
    position: absolute;
    left: 150px;
    bottom: 100px;
    z-index: 1;
    -webkit-animation: animationFramesTwo 20s linear infinite;
    animation: animationFramesTwo 20s linear infinite;
}
.appstore_imgs3 {
    position: absolute;
    top: 140px;
    right: 250px;
    z-index: 1;
    -webkit-animation: animationFramesFive 20s linear infinite;
    animation: animationFramesFive 20s linear infinite;
}

.screen_sectionimg1 {
    position: absolute;
    left: 240px;
    top: 0;
    z-index: 1;
    -webkit-animation: animationFramesThree 20s linear infinite;
    animation: animationFramesThree 20s linear infinite;
}
.screen_sectionimg2 {
    position: absolute;
    right: 190px;
    top: 160px;
    z-index: 1;
    -webkit-animation: animationFramesFive 20s linear infinite;
    animation: animationFramesFive 20s linear infinite;
}
.screen_sectionimg3 {
    position: absolute;
    right: 160px;
    bottom: 260px;
    z-index: 1;
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}


@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    20% {
        -webkit-transform: translate(73px,-1px) rotate(36deg);
        transform: translate(73px,-1px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(141px,72px) rotate(72deg);
        transform: translate(141px,72px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(83px,122px) rotate(108deg);
        transform: translate(83px,122px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-40px,72px) rotate(144deg);
        transform: translate(-40px,72px) rotate(144deg)
    }

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

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0) rotate(0deg)
    }

    20% {
        -webkit-transform: translate(73px,-1px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(141px,72px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(83px,122px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-40px,72px) rotate(144deg)
    }

    to {
        -webkit-transform: translate(0) rotate(0deg)
    }
}


@keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0) rotate(0deg) scale(1);
        transform: translate(0) rotate(0deg) scale(1)
    }

    20% {
        -webkit-transform: translate(73px,-1px) rotate(36deg) scale(.9);
        transform: translate(73px,-1px) rotate(36deg) scale(.9)
    }

    40% {
        -webkit-transform: translate(141px,72px) rotate(72deg) scale(1);
        transform: translate(141px,72px) rotate(72deg) scale(1)
    }

    60% {
        -webkit-transform: translate(83px,122px) rotate(108deg) scale(1.2);
        transform: translate(83px,122px) rotate(108deg) scale(1.2)
    }

    80% {
        -webkit-transform: translate(-40px,72px) rotate(144deg) scale(1.1);
        transform: translate(-40px,72px) rotate(144deg) scale(1.1)
    }

    to {
        -webkit-transform: translate(0) rotate(0deg) scale(1);
        transform: translate(0) rotate(0deg) scale(1)
    }
}

@-webkit-keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0) rotate(0deg) scale(1)
    }

    20% {
        -webkit-transform: translate(73px,-1px) rotate(36deg) scale(.9)
    }

    40% {
        -webkit-transform: translate(141px,72px) rotate(72deg) scale(1)
    }

    60% {
        -webkit-transform: translate(83px,122px) rotate(108deg) scale(1.2)
    }

    80% {
        -webkit-transform: translate(-40px,72px) rotate(144deg) scale(1.1)
    }

    to {
        -webkit-transform: translate(0) rotate(0deg) scale(1)
    }
}


@keyframes animationFramesFour {
    0% {
        -webkit-transform: translate(-300px,151px) rotate(0deg);
        transform: translate(-300px,151px) rotate(0deg)
    }

    to {
        -webkit-transform: translate(251px,-200px) rotate(180deg);
        transform: translate(251px,-200px) rotate(180deg)
    }
}

@-webkit-keyframes animationFramesFour {
    0% {
        -webkit-transform: translate(-300px,151px) rotate(0deg)
    }

    to {
        -webkit-transform: translate(251px,-200px) rotate(180deg)
    }
}

@keyframes animationFramesFive {
    0% {
        -webkit-transform: translate(61px,-99px) rotate(0deg);
        transform: translate(61px,-99px) rotate(0deg)
    }

    21% {
        -webkit-transform: translate(4px,-190px) rotate(38deg);
        transform: translate(4px,-190px) rotate(38deg)
    }

    41% {
        -webkit-transform: translate(-139px,-200px) rotate(74deg);
        transform: translate(-139px,-200px) rotate(74deg)
    }

    60% {
        -webkit-transform: translate(-263px,-164px) rotate(108deg);
        transform: translate(-263px,-164px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-195px,-49px) rotate(144deg);
        transform: translate(-195px,-49px) rotate(144deg)
    }

    to {
        -webkit-transform: translate(-1px) rotate(180deg);
        transform: translate(-1px) rotate(180deg)
    }
}

@-webkit-keyframes animationFramesFive {
    0% {
        -webkit-transform: translate(61px,-99px) rotate(0deg)
    }

    21% {
        -webkit-transform: translate(4px,-190px) rotate(38deg)
    }

    41% {
        -webkit-transform: translate(-139px,-200px) rotate(74deg)
    }

    60% {
        -webkit-transform: translate(-263px,-164px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-195px,-49px) rotate(144deg)
    }

    to {
        -webkit-transform: translate(-1px) rotate(180deg)
    }
}

@keyframes animationFramesThree {
    0% {
        -webkit-transform: translate(165px,-179px);
        transform: translate(165px,-179px)
    }

    to {
        -webkit-transform: translate(-346px,617px);
        transform: translate(-346px,617px)
    }
}

@-webkit-keyframes animationFramesThree {
    0% {
        -webkit-transform: translate(165px,-179px)
    }

    to {
        -webkit-transform: translate(-346px,617px)
    }
}


@-webkit-keyframes popup {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .8
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .6
    }

    75% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: .4
    }

    to {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0
    }
}

@keyframes popup {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .8
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .6
    }

    75% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: .4
    }

    to {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0
    }
}