/* SMOOTH ANIMATION */
#smooth #main * {
  opacity: 0;

  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}
#smooth.started #main * {
  opacity: 0;
}
#smooth.firtLoad #main *,
#smooth.loaded #main *{
  opacity: 1;
}

#smooth #main:before {
  opacity: 0;
  content: '';
  position: absolute;
  top: 340px;
  left: 50%;
  transform: translateX(-50%);
  background-size: contain;
  background-repeat: no-repeat;
}
#smooth.started #main:before {
  opacity: 1;
  height: 32px;
  width: 32px;
  background-image: url(../images/spin/spinner.svg);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #smooth.started #main:before {
    background-image: url(../images/spin/spinner.gif);
  }
}


.col-earth {
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 0;

  -webkit-transition: .6s ease-out;
  transition: .6s ease-out;
}
.col-earth.trigger {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}



/* ANIMATION INVIEW 
.scale {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;

  -webkit-transition: .6s cubic-bezier(.75,1,.36,1.3);
  transition: .6s cubic-bezier(.75,1,.36,1.3);
}
.scale.fired {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}


.fadeUp {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 0;

  -webkit-transition: .6s ease-out;
  transition: .6s ease-out;
}
.fadeUp.inView {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}


.translate {
  -webkit-transition: .6s ease-out;
  transition: .6s ease-out;
  opacity: 0;

  -webkit-transform: translate3d(0px, 200px, 0px);
  transform: translate3d(0px, 200px, 0px);
}
.translate.fired {
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
*/

/* FADEIN CHILD 
.fadeTxt > * {
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
  opacity: 0;
}
.fadeTxt > *:nth-of-type(1) {
  -webkit-transition: .6s ease-in-out .1s;
          transition: .6s ease-in-out .1s;
}
.fadeTxt > *:nth-of-type(2) {
  -webkit-transition: .6s ease-in-out .2s;
          transition: .6s ease-in-out .2s;
}
.fadeTxt > *:nth-of-type(3) {
  -webkit-transition: .6s ease-in-out .3s;
          transition: .6s ease-in-out .3s;
}
.fadeTxt > *:nth-of-type(4) {
  -webkit-transition: .6s ease-in-out .4s;
          transition: .6s ease-in-out .4s;
}
.fadeTxt.inView > * {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}
*/






/* ANIMATION HOVER 
.borderBox:hover {
  box-shadow: inset 0 0 0 25px #53a7ea;
}

.outline:before {
  content: '';
  position: absolute;
  border: 3px solid #eee;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;

  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.outline:hover:before,
.outline:focus:before,
.outline:active:before {
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
}

.zoom {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.zoom:hover {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
*/