@import url(http://fonts.googleapis.com/css?family=Monda);


#content{

}
#loader{
  width: 100%;
  height: 100%;
  margin: 0;

  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  margin: auto;
  top: 0; bottom: 0; left: 0; right: 0;
}

#name, #canv-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  margin: auto;
  top: 0; bottom: 0; left: 0; right: 0;
}
#name{
  top:-10%;
  z-index: 2;
}
#canv-container {
  width: 500px;
  height: 500px;
  transform: rotate(45deg);
  z-index:1;
  /*opacity: 0.4;*/
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity:0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}
#name
{
    color: blue;
    right: 18px;
    text-align: center;
    font-size: 3em;
    font-family: 'Monda';
    -webkit-animation-name:             pulsing; 
    -webkit-animation-duration:         3s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function:  ease-out;
       -moz-animation-name:             pulsing; 
       -moz-animation-duration:         3s; 
       -moz-animation-iteration-count:  infinite;
       -moz-animation-timing-function:  ease-out;
        -ms-animation-name:             pulsing; 
        -ms-animation-duration:         3s; 
        -ms-animation-iteration-count:  infinite;
        -ms-animation-timing-function:  ease-out;
         -o-animation-name:             pulsing; 
         -o-animation-duration:         3s; 
         -o-animation-iteration-count:  infinite;
         -o-animation-timing-function:  ease-out;
}

 /* iphone */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  #name{font-size: 2em;text-align: center;top:8px;}
  #canv-container{height: auto;width: 90%;}
}



/*********************************************** 
***************** Animations *******************
***********************************************/

@-webkit-keyframes ha_1a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_1a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_1a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_1a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_2a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_2a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_2a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_2a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_3a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  20% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_3a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  20% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_3a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  20% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_3a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  20% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_4a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  43% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_4a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  43% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_4a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  43% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_4a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  43% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_5a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  53% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_5a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  53% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_5a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  53% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_5a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  53% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_6a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  48% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_6a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  48% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_6a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  48% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_6a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  48% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_7a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_7a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_7a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_7a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_8a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  20% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_8a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  20% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_8a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  20% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_8a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  20% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_9a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  25% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_9a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  25% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_9a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  25% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_9a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  25% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_10a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  22% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_10a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  22% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_10a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  22% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_10a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  22% {
    opacity: 1;
    height: 175px;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_11a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  18% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_11a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  18% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_11a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  18% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_11a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  18% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_12a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  20% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_12a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  20% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_12a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  20% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_12a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  20% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_13a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_13a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_13a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_13a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_14a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  38% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_14a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  38% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_14a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  38% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_14a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  38% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_15a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_15a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_15a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_15a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  33% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_16a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  37% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_16a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  37% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_16a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  37% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_16a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  37% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_17a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  53% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_17a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  53% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_17a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  53% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_17a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  53% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


@-webkit-keyframes ha_18a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  21% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_18a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  21% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_18a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  21% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_18a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  21% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_19a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  30% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_19a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  30% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_19a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  30% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_19a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  30% {
    opacity: 1;
    height: 175px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_20a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  18% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_20a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  18% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_20a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  18% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_20a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  18% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_21a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  35% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_21a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  35% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_21a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  35% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_21a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  35% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_22a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  41% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_22a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  41% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_22a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  41% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_22a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  41% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_23a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  28% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_23a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  28% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_23a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  28% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_23a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  28% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_24a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  24% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_24a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  24% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_24a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  24% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_24a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  24% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_25a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  21% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_25a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  21% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_25a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  21% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_25a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  21% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_26a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  23% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_26a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  23% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_26a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  23% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_26a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  23% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_27a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  43% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_27a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  43% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_27a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  43% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_27a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  43% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_28a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  26% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_28a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  26% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_28a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  26% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_28a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  26% {
    opacity: 1;
    height: 175px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_29a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  52% {
    opacity: 1;
    height: 195px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_29a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  52% {
    opacity: 1;
    height: 195px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_29a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  52% {
    opacity: 1;
    height: 195px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_29a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  52% {
    opacity: 1;
    height: 195px;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ha_30a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  18% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes ha_30a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  18% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes ha_30a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  18% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes ha_30a
{
  0% {
    opacity: 1;
    height: 0px;
  }
  18% {
    opacity: 1;
    height: 195px;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes pulsing
{
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes pulsing
{
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes pulsing
{
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes pulsing
{
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}