.balloon {
 
  display: block;
  height: 197px;
   
  position: absolute;
  width:103px;    opacity:.10; 
} 
.balloons {height: 100%;width: 100%;position: absolute; min-height:179px; min-width:97px; top:50%;
    z-index: 0;}
    .balloons div { background-repeat:no-repeat    }
.balloon0 {background:url(/images/bl1.png);left: 73%;animation: flyingBalloon 24s -96s linear infinite;-webkit-animation: flyingBalloon 24s -96s linear infinite;-moz-animation: flyingBalloon 24s -96s linear infinite;-ms-animation: flyingBalloon 24s -96s linear infinite;-o-animation: flyingBalloon 24s -96s linear infinite;}
.balloon1 {
background:url(/images/bl2.png) no-repeat;
left: 63%;
animation: flyingBalloon 15s -96s linear infinite;
-webkit-animation: flyingBalloon 15s -96s linear infinite;
-moz-animation: flyingBalloon 15s -96s linear infinite;
-ms-animation: flyingBalloon 15s -96s linear infinite;
-o-animation: flyingBalloon 15s -96s linear infinite;
}
 

.balloon2 {
background:url(/images/bl3.png);
left: 20%;
animation: flyingBalloon 13s -71s linear infinite;
-webkit-animation: flyingBalloon 13s -71s linear infinite;
-moz-animation: flyingBalloon 13s -71s linear infinite;
-ms-animation: flyingBalloon 13s -71s linear infinite;
-o-animation: flyingBalloon 13s -71s linear infinite;
}
 

.balloon3 {
background:url(/images/bl4.png);
left: 53%;
animation: flyingBalloon 23s -67s linear infinite;
-webkit-animation: flyingBalloon 23s -67s linear infinite;
-moz-animation: flyingBalloon 23s -67s linear infinite;
-ms-animation: flyingBalloon 23s -67s linear infinite;
-o-animation: flyingBalloon 23s -67s linear infinite;
}
 

.balloon4 {
background:url(/images/bl5.png);
left: 4%;
animation: flyingBalloon 20s -68s linear infinite;
-webkit-animation: flyingBalloon 20s -68s linear infinite;
-moz-animation: flyingBalloon 20s -68s linear infinite;
-ms-animation: flyingBalloon 20s -68s linear infinite;
-o-animation: flyingBalloon 20s -68s linear infinite;
}
 

.balloon5 {
background:url(/images/bl6.png);
left: 47%;
animation: flyingBalloon 20s -80s linear infinite;
-webkit-animation: flyingBalloon 20s -80s linear infinite;
-moz-animation: flyingBalloon 20s -80s linear infinite;
-ms-animation: flyingBalloon 20s -80s linear infinite;
-o-animation: flyingBalloon 20s -80s linear infinite;
}
 

.balloon6 {
background:url(/images/bl1.png);
left: 50%;
animation: flyingBalloon 23s -61s linear infinite;
-webkit-animation: flyingBalloon 23s -61s linear infinite;
-moz-animation: flyingBalloon 23s -61s linear infinite;
-ms-animation: flyingBalloon 23s -61s linear infinite;
-o-animation: flyingBalloon 23s -61s linear infinite;
}
 

.balloon7 {
background:url(/images/bl2.png);
left: 58%;
animation: flyingBalloon 24s -67s linear infinite;
-webkit-animation: flyingBalloon 24s -67s linear infinite;
-moz-animation: flyingBalloon 24s -67s linear infinite;
-ms-animation: flyingBalloon 24s -67s linear infinite;
-o-animation: flyingBalloon 24s -67s linear infinite;
}
 

.balloon8 {
background:url(/images/bl3.png);
left: 22%;
animation: flyingBalloon 14s -69s linear infinite;
-webkit-animation: flyingBalloon 14s -69s linear infinite;
-moz-animation: flyingBalloon 14s -69s linear infinite;
-ms-animation: flyingBalloon 14s -69s linear infinite;
-o-animation: flyingBalloon 14s -69s linear infinite;
}
 

.balloon9 {
background:url(/images/bl4.png);
left: 5%;
animation: flyingBalloon 14s -92s linear infinite;
-webkit-animation: flyingBalloon 14s -92s linear infinite;
-moz-animation: flyingBalloon 14s -92s linear infinite;
-ms-animation: flyingBalloon 14s -92s linear infinite;
-o-animation: flyingBalloon 14s -92s linear infinite;
}
 

.balloon10 {
background:url(/images/bl5.png);
left: 11%;
animation: flyingBalloon 25s -85s linear infinite;
-webkit-animation: flyingBalloon 25s -85s linear infinite;
-moz-animation: flyingBalloon 25s -85s linear infinite;
-ms-animation: flyingBalloon 25s -85s linear infinite;
-o-animation: flyingBalloon 25s -85s linear infinite;
}
 

.balloon11 {
background:url(/images/bl6.png);
left: 67%;
animation: flyingBalloon 23s -74s linear infinite;
-webkit-animation: flyingBalloon 23s -74s linear infinite;
-moz-animation: flyingBalloon 23s -74s linear infinite;
-ms-animation: flyingBalloon 23s -74s linear infinite;
-o-animation: flyingBalloon 23s -74s linear infinite;
}
 

.balloon12 {
background:url(/images/bl1.png);
left: 23%;
animation: flyingBalloon 18s -65s linear infinite;
-webkit-animation: flyingBalloon 18s -65s linear infinite;
-moz-animation: flyingBalloon 18s -65s linear infinite;
-ms-animation: flyingBalloon 18s -65s linear infinite;
-o-animation: flyingBalloon 18s -65s linear infinite;
}
 

.balloon13 {
background:url(/images/bl2.png);
left: 73%;
animation: flyingBalloon 11s -84s linear infinite;
-webkit-animation: flyingBalloon 11s -84s linear infinite;
-moz-animation: flyingBalloon 11s -84s linear infinite;
-ms-animation: flyingBalloon 11s -84s linear infinite;
-o-animation: flyingBalloon 11s -84s linear infinite;
}
 

.balloon14 {
background:url(/images/bl1.png);
left: 84%;
animation: flyingBalloon 18s -88s linear infinite;
-webkit-animation: flyingBalloon 18s -88s linear infinite;
-moz-animation: flyingBalloon 18s -88s linear infinite;
-ms-animation: flyingBalloon 18s -88s linear infinite;
-o-animation: flyingBalloon 18s -88s linear infinite;
}
 

.balloon15 {
background:url(/images/bl3.png);
left: 37%;
animation: flyingBalloon 23s -85s linear infinite;
-webkit-animation: flyingBalloon 23s -85s linear infinite;
-moz-animation: flyingBalloon 23s -85s linear infinite;
-ms-animation: flyingBalloon 23s -85s linear infinite;
-o-animation: flyingBalloon 23s -85s linear infinite;
}
 

.balloon16 {
background:url(/images/bl4.png);
left: 68%;
animation: flyingBalloon 19s -54s linear infinite;
-webkit-animation: flyingBalloon 19s -54s linear infinite;
-moz-animation: flyingBalloon 19s -54s linear infinite;
-ms-animation: flyingBalloon 19s -54s linear infinite;
-o-animation: flyingBalloon 19s -54s linear infinite;
}
 

.balloon17 {
background:url(/images/bl5.png);
left: 23%;
animation: flyingBalloon 22s -86s linear infinite;
-webkit-animation: flyingBalloon 22s -86s linear infinite;
-moz-animation: flyingBalloon 22s -86s linear infinite;
-ms-animation: flyingBalloon 22s -86s linear infinite;
-o-animation: flyingBalloon 22s -86s linear infinite;
}
 

.balloon18 {
background:url(/images/bl6.png);
left: 67%;
animation: flyingBalloon 22s -83s linear infinite;
-webkit-animation: flyingBalloon 22s -83s linear infinite;
-moz-animation: flyingBalloon 22s -83s linear infinite;
-ms-animation: flyingBalloon 22s -83s linear infinite;
-o-animation: flyingBalloon 22s -83s linear infinite;
}
 

.balloon19 {
background:url(/images/bl5.png);
left: 90%;
animation: flyingBalloon 14s -81s linear infinite;
-webkit-animation: flyingBalloon 14s -81s linear infinite;
-moz-animation: flyingBalloon 14s -81s linear infinite;
-ms-animation: flyingBalloon 14s -81s linear infinite;
-o-animation: flyingBalloon 14s -81s linear infinite;
}
 

.balloon20 {
background:url(/images/bl4.png);
left: 82%;
animation: flyingBalloon 19s -56s linear infinite;
-webkit-animation: flyingBalloon 19s -56s linear infinite;
-moz-animation: flyingBalloon 19s -56s linear infinite;
-ms-animation: flyingBalloon 19s -56s linear infinite;
-o-animation: flyingBalloon 19s -56s linear infinite;
}
 

.balloon21 {
background:url(/images/bl5.png);
left: 46%;
animation: flyingBalloon 25s -83s linear infinite;
-webkit-animation: flyingBalloon 25s -83s linear infinite;
-moz-animation: flyingBalloon 25s -83s linear infinite;
-ms-animation: flyingBalloon 25s -83s linear infinite;
-o-animation: flyingBalloon 25s -83s linear infinite;
}
 

.balloon22 {
background:url(/images/bl6.png);
left: 35%;
animation: flyingBalloon 19s -69s linear infinite;
-webkit-animation: flyingBalloon 19s -69s linear infinite;
-moz-animation: flyingBalloon 19s -69s linear infinite;
-ms-animation: flyingBalloon 19s -69s linear infinite;
-o-animation: flyingBalloon 19s -69s linear infinite;
}
 

.balloon23 {
background:url(/images/bl5.png);
left: 95%;
animation: flyingBalloon 16s -85s linear infinite;
-webkit-animation: flyingBalloon 16s -85s linear infinite;
-moz-animation: flyingBalloon 16s -85s linear infinite;
-ms-animation: flyingBalloon 16s -85s linear infinite;
-o-animation: flyingBalloon 16s -85s linear infinite;
}
 

.balloon24 {
background:url(/images/bl4.png);
left: 48%;
animation: flyingBalloon 9s -82s linear infinite;
-webkit-animation: flyingBalloon 9s -82s linear infinite;
-moz-animation: flyingBalloon 9s -82s linear infinite;
-ms-animation: flyingBalloon 9s -82s linear infinite;
-o-animation: flyingBalloon 9s -82s linear infinite;
}
 /*

.balloon25 {
background:url(/images/bl4.png);
left: 9%;
animation: flyingBalloon 8s -98s linear infinite;
-webkit-animation: flyingBalloon 8s -98s linear infinite;
-moz-animation: flyingBalloon 8s -98s linear infinite;
-ms-animation: flyingBalloon 8s -98s linear infinite;
-o-animation: flyingBalloon 8s -98s linear infinite;
}
 

.balloon26 {
background:url(/images/bl3.png);
left: 96%;
animation: flyingBalloon 15s -61s linear infinite;
-webkit-animation: flyingBalloon 15s -61s linear infinite;
-moz-animation: flyingBalloon 15s -61s linear infinite;
-ms-animation: flyingBalloon 15s -61s linear infinite;
-o-animation: flyingBalloon 15s -61s linear infinite;
}
 

.balloon27 {
background:url(/images/bl5.png);
left: 35%;
animation: flyingBalloon 15s -54s linear infinite;
-webkit-animation: flyingBalloon 15s -54s linear infinite;
-moz-animation: flyingBalloon 15s -54s linear infinite;
-ms-animation: flyingBalloon 15s -54s linear infinite;
-o-animation: flyingBalloon 15s -54s linear infinite;
}
 

.balloon28 {
background:url(/images/bl4.png);
left: 25%;
animation: flyingBalloon 10s -93s linear infinite;
-webkit-animation: flyingBalloon 10s -93s linear infinite;
-moz-animation: flyingBalloon 10s -93s linear infinite;
-ms-animation: flyingBalloon 10s -93s linear infinite;
-o-animation: flyingBalloon 10s -93s linear infinite;
}
 

.balloon29 {
background:url(/images/bl5.png);
left: 56%;
animation: flyingBalloon 8s -84s linear infinite;
-webkit-animation: flyingBalloon 8s -84s linear infinite;
-moz-animation: flyingBalloon 8s -84s linear infinite;
-ms-animation: flyingBalloon 8s -84s linear infinite;
-o-animation: flyingBalloon 8s -84s linear infinite;
}
 
.balloon30 {
background:url(/images/bl6.png);
left: 60%;
animation: flyingBalloon 26s -73s linear infinite;
-webkit-animation: flyingBalloon 26s -73s linear infinite;
-moz-animation: flyingBalloon 26s -73s linear infinite;
-ms-animation: flyingBalloon 26s -73s linear infinite;
-o-animation: flyingBalloon 26s -73s linear infinite;
}
 

.balloon31 {
background:url(/images/bl6.png);
left: 67%;
animation: flyingBalloon 26s -59s linear infinite;
-webkit-animation: flyingBalloon 26s -59s linear infinite;
-moz-animation: flyingBalloon 26s -59s linear infinite;
-ms-animation: flyingBalloon 26s -59s linear infinite;
-o-animation: flyingBalloon 26s -59s linear infinite;
}
 
.balloon32 {
background:url(/images/bl5.png);
left: 79%;
animation: flyingBalloon 14s -77s linear infinite;
-webkit-animation: flyingBalloon 14s -77s linear infinite;
-moz-animation: flyingBalloon 14s -77s linear infinite;
-ms-animation: flyingBalloon 14s -77s linear infinite;
-o-animation: flyingBalloon 14s -77s linear infinite;
}
 

.balloon33 {
background:url(/images/bl4.png);
left: 92%;
animation: flyingBalloon 17s -84s linear infinite;
-webkit-animation: flyingBalloon 17s -84s linear infinite;
-moz-animation: flyingBalloon 17s -84s linear infinite;
-ms-animation: flyingBalloon 17s -84s linear infinite;
-o-animation: flyingBalloon 17s -84s linear infinite;
}
 
.balloon34 {
background:url(/images/bl5.png);
left: 74%;
animation: flyingBalloon 13s -82s linear infinite;
-webkit-animation: flyingBalloon 13s -82s linear infinite;
-moz-animation: flyingBalloon 13s -82s linear infinite;
-ms-animation: flyingBalloon 13s -82s linear infinite;
-o-animation: flyingBalloon 13s -82s linear infinite;
}
 

.balloon35 {
background:url(/images/bl6.png);
left: 1%;
animation: flyingBalloon 20s -63s linear infinite;
-webkit-animation: flyingBalloon 20s -63s linear infinite;
-moz-animation: flyingBalloon 20s -63s linear infinite;
-ms-animation: flyingBalloon 20s -63s linear infinite;
-o-animation: flyingBalloon 20s -63s linear infinite;
}
 

.balloon36 {
background:url(/images/bl4.png);
left: 28%;
animation: flyingBalloon 27s -94s linear infinite;
-webkit-animation: flyingBalloon 27s -94s linear infinite;
-moz-animation: flyingBalloon 27s -94s linear infinite;
-ms-animation: flyingBalloon 27s -94s linear infinite;
-o-animation: flyingBalloon 27s -94s linear infinite;
}
 

.balloon37 {
background:url(/images/bl5.png);
left: 30%;
animation: flyingBalloon 20s -72s linear infinite;
-webkit-animation: flyingBalloon 20s -72s linear infinite;
-moz-animation: flyingBalloon 20s -72s linear infinite;
-ms-animation: flyingBalloon 20s -72s linear infinite;
-o-animation: flyingBalloon 20s -72s linear infinite;
}
 

.balloon38 {
background:url(/images/bl6.png);
left: 24%;
animation: flyingBalloon 11s -72s linear infinite;
-webkit-animation: flyingBalloon 11s -72s linear infinite;
-moz-animation: flyingBalloon 11s -72s linear infinite;
-ms-animation: flyingBalloon 11s -72s linear infinite;
-o-animation: flyingBalloon 11s -72s linear infinite;
}
 

.balloon39 {
background:url(/images/bl3.png);
left: 1%;
animation: flyingBalloon 8s -97s linear infinite;
-webkit-animation: flyingBalloon 8s -97s linear infinite;
-moz-animation: flyingBalloon 8s -97s linear infinite;
-ms-animation: flyingBalloon 8s -97s linear infinite;
-o-animation: flyingBalloon 8s -97s linear infinite;
}*/
 
@-webkit-keyframes flyingBalloon {
  from {
    bottom: -20%;
  }
  to {
    bottom: 110%;
  }
}
@-moz-keyframes flyingBalloon {
  from {
    bottom: -20%;
  }
  to {
    bottom: 110%;
  }
}
@-ms-keyframes flyingBalloon {
  from {
    bottom: -20%;
  }
  to {
    bottom: 110%;
  }
}
@-o-keyframes flyingBalloon {
  from {
    bottom: -20%;
  }
  to {
    bottom: 110%;
  }
}
@keyframes flyingBalloon {
  from {
    bottom: -20%;
  }
  to {
    bottom: 110%;
  }
}
#smile path:nth-of-type(2) {
  -webkit-animation: wink 3s ease-in-out infinite forwards;
  animation: wink 3s ease-in-out infinite forwards;
  opacity: 1;
}

#smile path:nth-of-type(1) {
  -webkit-animation: wink2 3s ease-in-out infinite forwards;
  animation: wink2 3s ease-in-out infinite forwards;
  opacity: 0;
}

#eye-r path:nth-of-type(1) {
  -webkit-animation: wink 3s ease-in-out infinite forwards;
  animation: wink 3s ease-in-out infinite forwards;
  opacity: 1;
}

#eye-r path:nth-of-type(2) {
  -webkit-animation: wink2 3s ease-in-out infinite forwards;
  animation: wink2 3s ease-in-out infinite forwards;
  opacity: 0;
}

@-webkit-keyframes wink {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes wink {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes wink2 {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes wink2 {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}