@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  40% {
    -webkit-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
  }
  60% {
    -webkit-transform: translate(-50%, -25%);
    -ms-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%);
  }
}

@keyframes decoration-one {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-3deg);
  }
  55% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes decoration-two {
  0% {
    transform: rotate(0deg);
  }
  15% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes decoration-three {
  0% {
    transform: rotate(0deg);
  }
  35% {
    transform: rotate(-1deg);
  }
  60% {
    transform: rotate(4deg);
  }
  80% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes decoration-four {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-3deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes decoration-five {
  0% {
    transform: rotate(0deg);
  }
  35% {
    transform: rotate(-5deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes decoration-six {
  0% {
    transform: rotate(0deg);
  }
  15% {
    transform: rotate(-2deg);
  }
  45% {
    transform: rotate(2deg);
  }
  75% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

body {
  animation-name: fadein;
  animation-duration: 1s;
}

.site-nav {
  transition: all ease-in 0.2s;
}

.show-modal {
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
}

.close-modal {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s;
}

.modal {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s;
}

.overlay {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s;
}

.visibility-on {
  opacity: 1;
  visibility: visible;
  transition: opacity 1s;
}

.down-arrow {
  transform: translate(-50%, -50%);
  animation: bounce 1.5s infinite;
  -moz-animation: bounce 1.5s infinite;
}

.slider-side-previews .dots__dot {
  transition: all 0.5s;
}

#modal-decoration-1,
#modal-decoration-2,
#modal-decoration-3,
#modal-decoration-4,
#modal-decoration-5,
#modal-decoration-6 {
  animation-name: decoration-1;
  animation-timing-function: linear;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}

#modal-decoration-2 {
  animation-duration: 11s;
}

#modal-decoration-3 {
  animation-duration: 9s;
}

#modal-decoration-4 {
  animation-duration: 8s;
}

#modal-decoration-5 {
  animation-duration: 11s;
}

#modal-decoration-6 {
  animation-duration: 10s;
}

/**    ███  ██████████  ██████████     ██████████  ███    ███
███    ███  ███    ███  ███    ███     ███    ███   ███  ███
███    ███  ███    ███  ███    ███     ███    ███     ████
██████████  ██████████  ███    ███     ██████████      ██
       ███  ███    ███  ███    ███     ███            ████
       ███  ███    ███  ███    ███     ███          ███  ███
       ███  ██████████  ██████████     ███         ███    █*/

@media only screen and (min-width: 480px) {
}

/**███████  ███         ██████████     ██████████  ███    ███
       ███  ███         ███    ███     ███    ███   ███  ███
       ███  ███         ███    ███     ███    ███     ████
    ██████  ██████████  ██████████     ██████████      ██
       ███  ███    ███  ███    ███     ███            ████
       ███  ███    ███  ███    ███     ███          ███  ███
       ███  ██████████  ██████████     ███         ███    █*/

@media only screen and (min-width: 768px) {
}

/**  ██████████  ██████████  ███    ███     ██████████  ███    ███
███  ███    ███         ███  ███    ███     ███    ███   ███  ███
███  ███    ███         ███  ███    ███     ███    ███     ████
███  ███    ███  ██████████  ██████████     ██████████      ██
███  ███    ███  ███                ███     ███            ████
███  ███    ███  ███                ███     ███          ███  ███
███  ██████████  ██████████         ███     ███         ███    █*/

@media only screen and (min-width: 1024px) {
}

/**  ███    ███  ███    ███  ██████████     ██████████  ███    ███
███  ███    ███  ███    ███  ███    ███     ███    ███   ███  ███
███  ███    ███  ███    ███  ███    ███     ███    ███     ████
███  ██████████  ██████████  ███    ███     ██████████      ██
███         ███         ███  ███    ███     ███            ████
███         ███         ███  ███    ███     ███          ███  ███
███         ███         ███  ██████████     ███         ███    █*/

@media only screen and (min-width: 1440px) {
}