.shape-eight1 {
    background-image: url(../images/points/11.png);
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    z-index: 999;
    position: absolute;
    bottom: 3%;
    left: 38%;
    animation: animationFramesFour 20s alternate infinite linear;
}

.shape-eight2 {
    background-image: url(../images/points/15.png);
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    z-index: 999;
    position: absolute;
    bottom: 30%;
    left: 10%;
    animation: animationFramesFour 20s alternate infinite linear;
}

.shape-nine1 {
    background-image: url(../images/points/10.png);
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    z-index: 999;
    position: absolute;
    bottom: 4%;
    right: 30%;
    animation: animationFramesOne 17s infinite linear;
}

.shape-nine2 {
    background-image: url(../images/points/14.png);
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    z-index: 999;
    position: absolute;
    bottom: 80%;
    right: 38%;
    animation: animationFramesOne 17s infinite linear;
}

.shape-12 {
    top: 200px;
    left: 245px;
    z-index: 5;
    height: 18px;
    width: 36px;
    background-image: url(../images/points/shape-12.png);
    animation-name: float_left_right_two;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_left_right_two;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_left_right_two;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_left_right_two;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right_two;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.shape-13 {
    top: 185px;
    left: 44%;
    z-index: 5;
    height: 36px;
    width: 35px;
    background-image: url(../images/points/shape-13.png);
    animation-name: zoom-fade;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.shape-14 {
    top: 60%;
    left: 35%;
    z-index: 5;
    height: 37px;
    width: 42px;
    background-image: url(../images/points/shape-14.png);
    animation-name: rotateme;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.shape-15 {
    top: 50%;
    right: 160px;
    z-index: 5;
    height: 21px;
    width: 38px;
    background-image: url(../images/points/shape-15.png);
    animation-name: float_up_down;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_up_down;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_up_down;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_up_down;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.shape-16 {
    bottom: 135px;
    right: 600px;
    z-index: 5;
    height: 115px;
    width: 115px;
    background-image: url(../images/points/shape-16.png);
    animation-name: rotateme;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.anim-icons .icon {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
}

@keyframes animationFramesOne {
    0% {
        transform: translate(0, 0) rotate(0deg)
    }
    20% {
        transform: translate(73px, -1px) rotate(36deg)
    }
    40% {
        transform: translate(141px, 72px) rotate(72deg)
    }
    60% {
        transform: translate(83px, 122px) rotate(108deg)
    }
    80% {
        transform: translate(-40px, 72px) rotate(144deg)
    }
    100% {
        transform: translate(0, 0) rotate(0deg)
    }
}

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0, 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)
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(0deg)
    }
}

@keyframes animationFramesFour {
    0% {
        transform: translate(-300px, 151px) rotate(0deg)
    }
    100% {
        transform: translate(251px, -200px) rotate(180deg)
    }
}

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

@-webkit-keyframes rotateme {
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 1
    }
    50% {
        -webkit-transform: rotate(180deg);
        opacity: .7
    }
    100% {
        -webkit-transform: rotate(360deg);
        opacity: 1
    }
}

@-moz-keyframes rotateme {
    0% {
        -moz-transform: rotate(0deg);
        opacity: 1
    }
    50% {
        -moz-transform: rotate(180deg);
        opacity: .7
    }
    100% {
        -moz-transform: rotate(360deg);
        opacity: 1
    }
}

@-o-keyframes rotateme {
    0% {
        -o-transform: rotate(0deg);
        opacity: 1
    }
    50% {
        -o-transform: rotate(180deg);
        opacity: .7
    }
    100% {
        -o-transform: rotate(360deg);
        opacity: 1
    }
}

@keyframes rotateme {
    0% {
        transform: rotate(0deg);
        opacity: 1
    }
    50% {
        transform: rotate(180deg)
    }
    100% {
        transform: rotate(360deg);
        opacity: 1
    }
}

@-webkit-keyframes float_left_right_two {
    0% {
        -webkit-transform: translateX(-30px);
        opacity: 1
    }
    50% {
        -webkit-transform: translateX(0);
        opacity: .8
    }
    100% {
        -webkit-transform: translateX(-30px);
        opacity: 1
    }
}

@keyframes float_left_right_two {
    0% {
        transform: translateX(-30px);
        opacity: 1
    }
    50% {
        transform: translateX(0);
        opacity: .8
    }
    100% {
        transform: translateX(-30px);
        opacity: 1
    }
}

@-webkit-keyframes zoom-fade {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes zoom-fade {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@-webkit-keyframes float_up_down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes float_up_down {
    0% {
        transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    50% {
        transform: translateY(30px);
        transform: translateY(30px);
        opacity: 1
    }
    100% {
        transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}