/*no footer*/



#footer {display:none;}



/*no footer*/


.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}


/*blink*/

.blink{
animation: color-blink-1 1.5s infinite;
}
@keyframes color-blink-1 {
0%, 33%, 100% { opacity: 1;}
32% { opacity: 0.1;}
}
@keyframes color-blink-2 {
0%, 33%, 67%, 100% { opacity: 1;}
66% { opacity: 0.1;}
}
@keyframes color-blink-3 {
0%, 67% { opacity: 1;}
100% { opacity: 0.1;}
}

/*blink*/



/*floating*/

.floating{
float: left;
-webkit-animation-name: Floatingx;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-name: Floating;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;
margin-left: 30px;
margin-top: 5px;
}
@-webkit-keyframes Floatingx{
from {-webkit-transform:translate(0, 0px);}
65% {-webkit-transform:translate(0, 15px);}
to {-webkit-transform: translate(0, -0px); } 
}

@-moz-keyframes Floating{
from {-moz-transform:translate(0, 0px);}
65% {-moz-transform:translate(0, 15px);}
to {-moz-transform: translate(0, -0px);} 
}

/*floating*/