.arrow{
    -webkit-animation-name: arrow; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -ms-animation-name: arrow;
    -ms-animation-duration: 1.2s;
    -ms-animation-fill-mode: forwards;
    -ms-animation-iteration-count: infinite;
    position: relative;
}

@-ms-keyframes arrow{
    0% {
       opacity: 0.1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.1;
    }
}

@-webkit-keyframes arrow{
    0% {
        opacity: 0.1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.1;
    }
}

.arrow2{
    -webkit-animation-name: arrow2; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -ms-animation-name: arrow2;
    -ms-animation-duration: 1.2s;
    -ms-animation-fill-mode: forwards;
    -ms-animation-iteration-count: infinite;
    position: relative;
}

@-ms-keyframes arrow2{
    0% {
       opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}

@-webkit-keyframes arrow2{
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}


.arrow_up{
    -webkit-animation-name: arrow_up; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -ms-animation-name: arrow_up;
    -ms-animation-duration: 1.2s;
    -ms-animation-fill-mode: forwards;
    -ms-animation-iteration-count: infinite;
 
}

@-ms-keyframes arrow_up{
    0% {
       opacity: 0.8;
	   top:0px;
    }
    50% {
        opacity: 1;
		top:5px;
    }
    100% {
        opacity: 0.8;
		top:0px;
    }
}

@-webkit-keyframes arrow_up{
    0% {
       opacity: 0.8;
	   top:0px;
    }
    50% {
        opacity: 1;
		top:5px;
    }
    100% {
        opacity: 0.8;
		top:0px;
    }
}

.arrow_zoom{
    -webkit-animation-name: arrow_zoom; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -ms-animation-name: arrow_zoom;
    -ms-animation-duration: 1.2s;
    -ms-animation-fill-mode: forwards;
    -ms-animation-iteration-count: infinite;
 
}

@-ms-keyframes arrow_zoom{
    0% {
       opacity: 0.8;
		transform: scale(1)
    }
    50% {
        opacity: 1;
		transform: scale(1.05)

    }
    100% {
        opacity: 0.8;
		transform: scale(1)
    }
}

@-webkit-keyframes arrow_zoom{
    0% {
       opacity: 0.8;
		transform: scale(1)
    }
    50% {
        opacity: 1;
		transform: scale(1.05)

    }
    100% {
        opacity: 0.8;
		transform: scale(1)
    }
}

.topActive{
    -webkit-animation-name: topActive; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -ms-animation-name: topActive;
    -ms-animation-duration: 1s;
    -ms-animation-fill-mode: forwards;
    position: relative;
}

@-ms-keyframes topActive{
    0% {
        top: 50px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes topActive{
    0% {
        top: 50px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

.scaleActive{
    -webkit-animation-name: scaleActive; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -ms-animation-name: scaleActive;
    -ms-animation-duration: 1s;
    -ms-animation-fill-mode: forwards;
    position: relative;
}

@-ms-keyframes scaleActive{
    0% {
        transform: scale(0.1);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

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

.leftActive{
    -webkit-animation-name: leftActive; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -ms-animation-name: leftActive;
    -ms-animation-duration: 1s;
    -ms-animation-fill-mode: forwards;
    position: relative;
}

@-ms-keyframes leftActive{
    0% {
        left: 50px;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}

@-webkit-keyframes leftActive{
    0% {
        left: 50px;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}

.rightActive{
    -webkit-animation-name: rightActive; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -ms-animation-name: rightActive;
    -ms-animation-duration: 1s;
    -ms-animation-fill-mode: forwards;
    position: relative;
}

@-ms-keyframes rightActive{
    0% {
        right: 50px;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

@-webkit-keyframes rightActive{
    0% {
        right: 50px;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}


.blockActive{
    -webkit-animation-name: blockActive; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -ms-animation-name: blockActive;
    -ms-animation-duration: 1.5s;
    -ms-animation-fill-mode: forwards;
    position: relative;
}

@-ms-keyframes blockActive{
    0% {
       opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blockActive{
    0% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}


.leftActive1{
    -webkit-animation-name: leftActive1; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -ms-animation-name: leftActive1;
    -ms-animation-duration: 1s;
    -ms-animation-fill-mode: forwards;
}

@-ms-keyframes leftActive1{
    0% {
        left: 50px;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}

@-webkit-keyframes leftActive1{
    0% {
        left: 50px;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}

.rightActive1{
    -webkit-animation-name: rightActive1; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -ms-animation-name: rightActive1;
    -ms-animation-duration: 1s;
    -ms-animation-fill-mode: forwards;

}

@-ms-keyframes rightActive1{
    0% {
        right: 50px;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

@-webkit-keyframes rightActive1{
    0% {
        right: 50px;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}