.stairs-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
/* line 55, ../../frontend-src/css/sass/_shared.sass */
.stairs-wrapper .stars {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

@-moz-keyframes zoomIn {
  0% {
    top: 0px;
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
  100% {
    top: -300px;
    opacity: 0;
    -moz-transform: scale(5);
    transform: scale(5);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    top: -300px;
    opacity: 0;
    -webkit-transform: scale(5);
    transform: scale(5);
  }
}
@keyframes zoomIn {
  0% {
    top: 0px;
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    top: -300px;
    opacity: 0;
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -webkit-transform: scale(5);
    transform: scale(5);
  }
}
@-moz-keyframes zoomOut {
  0% {
    top: -300px;
    opacity: 0;
    -moz-transform: scale(5);
    transform: scale(5);
  }
  100% {
    top: 0px;
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes zoomOut {
  0% {
    top: -300px;
    opacity: 0;
    -webkit-transform: scale(5);
    transform: scale(5);
  }
  100% {
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    top: -300px;
    opacity: 0;
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -webkit-transform: scale(5);
    transform: scale(5);
  }
  100% {
    top: 0px;
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes comeIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes comeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes comeIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes comeOut {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }
}
@-webkit-keyframes comeOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes comeOut {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-moz-keyframes headingOneIn {
  0% {
    opacity: 0;
    bottom: -100px;
  }
  80% {
    opacity: 1;
    bottom: 0px;
  }
  100% {
    opacity: 1;
    bottom: 0px;
  }
}
@-webkit-keyframes headingOneIn {
  0% {
    opacity: 0;
    bottom: -100px;
  }
  80% {
    opacity: 1;
    bottom: 0px;
  }
  100% {
    opacity: 1;
    bottom: 0px;
  }
}
@keyframes headingOneIn {
  0% {
    opacity: 0;
    bottom: -100px;
  }
  80% {
    opacity: 1;
    bottom: 0px;
  }
  100% {
    opacity: 1;
    bottom: 0px;
  }
}
@-moz-keyframes headingOneOut {
  0% {
    opacity: 1;
    bottom: 0px;
  }
  50% {
    opacity: 0;
    bottom: 200px;
  }
  100% {
    opacity: 0;
    bottom: 200px;
  }
}
@-webkit-keyframes headingOneOut {
  0% {
    opacity: 1;
    bottom: 0px;
  }
  50% {
    opacity: 0;
    bottom: 200px;
  }
  100% {
    opacity: 0;
    bottom: 200px;
  }
}
@keyframes headingOneOut {
  0% {
    opacity: 1;
    bottom: 0px;
  }
  50% {
    opacity: 0;
    bottom: 200px;
  }
  100% {
    opacity: 0;
    bottom: 200px;
  }
}
@-moz-keyframes headingTwoIn {
  0% {
    opacity: 0;
    top: -20px;
  }
  30% {
    opacity: 0;
    top: -20px;
  }
  100% {
    opacity: 1;
    top: 0px;
  }
}
@-webkit-keyframes headingTwoIn {
  0% {
    opacity: 0;
    top: -20px;
  }
  30% {
    opacity: 0;
    top: -20px;
  }
  100% {
    opacity: 1;
    top: 0px;
  }
}
@keyframes headingTwoIn {
  0% {
    opacity: 0;
    top: -20px;
  }
  30% {
    opacity: 0;
    top: -20px;
  }
  100% {
    opacity: 1;
    top: 0px;
  }
}
@-moz-keyframes headingTwoOut {
  0% {
    opacity: 1;
    bottom: 0px;
  }
  50% {
    opacity: 1;
    bottom: 0px;
  }
  100% {
    opacity: 0;
    bottom: 100px;
  }
}
@-webkit-keyframes headingTwoOut {
  0% {
    opacity: 1;
    bottom: 0px;
  }
  50% {
    opacity: 1;
    bottom: 0px;
  }
  100% {
    opacity: 0;
    bottom: 100px;
  }
}
@keyframes headingTwoOut {
  0% {
    opacity: 1;
    bottom: 0px;
  }
  50% {
    opacity: 1;
    bottom: 0px;
  }
  100% {
    opacity: 0;
    bottom: 100px;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes rotatePlanet {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotatePlanet {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotatePlanet {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes intesityFog {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes intesityFog {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes intesityFog {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes cardRotation {
  0% {
    top: -400px;
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    top: 0px;
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@-webkit-keyframes cardRotation {
  0% {
    top: -400px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    top: 0px;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@keyframes cardRotation {
  0% {
    top: -400px;
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    top: 0px;
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@-moz-keyframes cardScale {
  0% {
    -moz-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes cardScale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes cardScale {
  0% {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes stairs {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(3);
    transform: scale(3);
  }
}
@-webkit-keyframes stairs {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
}
@keyframes stairs {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    transform: scale(3);
  }
}
@-moz-keyframes loadingRotation {
  0% {
    opacity: 0;
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  20% {
    opacity: 0.5;
  }
  100% {
    -moz-transform: rotate(755deg);
    transform: rotate(755deg);
  }
}
@-webkit-keyframes loadingRotation {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  20% {
    opacity: 0.5;
  }
  100% {
    -webkit-transform: rotate(755deg);
    transform: rotate(755deg);
  }
}
@keyframes loadingRotation {
  0% {
    opacity: 0;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  20% {
    opacity: 0.5;
  }
  100% {
    -moz-transform: rotate(755deg);
    -ms-transform: rotate(755deg);
    -webkit-transform: rotate(755deg);
    transform: rotate(755deg);
  }
}
/* line 253, ../../frontend-src/css/sass/_animations.scss */
.stars-animation {
  -moz-animation: stairs 9s linear infinite;
  -webkit-animation: stairs 9s linear infinite;
  animation: stairs 9s linear infinite;
}

/* line 257, ../../frontend-src/css/sass/_animations.scss */
.stars-animation-two {
  -moz-animation: stairs 9s linear infinite;
  -webkit-animation: stairs 9s linear infinite;
  animation: stairs 9s linear infinite;
  -moz-animation-delay: 3s;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

/* line 262, ../../frontend-src/css/sass/_animations.scss */
.stars-animation-three {
  -moz-animation: stairs 9s linear infinite;
  -webkit-animation: stairs 9s linear infinite;
  animation: stairs 9s linear infinite;
  -moz-animation-delay: 6s;
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

/* line 267, ../../frontend-src/css/sass/_animations.scss */
.loading-rotation {
  -moz-animation: loadingRotation 4s ease-out;
  -webkit-animation: loadingRotation 4s ease-out;
  animation: loadingRotation 4s ease-out;
  -moz-transform: rotate(755deg);
  -ms-transform: rotate(755deg);
  -webkit-transform: rotate(755deg);
  transform: rotate(755deg);
}

@-moz-keyframes cardRhombus {
  0% {
    -moz-transform: scale(4);
    transform: scale(4);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes cardRhombus {
  0% {
    -webkit-transform: scale(4);
    transform: scale(4);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes cardRhombus {
  0% {
    -moz-transform: scale(4);
    -ms-transform: scale(4);
    -webkit-transform: scale(4);
    transform: scale(4);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* line 287, ../../frontend-src/css/sass/_animations.scss */
.text-block-out {
  opacity: 0;
  -moz-animation: fadeOut 1s ease-out;
  -webkit-animation: fadeOut 1s ease-out;
  animation: fadeOut 1s ease-out;
}

/* line 292, ../../frontend-src/css/sass/_animations.scss */
.text-block-in {
  opacity: 1;
  -moz-animation: fadeIn 1s ease-in;
  -webkit-animation: fadeIn 1s ease-in;
  animation: fadeIn 1s ease-in;
}

/* line 298, ../../frontend-src/css/sass/_animations.scss */
.card-animation .card {
  -moz-animation: cardRotation 0.8s ease-out;
  -webkit-animation: cardRotation 0.8s ease-out;
  animation: cardRotation 0.8s ease-out;
}
/* line 302, ../../frontend-src/css/sass/_animations.scss */
.card-animation .rhombus {
  -moz-animation: cardRhombus 0.7s ease-out;
  -webkit-animation: cardRhombus 0.7s ease-out;
  animation: cardRhombus 0.7s ease-out;
}
/* line 306, ../../frontend-src/css/sass/_animations.scss */
.card-animation h2 {
  opacity: 1;
  -moz-animation: headingOneIn 1s ease;
  -webkit-animation: headingOneIn 1s ease;
  animation: headingOneIn 1s ease;
}
/* line 312, ../../frontend-src/css/sass/_animations.scss */
.card-animation .text-block p {
  opacity: 1;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
/* line 317, ../../frontend-src/css/sass/_animations.scss */
.card-animation .text-block .next-block {
  opacity: 1;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  -moz-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

/* line 326, ../../frontend-src/css/sass/_animations.scss */
.fade {
  opacity: 1;
}

/* line 330, ../../frontend-src/css/sass/_animations.scss */
.visible {
  display: block;
}

/* line 334, ../../frontend-src/css/sass/_animations.scss */
.hidden {
  display: none;
}

/* line 339, ../../frontend-src/css/sass/_animations.scss */
.rotate-planet {
  -moz-animation: rotatePlanet 10s linear infinite;
  -webkit-animation: rotatePlanet 10s linear infinite;
  animation: rotatePlanet 10s linear infinite;
}

/* line 343, ../../frontend-src/css/sass/_animations.scss */
.rotate-planet-two {
  -moz-animation: rotatePlanet 10s linear infinite;
  -webkit-animation: rotatePlanet 10s linear infinite;
  animation: rotatePlanet 10s linear infinite;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  -webkit-transition-delay: 5s;
  transition-delay: 5s;
}

/* line 348, ../../frontend-src/css/sass/_animations.scss */
.fog-intensity {
  -moz-animation: intesityFog 5s linear infinite;
  -webkit-animation: intesityFog 5s linear infinite;
  animation: intesityFog 5s linear infinite;
}

/* line 352, ../../frontend-src/css/sass/_animations.scss */
.zoom-in-transition {
  opacity: 1;
}
/* line 354, ../../frontend-src/css/sass/_animations.scss */
.zoom-in-transition .table-wrapper {
  -moz-animation: zoomIn 0.5s ease-in;
  -webkit-animation: zoomIn 0.5s ease-in;
  animation: zoomIn 0.5s ease-in;
}

/* line 359, ../../frontend-src/css/sass/_animations.scss */
.zoom-out-transition {
  opacity: 1;
}
/* line 361, ../../frontend-src/css/sass/_animations.scss */
.zoom-out-transition .table-wrapper {
  -moz-animation: zoomOut 1s ease-out;
  -webkit-animation: zoomOut 1s ease-out;
  animation: zoomOut 1s ease-out;
}

/* line 366, ../../frontend-src/css/sass/_animations.scss */
.come-in-transition {
  opacity: 1;
}
/* line 368, ../../frontend-src/css/sass/_animations.scss */
.come-in-transition .table-wrapper {
  -moz-animation: comeIn 1s ease-in-out;
  -webkit-animation: comeIn 1s ease-in-out;
  animation: comeIn 1s ease-in-out;
}

/* line 373, ../../frontend-src/css/sass/_animations.scss */
.come-out-transition {
  opacity: 1;
}
/* line 375, ../../frontend-src/css/sass/_animations.scss */
.come-out-transition .table-wrapper {
  -moz-animation: comeOut 1s ease-out;
  -webkit-animation: comeOut 1s ease-out;
  animation: comeOut 1s ease-out;
}

/* line 380, ../../frontend-src/css/sass/_animations.scss */
.typography-in-transition {
  opacity: 1;
}
/* line 383, ../../frontend-src/css/sass/_animations.scss */
.typography-in-transition .language-switcher {
  -moz-animation: fadeIn 1s ease-in;
  -webkit-animation: fadeIn 1s ease-in;
  animation: fadeIn 1s ease-in;
}
/* line 387, ../../frontend-src/css/sass/_animations.scss */
.typography-in-transition .loading {
  opacity: 1;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
/* line 395, ../../frontend-src/css/sass/_animations.scss */
.typography-in-transition #continue-questions {
  opacity: 1;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
/* line 401, ../../frontend-src/css/sass/_animations.scss */
.typography-in-transition h1 {
  opacity: 1;
  -moz-animation: headingOneIn 1s ease;
  -webkit-animation: headingOneIn 1s ease;
  animation: headingOneIn 1s ease;
}
/* line 407, ../../frontend-src/css/sass/_animations.scss */
.typography-in-transition h4 {
  opacity: 1;
  -moz-animation: headingTwoIn 1s ease;
  -webkit-animation: headingTwoIn 1s ease;
  animation: headingTwoIn 1s ease;
}

/* line 417, ../../frontend-src/css/sass/_animations.scss */
.typography-out-transition .language-switcher {
  -moz-animation: fadeOut 1s ease-out;
  -webkit-animation: fadeOut 1s ease-out;
  animation: fadeOut 1s ease-out;
}
/* line 421, ../../frontend-src/css/sass/_animations.scss */
.typography-out-transition .loading {
  opacity: 0;
  /*@include transition(all 0.8s ease-in-out);*/
}
/* line 426, ../../frontend-src/css/sass/_animations.scss */
.typography-out-transition #continue-questions {
  opacity: 0;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
/* line 431, ../../frontend-src/css/sass/_animations.scss */
.typography-out-transition h1 {
  opacity: 0;
  -moz-animation: headingOneOut 0.8s ease-in;
  -webkit-animation: headingOneOut 0.8s ease-in;
  animation: headingOneOut 0.8s ease-in;
}
/* line 437, ../../frontend-src/css/sass/_animations.scss */
.typography-out-transition h4 {
  opacity: 0;
  -moz-animation: headingTwoOut 0.8s ease-in;
  -webkit-animation: headingTwoOut 0.8s ease-in;
  animation: headingTwoOut 0.8s ease-in;
}