/*
base
*/

.mobile {
    display: none!important;
}

/*
transition
*/

/*:nth-child > * { --nth-child: 1 }*/
:nth-child(1) > * { --nth-child: 1 }
:nth-child(2) > * { --nth-child: 2 }
:nth-child(3) > * { --nth-child: 3 }
:nth-child(4) > * { --nth-child: 4 }
:nth-child(5) > * { --nth-child: 5 }
:nth-child(6) > * { --nth-child: 6 }
:nth-child(7) > * { --nth-child: 7 }
:nth-child(8) > * { --nth-child: 8 }
:nth-child(9) > * { --nth-child: 9 }
:nth-child(10) > * { --nth-child: 10 }

.revealer-bottom > * { --multiplier:.4s }
.revealer-bottom.slow > * { --multiplier:.7s }
.revealer-bottom.ultra-slow > * { --multiplier:1.6s }
.revealer-bottom.fast > * { --multiplier:.1s }

/* revealer */

.revealer-bottom {
    overflow: hidden;
}

.revealer-bottom > * {
  top: 300px;
  opacity: 0;
  transition:calc(var(--nth-child) * var(--multiplier));
  -o-transition:calc(var(--nth-child) * var(--multiplier));
  -ms-transition:calc(var(--nth-child) * var(--multiplier));
  -moz-transition:calc(var(--nth-child) * var(--multiplier));
  -webkit-transition:calc(var(--nth-child) * var(--multiplier));
}

.revealer-bottom.done > * {
    top: 0;
    opacity: 1;
}

.revealer-bottom.done.nocut {
    overflow: initial;
}

/**/

.revealer-opacity > * {
  opacity: 0;
  opacity: 0;
  transition:calc(var(--nth-child) * var(--multiplier));
  -o-transition:calc(var(--nth-child) * var(--multiplier));
  -ms-transition:calc(var(--nth-child) * var(--multiplier));
  -moz-transition:calc(var(--nth-child) * var(--multiplier));
  -webkit-transition:calc(var(--nth-child) * var(--multiplier));
}

.revealer-opacity.done > * {
    opacity: 1;
    left: 0px;
}

.revealer-opacity.done.nocut {
    overflow: initial;
    left: 0px;
}

/*
*/

.apear-container > .apear {
  opacity: 1 ;
  transition: transform .8s;
	-o-transition:ease-in-out .8s;
	-ms-transition:ease-in-out .8s;
	-moz-transition:ease-in-out .8s;
	-webkit-transition:ease-in-out .8s;
	transition: ease-in-out .8s;

}

.apear-container > .apear:not(.active) {
  /*display: none!important;*/
  position: absolute!important;

   opacity: 0;
}

@keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }

  .rotate {
    animation: rotation 8s infinite linear;
  }

  
 /*
 animaton
 */

 .animated-e {
  -o-transition:1.2s;
  -ms-transition:1.2s;
  -moz-transition:1.2s;
  -webkit-transition:1.2s;
  transition:1.2s;
}

.animated-d {
  -o-transition:1s;
  -ms-transition:1s;
  -moz-transition:1s;
  -webkit-transition:1s;
  transition:1s;
}

.animated-c {
  -o-transition:.8s;
  -ms-transition:.8s;
  -moz-transition:.8s;
  -webkit-transition:.8s;
  transition:.8s;
}

.animated-b {
  -o-transition:.6s;
  -ms-transition:.6s;
  -moz-transition:.6s;
  -webkit-transition:.6s;
  transition:.6s;
}

.animated-a {
  -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
}

.scroll-hide {
  opacity: 0;
  top: 100px;

  /*
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  */
}

.scroll-show {
  opacity: 1;
  top: 0px;

  /*
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
  */
}

.the-trans {
  transition: transform .8s;
	-o-transition:ease-in-out .8s;
	-ms-transition:ease-in-out .8s;
	-moz-transition:ease-in-out .8s;
	-webkit-transition:ease-in-out .8s;
	transition: ease-in-out .8s;
}

@media not all and (min-resolution:.001dpcm) { @media {

  /*safari only*/

  .revealer-bottom > * {
    top: initial;
    opacity: 1;
  }

}}