@-webkit-keyframes fadeIn50 {
  0%   { opacity: 0; }
  100% { opacity: 0.5; }
}

.transition_fadeIn50 {
  -webkit-animation-name: fadeIn50;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;

}

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

.transition_fadeIn100 {
  -webkit-animation-name: fadeIn100;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
}


@-webkit-keyframes fadeOut {
  0%   { opacity: 0.5; }
  100% { opacity: 0; }
}

.transition_fadeOut {
  -webkit-animation-name: fadeOut;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
}

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

.transition_fadeOut100 {
  -webkit-animation-name: fadeOut100;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
}