/* fade */
.inview-fade,
ul.inview-fade li,
ol.inview-fade li,
dl.inview-fade dt,
dl.inview-fade dd {
  transition: all 1s cubic-bezier(.86,0,.07,1) 0s;
  opacity: 0;
  -webkit-filter: brightness(3);
  filter: brightness(3);
  text-shadow: 0 0 5px #fff;
}
.inviewed-fade,
ul.inviewed-fade li,
ol.inviewed-fade li,
dl.inviewed-fade dt,
dl.inviewed-fade dd {
  opacity: 1;
  -webkit-filter: brightness(1);
  filter: brightness(1);
  text-shadow: none;
}

/* zoom */
.inview-zoom,
.inviewed-zoom {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.inview-zoom div,
.inviewed-zoom div {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center top;
}
.inview-zoom div {
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(.215,.610,.355,1);
  transition-delay: .5s;
  transform: translate(-50%,0) scale(1.15);
  opacity: 0;
  -webkit-filter: brightness(3);
  filter: brightness(3);
}
.inviewed-zoom div {
  transform: translate(-50%,0) scale(1.0);
  opacity: 1;
  -webkit-filter: brightness(1);
  filter: brightness(1);
}

/* up */
.inview-up,
ul.inview-up li,
ol.inview-up li,
dl.inview-up dt,
dl.inview-up dd {
  transition: all 1s cubic-bezier(.215, .610, .355, 1.000) 0s;
  transform: translate(0,40px);
  opacity: 0;
}
.inviewed-up,
ul.inviewed-up li,
ol.inviewed-up li,
dl.inviewed-up dt,
dl.inviewed-up dd {
  transform: translate(0,0);
  opacity: 1;
}

/* left */
.inview-left,
ul.inview-left li,
ol.inview-left li,
dl.inview-left dt,
dl.inview-left dd {
  transition: all 1s cubic-bezier(.215, .610, .355, 1.000) 0s;
  transform: translate(40px,0);
  opacity: 0;
}
.inviewed-left,
ul.inviewed-left li,
ol.inviewed-left li,
dl.inviewed-left dt,
dl.inviewed-left dd {
  transform: translate(0,0);
  opacity: 1;
}

/* left-stop */
.inview-left-stop,
ul.inview-left-stop li,
ol.inview-left-stop li,
dl.inview-left-stop dt,
dl.inview-left-stop dd {
  transition: all 1s cubic-bezier(.215, .610, .355, 1.000) 0s;
  transform: translate(40px,0);
  opacity: 0;
}
.inviewed-left-stop,
ul.inviewed-left-stop li,
ol.inviewed-left-stop li,
dl.inviewed-left-stop dt,
dl.inviewed-left-stop dd {
  transform: translate(0,0);
  opacity: 1;
}

/* right */
.inview-right,
ul.inview-right li,
ol.inview-right li,
dl.inview-right dt,
dl.inview-right dd {
  transition: all 1s cubic-bezier(.215, .610, .355, 1.000) 0s;
  transform: translate(-40px,0);
  opacity: 0;
}
.inviewed-right,
ul.inviewed-right li,
ol.inviewed-right li,
dl.inviewed-right dt,
dl.inviewed-right dd {
  transform: translate(0,0);
  opacity: 1;
}

/* right */
.inview-right-stop,
ul.inview-right-stop li,
ol.inview-right-stop li,
dl.inview-right-stop dt,
dl.inview-right-stop dd {
  transition: all 1s cubic-bezier(.215, .610, .355, 1.000) 0s;
  transform: translate(-40px,0);
  opacity: 0;
}
.inviewed-right-stop,
ul.inviewed-right-stop li,
ol.inviewed-right-stop li,
dl.inviewed-right-stop dt,
dl.inviewed-right-stop dd {
  transform: translate(0,0);
  opacity: 1;
}

/* cover-right */
.inview-cover-left { position: relative; }
.inview-cover-left:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: all 1.5s cubic-bezier(1.000, .000, .000, 1.000) 0s;
  content: "";
  z-index: 1;
  -webkit-filter: brightness(3);
  filter: brightness(3);
}
.inviewed-cover-left:before {
  width: 0%;
  -webkit-filter: brightness(1);
  filter: brightness(1);
}

/* cover-right */
.inview-cover-right { position: relative; }
.inview-cover-right:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: all 1.5s cubic-bezier(1.000, .000, .000, 1.000) 0s;
  content: "";
  z-index: 1;
}
.inviewed-cover-right:before { width: 0%; }

/* delay */
.delay01 { transition-delay: .1s!important; }
.delay02 { transition-delay: .2s!important; }
.delay03 { transition-delay: .3s!important; }
.delay04 { transition-delay: .4s!important; }
.delay05 { transition-delay: .5s!important; }
.delay06 { transition-delay: .6s!important; }
.delay07 { transition-delay: .7s!important; }
.delay08 { transition-delay: .8s!important; }
.delay09 { transition-delay: .9s!important; }
.delay10 { transition-delay: 1s!important; }

.inview-fade li:nth-of-type(2) { transition-delay: .1s; }
.inview-fade li:nth-of-type(3) { transition-delay: .2s; }
.inview-fade li:nth-of-type(4) { transition-delay: .3s; }
.inview-fade li:nth-of-type(5) { transition-delay: .4s; }
.inview-fade li:nth-of-type(6) { transition-delay: .5s; }
.inview-fade li:nth-of-type(7) { transition-delay: .6s; }
.inview-fade li:nth-of-type(8) { transition-delay: .7s; }
.inview-fade li:nth-of-type(9) { transition-delay: .8s; }
.inview-fade li:nth-of-type(10) { transition-delay: .9s; }
.inview-fade li:nth-of-type(11) { transition-delay: 1s; }
.inview-fade li:nth-of-type(12) { transition-delay: 1.1s; }
.inview-fade li:nth-of-type(13) { transition-delay: 1.2s; }
.inview-fade li:nth-of-type(14) { transition-delay: 1.3s; }
.inview-fade li:nth-of-type(15) { transition-delay: 1.4s; }
.inview-fade li:nth-of-type(16) { transition-delay: 1.5s; }
.inview-fade li:nth-of-type(17) { transition-delay: 1.6s; }
.inview-fade li:nth-of-type(18) { transition-delay: 1.7s; }
.inview-fade li:nth-of-type(19) { transition-delay: 1.8s; }
.inview-fade li:nth-of-type(20) { transition-delay: 1.9s; }
.inview-fade li:nth-of-type(21) { transition-delay: 2s; }
.inview-fade li:nth-of-type(22) { transition-delay: 2.1s; }
.inview-fade li:nth-of-type(23) { transition-delay: 2.2s; }
.inview-fade li:nth-of-type(24) { transition-delay: 2.3s; }
.inview-fade li:nth-of-type(25) { transition-delay: 2.4s; }
.inview-fade li:nth-of-type(26) { transition-delay: 2.5s; }
.inview-fade li:nth-of-type(27) { transition-delay: 2.6s; }
.inview-fade li:nth-of-type(28) { transition-delay: 2.7s; }
.inview-fade li:nth-of-type(29) { transition-delay: 2.8s; }
.inview-fade li:nth-of-type(30) { transition-delay: 2.9s; }

.inview-up li:nth-of-type(2) { transition-delay: .1s; }
.inview-up li:nth-of-type(3) { transition-delay: .2s; }
.inview-up li:nth-of-type(4) { transition-delay: .3s; }
.inview-up li:nth-of-type(5) { transition-delay: .4s; }
.inview-up li:nth-of-type(6) { transition-delay: .5s; }
.inview-up li:nth-of-type(7) { transition-delay: .6s; }
.inview-up li:nth-of-type(8) { transition-delay: .7s; }
.inview-up li:nth-of-type(9) { transition-delay: .8s; }
.inview-up li:nth-of-type(10) { transition-delay: .9s; }
.inview-up li:nth-of-type(11) { transition-delay: 1s; }
.inview-up li:nth-of-type(12) { transition-delay: 1.1s; }
.inview-up li:nth-of-type(13) { transition-delay: 1.2s; }
.inview-up li:nth-of-type(14) { transition-delay: 1.3s; }
.inview-up li:nth-of-type(15) { transition-delay: 1.4s; }
.inview-up li:nth-of-type(16) { transition-delay: 1.5s; }
.inview-up li:nth-of-type(17) { transition-delay: 1.6s; }
.inview-up li:nth-of-type(18) { transition-delay: 1.7s; }
.inview-up li:nth-of-type(19) { transition-delay: 1.8s; }
.inview-up li:nth-of-type(20) { transition-delay: 1.9s; }
.inview-up li:nth-of-type(21) { transition-delay: 2s; }
.inview-up li:nth-of-type(22) { transition-delay: 2.1s; }
.inview-up li:nth-of-type(23) { transition-delay: 2.2s; }
.inview-up li:nth-of-type(24) { transition-delay: 2.3s; }
.inview-up li:nth-of-type(25) { transition-delay: 2.4s; }
.inview-up li:nth-of-type(26) { transition-delay: 2.5s; }
.inview-up li:nth-of-type(27) { transition-delay: 2.6s; }
.inview-up li:nth-of-type(28) { transition-delay: 2.7s; }
.inview-up li:nth-of-type(29) { transition-delay: 2.8s; }
.inview-up li:nth-of-type(30) { transition-delay: 2.9s; }

.inview-left li:nth-of-type(2) { transition-delay: .1s; }
.inview-left li:nth-of-type(3) { transition-delay: .2s; }
.inview-left li:nth-of-type(4) { transition-delay: .3s; }
.inview-left li:nth-of-type(5) { transition-delay: .4s; }
.inview-left li:nth-of-type(6) { transition-delay: .5s; }
.inview-left li:nth-of-type(7) { transition-delay: .6s; }
.inview-left li:nth-of-type(8) { transition-delay: .7s; }
.inview-left li:nth-of-type(9) { transition-delay: .8s; }
.inview-left li:nth-of-type(10) { transition-delay: .9s; }
.inview-left li:nth-of-type(11) { transition-delay: 1s; }
.inview-left li:nth-of-type(12) { transition-delay: 1.1s; }
.inview-left li:nth-of-type(13) { transition-delay: 1.2s; }
.inview-left li:nth-of-type(14) { transition-delay: 1.3s; }
.inview-left li:nth-of-type(15) { transition-delay: 1.4s; }
.inview-left li:nth-of-type(16) { transition-delay: 1.5s; }
.inview-left li:nth-of-type(17) { transition-delay: 1.6s; }
.inview-left li:nth-of-type(18) { transition-delay: 1.7s; }
.inview-left li:nth-of-type(19) { transition-delay: 1.8s; }
.inview-left li:nth-of-type(20) { transition-delay: 1.9s; }

.inview-left-stop li:nth-of-type(2) { transition-delay: .1s; }
.inview-left-stop li:nth-of-type(3) { transition-delay: .2s; }
.inview-left-stop li:nth-of-type(4) { transition-delay: .3s; }
.inview-left-stop li:nth-of-type(5) { transition-delay: .4s; }
.inview-left-stop li:nth-of-type(6) { transition-delay: .5s; }
.inview-left-stop li:nth-of-type(7) { transition-delay: .6s; }
.inview-left-stop li:nth-of-type(8) { transition-delay: .7s; }
.inview-left-stop li:nth-of-type(9) { transition-delay: .8s; }
.inview-left-stop li:nth-of-type(10) { transition-delay: .9s; }
.inview-left-stop li:nth-of-type(11) { transition-delay: 1s; }
.inview-left-stop li:nth-of-type(12) { transition-delay: 1.1s; }
.inview-left-stop li:nth-of-type(13) { transition-delay: 1.2s; }
.inview-left-stop li:nth-of-type(14) { transition-delay: 1.3s; }
.inview-left-stop li:nth-of-type(15) { transition-delay: 1.4s; }
.inview-left-stop li:nth-of-type(16) { transition-delay: 1.5s; }
.inview-left-stop li:nth-of-type(17) { transition-delay: 1.6s; }
.inview-left-stop li:nth-of-type(18) { transition-delay: 1.7s; }
.inview-left-stop li:nth-of-type(19) { transition-delay: 1.8s; }
.inview-left-stop li:nth-of-type(20) { transition-delay: 1.9s; }

.inview-right li:nth-of-type(2) { transition-delay: .1s; }
.inview-right li:nth-of-type(3) { transition-delay: .2s; }
.inview-right li:nth-of-type(4) { transition-delay: .3s; }
.inview-right li:nth-of-type(5) { transition-delay: .4s; }
.inview-right li:nth-of-type(6) { transition-delay: .5s; }
.inview-right li:nth-of-type(7) { transition-delay: .6s; }
.inview-right li:nth-of-type(8) { transition-delay: .7s; }
.inview-right li:nth-of-type(9) { transition-delay: .8s; }
.inview-right li:nth-of-type(10) { transition-delay: .9s; }
.inview-right li:nth-of-type(11) { transition-delay: 1s; }
.inview-right li:nth-of-type(12) { transition-delay: 1.1s; }
.inview-right li:nth-of-type(13) { transition-delay: 1.2s; }
.inview-right li:nth-of-type(14) { transition-delay: 1.3s; }
.inview-right li:nth-of-type(15) { transition-delay: 1.4s; }
.inview-right li:nth-of-type(16) { transition-delay: 1.5s; }
.inview-right li:nth-of-type(17) { transition-delay: 1.6s; }
.inview-right li:nth-of-type(18) { transition-delay: 1.7s; }
.inview-right li:nth-of-type(19) { transition-delay: 1.8s; }
.inview-right li:nth-of-type(20) { transition-delay: 1.9s; }

.inview-right-stop li:nth-of-type(2) { transition-delay: .1s; }
.inview-right-stop li:nth-of-type(3) { transition-delay: .2s; }
.inview-right-stop li:nth-of-type(4) { transition-delay: .3s; }
.inview-right-stop li:nth-of-type(5) { transition-delay: .4s; }
.inview-right-stop li:nth-of-type(6) { transition-delay: .5s; }
.inview-right-stop li:nth-of-type(7) { transition-delay: .6s; }
.inview-right-stop li:nth-of-type(8) { transition-delay: .7s; }
.inview-right-stop li:nth-of-type(9) { transition-delay: .8s; }
.inview-right-stop li:nth-of-type(10) { transition-delay: .9s; }
.inview-right-stop li:nth-of-type(11) { transition-delay: 1s; }
.inview-right-stop li:nth-of-type(12) { transition-delay: 1.1s; }
.inview-right-stop li:nth-of-type(13) { transition-delay: 1.2s; }
.inview-right-stop li:nth-of-type(14) { transition-delay: 1.3s; }
.inview-right-stop li:nth-of-type(15) { transition-delay: 1.4s; }
.inview-right-stop li:nth-of-type(16) { transition-delay: 1.5s; }
.inview-right-stop li:nth-of-type(17) { transition-delay: 1.6s; }
.inview-right-stop li:nth-of-type(18) { transition-delay: 1.7s; }
.inview-right-stop li:nth-of-type(19) { transition-delay: 1.8s; }
.inview-right-stop li:nth-of-type(20) { transition-delay: 1.9s; }
