@import url(http://weloveiconfonts.com/api/?family=fontawesome);
 
.fa {
 width: 60px;
 display: block;
 text-align: center;
 color:#990000;
 font:normal 45px 'FontAwesome';
 line-height:60px;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
}
.fa-angle-double-down:before {content: "\f103";}
 

.bounce {
 position: absolute;
 bottom: 30px;
 width: 60px;
 height: 60px ;
 
 border: 2px solid #990000;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 border-radius:50%;
 animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}


.rotatediv30 {
    -webkit-transform: rotate(30deg);  /* to support Safari and Android browser */
    -ms-transform: rotate(30deg);      /* to support IE 9 */
    transform: rotate(30deg);
}


.rotatedivm10 {
    -webkit-transform: rotate(-10deg);  /* to support Safari and Android browser */
    -ms-transform: rotate(-10deg);      /* to support IE 9 */
    transform: rotate(-10deg);
}


.rotatedivm15 {
    -webkit-transform: rotate(-15deg);  /* to support Safari and Android browser */
    -ms-transform: rotate(-15deg);      /* to support IE 9 */
    transform: rotate(-15deg);
}


.rotatedivm20 {
    -webkit-transform: rotate(-20deg);  /* to support Safari and Android browser */
    -ms-transform: rotate(-20deg);      /* to support IE 9 */
    transform: rotate(-20deg);
}


.rotatedivm30 {
    -webkit-transform: rotate(-30deg);  /* to support Safari and Android browser */
    -ms-transform: rotate(-30deg);      /* to support IE 9 */
    transform: rotate(-30deg);
}


.rotatedivm40 {
    -webkit-transform: rotate(-40deg);  /* to support Safari and Android browser */
    -ms-transform: rotate(-40deg);      /* to support IE 9 */
    transform: rotate(-40deg);
}


.rotatedivm50 {
    -webkit-transform: rotate(-50deg);  /* to support Safari and Android browser */
    -ms-transform: rotate(-50deg);      /* to support IE 9 */
    transform: rotate(-50deg);
}


.rotatedivm60 {
    -webkit-transform: rotate(-60deg);  /* to support Safari and Android browser */
    -ms-transform: rotate(-60deg);      /* to support IE 9 */
    transform: rotate(-60deg);
}


.rotatedivm90 {
    -webkit-transform: rotate(-90deg);  /* to support Safari and Android browser */
    -ms-transform: rotate(-90deg);      /* to support IE 9 */
    transform: rotate(-90deg);
}




.fa-angle-double-left: bounce_left {content: "\f101";}


.bounce_left {
 position: absolute;
 bottom: 30px;
 width: 30px;
 height: 30px ;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 border-radius:50%;
 animation: bounce_left 2s infinite;
 -webkit-animation: bounce_left 2s infinite;
 -moz-animation: bounce_left 2s infinite;
 -o-animation: bounce_left 2s infinite;
}
 
@-webkit-keyframes bounce_left {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0);} 
 40% {-webkit-transform: translateX(-30px);}
 60% {-webkit-transform: translateX(-15px);}
}
 
@-moz-keyframes bounce_left {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateX(-30px);}
 60% {-moz-transform: translateX(-15px);}
}
 
@-o-keyframes bounce_left {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateX(0);}
 40% {-o-transform: translateX(-30px);}
 60% {-o-transform: translateX(-15px);}
}
@keyframes bounce_left {
 0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
 40% {transform: translateX(-30px);}
 60% {transform: translateX(-15px);}
}