:root {
  --white-color: #fff;
  --green-color: #016f3b;
  --dark-ash: #474747;
  --ash-color: #bbbbbb;
  --main-font: "Inter Tight", sans-serif;
  --sub-font: "Playfair Display", serif;
}

/*body {
   overflow: hidden !important;
} */

.smooth-scroll {
  overflow: hidden;
  width: 100%;
}

@media (min-width: 1920px) {
  body,
  header {
    max-width: 1920px;
    margin: 0 auto;
  }
}

.main--font {
  font-family: "Inter Tight", sans-serif;
}

.sub--font {
  font-family: "Playfair Display", serif;
}

::selection {
  color: var(--ash-color);
  background: var(--green-color);
}

/* For Mozilla Firefox */
::-moz-selection {
  color: var(--ash-color);
  background: var(--green-color);
}
:focus-visible {
  outline: 0;
  box-shadow: none;
}
.wpcf7 p {
  margin: 0;
}
.wpcf7 p br {
  display: none;
}
.slick-slider:not(.slick-initialized) {
  display: none !important;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--white-color);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--green-color);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--green-color);
}

/* --------------------------------------------------- Font ---------------------------------  */
.green-bg {
  background-color: var(--green-color);
}
.dark-ash-font {
  color: var(--dark-ash);
}
.white-font {
  color: var(--white-color);
}
.ash-font {
  color: var(--ash-color);
}
.font-14 {
  font-size: 14px;
  line-height: 17px;
}
.font-18 {
  font-size: 18px;
  line-height: 35px;
}
.font-165 {
  font-size: 165px;
  font-family: var(--sub-font);
  line-height: 195px;
}
.font-45 {
  font-size: 45px;
  line-height: 60px;
}
.font-weight-600 {
  font-weight: 600;
}
.font-25 {
  font-size: 25px;
  line-height: 33px;
}
.font-30 {
  font-size: 30px;
  line-height: 54px;
}
/* --------------------------------------------------- Font ---------------------------------  */

/* ------------------------------------------Wrappers------------------------------------------  */
.main-wrapper {
  width: 85%;
  margin: 0 auto;
}
.wrapp-title {
  width: 60%;
  margin: 0 auto;
}
/* .offers-sec .wrapp-title {
  width: 24%;
} */
.facilities-sec .wrapp-title {
  width: 34%;
}
.min-wrapper {
  width: 50%;
  margin: 0 auto;
}
.para-wrapper {
  width: 55%;
  margin: 0 auto;
}
.max-wrap-right {
  width: 85%;
  margin-left: auto;
}
.black-pool-sec .wrapp-title {
  width: 76%;
  margin: 0 auto;
}
.mid-wrapper {
  width: 70%;
  margin: 0 auto;
}
.left-wrapper {
  width: 92%;
  margin-left: auto;
}
/* .things-to-do-sec .wrapp-title {
  width: 52%;
} */
.page-template-wine-dine .wrapp-title {
  width: 50%;
}
.page-template-thing-to-do .wrapp-title {
  width: 52%;
  margin: 0 auto;
}
.w-30 {
  width: 30% !important;
}
.w-70 {
  width: 70% !important;
}
.w-60 {
  width: 60%;
}

/* ---------------------------------------Wrapper -------------------------------------------- */
/* ------------------------------------------ Buttton --------------------------------------------  */
a.explore-btn {
  text-align: center;
  right: 13%;
  background: var(--green-color);
  border-radius: 50%;
  width: 136px;
  height: 136px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white-color);
  text-decoration: none;
}
a.explore-btn:hover {
  background-color: var(--dark-ash);
}
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius: 5px;
}
[class^="hvr-"] {
  margin: 0.4em;
  padding: 20px 40px;
  cursor: pointer;
  background: var(--dark-ash);
  text-decoration: none;
  color: var(--white-color);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: normal normal 600 18px/35px Inter Tight;
  border-radius: 5px;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--green-color);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 5px;
}
.hvr-shutter-in-horizontal:hover:before,
.hvr-shutter-in-horizontal:focus:before,
.hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.hvr-shutter-in-horizontal:hover,
.hvr-shutter-in-horizontal:focus,
.hvr-shutter-in-horizontal:active {
  color: white;
}
/* ------------------------------------------ Buttton --------------------------------------------  */

/* ------------------------------------------------ Paddding  -----------------------------------------------  */
.section-top-padding {
  padding-top: 50px;
}
.section-bottom-padding {
  padding-bottom: 50px;
}
.section-bottom-100-padding {
  padding-bottom: 100px !important;
}
.section-top-100-padding {
  padding-top: 100px;
}
.pb-45 {
  padding-bottom: 45px;
}
.p-tb {
  padding: 77px 0 80px;
}
.padding-caption {
  padding: 0 25%;
}
.about-blackpool-img,
.facility-slider {
  padding-top: 63px;
}
.image-name {
  padding-top: 34px;
  z-index: 9;
}
.pt-40 {
  padding-top: 40px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-70 {
  padding-bottom: 70px;
}
.to-do p {
  padding: 25px 0 0;
}
.instragram-sec {
  padding-bottom: 5px;
}
.padding--27 {
  padding-bottom: 27px;
}
.main-details-footer {
  padding: 0 30% 1rem;
}
.address-f {
  padding-top: 1rem;
  text-align: center;
}

.copy-right {
  padding-bottom: 1rem;
}
.icon-h {
  padding-right: 17px;
	display: none;
}
.about-intro {
  padding-left: 10%;
  padding-right: 10%;
}
.image-gal-2,
.image-gal-1 {
  padding: 0 30px;
}
.gallery-wine--gallery {
  margin: 0 -30px;
}
.image-gal-2 {
  margin-top: 75px;
}
.res-bar-sec {
  margin-top: -50px;
}
.pt-18 {
  padding-top: 18px;
}
.pt-70 {
  padding-top: 70px;
}

header#header .navbar {
  /* padding-top: 22px;
  padding-bottom: 28px; */
}
.follow-us {
  padding-top: 100px;
}
.pb-35 {
  padding-bottom: 35px;
}
/* --------------------------------- Menu ---------------------------------------------------- */

.button_container {
  position: fixed;
  top: 2.5rem;
  right: 8%;
  height: 27px;
  width: 35px;
  cursor: pointer;
  z-index: 100;
  transition: opacity 0.25s ease;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.overlay .button_container {
  position: fixed;
  top: 5.5rem;
  right: 8%;
  height: 27px;
  width: 35px;
  cursor: pointer;
  z-index: 100;
  transition: opacity 0.25s ease;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.home .header {
  background: transparent !important;
}
.home .header ul#primary a {
  color: #333 !important;
}
.home .header div#toggle span {
  background: #fff;
}
/*section.video-slider {*/
/*  margin-top: -111px;*/
/*}*/
.video-slider {
  position: relative;
  overflow: hidden;
  height: 100vh;
  z-index: -1;
}
#header {
  height: 110px;
}
.button_container:hover {
  opacity: 0.7;
}
/* .scroll-menu img {
    width: 53%;
} */
.button_container.active .top {
  transform: translateY(0px) translateX(0) rotate(45deg);
  background: #fff;
  width: 41px;
}
.button_container.active .middle {
  opacity: 0;
  background: var(--white-color);
}
.button_container.active .bottom {
  transform: translateY(-10px) translateX(0) rotate(-45deg);
  background: var(--white-color);
  width: 41px;
}
.button_container span {
  border: none;
  height: 4px;
  width: 41px;
  position: absolute;
  top: 0px;
  right: 0;
  /* transition: all 0.35s ease; */
  cursor: pointer;
  background-color: var(--dark-ash);
}
.button_container span:nth-of-type(1) {
  width: 30px;
  height: 4px;
  background: var(--dark-ash);
  border-radius: 4px;
  margin: 3px 0;
  transform-origin: left;
  /* transition: all 0.5s; */
}
.button_container span:nth-of-type(2) {
  top: 10px;
  height: 4px;
  background: var(--dark-ash);
  border-radius: 4px;
  margin: 3px 0;
  transform-origin: left;
  /* transition: all 0.5s; */
}
.button_container span:nth-of-type(3) {
  top: 20px;
  width: 20px;
  height: 4px;
  background: var(--dark-ash);
  border-radius: 4px;
  margin: 3px 0;
  transform-origin: left;
  /* transition: all 0.5s; */
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: hidden;
  /* transition: opacity 0.35s, visibility 0.35s, width 0.35s; */
  /*     z-index: 50; */
  z-index: 9999;
  border: 0;
  right: 0;
}
.overlay:before {
  content: "";
  background: var(--white-color);
  left: -55%;
  top: 0;
  width: 45%;
  height: 100%;
  position: absolute;
  transition: left 0.35s ease;
}

.overlay.open {
  opacity: 1;
  visibility: visible;
  /*     height: 100vh !important; */
}
.overlay.open:before {
  left: 0;
}
.overlay.open:after {
  right: 0;
}
.overlay.open li {
  -webkit-animation: fadeInRight 0.5s ease forwards;
  animation: fadeInRight 0.5s ease forwards;
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 50px;
  font-family: "Vollkorn", serif;
  font-weight: 400;
  text-align: center;
  z-index: 100;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  /* display: inline-block; */
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  height: 25%;
  height: calc(100% / 4);
  min-height: 50px;
  position: relative;
  opacity: 0;
  width: max-content;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: var(--white-color);
  text-decoration: none;
  overflow: hidden;
}
.overlay ul li a:hover:after,
.overlay ul li a:focus:after,
.overlay ul li a:active:after {
  width: 100%;
}

.overlay-menu,
.main-details {
  z-index: 9;
}
.overlay-menu {
  padding-left: 130px;
}
.overlay-menu a,
.overlay-menu a.nav-link:hover,
.overlay-menu .nav-link:focus,
.overlay-menu .nav-link:hover {
  color: var(--white-color) !important;
}

.mobile-menu-bar-overflow {
  overflow: hidden;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

/* ----- ------------------------------------------------------------- */

.menu-main-menu-container a.nav-link {
  font: normal normal normal 18px/21px var(--main-font);
  color: var(--dark-ash);
}
ul#primary li {
  flex: 1 1 auto !important;
}
ul#primary {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.menu-main-menu-container li.nav-item {
  padding: 0 34px;
}
.navbar-expand-lg .navbar-collapse {
  justify-content: flex-end;
  padding-right: 123px;
}
.current-menu-item a,
a.nav-link:hover,
.nav-link:focus,
.nav-link:hover {
  color: var(--green-color) !important;
  /* font-weight: 600; */
}

/* ----------------------------------- End Menu  ------------------------------------ */

#hVideoLayer {
  width: 100%;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  transform-origin: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: pointer;
  z-index: 9;
}
#hVideoLayer video {
  transition: all 1e3ms cubic-bezier(0.19, 1, 0.22, 1) !important;
  width: 100%;
  height: 100vh;
  top: 0;
  right: 0;
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#music {
  position: absolute;
  bottom: 47%;
  left: 47%;
  z-index: 9;
}
#player-container #play-pause {
  cursor: pointer;
  text-indent: -999999px;
  height: 110px;
  width: 110px;
  border-radius: 50%;
  padding: 12px 18px;
  z-index: 2;
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: 110px;
}
#accTab {
  width: 25%;
  display: flex;
  flex-direction: column;
  border: 0;
  z-index: 1;
  margin: auto;
}
#accTab button {
  border: 0;
  width: 100%;
  color: var(--dark-ash);
  text-align: left;
  padding: 24px 0;
  position: relative;
  display: flex;
  align-items: center;
  background: 0 0;
  transition: all 0.5s;
}

#accTab button.active {
  transform: translateX(50px);
  transition: all 0.5s;
  color: var(--green-color);
}
#accTab span {
  padding-right: 50px;
}
#accTab button.active:after {
  flex-grow: 1;
  transition: all 0.5s;
}
#accTab button:after {
  content: "";
  height: 1px;
  flex-grow: 0;
  width: 0;
  background: var(--green-color);
  transition: all 0.5s;
}
.acc-wrap-main-img img {
  height: 585px;
  width: 100%;
  object-fit: cover;
}
img.img-bp {
  height: 362px;
  object-fit: cover;
}
.acc-wrap a.explore-btn {
  right: 10.5%;
}
.top-bottom-img:nth-child(even) {
  padding-top: 55px;
}
.full-width-img::before {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  top: -1%;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: top;
}
.full-width-img::after {
  background-position: bottom;
  content: "";
  width: 100%;
  position: absolute;
  bottom: -1%;
  top: 0;
  z-index: 1;
  background-repeat: no-repeat;
}
.facility-slider .slick-list {
  padding-right: 16%;
  margin-left: -38px;
}
.facilities-div-wrap {
  padding: 0 38px;
}
.offers-img-inner {
  width: 100%;
  height: 340px;
  object-fit: cover;
}
.facilities-sec {
  /* overflow: hidden; */
}
.offers-title {
  padding: 0 75px 0 40px;
}
.slick-dots {
  display: flex;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: absolute;
  top: 33%;
  left: -5%;
}
.slick-dots li {
  margin: 10px 0;
}
.slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #cbcbcb;
  text-indent: -9999px;
}
.slick-dots li.slick-active button {
  background-color: var(--dark-ash);
}
.testimonials-sec .slick-dots {
  flex-direction: row;
  bottom: 0;
  top: unset;
  right: 0;
  left: 0;
}
.testimonials-sec .slick-dots li {
  margin: 0 10px;
}
.icon-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.to-do {
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 25%;
  padding-left: 69px;
  padding-bottom: 55px;
}
.link {
  padding: 0 10px;
}
footer#footer .green-bg a {
  text-decoration: none;
  text-align: center;
  display: flex;
  justify-content: center;
}
footer#footer .green-bg a:hover {
  color: var(--white-color);
}

ul#footer {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.footer--menu a.nav-link {
  font-size: 18px;
  color: var(--white-color);
  font-family: var(--main-font);
  padding: 15px 22px;
}
.footer--menu .current-menu-item a,
.footer--menu a.nav-link:hover,
.footer--menu .nav-link:focus,
.footer--menu .nav-link:hover {
  color: var(--ash-color) !important;
}
.white-hr-sm,
.white-hr-lg {
  color: #fff;
}
button#mybtntop {
  border: 0;
  background: transparent;
  right: 20px;
  bottom: 3rem;
}
.search-engines {
  padding-bottom: 2rem;
}
.item-e p {
  padding-top: 20px;
}
.copy-right a {
  text-align: center;
  text-decoration: none;
  color: var(--dark-ash);
}
.copy-right a:hover {
  color: red;
}
.to-do.do-1,
.to-do.do-5 {
  padding-left: 0;
}
.to-do.do-8,
.to-do.do-7,
.to-do.do-6,
.to-do.do-5 {
  padding-top: 55px;
  border-bottom: 0;
  padding-bottom: 0;
}
.to-do.do-4,
.to-do.do-8 {
  border-right: 0;
}
.social-media-links-footer a:hover {
  filter: brightness(0) saturate(100%) invert(90%) sepia(67%) saturate(56%)
    hue-rotate(314deg) brightness(85%) contrast(110%);
}
.full-name::before {
  content: "";
  width: 165px;
  height: 2px;
  position: absolute;
  background: #4d415a;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  left: -10%;
  right: auto;
}
.ig-img {
  z-index: 9;
  position: relative;
  padding: 0 155px;
}
.overlay a.nav-link {
  font: normal normal normal 25px/33px Playfair Display;
  color: var(--white-color) !important;
  z-index: 99999999;
  position: relative;
  padding: 13px 0;
}
.overlay .dropdown-menu {
  background-color: transparent;
  border: 0;
  font: normal normal normal 18px/21px Inter Tight;
  color: #ffffff;
}
.main-details {
  padding: 0 96px;
}
.dropdown-item:focus,
.dropdown-item:hover {
  background-color: transparent;
}
.overlay.open .ig-img {
  -webkit-animation: fadeInRight 0.5s ease forwards;
  animation: fadeInRight 0.5s ease forwards;
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
  transition: left 0.35s ease;
}
.quick-social {
  position: fixed;
  bottom: 10%;
  right: 0;
  z-index: 9;
}

.quick-social ul li {
  padding: 10px 0;
}
.quick-social ul {
  list-style: none;
  padding: 0;
}
.overlay-menu a.dropdown-item {
  font: normal normal normal 18px/21px Inter Tight;
  padding: 10px 28px;
}
.main-details a {
  text-decoration: none;
}
.main-details a:hover {
  text-decoration: underline;
  color: var(--white-color);
}
.watsapp-wrap img {
  padding-right: 18px;
}
.last-child-menu {
  padding-bottom: 35px;
  border-bottom: 1px solid #ffffff5e;
}
.watsapp-wrap {
  padding-top: 35px;
}
.media-links .link {
  padding: 0 25px;
}
.follow-us p {
  padding-right: 20px;
  white-space: nowrap;
}

.cuisine-slider-wrap .cuisine-img {
  height: 560px;
  object-fit: cover;
  background-size: cover !important;
  background-repeat: no-repeat;
  transition: all 0.5s;
}
.cuisine-img {
  width: 100%;
}
.rand-img {
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
}
.cusine-img {
  position: absolute;
  top: 25%;
  left: 0;
}

.cusiner-box {
  width: 100%;
}
.cusiner-box-inner {
  position: relative;
  padding: 0 35px;
}
.breadcrumbs a,
.breadcrumbs {
  text-decoration: none;
  color: var(--dark-ash);
  font: normal normal normal 16px/35px Inter Tight;
}
.restaurents-items {
  margin: 70px 30px 0;
  width: 300px;
}
.restaurents {
  margin-left: -30px;
  margin-right: -30px;
}
.image-box {
  position: relative;
  overflow: hidden;
}

.image-box img.m-img {
  width: 100%;
  transition: 0.5s;
}

.text-box {
  position: absolute;
  top: 0;
  left: -100%;
  height: 100%;
  width: 100%;
  background: var(--green-color);
  transition: 0.5s;
}

.text-box h1 {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 71%;
  width: 100%;
  color: #fff;
  font-family: var(--main-font);
  transform: translateX(-50%) translateY(-50%);
}

.text-box p {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 60%;
  left: 0%;
  width: 100%;
  color: #fff;
  font-family: var(--main-font);
  transform: translateX(-50%) translateY(-50%);
}

.image-box:hover .text-box {
  left: 0%;
}

.image-box:hover img.m-img {
  transform: scale(1.2);
}
.near-place-sec .nav-pills .nav-link.active,
.near-place-sec .nav-pills .show > .nav-link {
  color: var(--green-color);
  background-color: transparent;
  padding-left: 35px;
  transition: all 0.5s;
}
.place--near div#v-pills-tabContent {
  background: #f8f8f8;
  padding: 50px 60px;
}
.gallery--img {
  padding-top: 37px;
}
.gallery--img .slick-dots {
  flex-direction: row;
  right: 0;
  top: -11%;
  left: unset;
}
.gallery--img .slick-dots li {
  margin: 0 10px;
}
.map iframe {
  height: 360px;
  padding-top: 42px;
  width: 100%;
}

.hover-line {
  position: relative;
  display: flex;
  align-items: center;
}
.hover-line::before {
  position: absolute;
  content: "";
  height: 2px;
  width: 0px;
  left: 0;
  background: var(--green-color);
  transition: all 0.5s;
}
.near-place-sec .nav-pills .nav-link.active::before,
.near-place-sec .nav-pills .show > .nav-link {
  width: 20px;
  transition: all 0.5s;
  left: 0;
}
.near-place-sec .nav-pills .nav-link {
  padding-left: 0;
  transition: all 0.5s;
}
.text-box img {
  width: 50% !important;
  margin: 0 auto;
  display: block;
}
.sm-logo {
  padding-bottom: 20px;
}
.text-box {
  padding: 30px 20px;
}
.restaurent-name {
  padding-top: 34px;
}
.foods-tab .nav-tabs .nav-item.show .nav-link,
.foods-tab .nav-tabs .nav-link.active {
  border: 0;
}
.foods-tab .nav-tabs {
  border-bottom: 0;
}
.foods-tab .nav-tabs .nav-link:focus,
.foods-tab .nav-tabs .nav-link:hover {
  border-color: transparent;
  isolation: unset;
}
.food-img {
  /* height: 610px; */
  padding-right: 47px;
}
.foods-tab {
  padding-top: 70px;
}
.foods-tab button::after {
  content: "";
  height: 1px;
  width: 0%;
  background: var(--green-color);
  transition: all 0.5s;
}
.foods-tab button.active::after,
.foods-tab button:hover::after {
  width: 100%;
  transition: all 0.5s;
}
.foods-tab .nav-tabs .nav-link {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.foods-tab .nav-tabs .nav-item.show .nav-link,
.foods-tab .nav-tabs .nav-link.active {
  color: var(--green-color);
}

.cusiner-box.cusiner-1 div#image1 {
  object-fit: cover;
  width: 960px;
  height: 610px;
  padding: 30px;
}
.cusiner-box.cusiner-2 div#image2 {
  object-fit: cover;
  width: 575px;
  height: 648px;
  padding: 30px;
  margin-top: 85px;
}
.things-to-do-sec a.explore-btn {
  top: 13%;
  right: 7%;
}
a#menu-item-dropdown-170,
a#menu-item-dropdown-30 {
  padding: 2px 30px 2px 2px;
  border: none;
  background-repeat: no-repeat;
  background-position: 93% !important;
  background-size: 13px !important;
}
.dropdown-toggle::after {
  border: 0;
}
.overlay-menu .dropdown-menu.show {
  display: contents;
}
ul#primary .dropdown-menu {
  position: absolute;
  background: var(--green-color);
  padding: 30px 25px;
  width: 189px;
  border: 0;
}
ul#primary ul.dropdown-menu .nav-item {
  padding: 10px 0;
  color: var(--white-color);
}
ul#primary .dropdown-item {
  padding: 0;
  color: var(--white-color);
}
ul#primary .dropdown-menu[data-bs-popper] {
  left: unset;
  margin-top: 20px;
}
#overlay .btn-close {
  background: none !important;
}
.overlay .button_container span:nth-of-type(3) {
  top: 39px !important;
}
.overlay span.middle {
  display: none;
}
/* .header-scrolled .diskop-menu{
  display: none;
} */
.header-scrolled .scroll-menu {
  transform: translateY(0);
  transition: all 0.5s cubic-bezier(1, 0.005, 0, 1);
}
.scroll-menu {
  box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
  background-color: var(--white-color);
}
.scroll-menu {
  height: auto;
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  width: 100%;
  /*transform: translateY(-100%);*/
  /*transition: all .5s cubic-bezier(1,.005,0,1.000);*/
  z-index: 9;
  box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
  right: 0;
}
.scroll-menu .main-menu {
  width: 100%;
}
#header {
  position: relative !important;
  display: block;
}
.header-show.scroll-menu.header-scrolled {
  /*transform: translateY(0) !important;*/
  /*transition: all .5s cubic-bezier(1,.005,0,1.000);*/
}
.restaurents-items:nth-child(4) .text-box img {
  width: 23% !important;
}
.restaurents-items:nth-child(4) .text-box {
  padding-top: 0;
}
.about-food {
  width: 31%;
  text-align: initial;
}
.food-img img {
  object-fit: cover;
  height: 610px;
}
.restaurents-items:nth-child(even) {
  padding-top: 55px;
}
section.stay-section .acc-wrap img {
  height: 585px;
  width: 100%;
  object-fit: cover;
}
.facilities-div-wrap a {
  text-decoration: none;
}
.facilities-gallery {
  padding: 42px 0;
}
.facilities--slider-sec:nth-child(odd) .facilities-details {
  padding-left: 108px;
}
.facilities--slider-sec:nth-child(even) .facilities-details {
  padding-right: 108px;
}
.facilities--slider-sec:nth-child(even) .facilities-flex {
  flex-direction: row-reverse;
}
.facilities--slider-sec:nth-child(even) .slick-dots {
  right: -6%;
  align-items: flex-end;
}
.facilities--slider-sec .slick-dots {
  top: 40%;
  left: -6%;
}
.facilities--slider-sec:nth-child(even) h5::before {
  content: "";
  height: 1px;
  flex-grow: 1;
  width: 134px;
  background: var(--green-color);
  transition: all 0.5s;
  content: "";
  height: 1px;
  flex-grow: 1;
  background: var(--green-color);
  transition: all 0.5s;
  position: absolute;
  right: -9%;
  z-index: 999999999;
}

.facilities--slider-sec:nth-child(odd) h5::after {
  content: "";
  height: 1px;
  flex-grow: 1;
  width: 134px;
  background: var(--green-color);
  transition: all 0.5s;
  content: "";
  height: 1px;
  flex-grow: 1;
  background: var(--green-color);
  transition: all 0.5s;
  position: absolute;
  left: -9%;
  z-index: 999999999;
}

.facilities-details h5 {
  display: flex;
  align-items: center;
}
section#term1 .facilities-gallery {
  padding-top: 0;
}
.padding---bottom-gallery {
  padding-bottom: 70px;
}
.facilities-thum-img img {
  height: 450px;
  object-fit: cover;
}

.facilities-div-wrap img {
  height: 510px;
  object-fit: cover;
}
div#player-container {
  position: absolute;
  bottom: 47%;
  left: 47%;
  z-index: 9;
}
#player-container #video-play-pause {
  cursor: pointer;
  text-indent: -999999px;
  height: 110px;
  width: 110px;
  border-radius: 50%;
  padding: 12px 18px;
  z-index: 2;
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: 110px;
}

/* ====================================================================================================================================
============================================================ Responsive ============================================================
==================================================================================================================================== */
@media only screen and (max-width: 1600px) {
  .font-165 {
    font-size: 110px;
    font-family: var(--sub-font);
    line-height: 110px;
  }
  .font-45 {
    font-size: 35px;
    line-height: 60px;
  }
  .font-30 {
    font-size: 25px;
    line-height: 50px;
  }
  .font-18 {
    font-size: 17px;
    line-height: 35px;
  }
  .pb-45 {
    padding-bottom: 30px;
  }
  .restaurents-items {
    margin: 50px 15px 0;
  }
  .text-box .font-18 {
    font-size: 15px;
    line-height: 30px;
  }
  .restaurent-name {
    padding-top: 20px;
  }
  .font-25 {
    font-size: 20px;
    line-height: 34px;
  }
  .about-food {
    width: 41%;
  }
  .page-template-wine-dine .wrapp-title {
    width: 42%;
  }
  .image-gal-2 img,
  .image-gal-1 img {
    width: 100%;
  }
  .bottom-section .wrapp-title {
    width: 50%;
  }
  .footer--menu .min-wrapper {
    width: 55%;
  }
  .section-top-100-padding {
    padding-top: 70px;
  }
  .section-bottom-100-padding {
    padding-bottom: 70px !important;
  }
  .page-template-thing-to-do .wrapp-title {
    width: 43%;
  }
  .wrapp-title {
    width: 100%;
  }
  .offers-img-inner {
    width: 100%;
    height: 255px;
  }

  .things-to-do-sec a.explore-btn {
    top: 13%;
    right: 2%;
  }
  .cusiner-box.cusiner-1 div#image1 {
    width: 700px;
    height: 479px;
  }
  .cusiner-box.cusiner-2 div#image2 {
    width: 465px;
    height: 532px;
  }
  /* .black-pool-sec .wrapp-title {
    width: 63%;
  } */
  .to-do {
    padding-left: 40px;
    padding-bottom: 40px;
  }
  footer#footer .min-wrapper {
    width: 55%;
  }
  section.stay-section .acc-wrap img {
    height: 460px;
  }
  .ig-img {
    padding: 0 86px;
  }
  .overlay-menu {
    padding-left: 85px;
  }
  .overlay a.nav-link {
    font: normal normal normal 18px/26px Playfair Display;
    padding: 10px 0;
  }
  .main-details {
    padding: 0px 60px;
  }
  .follow-us {
    padding-top: 30px;
  }
  img.img-bp {
    height: 300px;
    object-fit: cover;
  }
  .facilities-div-wrap {
    padding: 0 25px;
  }
  .pt-40 {
    padding-top: 20px;
  }
  .menu-main-menu-container li.nav-item {
    padding: 0 25px;
  }
  .facilities--slider-sec:nth-child(odd) .facilities-details {
    padding-left: 55px;
  }
  .facilities--slider-sec:nth-child(even) .facilities-details {
    padding-right: 55px;
  }
  .facilities-thum-img img {
    height: 400px;
  }
  .facilities--slider-sec:nth-child(odd) h5::after {
    width: 100px;
    left: -14%;
  }
  .facilities--slider-sec:nth-child(even) h5::after {
    width: 100px;
    right: -14%;
  }
  .facilities-div-wrap img {
    height: 430px;
  }
}
@media (min-width: 1500px) and (max-width: 1600px) {
}
@media (min-width: 1300px) and (max-width: 1500px) {
  .stay-section .acc-wrap img {
    height: 435px !important;
  }
  .testimonials-sec {
    background-size: 85%;
  }
  #accTab {
    padding-top: 85px;
  }
  img.img-bp {
    height: 290px;
  }
  .offers-img-inner {
    width: 100%;
    height: 205px;
  }
  .to-do {
    padding-left: 30px;
    padding-bottom: 30px;
  }
  footer#footer .min-wrapper {
    width: 60%;
  }
  .font-165 {
    font-size: 100px;
    line-height: 110px;
  }
  .page-template-wine-dine .wrapp-title {
    width: 55%;
  }
  .food-img img {
    height: 500px;
  }
  .text-box {
    padding: 10px;
  }
  button#mybtntop img {
    width: 70%;
  }
}
@media (min-width: 1300px) and (max-width: 1400px) {
  img.img-bp {
    height: 275px;
  }
  .font-25 {
    font-size: 19px;
  }
  .image-name {
    padding-top: 15px;
  }
  .facilities-div-wrap {
    padding: 0 10px;
  }
  .to-do {
    padding-left: 30px;
    padding-bottom: 20px;
  }
  .things-to-do-sec a.explore-btn {
    top: 3%;
    right: 10%;
  }
  a.explore-btn {
    right: 9%;
  }
  .stay-section .acc-wrap img {
    height: 408px !important;
  }
  .cusiner-box.cusiner-1 div#image1 {
    width: 595px;
    height: 395px;
  }
  .cusiner-box.cusiner-2 div#image2 {
    width: 439px;
    height: 459px;
  }
  footer#footer .min-wrapper {
    width: 65%;
  }
  .overlay-menu {
    padding-left: 60px;
  }
  .ig-img img {
    width: 100%;
  }
  .ig-img {
    padding: 0 150px;
  }
  .follow-us {
    padding-top: 80px;
  }
  .page-template-wine-dine .wrapp-title {
    width: 42%;
  }
  .food-img img {
    height: 425px;
  }
  .page-template-thing-to-do .wrapp-title {
    width: 45%;
  }
  .font-165 {
    font-size: 90px;
    line-height: 110px;
  }
  .place--near div#v-pills-tabContent {
    padding: 30px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .wrapp-title {
    width: 38%;
  }
  section.stay-section .acc-wrap img {
    height: 382px;
  }
  #accTab {
    padding-top: 57px;
  }
  a.explore-btn {
    width: 110px;
    height: 110px;
  }
  #accTab button {
    padding: 20px 0;
  }
}
@media (min-width: 991px) and (max-width: 1200px) {
}
@media (min-width: 991px) and (max-width: 1300px) {
  .min-wrapper {
    width: 65%;
    margin: 0 auto;
  }
  .video-slider {
    height: 50vh;
  }
  .offers-title {
    padding: 20px;
  }
  a.explore-btn {
    right: 5%;
  }
  .facilities-div-wrap img {
    height: 370px;
  }
  img.img-bp {
    height: 290px;
  }
  .cusiner-box.cusiner-1 div#image1 {
    width: 100%;
    height: 400px;
    object-position: right;
  }
  .cusiner-box.cusiner-2 div#image2 {
    width: 100%;
    height: 400px;
    object-position: right;
  }
  footer#footer .min-wrapper {
    width: 67%;
  }
  .bottom-section .wrapp-title {
    width: 60%;
  }
  .testimonials-sec {
    background-size: 85%;
  }
  .mid-wrapper {
    width: 80%;
  }
  .font-25 {
    font-size: 18px;
    line-height: 34px;
  }
  .page-template-wine-dine .wrapp-title {
    width: 50%;
  }
  .para-wrapper {
    width: 70%;
  }
  .food-img img {
    height: 425px;
  }
  .page-template-thing-to-do .wrapp-title {
    width: 51%;
  }
  .place--near div#v-pills-tabContent {
    padding: 50px 30px;
  }
  .ig-img img {
    width: 100%;
  }
  .overlay-menu {
    padding-left: 160px;
  }
  .follow-us {
    padding-top: 160px;
  }
}
@media (min-width: 991px) and (max-width: 1025px) {
  .main-wrapper {
    width: 90%;
    margin: 0 auto;
  }
  a.navbar-brand img {
    width: 100%;
  }
  .menu-main-menu-container a.nav-link {
    font-size: 16px;
  }
  .wrapp-title {
    width: 100% !important;
  }
  .wrapp-title h4 {
    text-align: center !important;
  }
  a.explore-btn {
    width: 100px;
    height: 100px;
  }
  .menu-main-menu-container li.nav-item {
    padding: 0 15px;
  }
  .font-165 {
    font-size: 90px;
    line-height: 100px;
  }
  section.stay-section .acc-wrap img {
    height: 312px;
  }
  #accTab button {
    padding: 10px 0;
  }
  #accTab {
    padding-top: 75px;
  }
  .padding-caption {
    padding: 0 15%;
  }
  img.img-bp {
    height: 225px;
  }
  .facility-slider .slick-list {
    padding-right: 40%;
    margin-left: 10px;
  }
  .facilities-div-wrap img {
    height: 300px;
  }
  footer#footer .min-wrapper {
    width: 75%;
  }
  .food-img img {
    height: 306px;
  }
  .font-30 {
    font-size: 20px;
    line-height: 50px;
  }
  .page-template-wine-dine .wrapp-title {
    width: 70% !important;
  }
  .footer--menu a.nav-link {
    font-size: 16px;
  }
  .facilities-thum-img img {
    height: 300px;
  }
  section.facilities--slider-sec .w-60 {
    width: 50%;
  }
  .facilities--slider-sec .slick-dots {
    left: -14%;
  }
  .facilities--slider-sec:nth-child(even) .slick-dots {
    right: -14%;
  }
  .place--near .font-18 {
    font-size: 15px;
    line-height: 35px;
  }
  .button_container {
    top: 57px;
  }
  .bottom-section .wrapp-title {
    width: 70% !important;
  }
  #music {
    bottom: 36%;
    left: 45%;
  }
  .restaurents-items {
    margin: 50px 5px 0;
  }
  .text-box {
    padding: 10px;
  }
  .text-box .font-18 {
    font-size: 14px;
    line-height: 25px;
  }
  .pt-70 {
    padding-top: 30px;
  }
  section.stay-section.section-top-padding {
    padding-top: 0;
  }
}
@media (min-width: 600px) and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
  .cusiner-box.cusiner-1 div#image1 {
    width: 100%;
    height: 400px;
    object-position: right;
  }
  .cusiner-box.cusiner-2 div#image2 {
    width: 100%;
    height: 400px;
    object-position: right;
  }
  .main-wrapper {
    width: 85%;
    margin: 0 auto;
  }
  .bottom-section .wrapp-title,
  .wrapp-title,
  .offers-sec .wrapp-title,
  .facilities-sec .wrapp-title,
  .min-wrapper,
  .para-wrapper,
  .max-wrap-right,
  .black-pool-sec .wrapp-title,
  .mid-wrapper,
  .left-wrapper,
  .things-to-do-sec .wrapp-title,
  .page-template-wine-dine .wrapp-title,
  .page-template-thing-to-do .wrapp-title,
  .w-30,
  .w-70,
  .w-60 {
    width: 90%;
  }
  .video-slider {
    height: 30vh;
  }
  .font-165 {
    font-size: 80px;
    line-height: 100px;
  }
  .wrapp-title h4 {
    text-align: center !important;
  }
  .max-wrap-right {
    margin: 0 auto;
  }
  #accTab {
    width: 25%;
    padding-top: 10px;
  }
  section.stay-section .acc-wrap img {
    height: 285px;
  }
  #accTab button {
    padding: 10px 0;
  }
  a.explore-btn {
    width: 90px;
    height: 90px;
  }
  #accTab span {
    padding-right: 16px;
  }
  #accTab button.active {
    transform: translateX(10px);
  }
  .padding-caption {
    padding: 0 5%;
  }
  .cusiner-box-inner {
    padding: 0 10px;
  }
  .black-pool-sec ul.slick-dots {
    flex-direction: row;
  }
  .black-pool-sec ul.slick-dots {
    flex-direction: row;
    bottom: -10%;
    z-index: 99;
    right: 0;
    left: 0;
    top: auto;
  }
  .black-pool-sec .slick-dots li {
    margin: 0 10px;
  }
  img.img-bp {
    padding: 10px;
  }
  .facilities-div-wrap img {
    height: 367px;
  }
  .to-do {
    padding-left: 20px;
    padding-bottom: 20px;
  }
  .to-do.do-8,
  .to-do.do-7,
  .to-do.do-6,
  .to-do.do-5 {
    padding-top: 20px;
  }
  .full-width-img::after,
  .full-width-img::before {
    background-size: 100%;
  }
  .footer--menu {
    display: none;
  }
  .main-details-footer {
    padding: 0;
  }
  a.explore-btn {
    right: 10%;
    top: 11%;
  }
  .facilities-sec a.explore-btn {
    right: 10%;
    top: 4%;
  }
  footer#footer .min-wrapper {
    width: 90%;
  }
  .section-top-100-padding {
    padding-top: 50px;
  }
  .section-bottom-100-padding {
    padding-bottom: 50px !important;
  }
  .address-f {
    padding-top: 20px;
  }
  .padding--27 {
    padding-bottom: 10px;
  }
  .pb-45 {
    padding-bottom: 20px;
  }
  .tab-direction {
    flex-direction: column;
  }
  .food-img {
    padding-right: 0;
    padding-bottom: 10px;
  }
  .food-img img {
    height: 331px;
  }
  .about-food {
    width: 85%;
  }
  .place--near div#v-pills-tabContent {
    padding: 35px;
  }
  .facilities-thum-img img {
    height: 271px;
  }
}

@media only screen and (max-width: 600px) {
  .font-165 {
    font-size: 50px;
    line-height: 65px;
  }
  .font-45 {
    font-size: 25px;
    line-height: 50px;
  }
  .para {
    text-align: justify;
  }
  #player-container #play-pause {
    background-size: 40%;
  }
  #music {
    bottom: 24%;
    left: 35%;
  }
  .font-18 {
    font-size: 15px;
    line-height: 32px;
  }
  .stay-section.section-top-padding {
    padding-top: 0;
  }
  .p-tb {
    padding: 0;
  }
  a.explore-btn {
    width: 70px;
    height: 70px;
  }
  .facility-slider .slick-list {
    padding-right: 0;
    margin-left: 0;
  }
  .top-bottom-img:nth-child(even) {
    padding-top: 20px;
  }
  .about-blackpool-img,
  .facility-slider {
    padding-top: 20px;
  }
  img.img-bp {
    height: 200px;
  }
  .font-25 {
    font-size: 16px;
    line-height: 34px;
  }
  .image-name {
    padding-top: 10px;
    z-index: 9;
  }
  .black-pool-sec ul.slick-dots {
    bottom: -20%;
  }
  .facilities-div-wrap {
    padding: 0 10px;
  }
  .facilities-div-wrap img {
    height: 232px;
  }
  .pt-40 {
    padding-top: 10px;
  }
  .offers-div-wrap {
    flex-direction: column;
  }
  .offers-title {
    padding: 10px 0;
  }
  .slick-dots {
    flex-direction: row;
    bottom: -10%;
    top: unset;
    right: 0;
    left: 0;
  }
  .slick-dots li {
    margin: 0 10px;
  }
  .left-wrapper {
    margin: 0 auto;
  }
  .testimonials-sec {
    background-size: 100%;
  }
  .to-do {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 10px;
  }
  .to-do.do-7,
  .to-do.do-3 {
    padding-left: 0;
  }
  .to-do.do-2,
  .to-do.do-6 {
    border-right: 0;
  }
  .to-do.do-6,
  .to-do.do-5 {
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
  }
  section.things-to-do-sec a.explore-btn {
    position: relative !important;
    margin: 0 auto;
    right: auto;
    left: auto;
  }
  .font-14 {
    font-size: 12px;
    line-height: 17px;
    text-align: center;
  }
  button#mybtntop img {
    width: 50%;
  }
  button#mybtntop {
    right: 5px;
    bottom: 19px;
  }
  .quick-social img {
    width: 90%;
  }
  .quick-social {
    right: -8px;
  }
  .mobile-dispaly {
    display: flex !important;
    margin: 0 auto;
  }
  .desktop {
    display: none !important;
  }
  #accTab {
    width: 100%;
    padding-top: 10px;
  }
  section.stay-section .tab-pane {
    width: 100%;
  }
  section.stay-section .acc-wrap img {
    height: 200px;
  }
  .desktop-rooms {
    position: relative;
  }
  .padding-caption {
    padding: 0;
  }
  .font-30 {
    font-size: 20px;
    line-height: 40px;
  }
  .cusiner-box.cusiner-2 div#image2 {
    margin-top: 25px;
  }
  .cusiner-box.cusiner-1 div#image1,
  .cusiner-box.cusiner-2 div#image2 {
    width: 100%;
    height: 200px;
    object-position: right;
  }
  #accTab {
    flex-direction: row;
  }
  .pt-70 {
    padding-top: 20px;
  }
  .food-img img {
    height: 200px;
  }
  .bottom-section {
    padding: 30px 0;
  }
  .restaurents {
    margin-left: 0;
    margin-right: 0;
  }
  .w-50 {
    width: 100% !important;
  }
  .image-gal-2 {
    margin-top: 20px;
  }
  .res-bar-sec {
    margin-top: 0;
    padding-top: 20px;
  }
  .image-gal-2,
  .image-gal-1 {
    padding: 0 10px;
  }
  .restaurents-items:nth-child(even) {
    padding-top: 20px;
  }
  .foods-tab {
    padding-top: 50px;
  }
  .about-food,
  .w-70,
  .w-30 {
    width: 100% !important;
  }
  .about-intro {
    padding-left: 0;
    padding-right: 0;
  }
  .facilities-flex {
    flex-direction: column;
  }
  .facilities--slider-sec:nth-child(odd) h5::after,
  .facilities--slider-sec:nth-child(even) h5::before {
    content: none;
  }
  .facilities--slider-sec:nth-child(odd) .facilities-details {
    padding-left: 0;
  }
  .facilities--slider-sec .slick-dots {
    top: auto;
    left: 0;
    bottom: 0;
  }
  .facilities-thum-img img {
    height: 175px;
  }
  .facilities--slider-sec:nth-child(even) .facilities-flex {
    flex-direction: column;
  }
  .facilities--slider-sec:nth-child(even) {
    background-color: #f1eded;
  }
  .facilities--slider-sec:nth-child(even) .facilities-details {
    padding-right: 0;
  }
  .facilities--slider-sec {
    padding: 30px 0;
  }
  .facilities-gallery {
    padding: 0 0 40px;
  }
  .mobile-direction {
    flex-direction: column;
  }
  .place--near div#v-pills-tabContent {
    padding: 15px;
  }
  .hover-line::before {
    content: none;
  }
  .near-place-sec .nav-pills .nav-link.active,
  .near-place-sec .nav-pills .show > .nav-link {
    padding-left: 5px;
  }
  .me-3 {
    margin-right: 0 !important;
  }
  button.nav-link {
    background-color: transparent;
    color: #333;
    box-shadow: none;
    border-bottom: 1px solid #dfdfdf;
    border-radius: 0;
    padding: 0;
    display: flex;
  }
  div#v-pills-tab {
    display: flex;
    flex-wrap: wrap;
    flex-direction: unset !important;
  }
  .near-place-sec .nav-pills .nav-link {
    padding-left: 0;
    transition: all 0.5s;
    padding: 0 5px;
    border: 1px solid #d9ddd9;
    border-radius: 0;
    margin: 2px;
  }
}

.explore-img {
  transition: clip-path 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  clip-path: inset(0 100% 0 0);
}
.animate.is-inview {
  transition: clip-path 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
  clip-path: inset(0px 0px 0px 0px);
}
.animate.fadeup {
  opacity: 0;
  transition: opacity 500ms;
}
.fadeup.scrolled {
  animation: animateup 0.5s ease-in-out both;
  animation-delay: 0.3s;
}

.cloud-wrapper {
  width: 100%;
  /* height: 94vh; */
  overflow: hidden;
  position: absolute;
}

#cloud1 {
  position: absolute;
  z-index: 0;
  top: 70%;
  opacity: 0.8;
  left: 0;
  animation-name: cloud1;
  animation-duration: 1000s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-delay: 0s;
}

#cloud2 {
  position: absolute;
  top: 35%;
  left: 50%;
  z-index: 0;
  opacity: 0.7;
  animation-name: cloud1;
  animation-duration: 1200s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-delay: 0;
}

#background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  right: 0;
  top: 0;
  /* z-index: -1; */
  position: relative;
}

/* ANIMATIONS */

.x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 100s linear infinite;

  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}

.x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 40s linear infinite;

  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(-2);
}

@-webkit-keyframes animateCloud {
  0% {
    margin-left: -1000px;
  }
  100% {
    margin-left: 100%;
  }
}

@-moz-keyframes animateCloud {
  0% {
    margin-left: -1000px;
  }
  100% {
    margin-left: 100%;
  }
}

@keyframes animateCloud {
  0% {
    margin-left: -1000px;
  }
  100% {
    margin-left: 100%;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.animate-text,
.animate-sub {
  opacity: 0;
  transition: opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1);
}

.animate-text.scrolled,
.animate-sub.scrolled {
  animation: fadeIn 1500ms cubic-bezier(0.19, 1, 0.22, 1) both;
  animation-delay: 0.3s;
}

/* OBJECTS */

.cloud {
  height: 500px;
  position: relative;
  width: 1200px;
}

.cloud:after,
.cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
/* Define the keyframes for the animation */
@keyframes background-text-animation {
  0% {
    background-position: left 0px top 50%;
  }
  50% {
    background-position: left 100px top 50%;
  }
  100% {
    background-position: left 200px top 50%;
  }
}

/* Define the keyframes for the reversed animation */
@keyframes background-text-animation-reverse {
  0% {
    background-position: left 200px top 50%;
  }
  50% {
    background-position: left 100px top 50%;
  }
  100% {
    background-position: left 0px top 50%;
  }
}

/* Apply the animation to the .main-title.visible element */
.main-title.visible {
  /* Set the animation properties with infinite alternate */
  animation: background-text-animation 20s linear infinite alternate;
}

/* Apply the animation to the .cloud-title-animate.visible element */
.cloud-title-animate.visible {
  /* Set the animation properties with infinite alternate */
  animation: background-text-animation-reverse 20s linear infinite alternate;
}

.title-text {
  position: relative;
  z-index: 100;
}

/* insaf  */
@media (max-width: 991px) {
  .logo-dont-show-inmobile {
    display: none !important;
  }

  .mobile-display-justify-center {
    justify-content: flex-start !important;
    padding-top: 100px;
  }

  .mobile-main-details {
    padding: 30px 60px !important;
  }

  /* 	.mobile-address {
		align-items: center !important;
    	justify-content: center;
	} */

  .mobile-address-ptag {
    line-height: normal;
  }

  li#menu-item-170 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .overlay-menu ul li a {
    width: 100%;
    text-align: center;
  }

  .facilities-content {
    align-items: center;
    justify-content: center;
  }
  .offers-content-title {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .scroll-menu {
    /*transform: translateY(0) !important;*/
    /*transition: all .5s cubic-bezier(1,.005,0,1.000);*/
  }

  .home .header div#toggle span {
    background: #016f3b !important;
  }

  section.video-slider {
    margin-top: 0;
  }

  div#navbarSupportedContent {
    display: none;
  }

  .restaurent-bar .restaurents {
    flex-direction: column;
  }

  .restaurent-bar .restaurents .slick-dots {
    position: relative;
    flex-direction: row;
    left: 0;
  }

  .restaurent-bar .restaurents .slick-dots li {
    margin: 0 10px;
  }
}

@media (max-width: 600px) {
  .about-gallery-sec-achivement {
    padding: 50px 0 !important;
  }

  .offers-slider .slick-dots {
    position: relative;
  }

  .mobile-display-justify-center {
    padding-left: 10px;
  }

  .single-rooms-heading {
    font-size: 45px !important;
  }

  .testimonials-sec {
    background-size: contain;
  }

  .gallery-section .nav-tabs .nav-link {
    font-size: 21px;
    margin: 0 15px;
  }

  .tab-sec .room-sec .room_slider_wrap .room_slider ul li {
    width: auto;
  }

  .tab-sec .room-sec .room_slider_wrap .room_slider .slick-dots,
  .room-sec .room_slider_wrap .room_slider .slick-dots {
    z-index: 99 !important;
    bottom: 0 !important;
    position: relative !important;
  }
}

@media (min-width: 1200px) {
  .facilities-div-wrap {
    padding: 0 1.979vw;
  }
}

.facilities--slider-sec:nth-child(2n) h5::before {
  display: none !important;
}

.no-wrap {
  white-space: nowrap;
}

.testimonials-heading {
	display: none;
	
	@supports (-webkit-overflow-scrolling: touch) {
	  display: block;
  	}
}

.testimonials-sec {
  @supports (-webkit-overflow-scrolling: touch) {
	  background-image: none;
	  padding: 0px 0 0 !important;
  }
}
.testimonials-testi-div-wrap{
	 @supports (-webkit-overflow-scrolling: touch) {
	  padding-top: 0px !important;
  }
}
.testimonials-sec {
  @supports (-webkit-overflow-scrolling: touch) {
	  padding: 0;
  }
}

.testimonials-testi-div-wrap {
	@supports (-webkit-overflow-scrolling: touch) {
	  padding: 0;
	}
}

@media (max-width: 768px) {
  .aminities-sec .aminity-wrap .aminity ul li {
    width: 100%;
  }
}

.room-sec .room_slider_wrap .room_slider .slick-dots li {
  display: none;
}

.room-sec .room_slider_wrap .room_slider .slick-dots li:nth-child(-n + 5) {
  display: inline-block;
}