diff --git a/opentech/static_src/src/sass/base/_base.scss b/opentech/static_src/src/sass/base/_base.scss
index 73357a7bd83f3ac6208c3fb737854cc64d6c5131..010b745f8461fbde64b3f299541cb2774068b832 100755
--- a/opentech/static_src/src/sass/base/_base.scss
+++ b/opentech/static_src/src/sass/base/_base.scss
@@ -61,3 +61,27 @@ ol {
     margin: 0;
     list-style: none;
 }
+
+.is-invisible,
+%is-invisible {
+    z-index: -1;
+    opacity: 0;
+    transition: opacity, z-index, $transition;
+}
+
+.is-visible,
+%is-visible {
+    z-index: 5;
+    opacity: 1;
+    transition: opacity, z-index, $transition;
+}
+
+.is-hidden,
+%is-hidden {
+    display: none;
+}
+
+.is-unhidden,
+%is-unhidden {
+    display: block;
+}