@charset "UTF-8";

.animated {-webkit-animation-duration: .5s;-moz-animation-duration: .5s;-o-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both}

@-webkit-keyframes fadeInDown {
  0% {opacity: 0; -webkit-transform: translateY(-20px);transform: translateY(-20px);}
  100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);} }

@keyframes fadeInDown {
  0% {opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
  100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} }

.fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}

@-webkit-keyframes fadeOutDown {
  0% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
  100% {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);} }

@keyframes fadeOutDown {
  0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
  100% {opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } }

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutUp {
  0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);} }

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;}

@-webkit-keyframes fadeIn { 0% {opacity:.3} 100% {opacity:1} }
@-moz-keyframes fadeIn { 0% {opacity:.3} 100% {opacity:1} }
@-o-keyframes fadeIn { 0% {opacity:.3} 100% {opacity:1} }
@keyframes fadeIn { 0% {opacity:.3} 100% {opacity:1} }
.fadeIn { -webkit-animation-name: fadeIn;-moz-animation-name: fadeIn;-o-animation-name: fadeIn;animation-name: fadeIn }