/* Huntar by Vecuro, supplied by the site owner. Selected original variables and button rules.
   Source: download version/assets/css/style.css (v1.0.0). Adaptations follow in site.css. */
:root {
  --theme-color: #9F974F;
  --title-color: #686242;
  --body-color: #85847d;
  --body-color3: #818790;
  --black-color: #000000;
  --light-color: rgba(232, 230, 213, 0.7);
  --secondary-color: #f5f6fb;
  --smoke-color: #f8f8f8;
  --dark-color: #252323;
  --light-dark-color: #0f1116;
  --white-color: #ffffff;
  --yellow-color: #fec624;
  --success-color: #28a745;
  --error-color: #dc3545;
  --border-color: #f0f0f0;
  --grey-color: #f9f7e6;
  --theme-font: "Farro",sans-serif;
  --icon-font: "Font Awesome 5 Pro";
  --main-container: 1220px;
  --container-gutters: 1.5rem;
  --moving-ani-duration: 10s;
  --ripple-ani-duration: 5s;
  --section-space: 120px;
  --space-md: 90px;
  --section-space-mobile: 60px;
}
.vs-btn {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-radius: 0;
  padding: 5px 20px;
  font-size: 16px;
  border: none;
  background-color: var(--theme-color);
  color: var(--white-color);
}
.preloader .vs-btn:hover {
  background-color: var(--title-color);
  color: var(--white-color);
}
.preloader .loader {
  width: 48px;
  height: 48px;
  display: inline-block;
  position: relative;
  transform: rotate(45deg);
}
.preloader .loader::before {
  content: "";
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: -24px;
  animation: animloader 4s ease infinite;
}
.preloader .loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: var(--theme-color);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  animation: animloader2 2s ease infinite;
}

@keyframes animloader {
  0% {
    box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px rgba(255, 255, 255, 0), 24px 48px rgba(255, 255, 255, 0), 0px 48px rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 0 24px var(--theme-color), 24px 24px rgba(255, 255, 255, 0), 24px 48px rgba(255, 255, 255, 0), 0px 48px rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 0 24px var(--theme-color), 24px 24px var(--theme-color), 24px 48px rgba(255, 255, 255, 0), 0px 48px rgba(255, 255, 255, 0);
  }
  37% {
    box-shadow: 0 24px var(--theme-color), 24px 24px var(--theme-color), 24px 48px var(--theme-color), 0px 48px rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 0 24px var(--theme-color), 24px 24px var(--theme-color), 24px 48px var(--theme-color), 0px 48px var(--theme-color);
  }
  62% {
    box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px var(--theme-color), 24px 48px var(--theme-color), 0px 48px var(--theme-color);
  }
  75% {
    box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px rgba(255, 255, 255, 0), 24px 48px var(--theme-color), 0px 48px var(--theme-color);
  }
  87% {
    box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px rgba(255, 255, 255, 0), 24px 48px rgba(255, 255, 255, 0), 0px 48px var(--theme-color);
  }
  100% {
    box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px rgba(255, 255, 255, 0), 24px 48px rgba(255, 255, 255, 0), 0px 48px rgba(255, 255, 255, 0);
  }
}
@keyframes animloader2 {
  0% {
    transform: translate(0, 0) rotateX(0) rotateY(0);
  }
  25% {
    transform: translate(100%, 0) rotateX(0) rotateY(180deg);
  }
  50% {
    transform: translate(100%, 100%) rotateX(-180deg) rotateY(180deg);
  }
  75% {
    transform: translate(0, 100%) rotateX(-180deg) rotateY(360deg);
  }
  100% {
    transform: translate(0, 0) rotateX(0) rotateY(360deg);
  }
}
/*------------------- 7.2. Theme Buttons -------------------*/
.vs-btn {
  display: inline-block;
  border: none;
  padding: 17px 42px;
  border-radius: 9999px;
  background-color: var(--white-color);
  color: var(--theme-color);
  font-family: var(--theme-font);
  font-weight: 500;
  transition: all ease-in-out 0.4s;
  position: relative;
  z-index: 2;
  vertical-align: middle;
  overflow: hidden;
  font-size: 16px;
}
.vs-btn i {
  margin-right: 8px;
}
.vs-btn:hover {
  color: var(--white-color);
  background-color: var(--title-color);
}