.to-animate {
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 10rem, 0) skewY(0);
  -ms-transform: translate3d(0, 10rem, 0) skewY(0);
  -webkit-transform: translate3d(0, 10rem, 0) skewY(0);
  transform: translate3d(0, 10rem, 0) skewY(0);
  -moz-transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.2s;
  -o-transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.2s;
  -webkit-transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.2s;
  transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.2s;
}
.remove-animate {
  opacity: 1;
  visibility: visible;
}
.to-animate.animate-in {
  opacity: 1;
  visibility: visible;
  -moz-transform: translate3d(0, 0, 0) skewY(0deg);
  -ms-transform: translate3d(0, 0, 0) skewY(0deg);
  -webkit-transform: translate3d(0, 0, 0) skewY(0deg);
  transform: translate3d(0, 0, 0) skewY(0deg);
}
@media only screen and (max-width: 1190px) {
  :root {
    --offset-default:7.7vw;
  }
}
@media only screen and (min-width: 1190px) {
  :root {
    --offset-default:8.66vw;
  }
}
@media only screen and (min-width: 1500px) {
  :root {
    --offset-default:7.13vw;
  }
}
@media only screen and (min-width: 1900px) {
  :root {
    --offset-default:4.1667vw;
  }
}
.wrapper {
  padding-left: var(--offset-default);
  padding-right: var(--offset-default);
}
.t-cloud-background {
  left: calc(var(--offset-default) * -1);
  right: calc(var(--offset-default) * -1);
}
.bg-grey {
  background-color: var(--color-grey);
}
section.bgsection {
  position: relative;
}

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:template-main] [96.35754] DESIGN*/
/*******************************************************************/
/* 0.10 P>P */
/* db 150 */