/* CSS Document */
.tooltip-inner{
	background-color: #ededed;
	color: #383838;
}
.tooltip.top .tooltip-arrow{
	border-top-color: #ededed;
}
div.animation{
	position:fixed;
	z-index:999;
}
div.animation1 {
	width: 64px;
	height:64px;	
	top: -15%;
	left: 37%;
}
div.animation2 {
	width: 187px;
	height:150px;	
	top: 100%;
	left: 47%;
}
div.animation  img{
	
  	-webkit-transition: -webkit-transform 1s ease-in-out;
  	transition: transform 1s ease-in-out;		
	
	animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */	
}
div.animation1 img:hover{
	-webkit-transform: rotate(-360deg);
  	transform: rotate(-360deg);
}
div.animation2 img:hover{
	-webkit-transform: rotate(360deg);
  	transform: rotate(360deg);
}


@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}