/* Loading Animation Start */
/* ------------------------------------------------*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInUp {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes fadeInDown {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  to {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    -moz-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInLeft {
  from {
    opacity: 0;
    -moz-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -moz-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInRight {
  from {
    opacity: 0;
    -moz-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }
  to {
    opacity: 1;
    -moz-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    -moz-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}

body.split-loaded .main-section {
  -webkit-animation: 0.8s ease-in-out 0.2s 1 both fadeIn;
  -moz-animation: 0.8s ease-in-out 0.2s 1 both fadeIn;
  animation: 0.8s ease-in-out 0.2s 1 both fadeIn;
}

body.split-loaded .main-section__media .media-content {
  -webkit-animation: 0.8s ease-in-out 0.2s 1 both fadeInRight;
  -moz-animation: 0.8s ease-in-out 0.2s 1 both fadeInRight;
  animation: 0.8s ease-in-out 0.2s 1 both fadeInRight;
}

body.split-loaded .main-section__aside {
  -webkit-animation: 0.8s ease-in-out 0.2s 1 both fadeInLeft;
  -moz-animation: 0.8s ease-in-out 0.2s 1 both fadeInLeft;
  animation: 0.8s ease-in-out 0.2s 1 both fadeInLeft;
}

body.split-loaded .intro-content {
  -webkit-animation: 0.8s ease-in-out 0.8s 1 both fadeIn;
  -moz-animation: 0.8s ease-in-out 0.8s 1 both fadeIn;
  animation: 0.8s ease-in-out 0.8s 1 both fadeIn;
}

body.split-loaded .countdown,
body.split-loaded .socials {
  -webkit-animation: 1.2s ease-in-out 0.8s 1 both fadeIn;
  -moz-animation: 1.2s ease-in-out 0.8s 1 both fadeIn;
  animation: 1.2s ease-in-out 0.8s 1 both fadeIn;
}

body.split-loaded .main-background-objects .main-obj-1 {
  -webkit-animation: 1.2s ease-in-out 1.6s 1 both fadeInDown;
  -moz-animation: 1.2s ease-in-out 1.6s 1 both fadeInDown;
  animation: 1.2s ease-in-out 1.6s 1 both fadeInDown;
}

body.split-loaded .main-background-objects .main-obj-2 {
  -webkit-animation: 1.2s ease-in-out 1.6s 1 both fadeInUp;
  -moz-animation: 1.2s ease-in-out 1.6s 1 both fadeInUp;
  animation: 1.2s ease-in-out 1.6s 1 both fadeInUp;
}

body.fullscreen-loaded .main-section {
  -webkit-animation: 0.8s ease-in-out 0.2s 1 both fadeIn;
  -moz-animation: 0.8s ease-in-out 0.2s 1 both fadeIn;
  animation: 0.8s ease-in-out 0.2s 1 both fadeIn;
}

body.fullscreen-loaded .main-section__aside {
  -webkit-animation: 0.8s ease-in-out 0.2s 1 both fadeInLeft;
  -moz-animation: 0.8s ease-in-out 0.2s 1 both fadeInLeft;
  animation: 0.8s ease-in-out 0.2s 1 both fadeInLeft;
}

body.fullscreen-loaded .intro-content {
  -webkit-animation: 0.8s ease-in-out 0.8s 1 both fadeIn;
  -moz-animation: 0.8s ease-in-out 0.8s 1 both fadeIn;
  animation: 0.8s ease-in-out 0.8s 1 both fadeIn;
}

body.fullscreen-loaded .countdown,
body.fullscreen-loaded .socials {
  -webkit-animation: 1.2s ease-in-out 0.8s 1 both fadeIn;
  -moz-animation: 1.2s ease-in-out 0.8s 1 both fadeIn;
  animation: 1.2s ease-in-out 0.8s 1 both fadeIn;
}

body.fullscreen-loaded .main-background-objects .main-obj-1 {
  -webkit-animation: 1.2s ease-in-out 1.2s 1 both fadeInDown;
  -moz-animation: 1.2s ease-in-out 1.2s 1 both fadeInDown;
  animation: 1.2s ease-in-out 1.2s 1 both fadeInDown;
}

body.fullscreen-loaded .main-background-objects .main-obj-2 {
  -webkit-animation: 1.2s ease-in-out 1.2s 1 both fadeInUp;
  -moz-animation: 1.2s ease-in-out 1.2s 1 both fadeInUp;
  animation: 1.2s ease-in-out 1.2s 1 both fadeInUp;
}

body.fullscreen-loaded .main-background-objects .main-obj-3 {
  -webkit-animation: 1.2s ease-in-out 1.2s 1 both fadeInRight;
  -moz-animation: 1.2s ease-in-out 1.2s 1 both fadeInRight;
  animation: 1.2s ease-in-out 1.2s 1 both fadeInRight;
}

/* ------------------------------------------------*/
/* Loading Animation End */