.body {
  background-image: url("../images/background-map.jpg");
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: absolute;
  background-size: cover;
}

body {
  overflow-y: hidden;
  overflow-x: hidden;
}

.text-color {
  color: #423F2F;
}

.copyright-bg {
  background-color: #453b31;
}

.copyright-text {
  color: #6c654a;
}

.label_color {
  color: #aa9467;
}

.bg_color {
  background-color: #423F2F;
}

.transparent {
  background-color: #ffffff;
}

#map {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;

}

.cloud {
  width: 100%;
  height: 150vh;
  overflow: hidden;
  position: absolute;
}

.cloud img {
  top: -25vh;
  right: 0;
  width: 100%;
  height: 150vh;
  overflow: hidden;
  position: absolute;
  animation: animate calc(20s * var(--i)) linear infinite;
}

.border-image {
  border: 10px solid transparent;
  padding: 15px;
  border-image: url('../images/background.jpg') 30 stretch;
}

@keyframes animate {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);

  }
}

.mikra-bg {
  background-image: url("../images/background.jpg");
}

.shadow-des {
  box-shadow: 0px -2px 10px gray;
}

.onvideo:hover {
  opacity: 100;
}

.fadeIn_underLine {
  animation: fadeIn ease 1s;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    transform: scale(1);

  }

  100% {
    opacity: 0;
    transform: scale(10);
  }
}

.animate_spin {
  animation: spinCircle 3s linear infinite;
}

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

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

.fadeOut {
  animation: fadeOut ease 2.5s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  animation: fadeIn ease 2s;
}

.infoData {
  animation: infoDataMove 1s 1;
}

.languageForm {
  animation: languageFormMove 1s 1;
}

.filterForm {
  animation: filterFormMove 1s 1;
}

.placeInfoDetails {
  animation: placeInfoDetailsMove 1s 1;
}

.placeInfo {
  animation: placeInfo 1s 1;
}

input[type="checkbox"] {
  accent-color: white;
}

@keyframes placeInfo {
  from {
    bottom: -200px;
  }

  to {
    bottom: 63px;
  }
}

@keyframes infoDataMove {
  from {
    bottom: -450px;
  }

  to {
    bottom: 40px;
  }
}

@keyframes languageFormMove {
  from {
    bottom: -70px;
  }

  to {
    bottom: 78px;
  }
}

@keyframes filterFormMove {
  from {
    bottom: -70px;
  }

  to {
    bottom: 78px;
  }
}

@keyframes placeInfoDetailsMove {
  from {
    bottom: -500px;
  }

  to {
    bottom: 40px;
  }
}

/* .playpause {
  background-image: url("/assets/images/play.png");
  background-repeat: no-repeat;
  width: 30%;
  height: 30%;
  position: relative;
  z-index: 50;
  left: 33%;
  right: 0%;
  top: 20%;
  bottom: 0%;
  opacity: 1;
  border-radius: 50%;
  background-size: 50%;
  background-position: center;
}
.playpause:hover {
  opacity: 1;
} */

.mute-sound {
  background: url(../images/sound.png) center center no-repeat;
  background-size: contain;
}

.mute-sound.mute {
  background: url(../images/sound_mute.png) center center no-repeat;
}

.descr a {
  color: #2d2918;
  text-decoration: underline;
  font-weight: 400;
}