.balloon {
 
  display: block;
  height: 197px;
   
  position: absolute;
  width:103px;    opacity:.10; 
} 
.balloons {
    height: 484px;
    width: 100%;
    position: absolute;
    /* min-height:179px; */
    /* min-width:97px; */
    top: 100px;
    float: left;
    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;
}
 


 /*

.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;
  }
}