* {
  margin: 0;
  padding: 0;
  /* font-family: sans-serif; */
}

/* navbar */
li.active>.drop {
  visibility: visible;
  animation: fadeInRight 0.3s ease;
  -webkit-animation: fadeInRight 0.3s ease;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.caps {
  font-variant: "small-caps";
}

.slider-carousel .owl-nav {
  position: absolute;
  left: 0;
  bottom: 1.5rem;
  width: 100%;
}

.rooms-carousel .owl-nav {
  position: absolute;
  left: 0;
  bottom: 3rem;
  width: 100%;
}

.owl-nav button:hover {
  background: transparent !important;
}

.slider-carousel.owl-carousel .owl-item.active img {
  animation: zoomIn 5s ease-in-out;
}

@keyframes zoomIn {
  0% {
    transform: scale(1.2);
  }

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


@keyframes zoomImage {

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

  50% {
    transform: scale(1.1);
  }
}

.zoom-image {
  animation: zoomImage 8s ease-in-out infinite;
  transform-origin: center;
}

/* hamburger */

.line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #FFE9D2;
  stroke-width: 3.5;
  stroke-linecap: round;
}

.ham3 .top {
  stroke-dasharray: 20 130;
  stroke-dashoffset: -10px;
}

.ham3 .middle {
  stroke-dasharray: 40 140;
}

.ham3 .bottom {
  stroke-dasharray: 20 205;
  stroke-dashoffset: -10px;
}

.ham3:hover .top {
  stroke-dasharray: 40 130;
  stroke-dashoffset: 0px;
}

.ham3:hover .bottom {
  stroke-dasharray: 40 205;
  stroke-dashoffset: 0px;
}

.ham3.active .top {
  stroke-dasharray: 75 130;
  stroke-dashoffset: -63px;
}

.ham3.active .middle {
  stroke-dashoffset: -102px;
}

.ham3.active .bottom {
  stroke-dasharray: 110 205;
  stroke-dashoffset: -86px;
}