*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

button:focus,
.btn:focus,
.form-control:focus,
input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

html {
  scroll-behavior: smooth;
  font-size: 10px;
}

body {
  font-size: 1.4rem;
  overflow-x: hidden;
  font-weight: 300;
 /* font-family: "brandon_grotesquelight", "sans-serif";*/
}

h1,
h2,
h3 {
  font-family: "didotmedium", "sans-serif";
}

h2 {
  font-size: 5rem;
  font-family: "brandon_grotesquelight", "sans-serif";
}

h3 {
  font-size: 3.6rem;
  font-family: "brandon_grotesquelight", "sans-serif";
}

h4 {
  font-size: 2.2rem;
  font-family: "brandon_grotesquelight", "sans-serif";
}

p {

  font-family: "brandon_grotesquelight", "sans-serif";
  font-weight: 600;
  line-height: 4rem;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.8);
}


/*cursor*/
        /*.zoomLens {*/
        /*    width: 70px;*/
        /*    height: 70px;*/
        /*    border-radius: 50%;*/
        /*    position: absolute;*/
        /*     z-index: 2;*/
        /*    pointer-events: none;*/
        /*    background-color: #fff;*/
        /*    mix-blend-mode: difference;*/
        /*}*/

        /*.zoomLens::after {*/
        /*    content: "";*/
        /*    width: 70px;*/
        /*    height: 70px;*/
        /*    position: absolute;*/
        /*    border-radius: 50%;*/
        /*    top: 0px;*/
        /*    left: 0px;*/
        /*    z-index: 9;*/
        /*    mix-blend-mode: difference;*/
        /*}*/
        
        
        #imageholder {
               height: 0px;
        }
		/*
		
		
		#cursor {
            transition: all 0.1s;
            transition-delay: 0s;
        }
        .cursor {
            width: 20px;
            height: 20px;
            border: 2px solid #e42908;
            border-radius: 50%;
            position: absolute;
            z-index: 91;
            transition-timing-function: ease-out;
            pointer-events: none;
        }
        .cursor::after {
            content: "";
            width: 20px;
            height: 20px;
            position: absolute;
            border-radius: 50%;
            opacity: .5;
            top: -8px;
            left: -8px;
             z-index: 9;
        }
		
        .zoomLens {
            width: 70px;
            height: 70px;
            border: 1px solid #e42908;
            pointer-events: none;
            background-color: #fff;
            mix-blend-mode: difference;
        }
		
        */
     /*cursor ends*/   
.flex_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main_content {
  margin-top: 5rem;
  margin-bottom: 5rem;
}



.heading {
  position: relative;
  padding-bottom: 2rem;
  margin-bottom: 2.5rem;
}

.heading::after {
  content: "";
  position: absolute;
  width: 15rem;
  height: 1px;
  bottom: 0;
  background-color: #20b1aa;
}

.heading .sec_title {
  margin: 0;
  text-transform: uppercase;

}

.heading.text-center::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.heading + .sub_info {
  margin: 0 5%;
  text-align: center;
}

.heading.text-white::after {
  background: #fff;
}

.heading.text-white + .sub_info {
  color: #fff;
}

.sub_title {
  font-size: 10rem;
  margin-bottom: -5.5rem;
  color: #2ca2c6;
  font-family: "xtreem_thin_personal_useRg", "sans-serif";
}

.sec_padding {
  padding: 10rem 0;
}
section#book_scroll {
    padding: 5rem 0 8rem 0;
}
.btn_default {
  min-width: 16.2rem;
  line-height: 6.8rem;
  color: #fff;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  font-family: "brandon_grotesquelight", "sans-serif";
  font-size: 14px;
  letter-spacing: 1px;
  background-color: #20b1aa;
  position: relative;
  z-index: 1;
  padding: 0 1rem;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.btn_default:hover {
  font-family: "brandon_grotesqueblack", "sans-serif";
  color: #20b1aa;
}

.btn_default:hover::before {
  opacity: 1;
  -webkit-transform: scale(0.99, 0.99);
          transform: scale(0.99, 0.99);
}

.btn_default:hover::after {
  -webkit-transform: scale(1, 0.1);
          transform: scale(1, 0.1);
  opacity: 0;
}

.btn_default::before {
  opacity: 0;
  background: white;
  -webkit-transform: scale(1, 0.1);
          transform: scale(1, 0.1);
}

.btn_default::after {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.btn_default::before, .btn_default::after {
  content: "";
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.btn_default.transparent {
  color: #7f7f7f;
  font-weight: 600;
  border: 1px solid #bfbebe;
  background-color: transparent;
}

.btn_default.transparent::before {
  background: #20b1aa;
}

.btn_default.transparent::after {
  border-color: transparent;
}

.btn_default.transparent:hover {
  color: #fff;
  border-color: #20b1aa;
}

.btn_default.transparent:hover::after {
  border-color: #20b1aa;
}

.btn_default.transparent:hover::before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.btn_default.transparent.white {
  border-color: #fff;
  color: #fff;
}

.btn_default.transparent.white:hover {
  border-color: #20b1aa;
}

.web_logo img {
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
    filter: brightness(0) invert(5);
    width: 245px;
}
.web_flogo {
 /*-webkit-transition: 0.5s ease-in-out;*/
  /*transition: 0.5s ease-in-out;*/
    /*filter: brightness(0) invert(5);*/
    width: 235px;   
    margin-bottom: 42px;
    margin-top: -23px;
}

header {
  position: fixed;
  width: 100%;
  z-index: 9;
  padding: 2rem 0;
  -webkit-transition: all 1000ms ease;
}
.header_inner{
  background: #21b1aa;
  padding: 0px 10px;
  opacity: .9;
   -webkit-transition: all 1000ms ease;
}

header.active {
  padding: 1rem 0;
  width: 100%;
  position: fixed;
}

header.active .header_inner{
  background: transparent;
}
header.active .web_logo img {
  width: 240px;
 /* -webkit-filter: brightness(0) invert(1);*/
          filter: brightness(0) invert(1);
}

header .nav_link {
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 2rem;
}

.nav_toggle {
    outline: none;
    display: inline-block;
    background: none;
    width: 4rem;
    /*height: 3.7rem;*/
    /*height: 1.7rem;*/
    height: 2rem;
    border: none;
    margin-left: 1rem;
    padding: 0 5px;
    position: relative;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    /*margin-top: 1rem;*/
}

.nav_toggle:hover{
      border-color: #fff;
}


.nav_toggle.active {
  border-color: #fff;
  margin-top: 2rem;
}

.nav_toggle:hover span,
.nav_toggle.active span {
  background-color: #fff;

}

.nav_toggle span {
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  display: inline-block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.nav_toggle span:nth-child(1) {
  top: 0;
  /*padding-top: 2px;*/
}

.nav_toggle span:nth-child(2) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding-top :  2px;
  opacity: 0;
}

.nav_toggle span:nth-child(3) {
  bottom: 0;
}

.nav_toggle.active span:nth-child(1) {
  top: 50%;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  left: 25%;
}

.nav_toggle.active span:nth-child(3) {
  top: 50%;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  left: 25%;
  padding-top: 2px;
}

.nav_toggle.active span:nth-child(2) {
  opacity: 0;
}

/*FULL WIDTH MENU*/
.menu_fullwidth {
  background-image: url(../images/home/menu-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  bottom: -30%;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
}

.menu_fullwidth::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #20b1aa;
  top: 0;
  left: 0;
  opacity: 0.85;
}

.menu_fullwidth.active {
  opacity: 1;
  bottom: 0;
  visibility: visible;
}

.menu_fullwidth .overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100vh;
}

.menu_fullwidth .menu_close {
  position: absolute;
  right: 0;
  top: 3rem;
  /*display: none;*/
}

.menu_fullwidth .center_menu {
    position: absolute !important;
    top: 65%;
    opacity:0.1;
   transition: all 0.3s !important;
     top: 50%;
    opacity: 1;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*.menu_fullwidth.active .menu_close {*/
/*  display: block;*/
/*}*/
.menu_item.dropdown_menu {
    position: relative;
    cursor: pointer;
}
.menu_line{
  position: absolute;
  width: 0;
  height: 1.8px;
  background-color: #fff;
  left: 86%;
  top: 2.2rem;
  /*-webkit-transform: translateY(-50%) scaleX(0);*/
  /*        transform: translateY(-50%) scaleX(0);*/
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: -webkit-transform 0.8s ease-in-out;
  transition: -webkit-transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
  
  display:none;
}
/*.menu_item.dropdown_menu::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  width: 15rem;*/
/*  height: 1.8px;*/
/*  background-color: #fff;*/
/*  left: 16rem;*/
/*  top: 50%;*/
/*  -webkit-transform: translateY(-50%) scaleX(0);*/
/*          transform: translateY(-50%) scaleX(0);*/
/*  -webkit-transform-origin: left;*/
/*          transform-origin: left;*/
/*  -webkit-transition: -webkit-transform 0.8s ease-in-out;*/
/*  transition: -webkit-transform 0.8s ease-in-out;*/
/*  transition: transform 0.8s ease-in-out;*/
/*  transition: transform 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;*/
/*}*/

.menu_item.dropdown_menu .dropdown_list {
  position: absolute;
  left: 33rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  height:0px;
  /*display:none;*/
  overflow:hidden;
}

.menu_item.dropdown_menu .dropdown_list a {
  display: inline-block;
  text-align: left;
  opacity: 0;
  display: inline-block;
  visibility: hidden;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  margin-bottom: 1rem;
}

.menu_item.dropdown_menu:hover::after {
  -webkit-transform: translateY(-50%) scaleX(1);
          transform: translateY(-50%) scaleX(1);
}

/*.menu_item.dropdown_menu:hover .dropdown_list a {*/
/*  opacity: 1;*/
/*  visibility: visible;*/
/*}*/
/*.menu_item {*/
/*    margin-bottom: 3rem;*/
/*}*/
.menu_item a {
  text-decoration: none;
  color: white;
  text-transform: uppercase;
  font-size: 2rem;
  letter-spacing: 2px;
  font-weight: 400;
  display: block;
  text-align: center;
  /*line-height: 5rem;*/
  opacity: 0;
  /*-webkit-transform: translate3d(0, 20px, 0);*/
  /*        transform: translate3d(0, 20px, 0);*/
  -webkit-transition: 0.5s opacity ease-in-out;
  transition: 0.5s opacity ease-in-out;
  padding:1.6rem;
  line-height: 16px;
}

.menu_item a:hover, .menu_item a.active {
  color: white;
}

.menu_fullwidth.active .menu_item a {
  opacity: 1;
  /*-webkit-transform: translate3d(0, 0px, 0);*/
  /*        transform: translate3d(0, 0px, 0);*/
  transition: ease 0.3s;
      visibility: visible;
}

/*.menu_fullwidth .menu_item:nth-child(2) a{*/
/*    transition-delay: .05s;*/
/*}*/
/*.menu_fullwidth .menu_item:nth-child(3) a{*/
/*    transition-delay: .1s;*/
/*}*/
/*.menu_fullwidth .menu_item:nth-child(4) a{*/
/*    transition-delay: .15s;*/
/*}*/
/*.menu_fullwidth.active .menu_item:nth-child(5) a{*/
/*    transition-delay: .2s;*/
/*}*/
/*.menu_fullwidth.active .menu_item:nth-child(6) a{*/
/*    transition-delay: .25s;*/
/*}*/
/*.menu_fullwidth.active .menu_item:nth-child(7) a{*/
/*    transition-delay: .3s;*/
/*}*/
.bg_layer {
  position: absolute;
  text-transform: uppercase;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  white-space: nowrap;
  font-family: "didotmedium", "sans-serif";
  color: #000;
  opacity: 0.18;
  font-size: 20rem;
  letter-spacing: 6px;

}

.bg_layer .bg_text {
  content: "MENU";
  position: absolute;
}

.bg_layer span {
  opacity: 0;
  position: absolute;
 transform: translate3d(0px, 0px, 0px);
}

.bg_layer span.active {
      -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  opacity: 1;
}

.animateIn {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

/*.animateOut {*/
/*  -webkit-transform: translateY(-100%);*/
/*          transform: translateY(-100%);*/
/*}*/

/* Animation */
@keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 40rem, 0);
            transform: translate3d(0, 40rem, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}

.animatedFadeInUp {
  opacity: 0;
}

.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}

.carousel-indicators {
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.carousel-indicators [data-bs-target] {
  width: 10rem;
  border: 1px solid;
  box-shadow: 0px 1px;
}

@media (min-width: 1200px) {
  .carousel-indicators {
    max-width: 1140px;
  }
}

@media (min-width: 992px) {
  .carousel-indicators {
    max-width: 768px;
  }
}

@media (min-width: 768px) {
  .carousel-indicators {
    max-width: 600px;
  }
}

.owl-carousel .owl-dots {
  margin: 4rem 0;
}

.owl-carousel .owl-dots button.owl-dot {
  width: 10rem;
  height: 3px;
  margin: 0 5px;
  background-color: #dddddd;
}

.owl-carousel .owl-dots button.owl-dot.active {
  background-color: #20b1aa;
}

.owl-carousel.dots_center .owl-dots {
  text-align: center;
  width: 80%;
}

.owl-carousel.dots_white button.owl-dot {
  background-color: #fff;
  opacity: 0.5;
}

.owl-carousel.dots_white button.owl-dot.active {
  background-color: #fff;
  opacity: 1;
}

.owl-nav {
  position: absolute;
  width: 95%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  width: 50px;
  line-height: 48px;
  opacity: 0.5;
  border: 2px solid #000;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.owl-carousel .owl-nav button.owl-next img,
.owl-carousel .owl-nav button.owl-prev img {
  width: 18px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-next.active,
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-prev.active {
  background-color: #20b1aa;
  border-color: #20b1aa;
  opacity: 1;
}

.owl-carousel .owl-nav button.owl-next:hover img, .owl-carousel .owl-nav button.owl-next.active img,
.owl-carousel .owl-nav button.owl-prev:hover img,
.owl-carousel .owl-nav button.owl-prev.active img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.owl-carousel .owl-nav button.owl-next.disabled,
.owl-carousel .owl-nav button.owl-prev.disabled {
  opacity: 0;
}

#mainCarousel .carousel-indicators{
    /*display: none;*/
}

#mainCarousel .banner_caption {
  position: absolute;
  bottom: 30%;
  left: 0;
  width: 100%;
  color: #fff;
}

#mainCarousel .sub_text {
  font-size: 65px;
  text-transform: capitalize;
  font-family: "xtreem_thin_personal_useRg", "sans-serif";
}

#mainCarousel .main_title {
  font-size: 60px;
  text-transform: capitalize;
}

#mainCarousel .hero {
  height: 80rem;
  background-size: cover;
  background-repeat: no-repeat;
}

#mainCarousel .hero.slide1 {
  background-image: url("../images/home/slide-1.jpg");
}
#mainCarousel .hero.slide2 {
  background-image: url("../images/home/slide-2.jpg");
}
#mainCarousel .hero.slide3 {
   background-image: url("../images/home/slide-3.jpg");
}

#mainCarousel .hero.slide4{
  background-image: url("../images/home/slide-4.jpg");
}
#mainCarousel .hero.slide5{
  background-image: url("../images/home/slide-5.jpg");
}
#mainCarousel .hero.slide6{
  background-image: url("../images/home/slide-6.jpg");
}
#mainCarousel .hero.slide7{
  background-image: url("../images/home/slide-7.jpg");
}
#mainCarousel .hero.slide8{
  background-image: url("../images/home/slide-8.jpg");
}
#mainCarousel .hero.slide9{
  background-image: url("../images/home/slide-9.jpg");
}
#mainCarousel .carousel-indicators {
  /*bottom: 10%;*/
    bottom: 0%;
}

#mainCarousel  .carousel-control-next{
border: 2px solid #fff;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    width: 12em;
    height: 12em;
    border-radius: 50%;
    position: absolute;
    top: -8%;
    left: -5%;
    transition: none;
}
#mainCarousel.carousel-control-next:hover{
    background-color:#fff0
}
/*#mainCarousel.owl-carousel .owl-nav button.owl-next:hover img, */
/*.owl-carousel .owl-nav button.owl-next.active img*/
/* {*/
/*    width: 5rem;*/
/*    filter: none;*/
/*}*/
/*#mainCarousel.owl-carousel .owl-nav button.owl-prev:hover img,*/
/*.owl-carousel .owl-nav button.owl-prev.active img {*/
/*    width: 5rem;  */
    /*transform: rotate( 180deg );*/
/*    filter: none;*/
/*}*/


#mainCarousel .carousel-control-prev{
    /*border: 2px solid #fff;*/
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    width: 12em;
    height: 12em;
    border-radius: 50%;
    position: absolute;
    top: -8%;
    left: -5%;
    transition: none;
    display:none;
}
#mainCarousel .carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    font-size: 15rem;
}
.carousel-control-prev-icon {
    background-image: url('https://www.seaqueen.88gravity.com/website/assets/images/back.png');
        filter: invert(1) brightness(4.5);
}
.carousel-control-next-icon {
    background-image: url('https://www.seaqueen.88gravity.com/website/assets/images/next.png');
        filter: invert(1) brightness(4.5);
}
#mainCarousel .carousel-control-prev:hover{
    background-color:#fff0
}

.our_story {
  position: relative;
  margin-top: 5rem;
}

.our_story .content {
  padding: 2rem 0 0;
}

.our_story .btn {
  margin-top: 2rem;
}

.our_story .image_container {
  padding-left: 10%;
}

.our_story::before {
  content: "";
  position: absolute;
  width: 35%;
  height: 90%;
  right: 0;
  background-image: url(../images/home/section1-bg-image.png);
  z-index: -1;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-size: 150% 90%;
  background-repeat: no-repeat;
  background-position: left;
  background-size: cover;
}



.resort {
  background-image: url("../images/home/section2-bg-image.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 5rem;
}

.resort .sub_title {
  font-size: 6rem;
  margin-bottom: -1.5rem;
}

.resort .btn {
  margin-top: 2rem;
}

.resort .resort_inner.item1 {
  position: relative;
}

.resort .resort_inner.item1::before {
  content: "";
  position: absolute;
  width: 45%;
  height: 100%;
  left: 0;
  background-image: url(../images/home/section2-image1-h.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
img.w-100 {
    display: block !important;
}
.resort .resort_inner.item1 .container {
  height: 542px;
}


.resort .resort_inner.item2 {
  position: relative;
}

.resort .resort_inner.item2::before {
  content: "";
  position: absolute;
  width: 44.3%;
  height: 542px;
  left: 0;
  background-image: url(../images/home/15629.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.resort .resort_inner.item2 .container {
  height: 542px;
}

.resort .resort_inner.item3 {
  position: relative;
}

.resort .resort_inner.item3::before {
  content: "";
  position: absolute;
  width: 44.3%;
  height: 542px;
  left: 0;
  background-image: url(../images/home/dinner-pool.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.resort .resort_inner.item3 .container {
  height: 542px;
}


.resort .resort_inner.item4 {
  position: relative;
}

.resort .resort_inner.item4::before {
  content: "";
  position: absolute;
  width: 44.3%;
  height: 542px;
  left: 0;
  background-image: url(../images/home/15019.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.resort .resort_inner.item4 .container {
  height: 542px;
}

.resort .content {
  padding: 1rem 0 0;
}

.resort p {
  font-size: 20px;
  line-height: 4rem;
  color: rgba(0, 0, 0, 0.8);
}

.resort .owl-nav {
  top: 35%;
}
#resort_slider button.owl-next{
    border: 2px solid #20b1aa;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    width: 6em;
    height: 4em;
    /* border-radius: 50%; */
    position: absolute;
    top: 50%;
    right: 0;
    transition: none;
    background-color:#fff0
}
#resort_slider button.owl-next:hover{
    background-color:#fff0
}


#resort_slider button.owl-prev{
    border: 2px solid #20b1aa;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    width: 6em;
    height: 4em;
    /* border-radius: 50%; */
    position: absolute;
    top: 50%;
    left: 0;
    transition: none;
    background-color:#fff0
}
#resort_slider button.owl-prev img , #resort_slider button.owl-next img {
    /* display: inline-block; */
    width: 30px;
    height: 30px;
    /* background-repeat: no-repeat; */
    /* background-position: 50%; */
    /* background-size: 100% 100%; */
    font-size: 7rem;
    filter: none;;
}
#resort_slider button.owl-prev:hover{
    background-color:#fff0
}
.inside_view {
  position: relative;
  padding: 5rem 0;
}

.inside_view::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 635px;
  bottom: 0;
  background-color: #f6f6f6;
}


.inside_view .view_inner {
  position: relative;
   
}
.inside_view .view_inner img:{
  /*height: 460px;*/
  
}
.inside_view .view_inner img: hover{
  /*height: 460px;*/
   background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.inside_view .view_inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}


.inside_view .view_inner .slider_caption {
  position: absolute;
  bottom: 0;
  padding: 4rem;
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  opacity: 0;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  left: 357px;
    text-align: left;
}
.inside_view .view_inner .slider_caption p {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 4rem;
}
.inside_view .view_inner .slider_caption div {
 margin-left: -357px; 
}
.inside_view .view_inner:hover .slider_caption {
  opacity: 1;
  
}
.inside_view .view_inner:hover::before{
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.inside_view .link {
  margin-left: 3rem;
}
#inside_view_slider .owl-dots{
  direction: ltr;
}

.book_now {
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  margin-left: 357px;
}

.link {
  font-size: 14px;
  letter-spacing: 1px;
  color: #2ca2c6;
  text-decoration: underline;
  text-transform: uppercase;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.link:hover {
  color: #fff;
  text-decoration: none;
}

.link .owl-dots {
  margin: 4rem 0 5rem;
}

.the_pool .book_now {
  margin-top: 3rem;
  display: inline-block;
}

.the_pool::before {
  display: none;
}

#testimonial.owl-carousel .owl-nav.disabled {
     display: block; 
}

#testimonial.owl-carousel .owl-nav button.owl-next{
border: 2px solid #20b1aa;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    width: 12em;
    height: 12em;
    border-radius: 50%;
    position: absolute;
    top: -8%;
    left:-1%;
    transition: none;
}
#testimonial.owl-carousel .owl-nav button.owl-next:hover{
    background-color:#fff0
}
#testimonial.owl-carousel .owl-nav button.owl-next:hover img, 
.owl-carousel .owl-nav button.owl-next.active img
 {
    width: 5rem;
    filter: none;
}
#testimonial.owl-carousel .owl-nav button.owl-prev:hover img,
.owl-carousel .owl-nav button.owl-prev.active img {
    width: 5rem;  
    /*transform: rotate( 180deg );*/
    filter: none;
}


#testimonial.owl-carousel .owl-nav button.owl-prev{
border: 2px solid #20b1aa;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    width: 12em;
    height: 12em;
    border-radius: 50%;
    position: absolute;
    top: -8%;
    left: -1%;
    transition: none;
}
#testimonial.owl-carousel .owl-nav button.owl-prev:hover{
    background-color:#fff0
}

#testimonial.owl-carousel .owl-nav button.owl-prev {
    display:none;
}
.testimonial {
  text-align: center;
}

.testimonial .container {
  position: relative;
}

.testimonial .container::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../images/home/section5-bg-image.png");
  background-repeat: no-repeat;
  left: -10rem;
  background-position: center;
  background-size: contain;
}

.testimonial .image {
  width: 7.6rem;
  height: 7.6rem;
  margin: 3rem auto 1rem;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #20b1aa;
}

.testimonial .image img {
  -o-object-fit: cover;
     object-fit: cover;
}

.testimonial p {
  font-size: 24px;
  line-height: 4.5rem;
  color: rgba(0, 0, 0, 0.8);
}

.testimonial .name {
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: capitalize;
  font-family: "brandon_grotesquelight", "sans-serif";
      font-weight: 700;
      margin-bottom: 10px;
}

.testimonial .name span {
  color: #2ca2c6;
  font-size: 20px;
  margin-bottom: 0rem;
}

.booking_sec {
  background-image: url("../images/home/section6-bg-image-h.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: inset 2000px 0 0 0 rgb(28 113 173 / 55%);

}
.contact-sec{
 background-image: url("../images/home/section1 bg image-contact.png");
height: 687px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

 .booking_form {
  background-color: #fff;
  margin-top: 3rem;
  padding: 3rem 4rem;
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.4));
          filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.4));
}
.center_label{
        margin-top: 2.3rem;
}
.inp_hide {
    visibility: hidden;
}
.booking_form .form-control {
  border-radius: 0;
  border: 0px solid #cfcfcf;
  line-height: 6.8rem;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 16px;
  padding: 0 1.5rem;
  font-weight: 600;
  color: #8c8c8c;
  letter-spacing: 0.5px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.booking_form .form-control::-webkit-input-placeholder {
  color: #8b8b8b;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.booking_form .form-control:-ms-input-placeholder {
  color: #8b8b8b;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

 .booking_form .form-control::-ms-input-placeholder {
  color: #8b8b8b;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

 .booking_form .form-control::placeholder {
  color: #8b8b8b;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.booking_form .form-control:focus::-webkit-input-placeholder {
  opacity: 0.2;
}

.booking_form .form-control:focus:-ms-input-placeholder {
  opacity: 0.2;
}

.booking_form .form-control:focus::-ms-input-placeholder {
  opacity: 0.2;
}

.booking_form .form-control:focus::placeholder {
  opacity: 0.2;
}

.booking_form .btn {
  min-width: 20rem;
}

.booking_form .box {
  width: 200px;
  position: relative;
      border: 1px solid #ccc;
}

.booking_form .box .form_icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}

/*DATERANGE*/
.daterange_wrapper .box:nth-child(1){
    margin-right: 8px;
}
.daterange_wrapper .box:nth-child(2){
    margin-left: 8px;
}


/*INCR DCR DROPDOWN*/
.num_dropdown {
  position: absolute;
  width: calc(100% );
  top: 100%;
  left: 0;
  z-index: 9;
  text-align: center;
}

.num_dropdown .flex_head {
  background: #fff;
  height: 5rem;
  border: 1px solid #20b1aa;
}

.num_dropdown input {
  width: 48%;
  height: 100%;
  background: transparent;
  border: none;
  font-weight: 600;
  text-align: center;
  color: #20b1aa;
  font-size: 20px;
  border-left: 1px solid #20b1aa;
  border-right: 1px solid #20b1aa;
}

.num_dropdown .inc_drc_btn {
  background: #20b1aa;
  border: none;
  color: #fff;
  /*width: 5rem;*/
  width: 7rem;
  height: 100%;
  display: inline-block;
  line-height: inherit;
  font-size: 25px;
  font-weight: 600;
  transition: .5s ease-in-out;
}

.num_dropdown .inc_drc_btn:hover{
    background: #2ca2c6;
}

.form-control:disabled, .form-control[readonly] {
    background-color: transparent;
    opacity: 1;
}

.incr_dcr_dropdown_main > input{
    cursor: pointer;
}


footer {
  position: relative;
  z-index: 1;
}

footer .footer_png {
  position: absolute;
  z-index: -1;
  right: 0;
  top: 0;
}

footer .footer_content {
  margin: 0rem 0 5rem;
}

footer .footer_links .list-inline-item:not(:last-child) {
  margin-right: 10px;
}

footer .web_logo {
  margin-bottom: 4.5rem;
}

footer .link {
  font-size: 16px;
  color: #20b1aa;
  text-decoration: none;
  text-transform: capitalize;
  font-weight: 600;
  letter-spacing: 0.5px;
}

footer .link:hover, footer .link.active {
  color: #97dad7;
}

footer .social_icons {
  text-align: center;
}

footer .social_icons a {
  display: block;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

footer .social_icons a img {
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}

footer .social_icons a:hover {
  opacity: 0.8;
}

footer .social_icons a:hover img {
  -webkit-transform: scale(1.01) rotateY(360deg);
          transform: scale(1.01) rotateY(360deg);
}

footer .footer_bottom_div {
  position: relative;
}

footer .footer_bottom_div .overlayer {
  position: absolute;
  top: calc(50% + 5px);
  width: 100%;
}

.btn.btn_default.hover_a {
    transition: all 0.3s;
}



.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #20b1aa;
}

.our_features{
  padding: 5rem 0;
}
.spa_chakra{
  padding-bottom: 5rem;
}
.blog_main{
  padding-bottom: 0rem;
}
.about{
 margin-top:369px;   
}
/*.din_pt{
 margin-top: -92px;    
}*/

@media (min-width: 1500px) and (max-width: 1680px){
.contact-sec{
 
height: 770px;
    
} 
.sub_title{
 margin-top: 40px;   
}
.gall_pagination .pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    padding: 2.13rem 1.9rem;
    font-size: 1.65rem;
}
}
body {
    background-color: #fff !important;
}

/*gallery .css*/

    .h-gallery{
        width:100%;
        /*height:75rem;*/
		height:550px;
    }
    .gallery {
    margin-top: 69px;
}
.list_gallery{
    
 width:100%;
    text-align: center;
    padding: 12px 158px;
   
   margin-bottom: 15px;
}
.list_gallery a{
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    text-decoration:none;
    color:#000;
   font-family: "brandon_grotesquelight", "sans-serif";
}
/*.gallery_sec .active {
    font-weight: 700;
    color: #0d6efd;
}*/
.list_gallery a:hover{
color: #2ca2c6;    
}
.gallery-img{
    width:100%;
    text-align:center;
    margin-left: 39px;
}
.gallery_innerrow1,.gallery_inner2row1,.gallery_innerrow31{
    padding-top:27px;
    padding-bottom:15px;
}
.gallery_innerrow1,.gallery_innerrow2, .gallery_innerrow3, 
.gallery_innerrow4,
.gallery_inner2row1,.gallery_inner2row2, .gallery_inner2row3, .gallery_innerrow31,.gallery_innerrow32,
.gallery_innerrow33,.gallery_innerrow34{
   
    padding-bottom:15px;
}

.gallery-img .col-md-5 {
    flex: 0 0 auto;
    width: 34.333333%;
}
.gallery-img .col-md-2 {
    flex: 0 0 auto;
    width: 23.666667%;
}
.gall_col-width2 img{
   height:355px; 
   width: 100%;
}
.gall_pagination{
 width: 100%;   
 margin: 30px 416px;
}
.gall_pagination .page-link {
    position: relative;
    display: block;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #bcbdbd;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.gall_pagination .pagination-lg .page-link {
    padding: 0.99rem 1.7rem;
    font-size: 1.65rem;
    color: #000;
    font-weight: 700;
}
.gall_pagination .page-item:not(:first-child) .page-link {
    margin-left: 5px;
}

.gall_pagination .page-item:last-child .page-link {
     border-top-right-radius: 0rem; 
     border-bottom-right-radius: 0rem; 
}
.gall_pagination .pagination-lg .page-item:last-child .page-link {
     border-top-right-radius: 0rem; 
     border-bottom-right-radius: 0rem; 
      padding: 1.38rem 1.4rem;
    font-size: 1.65rem;
}
.gall_pagination .pagination-lg .page-item:first-child .page-link {
     border-top-left-radius: 0rem; 
     border-bottom-left-radius: 0rem; 
     padding: 1.38rem 1.4rem;
    font-size: 1.65rem;
}
.gall_pagination  .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #21b1aa;
    border-color: #21b1aa;
}
.page-link:hover {
     z-index: 3;
    color: #fff;
     background-color: #21b1aa;
    border-color: #21b1aa;
}

.for_mob{
    display:none;
}
#vidcontent{
    display: none;
}
#vidcontent video{
  width: 100%;
  height: auto;
}

#inside_view_slider .owl-item.active .item .view_inner::before {
    opacity: 1 !important;
    background-color: rgba(0, 0, 0, 0.5);
}

#inside_view_slider .owl-item.first .item .view_inner::before {
    opacity: 1;
    background-color: transparent;
}

#pool_slider .owl-item.active .item .view_inner::before {
    opacity: 1 !important;
    background-color: rgba(0, 0, 0, 0.5);
}

#pool_slider .owl-item.first .item .view_inner::before {
    opacity: 1;
    background-color: transparent;
}
.slidetabs.active {
    color: #20b1aa;
    text-decoration: none;
}
.discover_next .list_text a{
  font-family: "didotmedium", "sans-serif";
  text-decoration: none;
  color: rgba(0, 0, 0, 0.7);
}
.owl-carousels .owl-nav.disabled{
  display: none !important;
}





section.resort.sec_padding {
    padding: 0rem 0;
    margin-bottom: 0;
}
#contact_banner .h-ab {
    /*height: 750px;*/
	height: 550px;
}

.contact_list_contact .contact {
  line-height: 1.2; 
  font-size: 18px;
  }

  img.w-100.h-ab {
   /* height: 750px;*/
   height: 550px;
}
#wedslider .carousel-inner {
    position: relative;
    width: 90%;
    overflow: hidden;
    height: 600px;
}

.inner_banner .d-ban{
  /*height: 750px;*/
  height: 550px;
}
.blog_pagination .fas {
    font-size: 20px;
    margin: 15px 10px 10px;
}
.order-1 .allday-sec-content{
  margin: 0 0 0 30px;
  text-align: left;
}
#abt-adjst{
  /*margin-top: 600px;*/
  margin-top: 0px;
}

section.kitchen_team .sub_title {
    font-size: 5rem;
    margin-bottom: 0px;
}

.food_into .sub_title {
  color: #fff;
  font-size: 8rem;
    margin-bottom: 0rem;
}
.p1.active,.p2.active,.p3.active,.p4.active,.p5.active,.p6.active {
    color: #0d6efd;
    font-weight: 700;
}
#md-none-box, #xs-none-box{
  display: none;
}
#resort-md-none-box{
  display: none;
}
 #resort-xs-none-box{
  display: block;
 }
 #din_desk{
  display: block;
}
#din_mob{
  display: none;
}
.mobile_slider{
  display: none;
}