/* Transitions */
.transition {
  transition: all 0.3s ease-in-out;
}

.drop_shadow {
  box-shadow: 0px 12px 50px 0px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 12px 50px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 12px 50px 0px rgba(0,0,0,0.1);
}

/* fade in class */
.fade_in {
	-webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 1.5s; /* Firefox < 16 */
	-ms-animation: fadein 1.5s; /* Internet Explorer */
	-o-animation: fadein 1.5s; /* Opera < 12.1 */
	animation: fadein 1.5s;
}

/* reveal effect items */
.reveal {
  position: relative;
  transform: translateY(80px);
  opacity: 0;
  transition: 0.5s all ease;
}

.reveal.active {
  transform: translateY(0);
  opacity: 1;
}

/* animations */
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; animation-play-state:paused; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; animation-play-state:paused; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; animation-play-state:paused; }
}