/**
 * Template part applying styles for intro content for front-page.php
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package Mitra-child
 */
/*--------------------------------------------------------------
# SETUP
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Keyframe Animations
--------------------------------------------------------------*/
@keyframes animationIntroBounceY {
  0% {
    -webkit-transform: translate(0, -0.1em);
    -moz-transform: translate(0, -0.1em);
    -ms-transform: translate(0, -0.1em);
    -o-transform: translate(0, -0.1em);
    transform: translate(0, -0.1em); }
  100% {
    -webkit-transform: translate(0, 0.2em);
    -moz-transform: translate(0, 0.2em);
    -ms-transform: translate(0, 0.2em);
    -o-transform: translate(0, 0.2em);
    transform: translate(0, 0.2em); } }
@keyframes animationIntroFadeOut {
  0% {
    opacity: 1;
    position: relative;
    left: 0; }
  99% {
    opacity: 0;
    left: 0; }
  100% {
    left: -2000%; } }
@keyframes animationIntroRotate90 {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); } }
@keyframes animationIntroShake {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  50% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  75% {
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg); }
  100% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes animationIntroShake2 {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  50% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  75% {
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg); }
  100% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes animationIntroShake3 {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  50% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  75% {
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg); }
  100% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes animationIntroShake4 {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  50% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  75% {
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg); }
  100% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes animationIntroRotate90Out {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  25% {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1; }
  50% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 1; }
  75% {
    opacity: 1;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    opacity: 0;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); } }
@keyframes animationIntroSuperScale {
  0% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -moz-transform: scale(100);
    -o-transform: scale(100);
    -ms-transform: scale(100);
    -webkit-transform: scale(100);
    transform: scale(100); } }
/*--------------------------------------------------------------
# Styles
--------------------------------------------------------------*/
#uncon-intro-spinner {
  display: inline-block;
  width: 50%;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  height: auto;
  -moz-transition: width 0.2s 0.1s, height 0.2s 0.1s;
  -o-transition: width 0.2s 0.1s, height 0.2s 0.1s;
  -webkit-transition: width 0.2s 0.1s, height 0.2s 0.1s;
  transition: width 0.2s 0.1s, height 0.2s 0.1s;
  -webkit-transition: -webkit-transform .1s ease-out;
  -moz-transition: -moz-transform .1s ease-out;
  -o-transition: -o-transform .1s ease-out;
  transition: transform .1s ease-out; }
  #uncon-intro-spinner:hover, #uncon-intro-spinner:focus {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  @media only screen and (min-width: 576px) {
    #uncon-intro-spinner {
      width: 50%; } }
  @media only screen and (min-width: 768px) {
    #uncon-intro-spinner {
      width: 45%; } }
  @media only screen and (min-width: 992px) {
    #uncon-intro-spinner {
      width: 35%; } }
  @media only screen and (min-width: 1200px) {
    #uncon-intro-spinner {
      width: 25%; } }

#uncon-intro-box {
  display: inline-block;
  width: 100%;
  height: auto;
  cursor: pointer; }

#uncon-intro-big-container {
  background-color: #35304e;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 9999999; }

#uncon-intro-skip-this {
  position: absolute;
  bottom: 4em;
  text-align: center;
  width: 100%;
  font-size: .8em;
  opacity: 1;
  z-index: 5000;
  -moz-transition: opacity 0.2s 0;
  -o-transition: opacity 0.2s 0;
  -webkit-transition: opacity 0.2s 0;
  transition: opacity 0.2s 0; }
  @media only screen and (min-height: 600px) {
    #uncon-intro-skip-this {
      bottom: 8em; } }
  #uncon-intro-skip-this span {
    opacity: .25;
    color: white;
    cursor: pointer;
    text-decoration: underline;
    -moz-transition: color 0.2s, opacity 0.2s;
    -o-transition: color 0.2s, opacity 0.2s;
    -webkit-transition: color 0.2s, opacity 0.2s;
    transition: color 0.2s, opacity 0.2s; }
    #uncon-intro-skip-this span:hover, #uncon-intro-skip-this span:focus {
      color: #e3875c;
      opacity: 1; }
  #uncon-intro-skip-this.uncon-intro-hide-me {
    opacity: 0; }

#uncon-intro-bg-image {
  background: #35304e url("../images/UnCon_Background-1.png") repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  -moz-transition: opacity 0.2s 0s ease-in-out;
  -o-transition: opacity 0.2s 0s ease-in-out;
  -webkit-transition: opacity 0.2s 0s ease-in-out;
  transition: opacity 0.2s 0s ease-in-out;
  opacity: 0; }
  #uncon-intro-bg-image.uncon-intro-fade1 {
    opacity: .33; }
  #uncon-intro-bg-image.uncon-intro-fade2 {
    opacity: .66; }
  #uncon-intro-bg-image.uncon-intro-fade3 {
    opacity: 1; }

#uncon-intro-box-container {
  z-index: 2000;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: table; }
  #uncon-intro-box-container > div {
    display: table-row; }
    #uncon-intro-box-container > div > div {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }

.uncon-intro-shake-it {
  -webkit-animation-delay: 0.2s;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: animationIntroShake;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 2;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-delay: 0.2s;
  -moz-animation-duration: 0.1s;
  -moz-animation-name: animationIntroShake;
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: normal;
  -moz-animation-iteration-count: 2;
  -moz-animation-timing-function: ease-in-out;
  -ms-animation-delay: 0.2s;
  -ms-animation-duration: 0.1s;
  -ms-animation-name: animationIntroShake;
  -ms-animation-fill-mode: forwards;
  -ms-animation-direction: normal;
  -ms-animation-iteration-count: 2;
  -ms-animation-timing-function: ease-in-out;
  -o-animation-delay: 0.2s;
  -o-animation-duration: 0.1s;
  -o-animation-name: animationIntroShake;
  -o-animation-fill-mode: forwards;
  -o-animation-direction: normal;
  -o-animation-iteration-count: 2;
  -o-animation-timing-function: ease-in-out;
  animation-delay: 0.2s;
  animation-duration: 0.1s;
  animation-name: animationIntroShake;
  animation-fill-mode: forwards;
  animation-direction: normal;
  animation-iteration-count: 2;
  animation-timing-function: ease-in-out; }

.uncon-intro-shake-it2 {
  -webkit-animation-delay: 0.2s;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: animationIntroShake2;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 2;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-delay: 0.2s;
  -moz-animation-duration: 0.1s;
  -moz-animation-name: animationIntroShake2;
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: normal;
  -moz-animation-iteration-count: 2;
  -moz-animation-timing-function: ease-in-out;
  -ms-animation-delay: 0.2s;
  -ms-animation-duration: 0.1s;
  -ms-animation-name: animationIntroShake2;
  -ms-animation-fill-mode: forwards;
  -ms-animation-direction: normal;
  -ms-animation-iteration-count: 2;
  -ms-animation-timing-function: ease-in-out;
  -o-animation-delay: 0.2s;
  -o-animation-duration: 0.1s;
  -o-animation-name: animationIntroShake2;
  -o-animation-fill-mode: forwards;
  -o-animation-direction: normal;
  -o-animation-iteration-count: 2;
  -o-animation-timing-function: ease-in-out;
  animation-delay: 0.2s;
  animation-duration: 0.1s;
  animation-name: animationIntroShake2;
  animation-fill-mode: forwards;
  animation-direction: normal;
  animation-iteration-count: 2;
  animation-timing-function: ease-in-out; }

.uncon-intro-shake-it3 {
  -webkit-animation-delay: 0.2s;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: animationIntroShake3;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 2;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-delay: 0.2s;
  -moz-animation-duration: 0.1s;
  -moz-animation-name: animationIntroShake3;
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: normal;
  -moz-animation-iteration-count: 2;
  -moz-animation-timing-function: ease-in-out;
  -ms-animation-delay: 0.2s;
  -ms-animation-duration: 0.1s;
  -ms-animation-name: animationIntroShake3;
  -ms-animation-fill-mode: forwards;
  -ms-animation-direction: normal;
  -ms-animation-iteration-count: 2;
  -ms-animation-timing-function: ease-in-out;
  -o-animation-delay: 0.2s;
  -o-animation-duration: 0.1s;
  -o-animation-name: animationIntroShake3;
  -o-animation-fill-mode: forwards;
  -o-animation-direction: normal;
  -o-animation-iteration-count: 2;
  -o-animation-timing-function: ease-in-out;
  animation-delay: 0.2s;
  animation-duration: 0.1s;
  animation-name: animationIntroShake3;
  animation-fill-mode: forwards;
  animation-direction: normal;
  animation-iteration-count: 2;
  animation-timing-function: ease-in-out; }

.uncon-intro-shake-it4 {
  -webkit-animation-delay: 0.2s;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: animationIntroShake4;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 2;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-delay: 0.2s;
  -moz-animation-duration: 0.1s;
  -moz-animation-name: animationIntroShake4;
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: normal;
  -moz-animation-iteration-count: 2;
  -moz-animation-timing-function: ease-in-out;
  -ms-animation-delay: 0.2s;
  -ms-animation-duration: 0.1s;
  -ms-animation-name: animationIntroShake4;
  -ms-animation-fill-mode: forwards;
  -ms-animation-direction: normal;
  -ms-animation-iteration-count: 2;
  -ms-animation-timing-function: ease-in-out;
  -o-animation-delay: 0.2s;
  -o-animation-duration: 0.1s;
  -o-animation-name: animationIntroShake4;
  -o-animation-fill-mode: forwards;
  -o-animation-direction: normal;
  -o-animation-iteration-count: 2;
  -o-animation-timing-function: ease-in-out;
  animation-delay: 0.2s;
  animation-duration: 0.1s;
  animation-name: animationIntroShake4;
  animation-fill-mode: forwards;
  animation-direction: normal;
  animation-iteration-count: 2;
  animation-timing-function: ease-in-out; }

.uncon-intro-shake-it5 {
  -webkit-animation-delay: 0.2s;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: animationIntroShake4;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 30;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-delay: 0.2s;
  -moz-animation-duration: 0.1s;
  -moz-animation-name: animationIntroShake4;
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: normal;
  -moz-animation-iteration-count: 30;
  -moz-animation-timing-function: ease-in-out;
  -ms-animation-delay: 0.2s;
  -ms-animation-duration: 0.1s;
  -ms-animation-name: animationIntroShake4;
  -ms-animation-fill-mode: forwards;
  -ms-animation-direction: normal;
  -ms-animation-iteration-count: 30;
  -ms-animation-timing-function: ease-in-out;
  -o-animation-delay: 0.2s;
  -o-animation-duration: 0.1s;
  -o-animation-name: animationIntroShake4;
  -o-animation-fill-mode: forwards;
  -o-animation-direction: normal;
  -o-animation-iteration-count: 30;
  -o-animation-timing-function: ease-in-out;
  animation-delay: 0.2s;
  animation-duration: 0.1s;
  animation-name: animationIntroShake4;
  animation-fill-mode: forwards;
  animation-direction: normal;
  animation-iteration-count: 30;
  animation-timing-function: ease-in-out; }

#uncon-intro-box-container {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1); }
  #uncon-intro-box-container.uncon-intro-enlarge {
    -webkit-animation-delay: 1s;
    -webkit-animation-duration: 1s;
    -webkit-animation-name: animationIntroSuperScale;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-direction: normal;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-delay: 1s;
    -moz-animation-duration: 1s;
    -moz-animation-name: animationIntroSuperScale;
    -moz-animation-fill-mode: forwards;
    -moz-animation-direction: normal;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-delay: 1s;
    -ms-animation-duration: 1s;
    -ms-animation-name: animationIntroSuperScale;
    -ms-animation-fill-mode: forwards;
    -ms-animation-direction: normal;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-delay: 1s;
    -o-animation-duration: 1s;
    -o-animation-name: animationIntroSuperScale;
    -o-animation-fill-mode: forwards;
    -o-animation-direction: normal;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-name: animationIntroSuperScale;
    animation-fill-mode: forwards;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out; }

#uncon-intro-click-me-arrow {
  font-size: .9em;
  font-weight: thin;
  text-align: center;
  margin: -4em auto 0;
  height: 4em;
  opacity: 1;
  -moz-transition: opacity 0.2s 0s ease;
  -o-transition: opacity 0.2s 0s ease;
  -webkit-transition: opacity 0.2s 0s ease;
  transition: opacity 0.2s 0s ease; }
  #uncon-intro-click-me-arrow i {
    display: block;
    margin-top: 0em;
    line-height: 1em;
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-name: animationIntroBounceY;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-delay: 0s;
    -moz-animation-duration: 0.3s;
    -moz-animation-name: animationIntroBounceY;
    -moz-animation-fill-mode: forwards;
    -moz-animation-direction: alternate;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in;
    -ms-animation-delay: 0s;
    -ms-animation-duration: 0.3s;
    -ms-animation-name: animationIntroBounceY;
    -ms-animation-fill-mode: forwards;
    -ms-animation-direction: alternate;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in;
    -o-animation-delay: 0s;
    -o-animation-duration: 0.3s;
    -o-animation-name: animationIntroBounceY;
    -o-animation-fill-mode: forwards;
    -o-animation-direction: alternate;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in;
    animation-delay: 0s;
    animation-duration: 0.3s;
    animation-name: animationIntroBounceY;
    animation-fill-mode: forwards;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in; }
  #uncon-intro-click-me-arrow.uncon-intro-hide-me {
    opacity: 0; }

.uncon-intro-rotate-it {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: animationIntroRotate90;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.3s;
  -moz-animation-name: animationIntroRotate90;
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: normal;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-out;
  -ms-animation-delay: 0s;
  -ms-animation-duration: 0.3s;
  -ms-animation-name: animationIntroRotate90;
  -ms-animation-fill-mode: forwards;
  -ms-animation-direction: normal;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: ease-out;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.3s;
  -o-animation-name: animationIntroRotate90;
  -o-animation-fill-mode: forwards;
  -o-animation-direction: normal;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-duration: 0.3s;
  animation-name: animationIntroRotate90;
  animation-fill-mode: forwards;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease-out; }

.uncon-intro-fade-it {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: animationIntroRotate90;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-delay: 0s;
  -moz-animation-duration: 0.3s;
  -moz-animation-name: animationIntroRotate90;
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: normal;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-out;
  -ms-animation-delay: 0s;
  -ms-animation-duration: 0.3s;
  -ms-animation-name: animationIntroRotate90;
  -ms-animation-fill-mode: forwards;
  -ms-animation-direction: normal;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: ease-out;
  -o-animation-delay: 0s;
  -o-animation-duration: 0.3s;
  -o-animation-name: animationIntroRotate90;
  -o-animation-fill-mode: forwards;
  -o-animation-direction: normal;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-duration: 0.3s;
  animation-name: animationIntroRotate90;
  animation-fill-mode: forwards;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease-out; }

.uncon-intro-rotate-it-out {
  -webkit-animation-delay: 0.6s;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-name: animationIntroFadeOut;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-delay: 0.6s;
  -moz-animation-duration: 0.6s;
  -moz-animation-name: animationIntroFadeOut;
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: normal;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-delay: 0.6s;
  -ms-animation-duration: 0.6s;
  -ms-animation-name: animationIntroFadeOut;
  -ms-animation-fill-mode: forwards;
  -ms-animation-direction: normal;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
  -o-animation-delay: 0.6s;
  -o-animation-duration: 0.6s;
  -o-animation-name: animationIntroFadeOut;
  -o-animation-fill-mode: forwards;
  -o-animation-direction: normal;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: linear;
  animation-delay: 0.6s;
  animation-duration: 0.6s;
  animation-name: animationIntroFadeOut;
  animation-fill-mode: forwards;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: linear; }

body {
  /*  background-color: $c-purple;
    color: white;
    font-family: $sans;
    margin: 0;
    padding: 0;*/ }

/*# sourceMappingURL=content-intro.css.map */