body:not(.load) .main-wrapper:not([data-section=portfolio]) .top-links {
  transform: translateY(-100%)
}

body:not(.load) .main-wrapper:not([data-section=portfolio]) .header-inner {
  transform: translateY(-300%)
}

@media screen and (min-width: 769px) {
  body:not(.load) .section-gradient-wrap {
    top: calc(0px - (var(--height-header) + var(--height-top-links)));
    left: calc(0px - var(--offset-grid));
    right: calc(0px - var(--offset-grid));
    bottom: calc(0px - max(1.5rem, 20px));
    border-radius: 0
  }
}

body:not(.load) .section-content,
body:not(.load) .main-section-header,
body:not(.load) .main-section-tags {
  transform: translateY(var(--offset-grid-m));
  opacity: 0
}

body:not(.load) .section-form-wrap {
  opacity: 0
}

body:not(.load) .main-section-inner {
  transform: translateY(-5rem);
  opacity: 0
}

body.load .main-wrapper:not([data-section=portfolio]) .top-links {
  transition-property: transform;
  transition-duration: .8s;
  transition-delay: .5s;
  transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1)
}

body.load .main-wrapper:not([data-section=portfolio]) .header-inner {
  transition-property: transform, opacity;
  transition-duration: .8s;
  transition-delay: .3s;
  transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1)
}

body.load .section-gradient-wrap {
  transition-property: all, border-radius;
  transition-duration: 1s, .2s;
  transition-timing-function: cubic-bezier(0.42, 0.81, 0.68, 1), ease-out
}

body.load .section-content {
  transition-property: transform, opacity;
  transition-duration: 1.3s;
  transition-delay: .2s;
  transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1)
}

body.load .section-form-wrap {
  transition-property: opacity;
  transition-duration: 1s;
  transition-delay: .6s;
  transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1)
}

body.load .main-section-header,
body.load .main-section-tags {
  transition-property: transform, opacity;
  transition-duration: .8s;
  transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1)
}

body.load .main-section-inner {
  transition-property: transform, opacity;
  transition-duration: 1.3s, 1s;
  transition-delay: 0s, .2s;
  transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1)
}

body.load .section-decor {
  animation: move-elem 5s var(--easeing) alternate-reverse infinite
}

@keyframes move-elem {
  from {
    transform: translateY(0) rotate(0)
  }

  to {
    transform: translateY(0.5rem) rotate(20deg)
  }
}