.reveal {
  	position: relative;
}

.reveal.reveal-fade{
  opacity: 0;
  -webkit-transition: transform 1s cubic-bezier(0.6, 0, 0.3, 1), opacity 1s cubic-bezier(0.6, 0, 0.3, 1);
  -moz-transition: transform 1s cubic-bezier(0.6, 0, 0.3, 1), opacity 1s cubic-bezier(0.6, 0, 0.3, 1);
  -ms-transition: transform 1s cubic-bezier(0.6, 0, 0.3, 1), opacity 1s cubic-bezier(0.6, 0, 0.3, 1);
  -o-transition: transform 1s cubic-bezier(0.6, 0, 0.3, 1), opacity 1s cubic-bezier(0.6, 0, 0.3, 1);
  transition: transform 1s cubic-bezier(0.6, 0, 0.3, 1), opacity 1s cubic-bezier(0.6, 0, 0.3, 1);
}

.reveal.reveal-fade.reveal-up{
  transform: translate(0, 50px);
}

.reveal.reveal-fade.reveal-right{
  transform: translate(-50px, 0);
}

.reveal.reveal-fade.reveal-down{
  transform: translate(0, -50px);
}

.reveal.reveal-fade.reveal-left{
  transform: translate(50px, 0);
}

.reveal.reveal-fade.reveal-in {
    opacity: 1;
    transform: translate(0px,0px);
}

.reveal.reveal-clip{
  	transform: none;
	-webkit-transition: clip-path 1s cubic-bezier(0, 0, 0, 1), -webkit-clip-path 1s cubic-bezier(0, 0, 0, 1);
    -moz-transition: clip-path 1s cubic-bezier(0, 0, 0, 1), -webkit-clip-path 1s cubic-bezier(0, 0, 0, 1);
    -ms-transition: clip-path 1s cubic-bezier(0, 0, 0, 1), -webkit-clip-path 1s cubic-bezier(0, 0, 0, 1);
    -o-transition: clip-path 1s cubic-bezier(0, 0, 0, 1), -webkit-clip-path 1s cubic-bezier(0, 0, 0, 1);
    transition: clip-path 1s cubic-bezier(0, 0, 0, 1), -webkit-clip-path 1s cubic-bezier(0, 0, 0, 1);
}

.reveal.reveal-clip.reveal-up{
	-webkit-clip-path: inset(100% 0% 0% 0%);
	clip-path: inset(100% 0% 0% 0%);
}
.reveal.reveal-clip.reveal-right{
	opacity:0;
	-webkit-clip-path: inset(0% 100% 0% 0%);
	clip-path: inset(0% 100% 0% 0%);
}
.reveal.reveal-clip.reveal-down{
	-webkit-clip-path: inset(0% 0% 100% 0%);
	clip-path: inset(0% 0% 100% 0%);
}
.reveal.reveal-clip.reveal-left{
	-webkit-clip-path: inset(0% 0% 0% 100%);
	clip-path: inset(0% 0% 0% 100%);
}

.reveal.reveal-clip.reveal-in{
    transform:none;
    opacity:1;
	-webkit-clip-path: inset(0% 0% 0% 0%);
	clip-path: inset(0% 0% 0% 0%);
}

.reveal.reveal-clip.reveal-bubble{
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.reveal.reveal-clip.reveal-bubble.reveal-in a {
    -webkit-clip-path: circle(max(4vw, 40px));
    clip-path: circle(max(4vw, 40px));
}
.reveal.reveal-clip.reveal-bubble a {
    transform: none;
    -webkit-transition: clip-path 1s cubic-bezier(0, 0, 0, 1), -webkit-clip-path 1s cubic-bezier(0, 0, 0, 1);
    -moz-transition: clip-path 1s cubic-bezier(0, 0, 0, 1), -webkit-clip-path 1s cubic-bezier(0, 0, 0, 1);
    -ms-transition: clip-path 1s cubic-bezier(0, 0, 0, 1), -webkit-clip-path 1s cubic-bezier(0, 0, 0, 1);
    -o-transition: clip-path 1s cubic-bezier(0, 0, 0, 1), -webkit-clip-path 1s cubic-bezier(0, 0, 0, 1);
    transition: clip-path 1s cubic-bezier(0, 0, 0, 1), -webkit-clip-path 1s cubic-bezier(0, 0, 0, 1);
}