/* =========================================================== */
/* 00. Preloader
/* =========================================================== */
#site-preloader {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2000;
}

#site-preloader .site-preloader-inner-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #D1B096;
  background-color: #192a30;
}

#site-preloader .site-preloader-inner {
  position: relative;
}

/* =========================================================== */
/* 00. Preloader - Text
/* =========================================================== */
#site-preloader.preloader-type-preloader-text .preloader-text {
  position: relative;
  display: inline-block;
  will-change: filter;
  filter: blur(20px);
  animation: preloader-blur-focus 2s forwards;
}

#site-preloader.preloader-type-preloader-text .preloader-text h1 {
  font-family: inherit;
  font-size: 70px;
  margin: 0 0 7px 0;
  color: currentColor;
  text-align: center;
  vertical-align: middle;
}

#site-preloader.preloader-type-preloader-text .preloader-text:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 95%;
  height: 2px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  animation: preloader-line-scaleX-loop 2s 1.2s cubic-bezier(0.03, 0.71, 0, 0.98) infinite;
}

#site-preloader.preloader-type-preloader-text .preloader-text:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 95%;
  height: 2px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  animation: preloader-line-scaleX-loop 2s 1.2s cubic-bezier(0.03, 0.71, 0, 0.98) infinite;
}

@keyframes preloader-line-scaleX-loop {
  0% {
    transform: scaleX(0);
    transform-origin: left;
  }

  50% {
    transform: scaleX(1);
    transform-origin: left;
  }

  80% {
    transform: scaleX(1);
    transform-origin: right;
  }

  100% {
    transform: scaleX(0);
    transform-origin: right;
  }
}

@keyframes preloader-blur-focus {
  0% {
    filter: blur(25px);
  }

  100% {
    filter: blur(0);
  }
}

/* =========================================================== */
/* 00. Preloader - Image
/* =========================================================== */
#site-preloader.preloader-type-preloader-img .preloader-img {
  position: relative;
  display: inline-block;
  will-change: filter;
  filter: blur(20px);
  animation: preloader-blur-focus 2s forwards;
}

#site-preloader.preloader-type-preloader-img .preloader-img img {
  width: 100%;
  max-width: 1000px;
  height: auto;
}

@keyframes preloader-blur-focus {
  0% {
    filter: blur(25px);
  }

  100% {
    filter: blur(0);
  }
}

/* =========================================================== */
/* 00. Preloader - Atom
/* =========================================================== */
#site-preloader.preloader-type-atom .preloader-atom {
  position: relative;
  width: 80px;
  height: 80px;
  margin: -50px 0 0 -50px;
}

#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50%;
  width: 50%;
  z-index: 1;
  animation: preloader-atom-shrink 4.5s infinite linear;
}

#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-1:before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  height: 100%;
  width: 100%;
  background: currentColor;
  border-radius: 50%;
}

#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-2,
#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-3,
#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-4 {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}

#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-2:before,
#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-3:before,
#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-4:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  margin: 0 auto;
  background: currentColor;
  border-radius: 50%;
}

#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-2 {
  animation: preloader-atom-zindex 1.5s 0.75s infinite steps(2, end);
}

#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-2:before {
  transform: rotate(0);
  animation: preloader-atom-postion 1.5s infinite ease, preloader-atom-size 1.5s -1.125s infinite ease;
}

#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-3 {
  transform: rotate(120deg);
  animation: preloader-atom-zindex 1.5s -0.25s infinite steps(2, end);
}

#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-3:before {
  animation: preloader-atom-postion 1.5s -1s infinite ease, preloader-atom-size 1.5s -0.75s infinite ease;
}

#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-4 {
  transform: rotate(240deg);
  animation: preloader-atom-zindex 1.5s 0.25s infinite steps(2, end);
}

#site-preloader.preloader-type-atom .preloader-atom-item.preloader-atom-4:before {
  animation: preloader-atom-postion 1.5s -0.5s infinite ease, preloader-atom-size 1.5s -0.125s infinite ease;
}

/* =========================================================== */
/* 00. Preloader - Ball
/* =========================================================== */
#site-preloader.preloader-type-ball .preloader-ball:not(:required) {
  position: relative;
  display: inline-block;
  font-size: 0;
  letter-spacing: -1px;
  border-radius: 100%;
  background: currentColor;
  width: 60px;
  height: 60px;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -moz-animation: preloader-ball 1500ms infinite linear;
  -webkit-animation: preloader-ball 1500ms infinite linear;
  animation: preloader-ball 1500ms infinite linear;
}

#site-preloader.preloader-type-ball .preloader-ball:not(:required)::after {
  content: '';
  position: absolute;
  top: 4.5px;
  left: 8.5px;
  width: 15px;
  height: 15px;
  background: #ffffff;
  border-radius: 100%;
  -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
  -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
  -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
  transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
  -moz-animation: preloader-ball-highlight 1500ms infinite linear;
  -webkit-animation: preloader-ball-highlight 1500ms infinite linear;
  animation: preloader-ball-highlight 1500ms infinite linear;
}

#site-preloader.preloader-type-ball .preloader-ball:not(:required)::before {
  content: '';
  position: absolute;
  top: 50px;
  left: 5.5px;
  width: 50px;
  height: 15px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
  -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
  -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
  transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
  -moz-animation: preloader-ball-shadow 1500ms infinite linear;
  -webkit-animation: preloader-ball-shadow 1500ms infinite linear;
  animation: preloader-ball-shadow 1500ms infinite linear;
  -webkit-filter: blur(1px);
  filter: blur(1px);
}

@-moz-keyframes preloader-ball {
  0% {
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  45% {
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  50% {
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  55% {
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@-webkit-keyframes preloader-ball {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  45% {
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  50% {
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  55% {
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes preloader-ball {
  0% {
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  45% {
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  50% {
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  55% {
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -moz-animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@-moz-keyframes preloader-ball-highlight {
  0% {
    -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  45% {
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  50% {
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  55% {
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-webkit-keyframes preloader-ball-highlight {
  0% {
    -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  45% {
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  50% {
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  55% {
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes preloader-ball-highlight {
  0% {
    -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  45% {
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  50% {
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  55% {
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-moz-keyframes preloader-ball-shadow {
  0% {
    -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  45% {
    -moz-transform: translate3d(12.5px, -15px, -1px);
    transform: translate3d(12.5px, -15px, -1px);
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  50% {
    -moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  55% {
    -moz-transform: translate3d(12.5px, -15px, -1px);
    transform: translate3d(12.5px, -15px, -1px);
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-webkit-keyframes preloader-ball-shadow {
  0% {
    -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  45% {
    -webkit-transform: translate3d(12.5px, -15px, -1px);
    transform: translate3d(12.5px, -15px, -1px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  50% {
    -webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  55% {
    -webkit-transform: translate3d(12.5px, -15px, -1px);
    transform: translate3d(12.5px, -15px, -1px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes preloader-ball-shadow {
  0% {
    -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  45% {
    -moz-transform: translate3d(12.5px, -15px, -1px);
    -ms-transform: translate3d(12.5px, -15px, -1px);
    -webkit-transform: translate3d(12.5px, -15px, -1px);
    transform: translate3d(12.5px, -15px, -1px);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  50% {
    -moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -ms-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  55% {
    -moz-transform: translate3d(12.5px, -15px, -1px);
    -ms-transform: translate3d(12.5px, -15px, -1px);
    -webkit-transform: translate3d(12.5px, -15px, -1px);
    transform: translate3d(12.5px, -15px, -1px);
    -moz-animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

/* =========================================================== */
/* 00. Preloader - Clock
/* =========================================================== */
#site-preloader.preloader-type-clock .preloader-clock:not(:required) {
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 100px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid currentColor;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  width: 80px;
  height: 80px;
}

#site-preloader.preloader-type-clock .preloader-clock:not(:required)::before {
  -moz-animation: preloader-clock 1250ms infinite linear;
  -webkit-animation: preloader-clock 1250ms infinite linear;
  animation: preloader-clock 1250ms infinite linear;
  -moz-transform-origin: 3px 3px;
  -ms-transform-origin: 3px 3px;
  -webkit-transform-origin: 3px 3px;
  transform-origin: 2px 3px;
  background: currentColor;
  -moz-border-radius: 12px;
  -webkit-border-radiu: 12px;
  border-radius: 12px;
  content: '';
  display: block;
  position: absolute;
  width: 4px;
  height: 22px;
  left: 32px;
  top: 33px;
}

#site-preloader.preloader-type-clock .preloader-clock:not(:required)::after {
  -moz-animation: preloader-clock 15000ms infinite linear;
  -webkit-animation: preloader-clock 15000ms infinite linear;
  animation: preloader-clock 15000ms infinite linear;
  -moz-transform-origin: 3px 3px;
  -ms-transform-origin: 3px 3px;
  -webkit-transform-origin: 3px 3px;
  transform-origin: 2px 3px;
  background: currentColor;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  content: '';
  display: block;
  position: absolute;
  width: 4px;
  height: 16px;
  left: 32px;
  top: 33.2px;
}

@-moz-keyframes preloader-clock {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes preloader-clock {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes preloader-clock {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* =========================================================== */
/* 00. Preloader - Cube
/* =========================================================== */
#site-preloader.preloader-type-cube .preloader-cube {
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  background-color: currentColor;
  animation: preloader-cube 1.2s infinite ease-in-out;
}

/* =========================================================== */
/* 00. Preloader - Echo
/* =========================================================== */
#site-preloader.preloader-type-echo .preloader-echo:not(:required) {
  width: 100px;
  height: 100px;
  border: 10px solid currentColor;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  animation: preloader-echo 1.4s ease-in;
  animation-iteration-count: infinite;
  display: inline-block;
  text-indent: 100%;
  overflow: hidden;
}

@-moz-keyframes preloader-echo {
  0% {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.0;
  }

  25% {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: .1;
  }

  50% {
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: .3;
  }

  75% {
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: .5;
  }

  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

@-webkit-keyframes preloader-echo {
  0% {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.0;
  }

  25% {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: .1;
  }

  50% {
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: .3;
  }

  75% {
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: .5;
  }

  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes preloader-echo {
  0% {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.0;
  }

  25% {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: .1;
  }

  50% {
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: .3;
  }

  75% {
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: .5;
  }

  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

/* =========================================================== */
/* 00. Preloader - Fusion
/* =========================================================== */
#site-preloader.preloader-type-fusion .preloader-fusion {
  position: relative;
  width: 25px;
  height: 25px;
  margin: -45px 0 0 -30px;
}

#site-preloader.preloader-type-fusion .preloader-fusion-item {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 25px;
  width: 25px;
  background: currentColor;
  border-radius: 50%;
}

#site-preloader.preloader-type-fusion .preloader-fusion-item.preloader-fusion-1 {
  top: 0;
  left: 50%;
  animation: preloader-fussion-ball-1 1s 0s ease infinite;
  z-index: 1;
}

#site-preloader.preloader-type-fusion .preloader-fusion-item.preloader-fusion-2 {
  top: 50%;
  left: 100%;
  animation: preloader-fussion-ball-2 1s 0s ease infinite;
  z-index: 2;
}

#site-preloader.preloader-type-fusion .preloader-fusion-item.preloader-fusion-3 {
  top: 100%;
  left: 50%;
  animation: preloader-fussion-ball-3 1s 0s ease infinite;
  z-index: 1;
}

#site-preloader.preloader-type-fusion .preloader-fusion-item.preloader-fusion-4 {
  top: 50%;
  left: 0;
  animation: preloader-fussion-ball-4 1s 0s ease infinite;
  z-index: 2;
}

/* =========================================================== */
/* 00. Preloader - Gauge
/* =========================================================== */
#site-preloader.preloader-type-gauge .preloader-gauge:not(:required) {
  -moz-border-radius-topleft: 32px;
  -webkit-border-top-left-radius: 32px;
  border-top-left-radius: 80px;
  -moz-border-radius-topright: 32px;
  -webkit-border-top-right-radius: 50px;
  border-top-right-radius: 75px;
  background: currentColor;
  display: inline-block;
  width: 100px;
  height: 36px;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
}

#site-preloader.preloader-type-gauge .preloader-gauge:not(:required)::before {
  -moz-animation: preloader-gauge 4000ms infinite ease;
  -webkit-animation: preloader-gauge 4000ms infinite ease;
  animation: preloader-gauge 4000ms infinite ease;
  background: #ffffff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  content: '';
  position: absolute;
  left: 44px;
  top: 5.33333px;
  width: 4px;
  height: 26.66667px;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

#site-preloader.preloader-type-gauge .preloader-gauge:not(:required)::after {
  content: '';
  background: #ffffff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  left: 40px;
  top: 25.6px;
  width: 12.8px;
  height: 12.8px;
}

@-moz-keyframes preloader-gauge {
  0% {
    -moz-transform: rotate(-50deg);
    transform: rotate(-50deg);
  }

  10% {
    -moz-transform: rotate(20deg);
    transform: rotate(20deg);
  }

  20% {
    -moz-transform: rotate(60deg);
    transform: rotate(60deg);
  }

  24% {
    -moz-transform: rotate(60deg);
    transform: rotate(60deg);
  }

  40% {
    -moz-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }

  54% {
    -moz-transform: rotate(70deg);
    transform: rotate(70deg);
  }

  56% {
    -moz-transform: rotate(78deg);
    transform: rotate(78deg);
  }

  58% {
    -moz-transform: rotate(73deg);
    transform: rotate(73deg);
  }

  60% {
    -moz-transform: rotate(75deg);
    transform: rotate(75deg);
  }

  62% {
    -moz-transform: rotate(70deg);
    transform: rotate(70deg);
  }

  70% {
    -moz-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }

  80% {
    -moz-transform: rotate(20deg);
    transform: rotate(20deg);
  }

  83% {
    -moz-transform: rotate(25deg);
    transform: rotate(25deg);
  }

  86% {
    -moz-transform: rotate(20deg);
    transform: rotate(20deg);
  }

  89% {
    -moz-transform: rotate(25deg);
    transform: rotate(25deg);
  }

  100% {
    -moz-transform: rotate(-50deg);
    transform: rotate(-50deg);
  }
}

@-webkit-keyframes preloader-gauge {
  0% {
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
  }

  10% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }

  20% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
  }

  24% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
  }

  40% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }

  54% {
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg);
  }

  56% {
    -webkit-transform: rotate(78deg);
    transform: rotate(78deg);
  }

  58% {
    -webkit-transform: rotate(73deg);
    transform: rotate(73deg);
  }

  60% {
    -webkit-transform: rotate(75deg);
    transform: rotate(75deg);
  }

  62% {
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg);
  }

  70% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }

  80% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }

  83% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }

  86% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }

  89% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }

  100% {
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
  }
}

@keyframes preloader-gauge {
  0% {
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
  }

  10% {
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }

  20% {
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
  }

  24% {
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
  }

  40% {
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }

  54% {
    -moz-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg);
  }

  56% {
    -moz-transform: rotate(78deg);
    -ms-transform: rotate(78deg);
    -webkit-transform: rotate(78deg);
    transform: rotate(78deg);
  }

  58% {
    -moz-transform: rotate(73deg);
    -ms-transform: rotate(73deg);
    -webkit-transform: rotate(73deg);
    transform: rotate(73deg);
  }

  60% {
    -moz-transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    -webkit-transform: rotate(75deg);
    transform: rotate(75deg);
  }

  62% {
    -moz-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg);
  }

  70% {
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }

  80% {
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }

  83% {
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }

  86% {
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }

  89% {
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }

  100% {
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
  }
}

/* =========================================================== */
/* 00. Preloader - Heartbeat
/* =========================================================== */
#site-preloader.preloader-type-heartbeat .preloader-heartbeat {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  -webkit-animation: preloader-heartbeat 1.5s linear infinite;
  animation: preloader-heartbeat 1.5s linear infinite;
}

#site-preloader.preloader-type-heartbeat .preloader-heartbeat:before,
#site-preloader.preloader-type-heartbeat .preloader-heartbeat:after {
  position: absolute;
  content: "";
  left: 30px;
  top: 0;
  width: 30px;
  height: 50px;
  background: currentColor;
  -moz-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

#site-preloader.preloader-type-heartbeat .preloader-heartbeat:after {
  left: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

@keyframes preloader-heartbeat {
  0% {
    transform: scale(0, 0);
    opacity: 0;
  }

  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}

@-webkit-keyframes preloader-heartbeat {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1, 1);
    opacity: 1;
  }
}

/* =========================================================== */
/* 00. Preloader - Inner Circles
/* =========================================================== */
#site-preloader.preloader-type-inner-circles .preloader-inner-circles:not(:required) {
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  background: currentColor;
  border-radius: 50%;
  overflow: hidden;
  text-indent: -9999px;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

#site-preloader.preloader-type-inner-circles .preloader-inner-circles:not(:required):before,
#site-preloader.preloader-type-inner-circles .preloader-inner-circles:not(:required):after {
  content: '';
  position: absolute;
  top: 0;
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

#site-preloader.preloader-type-inner-circles .preloader-inner-circles:not(:required):before {
  -moz-animation: preloader-inner-circles 3s infinite;
  -webkit-animation: preloader-inner-circles 3s infinite;
  animation: preloader-inner-circles 3s infinite;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  left: 0;
  background: #ffffff;
}

#site-preloader.preloader-type-inner-circles .preloader-inner-circles:not(:required):after {
  -moz-animation: preloader-inner-circles 3s 0.2s reverse infinite;
  -webkit-animation: preloader-inner-circles 3s 0.2s reverse infinite;
  animation: preloader-inner-circles 3s 0.2s reverse infinite;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  right: 0;
  background: #ffffff;
}

@-moz-keyframes preloader-inner-circles {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  100% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes preloader-inner-circles {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes preloader-inner-circles {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

/* =========================================================== */
/* 00. Preloader - Lines
/* =========================================================== */
#site-preloader.preloader-type-lines .preloader-lines {
  width: 80px;
  height: 80px;
  margin: 0 0 0 -30px;
}

#site-preloader.preloader-type-lines .preloader-line.preloader-line-1 {
  position: absolute;
  width: 80px;
  height: 3px;
  margin-left: 10px;
  background-color: currentColor;
  animation: preloader-lines-spin 1.5s infinite ease calc((100ms) - 100ms);
}

#site-preloader.preloader-type-lines .preloader-line.preloader-line-2 {
  position: absolute;
  width: 80px;
  height: 3px;
  margin-left: 10px;
  background-color: currentColor;
  animation: preloader-lines-spin 1.5s infinite ease calc((200ms) - 100ms);
}

#site-preloader.preloader-type-lines .preloader-line.preloader-line-3 {
  position: absolute;
  width: 80px;
  height: 3px;
  margin-left: 10px;
  background-color: currentColor;
  animation: preloader-lines-spin 1.5s infinite ease calc((300ms) - 100ms);
}

#site-preloader.preloader-type-lines .preloader-line.preloader-line-4 {
  position: absolute;
  width: 80px;
  height: 3px;
  margin-left: 10px;
  background-color: currentColor;
  animation: preloader-lines-spin 1.5s infinite ease calc((400ms) - 100ms);
}

/* =========================================================== */
/* 00. Preloader - Pacman
/* =========================================================== */
#site-preloader.preloader-type-pacman .preloader-pacman {
  position: relative;
}

#site-preloader.preloader-type-pacman .preloader-pacman>div:nth-child(1),
#site-preloader.preloader-type-pacman .preloader-pacman>div:nth-child(2) {
  width: 0;
  height: 0;
  border: 37.5px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  left: -60px;
  -webkit-animation: rotate_pacman_half_up 0.5s infinite;
  animation: rotate_pacman_half_up 0.5s infinite;
  position: relative;
}

#site-preloader.preloader-type-pacman .preloader-pacman>div:nth-child(2) {
  -webkit-animation-name: rotate_pacman_half_down;
  animation-name: rotate_pacman_half_down;
  margin-top: -75px;
}

#site-preloader.preloader-type-pacman .preloader-pacman>div:nth-child(3),
#site-preloader.preloader-type-pacman .preloader-pacman>div:nth-child(4),
#site-preloader.preloader-type-pacman .preloader-pacman>div:nth-child(5) {
  -webkit-animation: pacman-balls 1s infinite linear;
  animation: pacman-balls 1s infinite linear;
  background-color: currentColor;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 30px;
  left: 75px;
}

#site-preloader.preloader-type-pacman .preloader-pacman>div:nth-child(3) {
  -webkit-animation-delay: -0.66s;
  animation-delay: -0.66s;
}

#site-preloader.preloader-type-pacman .preloader-pacman>div:nth-child(4) {
  -webkit-animation-delay: -0.33s;
  animation-delay: -0.33s;
}

@-webkit-keyframes rotate_pacman_half_up {
  0% {
    transform: rotate(270deg);
  }

  50% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(270deg);
  }
}

@keyframes rotate_pacman_half_up {
  0% {
    transform: rotate(270deg);
  }

  50% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(270deg);
  }
}

@-webkit-keyframes rotate_pacman_half_down {
  0% {
    transform: rotate(90deg);
  }

  50% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(90deg);
  }
}

@keyframes rotate_pacman_half_down {
  0% {
    transform: rotate(90deg);
  }

  50% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(90deg);
  }
}

@-webkit-keyframes pacman-balls {
  75% {
    opacity: 0.7;
  }

  100% {
    transform: translateX(-93.75px);
  }
}

@keyframes pacman-balls {
  75% {
    opacity: 0.7;
  }

  100% {
    transform: translateX(-93.75px);
  }
}

/* =========================================================== */
/* 00. Preloader - Pulse
/* =========================================================== */
#site-preloader.preloader-type-pulse .preloader-pulse {
  width: 80px;
  height: 80px;
  margin: -16px 0 0 -16px;
  background-color: currentColor;
  border-radius: 100px;
  animation: preloader-scaleout 1s infinite ease-in-out;
}

/* =========================================================== */
/* 00. Preloader - Pulse Circles
/* =========================================================== */
#site-preloader.preloader-type-pulse-circles .preloader-pulse-circles {
  position: relative;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
}

#site-preloader.preloader-type-pulse-circles .preloader-pulse-circle {
  position: absolute;
  height: 100%;
  width: 100%;
  background: currentColor;
  border: 0 solid currentColor;
  border-radius: 50%;
}

#site-preloader.preloader-type-pulse-circles .preloader-pulse-circle.preloader-pulse-1 {
  animation: preloader-pulse-circles-pulse 3s infinite calc((-750ms) + 750ms);
}

#site-preloader.preloader-type-pulse-circles .preloader-pulse-circle.preloader-pulse-2 {
  animation: preloader-pulse-circles-pulse 3s infinite calc((-1500ms) + 750ms);
}

#site-preloader.preloader-type-pulse-circles .preloader-pulse-circle.preloader-pulse-3 {
  animation: preloader-pulse-circles-pulse 3s infinite calc((-2250ms) + 750ms);
}

#site-preloader.preloader-type-pulse-circles .preloader-pulse-circle.preloader-pulse-4 {
  animation: preloader-pulse-circles-pulse 3s infinite calc((-3000ms) + 750ms);
}

/* =========================================================== */
/* 00. Preloader - Spinner
/* =========================================================== */
#site-preloader.preloader-type-spinner .preloader-spinner {
  width: 80px;
  height: 80px;
  display: inline-block;
  padding: 0px;
  border: 4px solid currentColor;
  -webkit-animation: preloader-spinner 1s ease-in-out infinite alternate;
  animation: preloader-spinner 1s ease-in-out infinite alternate;
}

.preloader-spinner:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 4px solid currentColor;
}

.preloader-spinner:after {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border: 4px solid currentColor;
}

@keyframes preloader-spinner {
  from {
    transform: rotate(0deg) scale(1, 1);
  }

  to {
    transform: rotate(360deg) scale(0, 0);
  }
}

@-webkit-keyframes preloader-spinner {
  from {
    -webkit-transform: rotate(0deg) scale(1, 1);
  }

  to {
    -webkit-transform: rotate(360deg) scale(0, 0);
  }
}

/* =========================================================== */
/* 00. Preloader - Rotating Circles
/* =========================================================== */
#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles {
  position: relative;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item {
  position: absolute;
  width: 100%;
  height: 100%;
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-1 .preloader-rotating-circle-2 {
  animation-delay: calc((600ms) - 1500ms);
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-1 .preloader-rotating-circle-3 {
  animation-delay: calc((900ms) - 1500ms);
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-1 .preloader-rotating-circle-4 {
  animation-delay: calc((1200ms) - 1500ms);
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-2 {
  transform: rotateZ(45deg);
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-2 .preloader-rotating-circle-1 {
  animation-delay: calc((300ms) - 1400ms);
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-2 .preloader-rotating-circle-2 {
  animation-delay: calc((600ms) - 1400ms);
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-2 .preloader-rotating-circle-3 {
  animation-delay: calc((900ms) - 1400ms);
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-2 .preloader-rotating-circle-4 {
  animation-delay: calc((1200ms) - 1400ms);
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-3 {
  transform: rotateZ(90deg);
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-3 .preloader-rotating-circle-1 {
  animation-delay: calc((300ms) - 1300ms);
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-3 .preloader-rotating-circle-2 {
  animation-delay: calc((600ms) - 1300ms);
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-3 .preloader-rotating-circle-3 {
  animation-delay: calc((900ms) - 1300ms);
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circles-item.preloader-rotating-circle-item-3 .preloader-rotating-circle-4 {
  animation-delay: calc((1200ms) - 1300ms);
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circle {
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: currentColor;
  border-radius: 100%;
  animation: preloader-bounce-delay 1.2s infinite ease-in-out both;
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circle.preloader-rotating-circle-1 {
  top: 0;
  left: 0;
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circle.preloader-rotating-circle-2 {
  top: 0;
  right: 0;
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circle.preloader-rotating-circle-3 {
  right: 0;
  bottom: 0;
}

#site-preloader.preloader-type-rotating-circles .preloader-rotating-circle.preloader-rotating-circle-4 {
  left: 0;
  bottom: 0;
}

/* =========================================================== */
/* 00. Preloader - Rotating Cubes
/* =========================================================== */
#site-preloader.preloader-type-rotating-cubes .preloader-rotating-cubes {
  position: relative;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
}

#site-preloader.preloader-type-rotating-cubes .preloader-rotating-cube {
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  background-color: currentColor;
  animation: preloader-rotating-cubes 1.8s infinite ease-in-out;
}

#site-preloader.preloader-type-rotating-cubes .preloader-rotating-cube.preloader-rotating-cube-2 {
  animation-delay: -0.9s;
}

/* =========================================================== */
/* 00. Preloader - Spinner
/* =========================================================== */
#site-preloader.preloader-type-spinner .preloader-spinner {
  width: 80px;
  height: 80px;
  display: inline-block;
  padding: 0px;
  border: 4px solid currentColor;
  -webkit-animation: preloader-spinner 1s ease-in-out infinite alternate;
  animation: preloader-spinner 1s ease-in-out infinite alternate;
}

#site-preloader.preloader-type-spinner .preloader-spinner:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 4px solid currentColor;
}

#site-preloader.preloader-type-spinner .preloader-spinner:after {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border: 4px solid currentColor;
}

@keyframes preloader-spinner {
  from {
    transform: rotate(0deg) scale(1, 1);
  }

  to {
    transform: rotate(360deg) scale(0, 0);
  }
}

@-webkit-keyframes preloader-spinner {
  from {
    -webkit-transform: rotate(0deg) scale(1, 1);
  }

  to {
    -webkit-transform: rotate(360deg) scale(0, 0);
  }
}

/* =========================================================== */
/* 00. Preloader - Stripes
/* =========================================================== */
#site-preloader.preloader-type-stripes .preloader-stripes {
  width: 50px;
  height: 75px;
  margin: -30px 0 0 -25px;
  text-align: center;
}

#site-preloader.preloader-type-stripes .preloader-stripe {
  display: inline-block;
  float: left;
  height: 100%;
  width: 6px;
  margin: 0 3px 0 0;
  background-color: currentColor;
  animation: preloader-stretch-delay 1.2s infinite ease-in-out;
}

#site-preloader.preloader-type-stripes .preloader-stripe.preloader-stripe-2 {
  animation-delay: calc((200ms) - 1300ms);
}

#site-preloader.preloader-type-stripes .preloader-stripe.preloader-stripe-3 {
  animation-delay: calc((300ms) - 1300ms);
}

#site-preloader.preloader-type-stripes .preloader-stripe.preloader-stripe-4 {
  animation-delay: calc((400ms) - 1300ms);
}

#site-preloader.preloader-type-stripes .preloader-stripe.preloader-stripe-5 {
  animation-delay: calc((500ms) - 1300ms);
}

/* =========================================================== */
/* 00. Preloader - Wave Circles
/* =========================================================== */
#site-preloader.preloader-type-wave .preloader-wave {
  width: 150px;
  height: 30px;
  margin: -15px 0 0 75px;
}

#site-preloader.preloader-type-wave .preloader-wave-circle {
  float: left;
  height: 20px;
  width: 20px;
  margin-right: 10px;
  background: currentColor;
  border-radius: 50%;
}

#site-preloader.preloader-type-wave .preloader-wave-circle.preloader-wave-1 {
  animation: preloader-wave-jump-3 1.8s infinite ease-out;
}

#site-preloader.preloader-type-wave .preloader-wave-circle.preloader-wave-2 {
  animation: preloader-wave-jump-2 1.8s infinite ease-out;
}

#site-preloader.preloader-type-wave .preloader-wave-circle.preloader-wave-3 {
  animation: preloader-wave-jump-1 1.8s infinite ease-out;
}

#site-preloader.preloader-type-wave .preloader-wave-circle.preloader-wave-4 {
  margin-right: 0;
  animation: preloader-wave-wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1);
}

/* =========================================================== */
/* 00. Preloader - Wobblebar
/* =========================================================== */
#site-preloader.preloader-type-wobblebar .preloader-wobblebar:not(:required) {
  background: currentColor;
  -moz-border-radius: 10.66667px;
  -webkit-border-radius: 10.66667px;
  border-radius: 10.66667px;
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
  width: 150px;
  height: 18px;
  position: relative;
}

#site-preloader.preloader-type-wobblebar .preloader-wobblebar:not(:required)::after {
  -moz-animation: preloader-wobblebar 15000ms infinite ease;
  -webkit-animation: preloader-wobblebar 15000ms infinite ease;
  animation: preloader-wobblebar 15000ms infinite ease;
  background: #ffffff;
  display: block;
  -moz-border-radius: 7.11111px;
  -webkit-border-radius: 7.11111px;
  border-radius: 7.11111px;
  content: '';
  position: absolute;
  top: 2px;
  left: 4px;
  width: 21.33333px;
  height: 14.22222px;
}

@-moz-keyframes preloader-wobblebar {
  0% {
    left: 4px;
  }

  3% {
    left: 104px;
  }

  6% {
    left: 4px;
  }

  9% {
    left: 104px;
  }

  12% {
    left: 4px;
  }

  15% {
    left: 104px;
  }

  18% {
    left: 32px;
  }

  27% {
    left: 32px;
  }

  30% {
    left: 104px;
  }

  33% {
    left: 4px;
  }

  36% {
    left: 104px;
  }

  39% {
    left: 4px;
  }

  42% {
    left: 104px;
  }

  45% {
    left: 4px;
  }

  48% {
    left: 104px;
  }

  51% {
    left: 52px;
  }

  63% {
    left: 52px;
  }

  66% {
    left: 4px;
  }

  69% {
    left: 104px;
  }

  72% {
    left: 4px;
  }

  75% {
    left: 104px;
  }

  78% {
    left: 4px;
  }

  81% {
    left: 104px;
  }

  84% {
    left: 72px;
  }

  94% {
    left: 72px;
  }

  97% {
    left: 104px;
  }
}

@-webkit-keyframes preloader-wobblebar {
  0% {
    left: 4px;
  }

  3% {
    left: 104px;
  }

  6% {
    left: 4px;
  }

  9% {
    left: 104px;
  }

  12% {
    left: 4px;
  }

  15% {
    left: 104px;
  }

  18% {
    left: 32px;
  }

  27% {
    left: 32px;
  }

  30% {
    left: 104px;
  }

  33% {
    left: 4px;
  }

  36% {
    left: 104px;
  }

  39% {
    left: 4px;
  }

  42% {
    left: 104px;
  }

  45% {
    left: 4px;
  }

  48% {
    left: 104px;
  }

  51% {
    left: 52px;
  }

  63% {
    left: 52px;
  }

  66% {
    left: 4px;
  }

  69% {
    left: 104px;
  }

  72% {
    left: 4px;
  }

  75% {
    left: 104px;
  }

  78% {
    left: 4px;
  }

  81% {
    left: 104px;
  }

  84% {
    left: 72px;
  }

  94% {
    left: 72px;
  }

  97% {
    left: 104px;
  }
}

@keyframes preloader-wobblebar {
  0% {
    left: 4px;
  }

  3% {
    left: 104px;
  }

  6% {
    left: 4px;
  }

  9% {
    left: 104px;
  }

  12% {
    left: 4px;
  }

  15% {
    left: 104px;
  }

  18% {
    left: 32px;
  }

  27% {
    left: 32px;
  }

  30% {
    left: 104px;
  }

  33% {
    left: 4px;
  }

  36% {
    left: 104px;
  }

  39% {
    left: 4px;
  }

  42% {
    left: 104px;
  }

  45% {
    left: 4px;
  }

  48% {
    left: 104px;
  }

  51% {
    left: 52px;
  }

  63% {
    left: 52px;
  }

  66% {
    left: 4px;
  }

  69% {
    left: 104px;
  }

  72% {
    left: 4px;
  }

  75% {
    left: 104px;
  }

  78% {
    left: 4px;
  }

  81% {
    left: 104px;
  }

  84% {
    left: 72px;
  }

  94% {
    left: 72px;
  }

  97% {
    left: 104px;
  }
}

/* =========================================================== */
/* 00. Preloader - Keyframes
/* =========================================================== */
@-webkit-keyframes preloader-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes preloader-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes preloader-fade-in {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes preloader-fade-in {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes preloader-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes preloader-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes preloader-scaleout {
  0% {
    -webkit-transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

@keyframes preloader-scaleout {
  0% {
    -webkit-transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

@-webkit-keyframes preloader-cube {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }

  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@keyframes preloader-cube {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }

  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@-webkit-keyframes preloader-rotating-cubes {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }

  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }

  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }

  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes preloader-rotating-cubes {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }

  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }

  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }

  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@-webkit-keyframes preloader-stretch-delay {

  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }

  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes preloader-stretch-delay {

  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }

  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@-webkit-keyframes preloader-bounce-delay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes preloader-bounce-delay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes preloader-atom-position {
  50% {
    top: 80px;
    left: 80px;
  }
}

@keyframes preloader-atom-position {
  50% {
    top: 80px;
    left: 80px;
  }
}

@-webkit-keyframes preloader-atom-size {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@keyframes preloader-atom-size {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@-webkit-keyframes preloader-atom-zindex {
  100% {
    z-index: 10;
  }
}

@keyframes preloader-atom-zindex {
  100% {
    z-index: 10;
  }
}

@-webkit-keyframes preloader-atom-shrink {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes preloader-atom-shrink {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@-webkit-keyframes preloader-lines-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes preloader-lines-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes preloader-fussion-ball-1 {
  50% {
    top: -100%;
    left: 200%;
  }

  100% {
    top: 50%;
    left: 100%;
    z-index: 2;
  }
}

@keyframes preloader-fussion-ball-1 {
  50% {
    top: -100%;
    left: 200%;
  }

  100% {
    top: 50%;
    left: 100%;
    z-index: 2;
  }
}

@-webkit-keyframes preloader-fussion-ball-2 {
  50% {
    top: 200%;
    left: 200%;
  }

  100% {
    top: 100%;
    left: 50%;
    z-index: 1;
  }
}

@keyframes preloader-fussion-ball-2 {
  50% {
    top: 200%;
    left: 200%;
  }

  100% {
    top: 100%;
    left: 50%;
    z-index: 1;
  }
}

@-webkit-keyframes preloader-fussion-ball-3 {
  50% {
    top: 200%;
    left: -100%;
  }

  100% {
    top: 50%;
    left: 0;
    z-index: 2;
  }
}

@keyframes preloader-fussion-ball-3 {
  50% {
    top: 200%;
    left: -100%;
  }

  100% {
    top: 50%;
    left: 0;
    z-index: 2;
  }
}

@-webkit-keyframes preloader-fussion-ball-4 {
  50% {
    top: -100%;
    left: -100%;
  }

  100% {
    top: 0;
    left: 50%;
    z-index: 1;
  }
}

@keyframes preloader-fussion-ball-4 {
  50% {
    top: -100%;
    left: -100%;
  }

  100% {
    top: 0;
    left: 50%;
    z-index: 1;
  }
}

@-webkit-keyframes preloader-wave-jump-1 {
  12% {
    -webkit-transform: translate(20px, -40px);
    transform: translate(20px, -40px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  24%,
  100% {
    -webkit-transform: translate(40px, 0);
    transform: translate(40px, 0);
  }
}

@keyframes preloader-wave-jump-1 {
  12% {
    -webkit-transform: translate(20px, -40px);
    transform: translate(20px, -40px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  24%,
  100% {
    -webkit-transform: translate(40px, 0);
    transform: translate(40px, 0);
  }
}

@-webkit-keyframes preloader-wave-jump-2 {
  12% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  24% {
    -webkit-transform: translate(20px, -40px);
    transform: translate(20px, -40px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  36%,
  100% {
    -webkit-transform: translate(40px, 0);
    transform: translate(40px, 0);
  }
}

@keyframes preloader-wave-jump-2 {
  12% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  24% {
    -webkit-transform: translate(20px, -40px);
    transform: translate(20px, -40px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  36%,
  100% {
    -webkit-transform: translate(40px, 0);
    transform: translate(40px, 0);
  }
}

@-webkit-keyframes preloader-wave-jump-3 {
  24% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  36% {
    -webkit-transform: translate(20px, -40px);
    transform: translate(20px, -40px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  48%,
  100% {
    -webkit-transform: translate(40px, 0);
    transform: translate(40px, 0);
  }
}

@keyframes preloader-wave-jump-3 {
  24% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  36% {
    -webkit-transform: translate(20px, -40px);
    transform: translate(20px, -40px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  48%,
  100% {
    -webkit-transform: translate(40px, 0);
    transform: translate(40px, 0);
  }
}

@-webkit-keyframes preloader-wave-wipe {

  48%,
  100% {
    -webkit-transform: translateX(-120px);
    transform: translateX(-120px);
  }
}

@keyframes preloader-wave-wipe {

  48%,
  100% {
    -webkit-transform: translateX(-120px);
    transform: translateX(-120px);
  }
}

@-webkit-keyframes preloader-pulse-circles-pulse {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1;
    border-width: 50px;
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0;
    border-width: 0;
  }
}

@keyframes preloader-pulse-circles-pulse {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1;
    border-width: 50px;
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0;
    border-width: 0;
  }
}

@-webkit-keyframes preloader-bounce {

  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes preloader-bounce {

  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@-webkit-keyframes preloader-pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes preloader-pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes preloader-line-scaleX {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }

  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes preloader-line-scaleX {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }

  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}