.roundarrows {
    position: absolute;
    top: 65%;
    left: 19%;
    width: 2.86%;
    height: 5.86%;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); 
} }

.rightArrows {
    position: absolute;
    top: 65%;
    left: 33%;
    width: 5%;
    height: 4%;
	-webkit-animation:cssAnimationR 1s infinite ease-in-out;
    -moz-animation:cssAnimationR 1s infinite ease-in-out;
    -ms-animation:cssAnimationR 1s infinite ease-in-out;
    animation:cssAnimationR 1s infinite ease-in-out;
}

    @-webkit-keyframes cssAnimationR {
    from { -webkit-transform: translate(-5px); }
    to { -webkit-transform: translate(5px); }
    }
    @-moz-keyframes cssAnimationR {
    from { -moz-transform: translate(-5px); }
    to { -moz-transform: translate(5px); }
    }
    @-o-keyframes cssAnimationR {
    from { -o-transform: translate(-5px); }
    to { -o-transform: translate(5px); }
    }
    @-ms-keyframes cssAnimationR {
    from { -ms-transform: translate(-5px); }
    to { -ms-transform: translate(5px); }
    }


.leftArrows {
    position: absolute;
    top: 68%;
    left: 33%;
    width: 5%;
    height: 4%;
	-webkit-animation:cssAnimationL 1s infinite ease-in-out;
    -moz-animation:cssAnimationL 1s infinite ease-in-out;
    -ms-animation:cssAnimationL 1s infinite ease-in-out;
    animation:cssAnimationL 1s infinite ease-in-out;
}

    @-webkit-keyframes cssAnimationL {
    from { -webkit-transform: translate(5px); }
    to { -webkit-transform: translate(-5px); }
    }
    @-moz-keyframes cssAnimationL {
    from { -moz-transform: translate(5px); }
    to { -moz-transform: translate(-5px); }
    }
    @-o-keyframes cssAnimationL {
    from { -o-transform: translate(5px); }
    to { -o-transform: translate(-5px); }
    }
    @-ms-keyframes cssAnimationL {
    from { -ms-transform: translate(5px); }
    to { -ms-transform: translate(-5px); }
    }
	
.rightArrows2 {
    position: absolute;
    top: 65%;
    left: 63%;
    width: 5%;
    height: 4%;
	-webkit-animation:cssAnimationR 1s infinite ease-in-out;
    -moz-animation:cssAnimationR 1s infinite ease-in-out;
    -ms-animation:cssAnimationR 1s infinite ease-in-out;
    animation:cssAnimationR 1s infinite ease-in-out;
	}


.leftArrows2 {
    position: absolute;
    top: 68%;
    left: 63%;
    width: 5%;
    height: 4%;
	-webkit-animation:cssAnimationL 1s infinite ease-in-out;
    -moz-animation:cssAnimationL 1s infinite ease-in-out;
    -ms-animation:cssAnimationL 1s infinite ease-in-out;
    animation:cssAnimationL 1s infinite ease-in-out;
}
	
.DownArrows {
    position: absolute;
    top: 65%;
    left: 93%;
    width: 5%;
    height: 4%;
	-webkit-animation:cssAnimationU 1s infinite ease-in-out;
    -moz-animation:cssAnimationU 1s infinite ease-in-out;
    -ms-animation:cssAnimationU 1s infinite ease-in-out;
    animation:cssAnimationU 1s infinite ease-in-out;
}

    @-webkit-keyframes cssAnimationU {
    from { -webkit-transform: rotate(90deg) translate(-5px); }
    to { -webkit-transform: rotate(90deg) translate(5px); }
    }
    @-moz-keyframes cssAnimationU {
    from { -moz-transform: rotate(90deg) translate(-5px); }
    to { -moz-transform: rotate(90deg) translate(5px); }
    }
    @-ms-keyframes cssAnimationU {
    from { -ms-transform: rotate(90deg) translate(-5px); }
    to { -ms-transform: rotate(90deg) translate(5px); }
    }


.UpArrows {
    position: absolute;
    top: 65%;
    left: 94.5%;
    width: 5%;
    height: 4%;
	-webkit-animation:cssAnimationD 1s infinite ease-in-out;
    -moz-animation:cssAnimationD 1s infinite ease-in-out;
    -ms-animation:cssAnimationD 1s infinite ease-in-out;
    animation:cssAnimationD 1s infinite ease-in-out;
}

    @-webkit-keyframes cssAnimationD {
    from { -webkit-transform: rotate(270deg) translate(-5px); }
    to { -webkit-transform: rotate(270deg) translate(5px); }
    }
    @-moz-keyframes cssAnimationD {
    from { -moz-transform: rotate(270deg) translate(-5px); }
    to { -moz-transform: rotate(270deg) translate(5px); }
    }
    @-o-keyframes cssAnimationD {
    from { -o-transform: rotate(270deg) translate(-5px); }
    to { -o-transform: rotate(270deg) translate(5px); }
    }
    @-ms-keyframes cssAnimationD {
    from { -ms-transform: rotate(270deg) translate(-5px); }
    to { -ms-transform: rotate(270deg) translate(5px); }
    }