/* --------------------
	move
-------------------- */
div {
  display: block;
}

div img {
  width: 100%;
}

.fadein {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1s ease 0.3s;
  transition: all 1s ease 0.3s;
}

.fadein-active {
  opacity: 1;
  visibility: visible;
}

.fadeinup {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 2s ease 0.3s;
  transition: all 2s ease 0.3s;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}

.fadeinup-active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.fadeinleft {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 2s ease 0.3s;
  transition: all 2s ease 0.3s;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

.fadeinleft-active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.fadeinright {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 2s ease 0.3s;
  transition: all 2s ease 0.3s;
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
}

.fadeinright-active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.scale {
  overflow: hidden;
}

.scale img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.scale-active {
  overflow: hidden;
}

.scale-active img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.turn-left {
  position: relative;
}

.turn-left:after {
  content: "";
  display: block;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.turn-left-active {
  position: relative;
}

.turn-left-active:after {
  content: "";
  display: block;
  background-color: #000;
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transition: all 1s cubic-bezier(0.6, 0.09, 0.08, 0.9);
  transition: all 1s cubic-bezier(0.6, 0.09, 0.08, 0.9);
}

.turn-right {
  position: relative;
}

.turn-right:after {
  content: "";
  display: block;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

.turn-right-active {
  position: relative;
}

.turn-right-active:after {
  content: "";
  display: block;
  background-color: #000;
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  -webkit-transition: all 1s cubic-bezier(0.6, 0.09, 0.08, 0.9);
  transition: all 1s cubic-bezier(0.6, 0.09, 0.08, 0.9);
}

.turn-top {
  position: relative;
}

.turn-top:after {
  content: "";
  display: block;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

.turn-top-active {
  position: relative;
}

.turn-top-active:after {
  content: "";
  display: block;
  background-color: #000;
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  -webkit-transition: all 1s cubic-bezier(0.6, 0.09, 0.08, 0.9);
  transition: all 1s cubic-bezier(0.6, 0.09, 0.08, 0.9);
}

.turn-bottom {
  position: relative;
}

.turn-bottom:after {
  content: "";
  display: block;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}

.turn-bottom-active {
  position: relative;
}

.turn-bottom-active:after {
  content: "";
  display: block;
  background-color: #000;
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  -webkit-transition: all 1s cubic-bezier(0.6, 0.09, 0.08, 0.9);
  transition: all 1s cubic-bezier(0.6, 0.09, 0.08, 0.9);
}

.rotate {
  position: relative;
}

.rotate-active {
  position: relative;
  -webkit-animation: rotate-diagonal-1 0.4s linear both;
  animation: rotate-diagonal-1 0.4s linear both;
}

@-webkit-keyframes rotate-diagonal-1 {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: rotate3d(1, 1, 0, -180deg);
    transform: rotate3d(1, 1, 0, -180deg);
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, -360deg);
    transform: rotate3d(1, 1, 0, -360deg);
  }
}

@keyframes rotate-diagonal-1 {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: rotate3d(1, 1, 0, -180deg);
    transform: rotate3d(1, 1, 0, -180deg);
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, -360deg);
    transform: rotate3d(1, 1, 0, -360deg);
  }
}

.filter {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: all 3s ease 0.3s;
  transition: all 3s ease 0.3s;
}

.filter-active {
  visibility: visible;
  -webkit-filter: none;
          filter: none;
}
/*# sourceMappingURL=style_move.css.map */