@charset "UTF-8";
/* CSS Document */

#bee-wing {
    height: 300px;
    margin-left: -25px;
	padding-bottom: 73px;
	margin-top: 43px;
    position: absolute;
    visibility: hidden;
    width: 300px;
    animation: wings 0.2s linear 2700ms infinite;
    -moz-animation: wings 0.2s linear 2700ms infinite;
    -webkit-animation: wings 0.2s linear 2700ms infinite;
    -o-animation: wings 0.2s linear 2700ms infinite;
}

@keyframes wings{
0%{visibility:visible; opacity:1; transform:skewX(0deg)  scale(1,1);}
25%{transform:skewX(3deg);}
50%{transform:skewX(0deg) scale(1,0.2); }
65% {transform:skewX(-3deg);}


100% {transform:skewX(0deg)  scale(1,1);}
}


@-moz-keyframes wings{
0%{visibility:visible; opacity:1; -moz-transform:skewX(0deg) scale(1,1)}
25%{-moz-transform:skewX(3deg)  }
50%{-moz-transform:skewX(0deg) scale(1,0.2); }
65% {-moz-transform:skewX(-3deg);}

100% {-moz-transform:skewX(0deg);  scale(1,1);}
}

@-ms-keyframes wings{
0%{visibility:visible; opacity:1; -ms-transform:skewX(0deg)  scale(1,1);}
25%{-ms-transform:skewX(3deg);}
50%{-ms-transform:skewX(0deg)  scale(1,0.2);}
65% {-ms-transform:skewX(-3deg);}
100% {-ms-transform:skewX(0deg)  scale(1,1);}
}

@-webkit-keyframes wings{
0%{visibility:visible; opacity:1; -webkit-transform:skewX(0deg) scale(1,1);}
25%{-webkit-transform:skewX(3deg);}
50%{-webkit-transform:skewX(0deg) scale(1,0.2);}
65% {-webkit-transform:skewX(-3deg);}
100% {-webkit-transform:skewX(0deg) scale(1,1);}
}

@-o-keyframes wings{
0%{ visibility:visible; opacity:1; -o-transform:skewX(0deg) scale(1,1);}
25%{-o-transform:skewX(3deg);}
50%{-o-transform:skewX(0deg) scale(1,0.2);}
65% {-o-transform:skewX(-3deg);}
100% {-o-transform:skewX(0deg) scale(1,1);}
}




#bee-wing>svg {
    height: 100%;
    width: 300px;
    position: relative;
    bottom: 0;
}
svg:not(:root) {
    overflow: hidden;
}

#bee-body {
    width: 350px;
}

#bee{
animation-name: floating;
-webkit-animation-name: floating;

animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;

animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
position:absolute;
left:100%;
top:45%;
z-index:11;
height:350px;
}

@keyframes floating {
0% {
transform: translateY(0%);	
}
50% {
transform: translateY(8%);	
}	
100% {
transform: translateY(0%);
}			
}

@-