/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 17 2026 | 06:04:12 */
/* PRELOADER */
#custom-preloader {
  position: fixed;
  inset: 0;
  background: #CD262C;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* STAGE */
.preloader-inner {
  position: relative;
  width: min(85vw, 720px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* LOGO */
.preloader-logo {
  width: 45%;
  display: block;
  margin: auto 0;
  margin-bottom: 60px;
}

/* MAP */
.preloader-map {
  width: 100%;
  display: block;
}

/* PIN */
.pin {
  position: absolute;
  left: 44.1%;
  top: 66%;
  width: 30px;
  height: 30px;
  background: #741213;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  margin: -20px 0 0 -20px;
  animation: pinBounce 1.2s ease-in-out infinite;
  z-index: 2;
}

.pin::after {
  content: "";
  width: 14px;
  height: 14px;
  background: #CD262C;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  left: 8px;
}

/* PULSE */
.pulse {
  position: absolute;
  left: 44.1%;
  top: 67%;
  width: 14px;
  height: 14px;
  background: rgba(116, 18, 19, 0.25);
  border-radius: 50%;
  margin: 11px 0 0 -12px;
  transform: rotateX(55deg);
  z-index: 1;
}

.pulse::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  margin: -13px 0 0 -13px;
  border-radius: 50%;
  animation: pulsate 1s ease-out infinite;
  box-shadow: 0 0 1px 2px #312783;
  opacity: 0;
}

/* ANIMATIONS */
@keyframes pinBounce {
  0%,100% {
    transform: translateY(0) rotate(-45deg);
  }
  50% {
    transform: translateY(-10px) rotate(-45deg);
  }
}

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

.loading-text {
  margin-top: 34px;
  text-align: center;
  font-size: 20px;
  letter-spacing: 2px;
  color: #FFFFF0;
  font-family: 'Roboto', sans-serif;
}

.loading-text .dots {
  display: inline-block;
  width: 20px;
  text-align: left;
}

@media (max-width: 767px) {
	.pin {
      left: 46.2%;
      top: 67%;
      width: 20px;
      height: 20px;
	}

	.pin::after {
	  width: 8px;
	  height: 8px;
	  top: 6px;
	  left: 6px;
	}

	.pulse {
      left: 45.3%;
      top: 65%;
      width: 10px;
      height: 10px;
	}

	.pulse::after {
	  width: 20px;
	  height: 20px;
      margin: -5px 0 0 -5px;
	}

	.preloader-logo {
	  width: 70%;
	  display: block;
	  margin: auto 0;
	  margin-bottom: 40px;
	}

	.loading-text {
	  font-size: 14px;
	  margin-top: 24px;
	}
}