/******************************************************************
Site Name:
Author:
Stylesheet: Definition of Inview Actions
******************************************************************/
/* inview */
.inview {
  /* original */
  /* need: outer and inner element at each object */
}
.inview.impact .object, .inview.impact.object {
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  right: 0;
  -webkit-transform: rotate(-14deg) translateX(-55vw);
          transform: rotate(-14deg) translateX(-55vw);
}
.inview.impact .show .object, .inview.impact .show.object, .inview.impact.show .object, .inview.impact.show.object {
  right: -2vw;
  width: auto;
  -webkit-transform: rotate(-14deg) translateX(-1vw);
          transform: rotate(-14deg) translateX(-1vw);
}
.inview.fadein .object, .inview.fadein.object {
  -webkit-transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1);
  transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1);
  opacity: 0;
}
.inview.fadein .show .object, .inview.fadein .show.object, .inview.fadein.show .object, .inview.fadein.show.object {
  opacity: 1;
}
.inview.comintofocus {
  overflow: hidden;
}
.inview.comintofocus.fast .opject, .inview.comintofocus.fast.object {
  -webkit-transition: all 0.4s ease-out !important;
  transition: all 0.4s ease-out !important;
}
.inview.comintofocus .object, .inview.comintofocus.object {
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  -webkit-filter: blur(20px);
          filter: blur(20px);
}
.inview.comintofocus .show .object, .inview.comintofocus .show.object, .inview.comintofocus.show .object, .inview.comintofocus.show.object {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  overflow: hidden;
}
.inview.slideup .object, .inview.slideup.object {
  -webkit-transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s;
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  -webkit-transform: translateY(30%);
          transform: translateY(30%);
  opacity: 0;
}
.inview.slideup .show .object, .inview.slideup .show.object, .inview.slideup.show .object, .inview.slideup.show.object {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.inview.slideBottom .object, .inview.slideBottom.object {
  -webkit-transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s;
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
}
.inview.slideBottom .show .object, .inview.slideBottom .show.object, .inview.slideBottom.show .object, .inview.slideBottom.show.object {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.inview.slideleft .object, .inview.slideleft.object {
  -webkit-transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s;
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
}
.inview.slideleft .show .object, .inview.slideleft .show.object, .inview.slideleft.show .object, .inview.slideleft.show.object {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.inview.slideright .object, .inview.slideright.object {
  -webkit-transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s;
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  -webkit-transform: translateX(-99%);
          transform: translateX(-99%);
  opacity: 0;
}
.inview.slideright .show .object, .inview.slideright .show.object, .inview.slideright.show .object, .inview.slideright.show.object {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.inview.landslide_lowerright .object, .inview.landslide_lowerright.object {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1), -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  -webkit-transform: translateX(0) translateY(0);
          transform: translateX(0) translateY(0);
  opacity: 0;
}
.inview.landslide_lowerright .show .object, .inview.landslide_lowerright .show.object, .inview.landslide_lowerright.show .object, .inview.landslide_lowerright.show.object {
  -webkit-transform: translateX(20px) translateY(20px);
          transform: translateX(20px) translateY(20px);
}
.inview.mask .object, .inview.mask.object {
  display: inline-block;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transition: -webkit-clip-path 1.2s cubic-bezier(0.48, -0.02, 0, 0.85);
  -webkit-transition: -webkit-clip-path 1.2s cubic-bezier(0.48, -0.02, 0, 0.85);
  transition: clip-path 1.2s cubic-bezier(0.48, -0.02, 0, 0.85);
  transition: clip-path 1.2s cubic-bezier(0.48, -0.02, 0, 0.85), -webkit-clip-path 1.2s cubic-bezier(0.48, -0.02, 0, 0.85);
}
.inview.mask.show, .inview.mask .show {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.inview.mask.speedup .object, .inview.mask.speedup.object {
  display: inline-block;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  -webkit-transition: -webkit-clip-path 0.8s cubic-bezier(0.7, 0.01, 0.32, 1);
  transition: -webkit-clip-path 0.8s cubic-bezier(0.7, 0.01, 0.32, 1);
  transition: clip-path 0.8s cubic-bezier(0.7, 0.01, 0.32, 1);
  transition: clip-path 0.8s cubic-bezier(0.7, 0.01, 0.32, 1), -webkit-clip-path 0.8s cubic-bezier(0.7, 0.01, 0.32, 1);
}
.inview.mask.speedup.show, .inview.mask.speedup .show {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.inview.rainbowshadow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #efefef;
  background: rgb(59, 183, 224);
  background: linear-gradient(122deg, rgb(59, 183, 224) 0%, rgb(246, 248, 189) 100%);
  -webkit-transform: translateX(0px) translateY(0);
          transform: translateX(0px) translateY(0);
  -webkit-transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, opacity 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, opacity 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, opacity 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s;
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, opacity 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
  z-index: 0;
  opacity: 0;
}
.inview.rainbowshadow .object, .inview.rainbowshadow.object {
  -webkit-transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, opacity 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, opacity 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, opacity 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s;
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, opacity 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  -webkit-transform: translateY(30%);
          transform: translateY(30%);
  opacity: 0;
}
.inview.rainbowshadow.show .object, .inview.rainbowshadow.show.object, .inview.rainbowshadow .show .object, .inview.rainbowshadow .show.object {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.inview.rainbowshadow.show::before, .inview.rainbowshadow .show::before {
  opacity: 1;
  -webkit-transform: translateX(-30px) translateY(30px);
          transform: translateX(-30px) translateY(30px);
}
.inview.rainbowshadow.mini.show::before, .inview.rainbowshadow.mini .show::before, .inview.rainbowshadow .mini.show::before, .inview.rainbowshadow .mini .show::before {
  opacity: 1;
  -webkit-transform: translateX(-10px) translateY(10px);
          transform: translateX(-10px) translateY(10px);
}
.inview.delay .object:nth-of-type(1) {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}
.inview.delay .object:nth-of-type(2) {
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}
.inview.delay .object:nth-of-type(3) {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
}
.inview.delay .object:nth-of-type(4) {
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}
.inview.delay .object:nth-of-type(5) {
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
}
.inview.delay .object:nth-of-type(6) {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}
.inview.delay .object:nth-of-type(7) {
  -webkit-transition-delay: 1400ms;
          transition-delay: 1400ms;
}
.inview.expand-line .object, .inview.expand-line.object {
  height: 0 !important;
  -webkit-transition: height 0.3s 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: height 0.3s 1s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.inview.expand-line.show .object, .inview.expand-line.show.object, .inview.expand-line .show .object, .inview.expand-line .show.object {
  height: calc(100% - 200px) !important;
}
.inview.jumpup .object, .inview.jumpup.object {
  overflow: hidden;
}
.inview.jumpup .object .outer, .inview.jumpup .object.outer, .inview.jumpup.object .outer, .inview.jumpup.object.outer {
  display: inline-block;
}
.inview.jumpup .object .inner, .inview.jumpup.object .inner {
  display: inline-block;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1), -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  will-change: transform, opacity;
}
.inview.jumpup.show .object .inner, .inview.jumpup.show.object .inner, .inview.jumpup .show .object .inner, .inview.jumpup .show.object .inner {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.inview.typing .object, .inview.typing.object {
  opacity: 0;
  -webkit-transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s;
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.inview.typing.show, .inview.typing .show {
  opacity: 1;
}

/* simple actions */
.effect.zoombg {
  /* need the FIGURE element as child. */
  overflow: hidden;
}
.effect.zoombg figure {
  -webkit-transition: 0.8s -webkit-transform cubic-bezier(0.24, 0.58, 0.39, 1.01);
  transition: 0.8s -webkit-transform cubic-bezier(0.24, 0.58, 0.39, 1.01);
  transition: 0.8s transform cubic-bezier(0.24, 0.58, 0.39, 1.01);
  transition: 0.8s transform cubic-bezier(0.24, 0.58, 0.39, 1.01), 0.8s -webkit-transform cubic-bezier(0.24, 0.58, 0.39, 1.01);
}
.effect.zoombg .thumb {
  overflow: hidden;
}
.effect.zoombg:hover figure {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
  -webkit-transition: 0.8s -webkit-transform cubic-bezier(0.24, 0.58, 0.39, 1.01);
  transition: 0.8s -webkit-transform cubic-bezier(0.24, 0.58, 0.39, 1.01);
  transition: 0.8s transform cubic-bezier(0.24, 0.58, 0.39, 1.01);
  transition: 0.8s transform cubic-bezier(0.24, 0.58, 0.39, 1.01), 0.8s -webkit-transform cubic-bezier(0.24, 0.58, 0.39, 1.01);
}

@media only screen and (max-width: 768px) {
  /* inview */
  .inview.rainbowshadow.show::before, .inview.rainbowshadow .show::before {
    -webkit-transform: translateX(-10px) translateY(10px);
            transform: translateX(-10px) translateY(10px);
  }
}