body,
.v-application {
  font-family: var(--f-pri);
}

p,
.fdb-block .fr-wrapper p {
  margin-bottom: 1rem;
}

html,
body {
  min-height: 100%;
}
.modal-open {
  overflow: hidden;
  height: 100vh;
}
/* banner */

.banner-block-main {
  width: 100%;
  float: left;
  position: relative;
  margin: 0px;
}

.banner-block-outer {
  width: 100%;
  float: left;
  position: relative;
  padding: 0px;
}

.custom-banner .banner-block-outer .banner-main-block img {
  width: 100%;
  float: left;
  margin-bottom: 0px;
  height: 80vh;
  object-fit: cover;
  min-height: 350px;
  max-height: 450px;
  object-position: center center;
}

.banner-block-outer img {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  max-height: 90vh;
  object-fit: cover;
}

.banner-img-block {
  width: 100%;
  float: left;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
}

.banner-img-block img {
  width: 100% !important;
}

.banner-img-block svg {
  width: 100%;
  height: auto;
  display: block;
}

.banner-content-block {
  position: relative;
  float: left;
  width: 100%;
}

.hotel-price-block-banner {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 0;
  position: relative;
  z-index: 6;
  background: var(--grayf6);
}

.hotel-price-block-banner .blog-content-txt {
  position: absolute;
  left: 0;
  top: 0;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-bottom: 110px;
}

.hotel-price-block-banner .hotel-price-block-inner {
  display: inline-flex;
  min-width: 600px;
  max-width: 1092px;
  text-align: left;
  flex-direction: row;
  flex-wrap: wrap;
  border-radius: 16px;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.11));
  background-color: var(--white);
}

.hotel-price-block-banner .hotel-price-block-inner .hotel-block {
  display: inline-flex;
  position: relative;
  border-right: 1px solid var(--graydf);
}

.hotel-price-block-banner .hotel-price-block-inner .hotel-block:before {
  position: absolute;
  right: 0;
  top: 0px;
  width: 1px;
  height: 100%;
  /*background: var(--grayde);*/
  content: '';
}

.hotel-price-block-banner .hotel-price-block-inner .hotel-block.col1 {
  padding: 20px 30px;
  width: 176px;
  display: inline-flex;
}

.hotel-price-block-banner .hotel-price-block-inner .hotel-block.col1:before {
  transform: scaley(1.23);
  z-index: 1;
}

.hotel-price-block-banner .hotel-price-block-inner .hotel-block.col2 {
  padding: 20px 30px;
  width: 175px;
}

.hotel-price-block-banner .hotel-price-block-inner .hotel-block.col2:before {
  transform: scaley(1.39);
  z-index: 1;
}

.hotel-price-block-banner .hotel-price-block-inner .hotel-block.col3 {
  width: 206px;
}

.hotel-price-block-banner .hotel-price-block-inner .hotel-block.col3:before {
  transform: scaley(1.57);
  z-index: 1;
}

.hotel-price-block-banner .hotel-price-block-inner .hotel-block.col4 {
  width: 281px;
  padding: 20px 20px;
}

.hotel-price-block-banner .hotel-price-block-inner .hotel-block.col4:before {
  transform: scaley(1.3);
  z-index: 1;
}
.hotel-price-block-banner .hotel-price-block-inner .hotel-block.col4 {
  border-right: none;
}
.hotel-price-block-banner .hotel-price-block-inner .hotel-block.col5 {
  width: 254px;
  border-right: none;
}

.hotel-price-block-banner .hotel-price-block-inner .hotel-block.col5:before {
  display: none;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-block
  .hotel-block-inner {
  cursor: pointer;
  width: 100%;
  float: left;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-block
  .hotel-block-inner
  .hotel-check-block {
  font-size: 14px;
  letter-spacing: 0px;
  color: var(--black);
  font-weight: 400;
  margin-bottom: 6px;
  text-align: center;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-block
  .hotel-block-inner
  .hotel-date-block {
  width: 100%;
  float: left;
  border-radius: 4px;
  background-color: var(--sec);
  text-align: center;
}

.about-col-inner img {
  margin-bottom: 20px;
}

.about-col-inner ul {
  display: inline-block;
  width: 100%;
  list-style-type: disc;
}

.about-col-inner ul li {
  list-style: inherit;
  margin-bottom: 14px;
  font-size: 18px;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-block
  .hotel-block-inner
  .hotel-date-block
  .hotel-date-cal {
  border-radius: 4px;
  width: 100%;
  float: left;
  overflow: hidden;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-block
  .hotel-block-inner
  .hotel-date-block
  .hotel-date-cal
  .hotel-date-blue {
  height: 33px;
  border-radius: 4px 4px 0 0;
  background-color: var(--sec);
  color: var(--white);
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-block
  .hotel-block-inner
  .hotel-date-block
  .hotel-date-cal
  .hotel-date-main {
  height: 77px;
  border-radius: 0 0 4px 4px;
  background-color: rgb(255 255 255 / 95%);
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
  letter-spacing: 1px;
  line-height: 27px;
  color: var(--black);
  font-weight: 700;
  opacity: 0.8;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-block
  .hotel-adult-block {
  width: 100%;
  float: left;
  height: 100%;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-block
  .hotel-adult-block
  .hotel-half-block {
  cursor: pointer;
  padding: 0px 30px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 50%;
  border-bottom: 1px solid var(--graydf);
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-block
  .hotel-adult-block
  .hotel-half-block
  .adult-block-main {
  width: auto;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-block
  .hotel-adult-block
  .hotel-half-block
  .adult-block-main
  select {
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 27px;
  color: var(--black);
  font-weight: 600;
  appearance: none;
  width: 35px;
  border: none;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-block
  .hotel-adult-block
  .hotel-half-block:last-child {
  margin-bottom: 0px;
  border-bottom: none;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-block
  .hotel-adult-block
  .hotel-half-block
  .txtspan {
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 27px;
  color: var(--black);
  font-weight: 400;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-block
  .booking-block-inner {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
  max-height: 190px;
  overflow: auto;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-block
  .booking-block-inner
  .booking-block-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  border-bottom: 1px solid var(--graydf);
  padding: 0px 20px;
  color: var(--black);
  width: 100%;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-block
  .booking-block-inner
  .booking-block-row
  img.channel {
  width: auto;
  max-height: 20px;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-block
  .booking-block-inner
  .booking-block-row
  .span {
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-block
  .booking-block-inner
  .booking-block-row:last-child {
  border-bottom: none;
}

.hotel-price-block-banner .hotel-price-block-inner .hotel-pricemain-block {
  width: 100%;
  float: left;
  text-align: center;
  align-self: center;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-pricemain-block
  small {
  font-size: 18px;
  line-height: 25px;
  color: var(--black);
  width: 100%;
  float: left;
  margin-bottom: 8px;
  font-weight: 700;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-pricemain-block
  .hotel-price-big {
  width: 100%;
  float: left;
  font-size: 53px;
  line-height: 41px;
  color: var(--sec);
  font-weight: 700;
  margin-bottom: 16px;
  margin-top: 6px;

  display: flex;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-pricemain-block
  .hotel-price-big
  .span {
  font-weight: normal;
  width: auto;
  display: inline-block;
}

.aminites-block.location-block-outer {
  height: auto;
  max-height: unset;
}

.aminites-block.location-block-outer .room-detail-row {
  height: auto;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-pricemain-block
  .hotel-price-big
  .normaltxt {
  font-weight: normal;
  display: inline-block;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-pricemain-block
  .hotel-price-book {
  width: 100%;
  float: left;
  display: inline-flex;
  justify-content: center;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-pricemain-block
  .hotel-price-book
  .btn {
  width: 100%;
  height: 46px;
  border-radius: 4px;
  background-color: var(--pri);
  font-size: 16px;
  line-height: 31px;
  color: var(--white);
  font-weight: 600;
  border: 2px solid var(--pri);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-pricemain-block
  .hotel-price-book
  .btn
  span {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-pricemain-block
  .hotel-price-book
  .btn
  span
  mat-spinner {
  margin-left: 10px;
}

.hotel-price-block-banner .numbers-block {
  display: flex;
  align-items: center;
  width: 31px;
  justify-content: space-between;
  font-size: 20px;
  color: var(--black);
}

.search-blog-inner {
  width: 100%;
  float: left;
}

/*.search-blog-inner h2 {
  font-size: 87px;
  color: var(--white);

  text-align: center;
  filter: drop-shadow(1.956px .416px 4px rgba(0,0,0,.97));
  width: 100%;
  float: left;
  margin: 0;
}*/

.search-blog-inner .heading-banner-txt {
  font-size: 43px;
  line-height: 38px;
  color: #ffffff;

  filter: drop-shadow(1.231px 1.576px 1.5px rgba(0, 0, 0, 0.5));
  width: 100%;
  float: left;
  margin: 0;
  position: relative;
  z-index: 1;
}

.content-txt-banner {
  font-size: 50px;
  line-height: 38px;
  color: #ffffff;

  filter: drop-shadow(1.231px 1.576px 1.5px rgba(0, 0, 0, 0.5));
  width: 100%;
  float: left;
  margin-top: 7px;
  font-weight: 300;
}

.search-blog {
  width: 100%;
  float: left;
  position: absolute;
  bottom: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  flex-wrap: wrap;
  left: 0;
}

/* banner end */

/* about hotel */

.about-hotel {
  width: 100%;
  position: relative;
  text-align: center;
  padding-top: 40px;
  background-color: #f6f6f6;
  /*margin-bottom: 10px;*/
}

.about-hotel .abt1 {
  position: absolute;
  left: -148px;
  top: 0;
  max-width: 389px;
  width: auto;
  height: auto;
  max-height: 100%;
}

.about-hotel .abt2 {
  position: absolute;
  right: 0;
  top: 109px;
}

.about-hotel .about-hotel-inner {
  width: 100%;
  display: inline-block;
  max-width: 1090px;
  padding-bottom: 0px;
}

.about-hotel .about-hotel-inner .about-hotel-heading .h2 {
  color: var(--sec);

  font-weight: 700;
  text-align: center;
  margin: 0px;
  font-size: 40px;
  line-height: 38px;
  text-transform: uppercase;
}

.about-hotel-heading p {
  font-size: 18px;
  line-height: 1.6;
}

.about-hotel
  .about-hotel-inner
  .about-hotel-heading
  .about-diffrent-subheading {
  text-align: center;
  position: relative;
  top: 0px;
  font-size: 48px;
  line-height: normal;
  color: var(--pri);
}

.about-hotel .about-hotel-inner .about-hotel-content {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 14px;
}

.about-hotel .about-hotel-inner .about-hotel-content:empty {
  display: none;
}

.about-hotel .about-hotel-inner .about-hotel-content .span {
  font-size: 21px;
  line-height: 40px;
  color: var(--black);
  font-weight: 400;
  text-align: center;
  padding-top: 19px;
}

.about-hotel .about-hotel-inner .shape-img-block {
  width: 100%;
  float: left;
  margin-top: 45px;
}

/* about hotel end */

/* rooms section */

.rooms-block-main {
  width: 100%;
  float: left;
  display: flex;
  min-height: 490px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 63px;
  position: relative;
  z-index: 1;
  box-shadow: 0px 2px 4px rgb(0 0 0 / 5%);
}

.rooms-block-main .rooms-block-left {
  width: 50%;
  display: inline-flex;
  border-radius: 10px;
}
.rooms-block-main img {
  object-fit: cover;
}
.rooms-block-main .rooms-block-right {
  width: 50%;
  text-align: center;
  display: inline-flex;
  padding: 60px;
  color: var(--black);
  background: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.rooms-hesding-block2 {
  font-size: 70px;
  line-height: normal;
  color: var(--pri);

  text-align: center;
  width: 100%;
  float: left;
  margin-top: -10px;
}

.price-block {
  float: left;
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
}

.price-block .price-amount {
  font-size: 50px;
  line-height: 38px;
  color: var(--sec);

  text-align: center;
  width: 100%;
  float: left;
  margin-bottom: 7px;
}

.price-block .price-per-amount {
  font-size: 18px;
  line-height: 33px;
  color: var(--pri);
  font-weight: 400;
  width: 100%;
  float: left;
}

.rooms-block-main .rooms-block-right .rooms-content-inner {
  width: 100%;
  float: left;
  max-width: 500px;
}

.rooms-block-main .rooms-block-right .rooms-content-inner .rooms-img-inner {
  width: 100%;
  float: left;
  margin-bottom: 0;
}

.rooms-block-main .rooms-block-right .rooms-content-inner .rooms-hesding-block {
  text-align: center;
  width: 100%;
  float: left;
  font-size: 35px;
  line-height: 38px;
  color: var(--sec);
}

.rooms-block-main .rooms-block-right .rooms-content-inner .rooms-para-block {
  width: 100%;
  float: left;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  line-height: 34px;
  margin-bottom: 40px;
  margin-top: 50px;
  word-wrap: break-word;
}

.rooms-block-main .rooms-block-right .rooms-content-inner .rooms-btn-block {
  width: 100%;
  float: left;
}

.rooms-block-main .rooms-block-right .rooms-content-inner .rooms-btn-block a {
  font-size: 16px;
  color: var(--black);
  font-weight: 400;
  text-align: center;
  background: transparent;

  width: 166px;
  height: 50px;
  border: 1px solid var(--black);
  border-radius: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.rooms-block-main
  .rooms-block-right
  .rooms-content-inner
  .rooms-btn-block
  a.nav-link {
  color: var(--pri);
  border: none;
  text-decoration: underline;
}

.rooms-block-main
  .rooms-block-right
  .rooms-content-inner
  .rooms-btn-block
  a.btn.btn-outline-primary {
  color: var(--pri);
}

.rooms-block-main
  .rooms-block-right
  .rooms-content-inner
  .rooms-btn-block
  a.btn.btn-primary {
  background: var(--pri);
  color: var(--white);
}

.rooms-block-main:nth-child(2)
  .rooms-block-right
  .rooms-content-inner
  .rooms-btn-block
  a.btn.btn-primary {
  color: var(--sec);
}

.rooms-block-main:nth-child(3)
  .rooms-block-right
  .rooms-content-inner
  .rooms-btn-block
  a.btn.btn-primary {
  background: var(--black);
  color: var(--white);
  border-color: var(--black);
}

.rooms-block-main:nth-child(3)
  .rooms-block-right
  .rooms-content-inner
  .rooms-btn-block
  a {
  color: var(--black);
}

.rooms-block-main:nth-child(3)
  .rooms-block-right
  .rooms-content-inner
  .rooms-btn-block
  a.nav-link {
  color: var(--black);
  border: none;
}

.rooms-block-main:nth-child(3)
  .rooms-block-right
  .rooms-content-inner
  .rooms-btn-block
  a.btn.btn-outline-primary {
  color: var(--black);
}

.rooms-block-main:nth-child(1n) .rooms-block-right {
  order: 1;
}

.rooms-block-main:nth-child(1n) .rooms-block-left {
  order: 2;
}

.rooms-block-main:nth-child(2n) .rooms-block-right {
  order: 2;
}

.rooms-block-main:nth-child(2n) .rooms-block-left {
  order: 1;
}

.rooms-block-main:nth-child(2) .rooms-block-right {
  /*background: var(--sec);*/
}

.rooms-block-main:nth-child(3) .rooms-block-right {
  /*background: var(--yellow-lt);*/
  color: var(--black);
}

.rooms-block-main:nth-child(3)
  .rooms-block-right
  .rooms-content-inner
  .rooms-img-inner {
  filter: invert(1);
}

/* rooms section css */

/* marina block */

.marina-block-main {
  width: 100%;
  float: left;
  position: relative;
}

.marina-block-main .marina-block-img {
  width: 100%;
  float: left;
}

.marina-block-main .marina-block-img img {
  width: 100%;
  float: left;
}

.marina-block-main .marina-block-img .marina-content-block {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 1133px;
  top: 150px;
  z-index: 1;
  text-align: center;
  background: -moz-linear-gradient(
    left,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.2) 50%,
    rgba(0, 0, 0, 0) 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.2) 50%,
    rgba(0, 0, 0, 0) 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.2) 50%,
    rgba(0, 0, 0, 0) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
  /* IE6-9 */
  color: var(--white);
  padding: 40px 0px;
}

.marina-block-main .marina-block-img .marina-content-block small {
  font-size: 19px;
  color: var(--white);
  font-weight: 400;
  width: 100%;
  float: left;
}

.marina-block-main .marina-block-img .marina-content-block h2 {
  width: 100%;
  float: left;
  font-size: 38px;
  color: var(--white);

  margin: 0px;
  line-height: 39px;
  margin-bottom: 11px;
}

.marina-block-main .marina-block-img .marina-content-block .paratxt {
  width: 100%;
  display: inline-block;
  max-width: 678px;
  font-size: 15px;
  color: var(--white);
  font-weight: 400;
  margin-bottom: 10px;
  line-height: 27px;
}

.marina-block-main
  .marina-block-img
  .marina-content-block
  .marina-booking-date-row {
  max-width: 710px;
  display: inline-flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.marina-block-main
  .marina-block-img
  .marina-content-block
  .marina-booking-date-row
  .marina-booking-col {
  width: 48%;
  display: inline-flex;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  padding: 10px 10px 10px 50px;
  text-align: left;
  margin-bottom: 25px;
  flex-wrap: wrap;
  position: relative;
}

.marina-block-main
  .marina-block-img
  .marina-content-block
  .marina-booking-date-row
  .marina-booking-col
  .span {
  font-size: 14px;
  color: var(--white);
  font-weight: 400;
  width: 100%;
  float: left;
  line-height: 20px;
}

.marina-block-main
  .marina-block-img
  .marina-content-block
  .marina-booking-date-row
  .marina-booking-col
  .icon-1 {
  width: auto !important;
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.marina-booking-col p {
  margin: 0px;
}

.marina-block-main
  .marina-block-img
  .marina-content-block
  .marina-booking-date-row
  .marina-booking-btn {
  width: 100%;
  display: inline-flex;
  justify-content: center;
}

.marina-block-main
  .marina-block-img
  .marina-content-block
  .marina-booking-date-row
  .marina-booking-btn
  a {
  width: 165px;
  height: 49px;
  border-radius: 10px;
  background-color: transparent;
  border: 2px solid var(--white);
  font-size: 16px;
  line-height: 38px;
  color: var(--white);
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
}

.marina-block-main .gliter-img {
  width: 100%;
  float: left;
  position: absolute;
  overflow: auto;
  bottom: 0;
  left: 0;
}

.marina-block-main .gliter-img img,
.marina-block-main .gliter-img svg {
  width: 100%;
  float: left;
  height: auto;
}

.marina-block-main .marina-block-img > img {
  width: 100%;
  float: left;
  margin-bottom: 0px;
  height: 80vh;
  object-fit: cover;
  min-height: 350px;
  max-height: 450px;
  object-position: center center;
}

.marina-block-main
  .marina-block-img
  .marina-content-block
  .marina-booking-date-row
  .marina-booking-btn
  a.btn.btn-primary {
  background: var(--white);
  color: var(--pri);
}

.marina-block-main
  .marina-block-img
  .marina-content-block
  .marina-booking-date-row
  .marina-booking-btn
  a.nav-link {
  text-decoration: underline;
  border: none;
}

/* marina block end */

/* why you love us */

.why-love-block {
  width: 100%;
  float: left;
  padding: 40px 80px;
  position: relative;
  z-index: 1;
}

.why-love-block .love-us-inner-block {
  width: 100%;
  display: inline-flex;
}

.why-love-block .love-us-inner-block .love-us-left {
  width: 467px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.why-love-block .love-us-inner-block .love-us-left .h2 {
  width: 100%;
  float: left;
}

.why-love-block .love-us-inner-block .love-us-left .h2 .span {
  width: 100%;
  float: left;
  font-size: 192px;
  line-height: 120px;
  color: #4c8ec6;
}

.why-love-block .love-us-inner-block .love-us-left .h2 .span * {
  font-size: 192px;
  line-height: 120px;
}

.why-love-block .love-us-inner-block .love-us-left .small {
  font-size: 151px;
  line-height: 64px;
  color: var(--sec-lt);

  text-align: left;
  padding-left: 46px;
  margin-top: -30px;
  display: inline-block;
  margin-bottom: 43px;
}

.why-love-block .love-us-inner-block .love-us-right {
  width: calc(100% - 467px);
  display: inline-block;
}

.why-love-block .love-us-row,
.why-love-block ul {
  width: 100%;
  float: left;
  flex-wrap: wrap;
  list-style: none !important;
}

.why-love-block .love-us-row .love-us-repet-block,
.why-love-block li {
  width: 100%;
  float: left;
  padding-left: 60px;
  margin-bottom: 15px;
  background: url(../assets/img/logo-ic.png) no-repeat 5px 12px;
  list-style: none !important;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
}

.why-love-block .love-us-heading,
.why-love-block * {
  /*width: 100%;
  float: left;*/
  /*font-size: 42px;
  color: var(--sec-lt);

  line-height: 49px;*/
  font-size: 42px;
  color: var(--sec-lt);

  line-height: 49px;
}

.why-love-block .love-us-row .love-us-repet-block .love-us-content {
  width: 100%;
  float: left;
  font-size: 16px;
  line-height: 27px;
  color: #636363;
  font-weight: 400;
}

.why-love-block .love-us-row .love-us-repet-block:last-child {
  margin-bottom: 0px;
}

/*  why you love us end */

/* paralex img */

.paralex-block-main {
  width: 100%;
  position: relative;
  text-align: center;
}

.paralex-block-main {
  width: 100%;
  text-align: center;
  background-size: cover;
  background-attachment: fixed;
}

.paralex-block-main img {
  width: 100%;
  float: none;
  text-align: center;
  max-width: 100%;
  max-height: 580px;
  object-fit: cover;
}

.paralex-block-main .sh5-main {
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* paralex img end*/

/* trip-block */

.apratment-block {
  width: 100%;
  float: left;
  position: relative;
  z-index: 4;
  margin-top: -150px;
  padding: 0px 30px;
}

.apratment-block .sh6 {
  position: absolute;
  right: 0;
  bottom: 0px;
  z-index: 1;
  width: auto;
}

.apratment-block .apartments-row {
  width: 100%;
  float: left;
  padding-bottom: 100px;
  display: flex;
  align-items: flex-start !important;
}

.apratment-block .apartments-row .apartment-left-col {
  width: 450px;
}

.apratment-block .apartments-row .apartment-left-col .apratment-img {
  width: 99.5%;
  float: left;
  position: relative;
  margin-top: -86px;
  border-radius: 10px;
  background: var(--pri-lt);
  padding: 20px;
  text-align: center;
  display: flex;
}

.apratment-block .apartments-row .apartment-left-col .apratment-img img {
  width: 100%;
  display: inline-block;
  border-radius: 10px;
  max-width: 100%;
}

.apratment-block .apartments-row .apartment-left-col .apratment-img img.BOB {
  width: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0px auto;
  bottom: -52px;
  border-radius: 0px;
}

.apratment-block .apartments-row .apartment-right-col {
  width: calc(100% - 450px);
  padding-left: 100px;
}

.apratment-block .apartments-row .apartment-right-col .apartment-txt {
  max-width: 100%;
  padding-top: 140px;
}

.apratment-block .apartments-row .apartment-right-col .h2 {
  color: var(--sec);
  width: 100%;
  float: left;
  margin-bottom: 30px;
  font-size: 28px;
  line-height: 42px;
  font-weight: 400;
  font-style: italic;
}

.tripRatingBlock {
  display: flex;
  width: 100%;
  padding-top: 10px;
  align-items: center;
  gap: 10px;
}

.apratment-block .apartments-row .apartment-right-col .para {
  width: 100%;
  float: left;
  margin: 0px;
}

.apratment-block .apartments-row .apartment-right-col .para .small {
  font-size: 46px;
  line-height: normal;
  color: var(--black);

  margin-bottom: 7px;
  display: inline-block;
  /* font-weight: 600; */
}

.grayf6Bg {
  background: var(--grayf6);
}

.tripAdvisorImg img {
  max-width: 170px !important;
}

.tripAdvisorImg span img {
  max-width: 100px !important;
}

.apartment-txt .v-window__prev,
.apartment-txt .v-window__next {
  display: none;
}

.apartment-txt .v-carousel__controls {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  z-index: 2;
  background: transparent;
  height: 20px;
}

.theme--dark.v-btn.v-btn--icon {
  color: #d6d6d6;
  width: 15px;
  height: 15px;
}

.theme--dark.v-btn.v-btn--icon .mdi-circle::before {
  content: '\F764';
  font-size: 13px;
}

.theme--dark.v-btn.v-btn--icon.v-item--active {
  color: var(--pri);
}

/* trip-block end */

/* hotel third block */

.hotel-third-section {
  width: 100%;
  float: left;
  display: flex;
  padding: 40px;
}

.hotel-third-section .hotel-third-row {
  width: 100%;
  display: grid;
  border-bottom: 1px solid var(--white);
  grid-template-columns: repeat(3, 2fr);
  gap: 28px;
}

.hotel-third-section .hotel-third-row .hotel-third-col {
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.hotel-third-section .hotel-third-row .hotel-third-col img {
  width: 100%;
  position: relative;
  height: 100%;
  object-fit: cover;
}

.hotel-third-section
  .hotel-third-row
  .hotel-third-col:hover
  .hotel-third-content-block {
  transform: scale(0.8);
  opacity: 1;
}

.hotel-third-section
  .hotel-third-row
  .hotel-third-col
  .hotel-third-content-block {
  position: absolute;
  left: 0;
  top: 0;
  color: var(--white);
  height: 100%;
  background: rgb(0 0 0 / 74%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0px 37px;
  width: 100%;
  transform: scale(0.7);
  transition: all 0.3s;
  opacity: 0;
}

.hotel-third-section
  .hotel-third-row
  .hotel-third-col
  .hotel-third-content-block
  .hotel-content-inner {
  width: 100%;
  float: left;
  height: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.hotel-third-section
  .hotel-third-row
  .hotel-third-col
  .hotel-third-content-block
  .hotel-content-inner
  .content-img {
  width: 100%;
  float: left;
}

.hotel-third-section
  .hotel-third-row
  .hotel-third-col
  .hotel-third-content-block
  .hotel-content-inner
  .content-img
  img {
  width: auto;
}

.hotel-third-section
  .hotel-third-row
  .hotel-third-col
  .hotel-third-content-block
  .hotel-content-inner
  .content-heading {
  font-size: 50px;
  color: var(--white);

  text-align: center;
  width: 100%;
  float: left;
  line-height: 50px;
  margin-bottom: 20px;
}

.hotel-third-section
  .hotel-third-row
  .hotel-third-col
  .hotel-third-content-block
  .hotel-content-inner
  .content-heading
  span {
}

.hotel-third-section
  .hotel-third-row
  .hotel-third-col
  .hotel-third-content-block
  .hotel-content-inner
  .content-para {
  width: 100%;
  display: inline-flex;
  max-width: 408px;
  font-size: 20px;
  line-height: 30px;
  color: var(--white);
  font-weight: 400;
  margin-bottom: 21px;
}

.hotel-third-section
  .hotel-third-row
  .hotel-third-col
  .hotel-third-content-block
  .hotel-content-inner
  .content-button {
  width: 100%;
  float: left;
}

.hotel-third-section
  .hotel-third-row
  .hotel-third-col
  .hotel-third-content-block
  .hotel-content-inner
  .content-button
  button {
  width: 147px;
  height: 44px;
  border-radius: 10px;
  background-color: transparent;
  border: 2px solid var(--white);
  font-size: 16px;
  line-height: 38px;
  color: var(--white);
  font-weight: 400;
}

/* hotel third block end*/

/* vdo block main */

.video-blocks-outer {
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.video-blocks-outer .txt-editor {
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
  padding-bottom: 56.25%;
  max-height: 800px;
  overflow: hidden;
}

.video-blocks-outer .txt-editor {
  width: 100%;
  height: 100%;
}

.video-blocks-outer iframe {
  position: absolute;
  left: 0;
  top: -10%;
  width: 100%;
  height: 100%;
  margin: auto;
}

.video-blocks-outer video {
  width: 100%;
}

.video-blocks-outer #videoplayer {
  position: absolute;
  left: 0;
  top: 0;
}

.video-blocks-outer img {
  width: 100%;
  float: left;
}

.video-blocks-outer img.video-icon-main {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: auto;
  z-index: 1;
  max-width: 161px;
  position: absolute;
}

/* vdo block main end */

/* sign up block */

.inner-signup-block {
  width: 100%;
  float: left;
  text-align: center;
  padding-top: 50px;
}

.email-section-block {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 79px;
}

.email-section-block .sh11 {
  position: absolute;
  right: 0;
  top: -90px;
  max-width: 150px;
}

.email-section-block .sh10 {
  position: absolute;
  right: 200px;
  bottom: 65px;
  max-width: 100px;
}

.email-section-block .sh12 {
  position: absolute;
  left: 0;
  top: 163px;
  max-width: 200px;
}

.email-section-block .sh13 {
  position: absolute;
  left: 200px;
  bottom: 10px;
  max-width: 150px;
}

.email-section-block .email-signup {
  width: 100%;
  height: 341px;
  float: left;
}

.email-section-block .email-signup h2 {
  font-size: 35px;
  width: 100%;
  float: left;
  margin-bottom: 0px;
  color: var(--pri);
  font-family: var(--anin);
  line-height: 70px;
}

.email-section-block .email-signup small {
  font-size: 20px;
  color: var(--blk63);
  width: 100%;
  float: left;
  margin-bottom: 25px;
}

.email-section-block .email-signup .email-signup-col {
  height: 100%;
  width: 100%;
  padding-top: 60px;
}

.email-section-block .email-signup .email-signup-col .sign-up-innersection {
  max-width: 795px;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.email-section-block
  .email-signup
  .email-signup-col
  .sign-up-innersection
  .sign-up-row {
  width: 100%;
  float: left;
}

.email-section-block
  .email-signup
  .email-signup-col
  .sign-up-innersection
  .sign-up-row
  .sign-up-col {
  width: 48%;
}

.error {
  color: var(--danger);
}

.success {
  color: var(--success);
}

.sign-up-heading {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 17px;
}

.sign-up-heading .plaza-inner {
  display: inline-block;
  position: relative;
}

.sign-up-heading .plaza-inner .signuptxt1 {
  color: var(--sec);

  display: inline-block;
  font-size: 54px;
  letter-spacing: 1px;
  line-height: 41px;
  text-align: center;
}

.sign-up-heading .plaza-inner .signuptxt2 {
  color: var(--sec);

  display: inline-block;
  font-size: 54px;
  letter-spacing: 1px;
  line-height: 41px;
  text-align: center;
}

.input-block {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 30px;
  display: flex;
}

.input-block label {
  position: absolute;
  font-size: 13px;
  left: 10px;
  top: -8px;
  width: auto;
  padding: 0px 7px;
  background: var(--white);
  margin: 0px;
  color: #303030;
  font-weight: 500;
}

.input-block span {
  position: absolute;
  font-size: 13px;
  left: 10px;
  top: -8px;
  width: auto;
  padding: 0px 7px;
  background: var(--white);
  margin: 0px;
  color: #414141;
  font-weight: 500;
}

#sign_up_block .input-block label {
  background: transparent;
  z-index: 2;
}

#sign_up_block .input-block label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  height: 2px;
  z-index: -1;
  background: #f6f6f6;
  width: 100%;
}

.input-block input.form-control,
.input-block textarea.form-control,
.input-block select.form-control {
  border: 1px solid #414141;
  padding: 7px 17px;
  height: 55px;
  font-size: 15px;
  color: var(--black);
  border-radius: 10px;
}

.input-block.error input.form-control,
.input-block.error textarea.form-control,
.input-block.error select.form-control {
  border-color: var(--red);
}

input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus {
  box-shadow: none;
  border-color: var(--black);
}

button.newsletter {
  min-width: 160px;
  height: 50px;
  font-size: 16px;
  font-weight: 600;
  background: var(--sec);
  color: var(--white);
  display: inline-block;

  border-radius: 4px;
  overflow: hidden;
}

/* signup block end*/

.about-us-mainouter {
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
}

.about-us-mainouter .about-row {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: 50px;
  align-items: center;
}

.about-us-mainouter .about-row:first-child {
  margin-top: -65px;
}

.about-us-mainouter .about-row .about-col {
  display: inline-flex;
  flex-wrap: wrap;
  width: 50%;
  flex-direction: column;
  min-height: 540px;
  align-content: center;
  justify-content: center;
  object-fit: cover;
  overflow: hidden;
  object-position: top center;
  background: transparent !important;
  text-align: center;
}

.about-us-mainouter .about-row .about-col.col1 {
  padding: 50px 70px;
}

.about-us-mainouter .about-row .about-col.col2 .img-block-right {
  opacity: 1;
  float: none;
  max-width: 100%;
  display: inline-block;
  height: 100%;
  object-fit: cover;
}

.about-us-mainouter .about-row:nth-child(2n) .about-col.col1 {
  order: 2;
}

.about-us-mainouter .about-row:nth-child(2n) .about-col.col2 {
  order: 1;
}

.about-us-mainouter .about-row.order .about-col.col1 {
  order: 2;
}

.about-us-mainouter .about-row.order .about-col.col2 {
  order: 1;
}

.banner-img-block {
  z-index: 2 !important;
  bottom: -2px;
}

.about-col-inner {
  width: 100%;
  float: left;
}

.about-col-inner .h2,
.about-col-inner .heading {
  font-size: 72px;
  line-height: 55px;
  color: var(--pri);

  text-align: center;
  width: 100%;
  float: left;
  margin: 0px;
}

.about-col-inner .h2 .span,
.about-col-inner .heading .span {
  color: var(--pri);

  width: 100%;
  float: left;
  line-height: 36px;
  margin-bottom: 17px;
  margin-top: 0px;
  font-size: 46px;
}

.about-col-inner .shape-block {
  width: 100%;
  float: left;
  text-align: center;
  margin: 3px 0px 17px;
}

.about-col-inner .shape-block img {
  max-width: 100%;
}

.about-col-inner .about-para {
  width: 100%;
  float: left;
}

.about-col-inner .about-para * {
  color: var(--black);
  text-align: center;
}

.about-col-inner .about-para .para {
  font-size: 16px;
  line-height: 27px;
  color: var(--black);
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 22px;
}

.about-col-inner .about-para .para:last-child {
  margin-bottom: 0px;
}

.about-col-inner .about-para .center-para-txt {
  max-width: 476px;
  width: 100%;
  display: inline-block;
  margin-bottom: 25px;
  float: none;
  font-weight: normal;
}

.about-col-inner .about-para ul {
  width: 100%;
  float: left;
  text-align: left;
  margin: 0;
  flex-wrap: wrap;
  padding-left: 0px;
  list-style-type: none;
}

.about-col-inner .about-para ul li {
  width: 32%;
  margin-bottom: 15px;
  padding-left: 0px;
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: var(--black);
  vertical-align: top;
  text-align: left;
  font-weight: normal;
  float: left;
  list-style: inherit;
}

.about-col .rp-wrapper {
  width: 100%;
}

.about-col-inner .about-para ul li img {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

.about-col-inner .about-para ul.full-width,
.about-col-inner .about-para ul.full-width li * {
  text-align: left;
}

.about-col-inner .about-para li * {
  font-size: 16px;
  text-align: left;
}

.about-col-inner .about-para.center {
  text-align: center;
}

.about-col-inner .about-para ul.full-width,
.about-col-inner .about-para ul.full-width li {
  width: 100%;
  float: left;
}

/* fishing css */

.blue-rowBoxOuter {
  width: 100%;
  float: left;
  padding: 0px 80px;
  background: var(--pri);
}

.blue-rowBoxOuter .blue-box-inner-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 77px 0px;
  color: var(--white);
  flex-wrap: wrap;
}

.blue-rowBoxOuter .blue-box-inner-row .blue-box-col {
  width: 48%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  align-content: center;
  justify-content: flex-start;
}

.blue-rowBoxOuter .blue-box-inner-row .blue-box-col .para {
  font-size: 16px;
  color: var(--white);
}

.blue-rowBoxOuter .blue-box-inner-row .blue-box-col.col1 .h2 {
  font-size: 67px;
  line-height: 65px;
  color: var(--white);

  margin-bottom: 20px;
}

.blue-rowBoxOuter .blue-box-inner-row .blue-box-col.col1 .para {
  width: 100%;
  font-size: 22px;
  color: var(--white);
  font-weight: 600;
  float: left;
  line-height: 35px;
  margin-bottom: 40px;
}

.blue-rowBoxOuter .blue-box-inner-row .blue-box-col.col1 .shape-block-main {
  width: 100%;
  float: left;
}

.blue-rowBoxOuter .blue-box-inner-row .blue-box-col.col1 .shape-block-main img {
  max-width: 100%;
}

.blue-rowBoxOuter .blue-box-inner-row .blue-box-col.col1 .para {
  width: 100%;
  font-size: 16px;
  line-height: 23px;
  color: var(--white);
  margin-bottom: 20px;
  font-weight: normal;
}

.about-col-inner .about-para .read-more-btn {
  color: var(--pri);
  text-decoration: none;
}

.about-us-mainouter .button-block {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.about-us-mainouter .button-block a,
.about-us-mainouter .button-block button {
  width: 156px;
  height: 48px;
  border-radius: 4px;
  background-color: var(--sec);
  color: var(--white);
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about-us-mainouter .button-block a:hover,
.about-us-mainouter .button-block button:hover {
  color: var(--white);
}

.fishing-cols-slider-row {
  width: 100%;
  display: flex;
}

.fishingrow-inner {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: revert;
}

.fishing-cols-slider-row .fising-slider-col {
  width: 33.33%;
  display: inline-flex;
  float: left;
  text-align: center;
  align-items: center;
  flex-direction: column;
}

.fishing-cols-slider-row .fising-slider-col img {
  width: 100%;
  float: none;
  display: inline-block;
}

.fising-seasons {
  width: 100%;
  float: left;
  padding: 50px 0px;
}

.fising-seasons .fishing-seasons-inner {
  width: 100%;
  float: left;
  padding: 0 100px;
}

.fising-seasons .fishing-seasons-inner .fishing-heading .h2 {
  font-size: 65px;
  line-height: 65px;
  color: var(--pri);
}

.fishing-shapes {
  width: 100%;
}

.fising-seasons .fishing-seasons-inner .fishing-seasons-row-block {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.fising-seasons
  .fishing-seasons-inner
  .fishing-seasons-row-block
  .fishing-block-outer {
  max-width: 100%;
  padding: 0 0px;
  display: inline-flex;
  position: relative;
  z-index: 1;
  overflow: auto;
}

.fising-seasons
  .fishing-seasons-inner
  .fishing-seasons-row-block
  .fishing-season-col {
  width: 160px;
  display: inline-flex;
  flex-wrap: wrap;
  height: 160px;
  align-content: center;
  justify-content: center;
  border: 1px solid var(--sec);
  padding: 20px;
  border-radius: 9px;
  background: var(--white);
  margin: 0px 5px;
}

.fising-seasons
  .fishing-seasons-inner
  .fishing-seasons-row-block
  .fishing-season-col
  .h2 {
  width: 100%;
  float: left;
  font-size: 18px;
  color: var(--sec);
  font-weight: 700;
  text-align: center;
  margin: 0px 0px 10px;
  line-height: 20px;
}

.fising-seasons
  .fishing-seasons-inner
  .fishing-seasons-row-block
  .fishing-season-col
  .para {
  font-size: 15px;
  color: var(--black);
  font-weight: 700;
  margin: 0;
  width: 100%;
  float: left;
  text-align: center;
}

.fising-seasons .fishing-seasons-inner .fishing-heading {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 45px;
}

/* marina page css */

.marina-banner {
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
}

.marina-banner img {
  width: 100%;
}

.marina-banner .gliter-img1 {
  width: 100%;
  float: left;
  bottom: 0%;
  left: 0;
  overflow: hidden;
  position: absolute;
  z-index: 2;
}

.marina-banner .gliter-img1 img {
  width: auto;
  float: left;
}

.banner-marina-contentbox {
  position: absolute;
  left: 0;
  bottom: 34%;
  width: 100%;
  float: left;
  text-align: center;
}

.banner-marina-contentbox .marina-content-row {
  max-width: 848px;
  height: 82px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.611764705882353);
  border: 2px solid hsla(0, 0%, 100%, 0.55);
  display: inline-flex;
  padding: 8px;
  align-items: center;
}

.banner-marina-contentbox .marina-content-row .banner-content-col {
  border-right: 1px solid var(--white);
  width: 33.33%;
  display: inline-flex;
  position: relative;
  align-items: center;
}

.banner-marina-contentbox .marina-content-row .banner-content-col:last-child {
  border-right: none;
  padding-top: 0px;
  /*margin-top: 0px;*/
  min-height: 40px;
}

.banner-marina-contentbox
  .marina-content-row
  .banner-content-col
  .banner-content-inner {
  width: 100%;
  float: left;
  padding: 0px 20px 0px 53px;
  color: var(--white);
  text-align: left;
}

.banner-marina-contentbox
  .marina-content-row
  .banner-content-col
  .banner-content-inner
  img {
  width: auto !important;
  float: left;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 15px;
}

.banner-marina-contentbox
  .marina-content-row
  .banner-content-col
  .banner-content-inner
  span {
  font-size: 15px;
  color: var(--white);
  font-weight: normal;
  width: 100%;
  float: left;
}

.smooth-content-block {
  width: 100%;
  float: left;
  text-align: center;
  background: url(../assets/img/shapes/abt1.png) no-repeat -80px 20px;
  padding-top: 100px;
  position: relative;
  z-index: 1;
}

.smooth-content-block:before {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: var(--white);
  opacity: 0.5;
  content: '';
}

.smooth-content-block .smooth-content-inner {
  width: 100%;
  float: left;
  padding: 0px 100px 95px;
  position: relative;
}

.smooth-content-block .smooth-content-inner .smooth-content-txt {
  width: 100%;
  float: left;
}

.smooth-content-block .smooth-content-inner .smooth-content-txt .h2 {
  font-size: 72px;
  line-height: 65px;
  color: var(--pri);

  text-align: center;
  width: 100%;
  float: left;
  margin: 0px;
}

.smooth-content-block .smooth-content-inner .smooth-content-txt .span {
  font-size: 72px;
  line-height: 36px;

  text-align: center;
  color: var(--sec);
  width: 100%;
  float: left;
  margin-bottom: 32px;
}

.smooth-content-block .smooth-content-inner .shape-block-main {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.smooth-content-block .smooth-content-inner .shape-block-main img {
  max-width: 90%;
}

.smooth-content-block .smooth-content-inner .smooth-para {
  width: 100%;
  display: inline-block;
  max-width: 1154px;
  font-size: 16px;
  line-height: 31px;
  color: var(--black);
  font-weight: 400;
}

.amenities-tripBlock {
  width: 100%;
  float: left;
  display: inline-flex;
  flex-wrap: wrap;
  background: var(--grayf6);
}

.amenities-tripBlock .amenities-col {
  width: 50%;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.amenities-tripBlock .amenities-col .amenities-inner-col:first-child {
  background: var(--pri);
  color: var(--white);
  padding: 50px;
  text-align: center;
  width: 100%;
  float: left;
}

.amenities-tripBlock .amenities-col .amenities-col-main {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.amenities-tripBlock .amenities-col .amenities-col-main .h2 {
  margin: 0px;
  font-size: 72px;
  line-height: 65px;
  color: var(--white);
}

.amenities-tripBlock .amenities-col .amenities-col-main small {
  font-size: 18px;
  color: var(--white);
  font-weight: 400;
}

.amenities-tripBlock .amenities-col ul {
  width: 100%;
  float: left;
  margin: 0px;
  flex-wrap: wrap;
  list-style-type: disc;
}

.amenities-tripBlock .amenities-col ul li {
  width: 50%;
  float: left;
  text-align: left;
  margin-bottom: 12px;
  padding-left: 0;
  background: transparent;
  list-style: none;
  position: relative;
}

.amenities-tripBlock .amenities-col ul li:before {
  content: '\f046';
  font-family: 'icomoon' !important;
  position: absolute;
  left: -26px;
  top: 0;
  color: var(--sec);
}

.amenities-tripBlock .amenities-col ul[style] li {
  list-style: inherit;
}

.amenities-tripBlock .amenities-col ul[style] li:before {
  display: none;
}

.amenities-tripBlock .amenities-col ul[style] li::marker {
  font-size: 20px;
  line-height: 10px;
}

.amenities-tripBlock .amenities-col .phone-block-row {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  flex-wrap: wrap;
}

.amenities-tripBlock .amenities-col .phone-block-row .phone-block-col {
  width: 48%;
  height: 82px;
  border-radius: 4px;
  background-color: var(--white);
  color: var(--black);
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.amenities-tripBlock .amenities-col .phone-block-row .phone-block-col.phone {
  background: url(../assets/img/icons/call1.png) no-repeat left bottom
    var(--white);
}

.amenities-tripBlock .amenities-col .phone-block-row .phone-block-col.loc {
  background: url(../assets/img/icons/loc1.png) no-repeat left bottom
    var(--white);
}

.amenities-tripBlock .amenities-col .phone-block-row .phone-block-col .h2 {
  font-size: 20px;
  color: var(--black);
  font-weight: 700;
  width: 100%;
  float: left;
  margin: 0px;
}

.amenities-tripBlock .amenities-col .phone-block-row .phone-block-col .small {
  font-size: 16px;
  color: var(--black);
  width: 100%;
  float: left;
  font-weight: 600;
  margin-top: 6px;
}

.amenities-tripBlock .amenities-col.col2 {
  padding: 45px 80px;
  float: left;
  text-align: center;
}

.amenities-tripBlock .marina-trip-adviser {
  width: 100%;
  float: left;
}

.amenities-tripBlock .marina-trip-adviser .trip-Adviser-img {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}

.amenities-tripBlock .marina-trip-adviser .trip-reviews {
  width: 100%;
  float: left;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  font-size: 15px;
  color: var(--black);
  font-weight: 400;
}

.amenities-tripBlock .marina-trip-adviser .trip-reviews img {
  margin-right: 10px;
}

.amenities-tripBlock .marina-trip-adviser .tripstring {
  width: 100%;
  float: left;
  display: inline-flex;
  margin-bottom: 15px;
  justify-content: center;
}

.amenities-tripBlock .marina-trip-adviser .h2 {
  font-size: 35px;
  color: var(--pri);

  width: 100%;
  float: left;
  margin: 0px 0px 15px;
}

.amenities-tripBlock .marina-trip-adviser .para {
  width: 100%;
  float: left;
  margin: 0px 0px 24px;
  font-size: 15px;
  line-height: 27px;
  color: var(--black);
  font-weight: 400;
}

.amenities-tripBlock .marina-trip-adviser .reviewerName {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.amenities-tripBlock .marina-trip-adviser .reviewerName .strong {
  width: 100%;
  float: left;
  font-size: 17px;
  color: var(--black);
  font-weight: 700;
}

.amenities-image {
  width: 100%;
  max-height: 800px;
}

.amenities-tripBlock .marina-trip-adviser .reviewerName .small {
  width: 100%;
  float: left;
  font-size: 15px;
}

.marina-view-row {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.marina-view-row .marina-view-col {
  width: 33.33%;
  display: inline-flex;
  text-align: center;
}

.marina-view-row .marina-view-col img {
  width: 100%;
  float: none;
  object-fit: cover;
  display: inline-block;
}

.mapblock {
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
  padding-bottom: 0px;
  background: #a4d7ff;
}

.mapblock iframe {
  display: block;
  width: 100%;
}

/* martina page css end */

/* dinning page html */

.about-logo-main {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  text-align: center;
}

.about-logo-main img {
  max-width: 200px;
  float: none;
  display: inline-block;
}

.about-col-inner .about-para ul.listingPara li {
  width: 100%;
  float: left;
  font-size: 14px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
}

.slider-block-main {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background: transparent !important;
}

.slider-block-main img {
  width: auto;
  max-width: 100%;
}

.about-hotel.about-hotel-dinning {
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
  padding: 50px 0px;
  background: var(--gryf9);
  z-index: 1;
  overflow: hidden;
  margin-bottom: 0px;
}

.about-hotel.about-hotel-dinning .abt1 {
  position: absolute;
  left: -100px;
  top: 50px;
  max-width: 250px;
}

.about-hotel.about-hotel-dinning .abt2 {
  position: absolute;
  right: 0;
  top: 109px;
  max-width: 250px;
}

.about-hotel.about-hotel-dinning .about-hotel-inner {
  width: 100%;
  display: inline-block;
  max-width: 1090px;
  padding: 0px 30px;
}

.about-hotel.about-hotel-dinning .about-hotel-inner .about-hotel-content .span {
  display: block;
  width: 100%;
  float: left;
  line-height: 35px;
  padding-top: 0px;
}

.about-hotel.about-hotel-dinning
  .about-hotel-inner
  .about-hotel-content
  .small {
  display: block;
  width: 100%;
  float: left;
}

.about-hotel.about-hotel-dinning
  .about-hotel-inner
  .about-hotel-content
  .greytext {
  color: var(--gray92);
  font-size: 18px;
}

.about-hotel.about-hotel.about-hotel-dinning
  .about-hotel-inner
  .shape-img-block {
  margin-top: 0px;
}

.about-hotel.about-hotel-dinning .about-hotel-inner .shape-img-block img {
  max-width: 100%;
}

.about-hotel.about-hotel-dinning .dinning-row-images {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  /*margin-top: 50px;*/
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
  position: relative;
}

.about-hotel.about-hotel-dinning .dinning-row-images .dinning-col {
  width: 32%;
  display: inline-flex;
  border: 5px solid var(--white);
  border-bottom-width: 7px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  flex-direction: column;
  align-items: center;
}

.about-hotel.about-hotel-dinning .dinning-row-images img {
  width: 100%;
}

.book-your-dinning {
  background: var(--pri);
  color: var(--white);
  width: 100%;
  float: left;
  padding: 50px 100px;
  text-align: center;
}

.book-your-dinning .book-your-dinningInner {
  width: 100%;
  display: inline-block;
  max-width: 800px;
}

.book-your-dinning .book-your-dinningInner strong {
  width: 100%;
  float: left;
  margin-bottom: 11px;
  font-size: 16px;
}

.book-your-dinning .book-your-dinningInner .about-hotel-heading {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.book-your-dinning .book-your-dinningInner .about-hotel-heading .h2 {
  font-size: 72px;
  line-height: 55px;
  color: var(--white);

  text-align: center;
  width: 100%;
  float: left;
  margin: 20px 0px 10px;
}

.book-your-dinning .book-your-dinningInner .dinning-form {
  width: 100%;
  float: left;
}

.book-your-dinning .book-your-dinningInner .dinning-form form {
  width: 100%;
  float: left;
}

.book-your-dinning
  .book-your-dinningInner
  .dinning-form
  form
  .dinning-row-block {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.book-your-dinning
  .book-your-dinningInner
  .dinning-form
  form
  .dinning-row-block
  .dinning-col-block {
  display: inline-flex;
  flex-wrap: wrap;
  width: 48%;
}

.book-your-dinning
  .book-your-dinningInner
  .dinning-form
  form
  .dinning-row-block
  .dinning-col-block.textarea {
  width: 100%;
}

.book-your-dinning .book-your-dinningInner .dinning-form .button-block {
  text-align: center;
  width: 100%;
}

.dinning-col-block input.form-control {
  background: transparent;
  border: 1px solid var(--white);
}

.dinning-col-block .rp-wrapper {
  width: 100%;
}

.dinning-col-block .input-block label {
  background: var(--pri);
  color: var(--white);
}

.dinning-col-block .input-block input {
  color: var(--white);
}

.dinning-col-block .input-block textarea.form-control {
  background: transparent;
  color: var(--white);
  padding: 15px;
  height: 100px;
  border-color: var(--white);
}

.input-block textarea.form-control {
  height: 100px;
}

.dinning-col-block .input-block input:focus,
.dinning-col-block .input-block textarea:focus {
  box-shadow: none;
  border-color: var(--white);
  border-width: 2px;
}

/* dinning page html end*/

/* location */

.location-outer-block {
  width: 100%;
  float: left;
  position: relative;
  padding-top: 25px;
}

.button-block .btnstyle.big.disabled-btn {
  background-color: #ccc;
}

.input-block.error-field label {
  color: red;
}

.input-block.error-field .form-control {
  border-color: red;
}

.room-detail-right button.btnstyle.big {
  background: var(--sec);
  color: #fff;
  float: right;
  font-size: 18px;
  height: 68px;
  border: 0;
  width: 100%;
  border-radius: 4px;
  max-width: 241px;
  font-weight: 600;
}

.location-outer-block:before {
  background: linear-gradient(
    to bottom,
    var(--white) 0%,
    rgba(241, 241, 241, 0) 100%
  );
  position: absolute;
  left: 0;
  top: 0;
  height: 200px;
  content: '';
  width: 100%;
}

.location-outer-block .heading-common {
  width: 100%;
  float: left;
  font-size: 36px;
  letter-spacing: 1px;
  color: var(--pri);

  margin-bottom: 30px;
  text-align: center;
  position: relative;
  text-transform: uppercase;
}

.location-outer-block .heading-common .ptrnimg {
  position: absolute;
  right: 0;
  top: -187px;
}

.location-outer-block .heading-common .span {
  float: left;
  font-size: 42px;
  letter-spacing: 1px;
  color: var(--pri);

  text-align: center;
  position: relative;
  text-transform: uppercase;
  padding: 0px 50px;
  width: 100%;
}

.aminites-block {
  width: 100%;
  float: left;
  border-radius: 8px;
  padding: 0px 100px;
  /*max-height: 700px;*/
  overflow: hidden;
}

.aminites-block .room-detail-row {
  width: 100%;
  float: left;
  border-radius: 10px;
  background: var(--white);
  border: none !important;
  overflow: hidden;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 1;
  height: auto;
}

.aminites-block .room-detail-row img.amenities-image {
  object-fit: cover;
  width: 100%;
  object-position: center;
  height: 540px;
}

.aminites-block .room-detail-row.top-loc-section {
  margin-bottom: 40px;
}

.aminites-block .room-detail-row .room-detail-left {
  width: 497px;
  text-align: center;
  padding: 60px 30px;
  position: relative;
  z-index: 1;
  background: var(--sec);
  overflow: auto;
}

.aminites-block .room-detail-row .room-detail-left .room-detail-content {
  width: 387px;
}

.aminites-block .room-detail-row .room-detail-left .room-detail-content h3 {
  width: 100%;
  float: left;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: var(--white);
}

.aminites-block .room-detail-row .room-detail-left .room-detail-content ul {
  width: 100%;
  float: left;
}

.aminites-block .room-detail-row .room-detail-left .room-detail-content ul li {
  width: 100%;
  float: left;
  text-align: left;
  color: var(--white);
  margin-bottom: 20px;

  font-size: 16px;
  line-height: 20px;
  padding-left: 30px;
  position: relative;
}

.aminites-block
  .room-detail-row
  .room-detail-left
  .room-detail-content
  .strong {
  margin-bottom: 10px;
  display: block;
  font-size: 30px;
  color: var(--white);

  font-weight: normal;
  width: 100%;
  float: left;
}

.aminites-block .room-detail-row .room-detail-left .room-detail-content .para {
  font-size: 18px;
  color: var(--white);
  font-weight: 400;
  width: 100%;
  float: left;
  text-align: left;
  line-height: 30px;
}

.aminites-block
  .room-detail-row
  .room-detail-left
  .room-detail-content
  .para:last-child {
  border-top: 1px solid;
  padding-top: 25px;
  margin-top: 5px;
  display: inline-block;
  width: 100%;
}

.aminites-block .room-detail-row .room-detail-right {
  width: calc(100% - 497px);
  background-size: cover;
  float: left;
  padding: 45px 50px;
}

.aminites-block .room-detail-row .room-detail-right .room-detail-img {
  width: 100%;
  float: left;
}

.aminites-block .room-detail-row .room-detail-right .room-detail-img img {
  width: 100%;
  float: left;
}

.aminites-block
  .room-detail-row
  .room-detail-right
  .room-detail-img
  img.onlyformob {
  display: none;
}

.aminites-block .room-detail-row .room-detail-right .contact-us-heading {
  font-size: 30px;
  letter-spacing: 1px;
  color: var(--pri);
  width: 100%;
  float: left;

  margin-bottom: 25px;
}

.aminites-block .room-detail-row .room-detail-right form {
  width: 100%;
  float: left;
}

.amenities-txt {
  width: 100%;
  float: left;
  padding: 55px 0px 40px;
}

.amenities-txt .amenities-inner-block {
  width: 100%;
  float: left;
  text-align: center;
}

.amenities-txt .amenities-inner-block h2 {
  font-size: 36px;
  width: 100%;
  float: left;
  margin-bottom: 30px;

  text-align: center;
  color: var(--sec);
}

.amenities-txt .amenities-inner-block p {
  font-size: 24px;
  line-height: 38px;
  width: 100%;
  float: left;
  margin-bottom: 15px;
  color: var(--black);

  text-align: center;
}

.amenities-txt .amenities-inner-block p:last-child {
  margin-bottom: 0px;
}

.sign-up-mat-form .sign-up-row .sign-up-col {
  width: 48%;
}

.sign-up-mat-form .sign-up-row .sign-up-col.full {
  width: 100%;
}

.attraction-block-main {
  width: 100%;
  float: left;
  margin-top: 55px;
  padding: 0px 100px;
  margin-bottom: 50px;
}

.attraction-block-main.first {
  margin-top: 20px;
}

.attraction-block-main .seemore-btn-block button {
  width: 170px;
  height: 47px;
  font-size: 18px;
  text-transform: uppercase;
  background: var(--sec);
  color: var(--white);
  border-radius: 4px;
}

.attraction-block-main .attraction-row-block {
  width: 100%;
  float: left;
  display: grid;
  flex-direction: row;
  flex-wrap: wrap;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.attraction-block-main .attraction-row-block .attraction-col-block {
  display: inline-flex;
  flex-direction: column;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  width: 100%;
  margin-right: 0;
  border-radius: 8px;
  overflow: hidden;
  background: var(--white);
  margin-bottom: 0;
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .attraction-img {
  width: 100%;
  float: left;
  height: 250px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background: transparent !important;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .attraction-img
  a {
  display: inline-block;
  width: 100%;
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .attraction-img
  img {
  width: 100%;
  float: none;
  max-height: 250px;
  object-fit: cover;
  object-position: center;
  display: inline-block;
  min-width: 100%;
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .attraction-header {
  width: 100%;
  float: left;
  padding: 15px 20px;
  background: var(--grayf2);
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .attraction-header
  p {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: var(--col32);
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .attraction-header
  h2 {
  width: 100%;
  float: left;
  margin-bottom: 0px;

  font-size: 24px;
  color: var(--pri);
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .address-listing-block {
  width: 100%;
  float: left;
  padding: 20px;
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .address-listing-block
  .address-col-block {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 30px;
  font-size: 15px;
  color: var(--gray6e);
  margin-bottom: 15px;
  line-height: 24px;
}

.address-col-block p {
  margin: 0px;
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .address-listing-block
  .address-col-block:last-child {
  margin-bottom: 0px;
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .address-listing-block
  .address-col-block
  img {
  position: absolute;
  left: 0;
  top: 0px;
  bottom: 0px;
  margin: auto;
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .address-listing-block
  .address-col-block
  a {
  color: var(--sec);
}

.attraction-block-main .seemore-btn-block {
  width: 100%;
  text-align: center;
  float: left;
}

.attraction-block-main .seemore-btn-block a {
  width: 170px;
  height: 47px;
  font-size: 18px;
  text-transform: uppercase;
  background: var(--sec);
  color: var(--white);
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.attraction-block-main .seemore-btn-block a:hover {
  color: var(--white);
}

.attraction-block-main .seemore-btn-block a.btnstyle.btn.btn-primary {
  border: 2px solid var(--sec);
}

.attraction-block-main .seemore-btn-block a.btn.btn-outline-primary {
  color: var(--sec);
  border: 2px solid var(--sec);
}

.attraction-block-main .seemore-btn-block a.btnstyle.nav-link {
  background: transparent;
  color: var(--sec);
  text-decoration: underline;
}

.heading-block-main {
  font-size: 56px;
  letter-spacing: 1px;
  color: var(--pri);
  width: 100%;
  float: left;

  text-align: center;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.map-lc-img {
  width: 100%;
  float: left;
}

.map-lc-img img {
  width: 100%;
  float: left;
}

/* location end */

/* gallery page */

.masonry-block-main > div {
  width: 100%;
}

.masonry-block-main {
  width: 100%;
  float: left;
  padding: 40px 100px;
  position: relative;
  overflow: hidden;
}

.masonry-block-main .masonry {
  column-count: 3;
  column-gap: 20px;
}

.masonry-block-main .masonry .masonry-item {
  display: inline-block;
  width: 100%;
  background: var(--white);
  margin: 0 0 20px;
  border-radius: 10px;
  border: 1px solid var(--graydf);
  padding: 10px;
}

.masonry-block-main .masonry .masonry-item img {
  width: 100%;
}

.masonry-item {
  display: inline-block;
  width: 100%;
  background: var(--white);
  margin: 0 0 15px;
  border-radius: 10px;
  border: 1px solid var(--graydf);
  padding: 10px;
}

.masonry-item img {
  width: 100%;
}

.images-gallery {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}

.images-gallery .masonry-item {
  width: 32.5%;
}

/* gallery page end */

.aminites-block.amenities-inner-pages {
  padding: 0px;
  border-radius: 0px;
  margin-bottom: 70px;
}

.about-hotel .abt2 {
  position: absolute;
  right: 0;
  top: 109px;
}

.policyOuter-block {
  width: 100%;
  float: left;
  padding: 20px 80px 100px;
  background-color: var(--gryf9);
  background-repeat: no-repeat;
  position: relative;
}

.policyOuter-block .policy-inner-block .policy-content-block {
  width: 100%;
  float: left;
  margin-top: 35px;
}

.policyOuter-block .policy-inner-block .policy-content-block:first-child {
  margin-top: 0px;
}

.policyOuter-block .policy-inner-block .policy-content-block .h3 {
  width: 100%;
  font-size: 20px;
  color: var(--black);
  font-weight: 600;
  float: left;
  margin-bottom: 10px;
}

.policyOuter-block .policy-inner-block .policy-content-block p {
  margin-bottom: 20px;
}

.policyOuter-block .policy-inner-block .policy-content-block p:last-child {
  margin-bottom: 0px;
}

.policy-content-block ul {
  width: 100%;
  float: left;
  margin-bottom: 0px;
}

.policy-content-block ul li {
  width: 100%;
  margin-bottom: 15px;
  padding-left: 26px;
  position: relative;
}

.policy-content-block ul li:last-child {
  margin-bottom: 0px;
}

.policy-content-block ul li:before {
  position: absolute;
  width: 7px;
  height: 7px;
  background: var(--black);
  content: '';
  border-radius: 15px;
  left: 3px;
  top: 8px;
}

.policy-content-block ul li.resortfee h2 {
  width: 100%;
  font-size: 18px;
  color: var(--black);
  font-weight: 700;
  float: left;
  margin-bottom: 6px;
}

.policyOuter-block .policy-inner-block {
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
}

.policyOuter-block .policy-inner-block .h2 {
  font-size: 34px;
  color: var(--pri);

  text-align: left;
  width: 100%;
  float: left;
  margin: 0px 0 5px;
  font-weight: 600;
}

.policyOuter-block .policy-inner-block p {
  float: left;
  font-size: 16px;
  line-height: 27px;
  color: #444444;
  font-weight: 400;
  text-align: left;
  padding-top: 0px;
  margin-bottom: 0px;
  width: 100%;
}

/*Custom code*/

section.custom-banner {
  z-index: 3;
  position: relative;
}

[role='application'] .fr-view .policy-content-block ul {
  display: block !important;
  width: 100%;
}

/*Custom code*/

.about-row.no-btm-sp {
  margin-bottom: 0px;
}

/* web accessibility */

.about-hotel .about-hotel-inner.accessibilityTxt .about-hotel-content p {
  font-size: 16px;
  line-height: 1.6;
  color: var(--black);
}

.about-hotel-inner.accessibilityTxt .shape-img-block {
  margin-top: 0px;
}

/* web accessibility end*/

/* covid css */

.c_container {
  max-width: 1200px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

.wrapper-covid {
  padding-bottom: 60px;
}

.text-center {
  text-align: center;
}

.head-block-covid figure {
  margin: 0px 0 25px;
}

.block-covid-advice {
  padding: 70px 0 70px;
  width: 100%;
  float: left;
}

.head-block-covid .h3 {
  margin-top: 0px;
  margin-bottom: 25px;
  color: var(--gray33);
  font-size: 38px;
  font-weight: 700;
}

.v_row,
.c-row {
  display: flex;
}

.covide-advice-main .v_left_advice {
  flex: 0 0 287px;
}

.v_left_advice img {
  max-width: 100%;
}

.v_right_advice {
  padding-left: 28px;
}

.overview-advice {
  padding-top: 10px;
}

.discription-advice p {
  color: var(--gray1e);
  font-size: 18px;
  line-height: 1.7;
  margin: 0 0 22px;
}

.overview-advice .h4 {
  margin: 0px 0 20px;
  color: var(--gray1e);
  font-size: 21px;
  font-weight: 700;
}

.overview-advice .ul {
  flex-wrap: wrap;
}

.overview-advice .ul li {
  list-style: none;
  margin-bottom: 18px;
  font-size: 18px;
  line-height: 1.7;
  position: relative;
}

.overview-advice .ul li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  width: 27px;
  height: 24px;
}

.overview-advice .ul {
  padding: 0px;
  margin: 0px;
}

.employees-guest-block {
  padding: 65px 0 65px;
}

.gray-block {
  background-color: #fbfbfb;
}

.head-block-covid p {
  color: var(--gray1e);
  font-size: 18px;
  line-height: 1.7;
  margin: 0 0 22px;
}

.head-block-covid p a {
  color: var(--sec);
  text-decoration: none;
}

.c-row {
  margin: 0 -15px;
}

.c-row .grid-6 {
  padding: 0 15px;
  flex: 0 0 50%;
  max-width: 50%;
}

.box-list-view {
  display: flex;
  margin-bottom: 20px;
}

.box-list-view figure {
  margin: 0px;
  width: 75px;
  text-align: center;
  display: inline-block;
}

.box-list-view figure img {
  width: 100%;
  float: none;
  text-align: center;
  object-fit: cover;
  object-position: center;
}

.box-list-view svg {
  width: 100%;
  height: auto;
}

.box-list-view svg {
  fill-rule: evenodd;
}

.box-list-view svg path {
  fill: var(--sec);
}

.box-list-view figcaption {
  padding-left: 16px;
  max-width: 84%;
}

.box-list-view figcaption .h5 {
  color: var(--gray33);
  font-size: 20px;
  margin: 0 0 6px;
}

.box-list-view figcaption p {
  color: var(--gray1e);
  font-size: 18px;
  line-height: 1.7;
  margin: 0 0 20px;
}

.box-list-view figcaption p a {
  color: var(--sec);
  text-decoration: none;
}

.grid-covid-block {
  padding-top: 16px;
}

.figure-social-distance {
  padding-top: 40px;
  margin-bottom: -68px;
}

.figure-social-distance img {
  max-width: 100%;
}

.policy-heading {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 40px;
}

.policy-heading .plaza-inner {
  display: inline-block;
  position: relative;
}

.policy-heading .plaza-inner .plaza {
  font-size: 50px;
  color: var(--sec);

  text-align: center;
  width: 100%;
  float: left;
  margin: 0px;
  line-height: 87px;
}

.policy-heading .plaza-inner .beach {
  color: var(--pri);
  font-size: 50px;

  text-align: center;
  width: 100%;
  line-height: 75px;
  margin-top: -30px;
  display: inline-block;
}

.covide-advice-main {
  width: 100%;
  float: left;
}

.employees-guest-block {
  width: 100%;
  float: left;
  margin-top: auto;
}

.bannerblock {
  position: relative;
  z-index: 3;
  max-height: 90vh;
}

.marina-banner > img {
  max-height: 90vh;
  object-fit: cover;
}

/* covid end */

.mobileroom-img {
  display: none;
}

.blogimgOuter img {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  max-width: unset !important;
  height: 100%;
  object-fit: cover;
}

.blogimgOuter {
  max-height: 460px;
  object-fit: cover;
  overflow: hidden;
  min-height: 100%;
  object-position: center;
}

.emailBlock {
  z-index: 1;
}

.rooms-block-left img {
  display: none;
  width: 100%;
}

.btn.btn-outline-primary {
  background: transparent !important;
  color: var(--sec);
  border: 2px solid var(--sec);
}

.nav-link {
  color: var(--sec);
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-pricemain-block
  .hotel-price-book
  .nav-link {
  color: var(--sec);
  text-decoration: underline;
}

.txtblock {
  width: 100%;
  float: left;
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-pricemain-block
  .hotel-price-book
  .btn.btn-outline-primary {
  color: var(--sec);
}

.newfooterBlock .newFooterTopRow .newfootercol .newfooterContentCol ul {
  padding-left: 0px;
}

.newfooterBlock .newFooterTopRow .newfootercol .newfooterContentCol ul a {
  padding: 0px;
}

.heading-big {
  width: 100%;
  float: left;
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .attraction-header
  a.btn.btn-primary {
  background: var(--pri);
  color: var(--white);
  border-color: var(--pri);
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .attraction-header
  a.btn.btn-primary
  h2 {
  font-size: 18px;
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .attraction-header
  a.btn.btn-primary
  * {
  color: #fff;
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .attraction-header
  a.btn.btn-outline-primary {
  border: 2px solid var(--pri);
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .attraction-header
  a.btn.btn-primary {
  background: var(--pri);
  color: var(--white);
  border-color: var(--pri);
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .attraction-header
  a.btn.btn-primary
  * {
  color: #fff;
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .attraction-header
  a.btn.btn-outline-primary {
  border: 2px solid var(--pri);
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .address-listing-block
  .address-col-block
  a.btn.btn-primary {
  background: var(--sec);
  border-color: var(--sec);
  color: var(--white);
}

.attraction-block-main
  .attraction-row-block
  .attraction-col-block
  .address-listing-block
  .address-col-block
  a.nav-link {
  color: var(--sec);
  padding: 0px;
  width: auto;
  display: inline-block;
}

.about-us-mainouter .button-block a.nav-link {
  background: transparent;
  color: var(--sec);
}

.about-us-mainouter .button-block a.btn.btn-primary {
  background: var(--sec);
  border: 2px solid var(--sec);
}

.about-us-mainouter .button-block a.btn.btn-outline-primary {
  color: var(--sec);
  border: 2px solid var(--sec);
}

.aminities-para-block {
  width: 100%;
  float: left;
}

.about-col-inner .about-para * {
  color: var(--black);
  text-align: center;
}

.about-hotel .about-hotel-inner .about-hotel-content .para {
  /* font-size: 18px; */
  font-size: 16px;
  color: var(--black);
  line-height: 1.8;
}

.smooth-headingtxt {
  width: 100%;
  display: inline-block;
}

.head-block-covid p a.btn.btn-primary {
  background: var(--sec);
  color: #fff;
  border: 2px solid var(--sec);
}

.head-block-covid p a.nav-link {
  display: inline;
  padding: 0px;
}

a.btn.btn-primary {
  border: 2px solid var(--sec);
  background: var(--sec);
  color: var(--white);
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none !important;
  border: 2px solid var(--sec);
  background: var(--sec);
}

a.nav-link {
  padding: 0px;
  display: inline;
}

.book-your-dinning
  .book-your-dinningInner
  .dinning-form
  form
  .dinning-row-block
  .button-block
  button {
  min-width: 160px;
  height: 50px;
  font-size: var(--size16);
  font-weight: 600;
  border-radius: 5px;
}

.img-block-main {
  width: 100%;
  text-align: center;
}

.img-block-main img {
  float: none;
  display: inline-block;
  max-width: calc(100% - (2 * 5px));
}

.covid-advice-img {
  width: 100%;
  justify-content: center;
  display: flex;
}

.head-block-covid figure img {
  max-width: 200px;
}

.count-block * {
  font-style: normal;
}

/*Non Editable block extra css for rooms*/

.room-block-list.demoBlock.nonEditable {
  width: 100%;
  float: left;
  position: relative;
}

/*Non Editable block extra css for rooms*/

.policy-text-block p img {
  max-width: 14px;
}

.about-col-inner .about-para ul li {
  position: relative;
  width: 33.33%;
  margin-bottom: 15px;
  padding-left: 21px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  vertical-align: top;
  text-align: left;
}

.about-col-inner .about-para ul {
  flex-wrap: wrap;
  text-align: left;
  padding: 0;
}

.before-vue {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
}

.before-vue img {
  width: auto;
  max-height: 100px;
}

.hotel-price-block-inner.liveBlock {
  min-height: 170px;
}

/* gallery page */

.masonry-block-main {
  width: 100%;
  float: left;
  padding: 40px 100px;
  background-repeat: no-repeat;
  column-count: 3;
  column-gap: 20px;
}

.masonry-block-main .masonry {
  column-count: 3;
  column-gap: 20px;
}

.masonry-block-main .masonry .masonry-item {
  display: inline-block;
  width: 100%;
  background: var(--white);
  margin: 0 0 20px;
  border-radius: 10px;
  border: 1px solid var(--graydf);
  padding: 10px;
}

.masonry-block-main .masonry .masonry-item img {
  width: 100%;
}

.masonry-item {
  display: inline-block;
  width: 100%;
  background: var(--white);
  margin: 0 0 15px;
  border-radius: 10px;
  border: 1px solid var(--graydf);
  padding: 10px;
}

.masonry-block-main img {
  display: inline-flex;
  background: #fff;
  margin: 0 0 20px !important;
  border-radius: 10px;
  border: 1px solid #dedede;
  padding: 10px;
  justify-content: center;
  max-width: 100%;
  cursor: pointer;
  width: 100%;
}

.images-gallery {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}

.images-gallery .masonry-item {
  width: 32.5%;
}

.hotel-price-inner-block {
  position: relative;
  margin-top: -150px;
  width: 100%;
  padding-bottom: 10px;
}
html {
  overflow: auto;
}
/* gallery page end */

.gradient-inner-content {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+49,000000+100&0+1,0.65+49,0+100 */
  background: -moz-linear-gradient(
    left,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 1%,
    rgba(0, 0, 0, 0.65) 49%,
    rgba(0, 0, 0, 0) 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 1%,
    rgba(0, 0, 0, 0.65) 49%,
    rgba(0, 0, 0, 0) 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 1%,
    rgba(0, 0, 0, 0.65) 49%,
    rgba(0, 0, 0, 0) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
  /* IE6-9 */
  display: inline-flex;
  padding: 50px;
  flex-wrap: wrap;
  width: auto;
  max-width: 1050px;
}

.banner-block-outer .rp-image-resizer {
  display: none;
}

.about-hotel.grayhotel-block {
  width: 100%;
  position: relative;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 70px;
  overflow: hidden;
  background: var(--grayf6);
  margin: 0px;
}

.about-hotel-content .txtblock {
  font-size: 16px;
  line-height: 27px;
  font-weight: 400;
  text-align: center;
  width: 100%;
  float: left;
  color: var(--pri);
}

.hotel-price-block-banner
  .hotel-price-block-inner
  .hotel-block.col3
  .fr-element {
  height: 100%;
}

.room-block-list {
  width: 100%;
  float: left;
  background: var(--grayf6);
}

.rooms-listing-outer-home {
  width: 100%;
  float: left;
  background: var(--grayf6);
  padding: 90px 63px 0px 63px;
  position: relative;
}

.shape-image {
  position: absolute;
  right: 0;
  top: -210px;
}

.rooms-heading-main {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  text-align: center;
}

.rooms-heading-main .arooms-heading-inner {
  width: 100%;
  float: left;
}

.rooms-heading-main .arooms-heading-inner .h2 {
  color: var(--sec);

  text-align: center;
  width: 100%;
  float: left;
  margin: 0px;
  font-size: 40px;
  line-height: 38px;
  text-transform: uppercase;
  font-weight: 600;
}

.rooms-heading-main .arooms-heading-inner .about-diffrent-subheading {
  text-align: center;
  width: 100%;
  float: left;
  position: relative;
  top: 0px;
  font-size: 48px;
  line-height: normal;
  color: var(--pri);
}

/*love us new section*/

.why-love-us-block {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 50px;
  background-size: cover;
  background: var(--pri);
  color: var(--white);
}

.why-love-us-row-outer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
}

.why-love-us-row-outer:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 80%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(
    91.5deg,
    #000000 2.4%,
    #000000 46.04%,
    rgb(0 0 0 / 0%) 98.87%
  );
}

.why-loveus-inner {
  width: 100%;
  float: left;
  padding: 50px 50px 60px;
  max-width: 850px;
  background-position: left 50px;
  position: relative;
  z-index: 2;
}

.why-love-us-heading {
  width: auto;
  float: left;
  padding: 35px 0 56px;
  font-size: 70px;
  letter-spacing: 1px;
  line-height: 60px;
  color: var(--sec);

  position: relative;
}

.loveus-heading2 {
  font-size: 100px;
  letter-spacing: 3px;
  line-height: 70px;
  color: var(--white);
  position: absolute;
  right: -190px;
  top: 65px;
}

.why-love-us-content {
  width: 100%;
  float: left;
}

.why-love-us-row {
  width: 100%;
  float: left;
  margin-bottom: 35px;
  padding-left: 43px;
  position: relative;
}

.why-love-us-row img.love-left-icon {
  position: absolute;
  left: 0;
  max-width: 35px;
}

.why-love-us-row .h3 {
  font-size: 24px;
  color: var(--white);
  margin: 0 0 8px;
  width: 100%;
  float: left;
}

.why-love-us-row .para {
  height: auto;
  font-size: 16px;
  line-height: 27px;
  color: #ffffff;
  font-weight: 400;
  width: 100%;
  float: left;
}

.top-img-loveus {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
}

.top-img-loveus svg {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.why-love-us-img img {
  object-fit: cover;
  width: 100%;
  object-position: center right;
  height: 100%;
}

.why-love-us-img {
  position: absolute;
  right: 0;
  z-index: 1;
  bottom: 0;
  top: 0;
  width: 70%;
}
.why-love-us-img img {
  max-width: 100%;
  object-fit: contain;
}

.leaf-outer {
  width: 200px;
  position: absolute;
  right: 0;
  bottom: 0;
  overflow: hidden;
  height: 215px;
  opacity: 0.3;
}

.signupbottom {
  position: absolute;
  right: 0;
  top: -148px;
  z-index: 1;
  transform: rotate(0deg);
  max-width: 300px;
  mix-blend-mode: darken;
  overflow: hidden;
}

.pencile {
  position: absolute;
  left: 40px;
  top: 50px;
  max-width: 142px;
  opacity: 0.2;
}

.emailBlock button.newsletter.btnstyle.big {
  background: var(--pri);
}

.shape-image img {
  max-width: 170px;
}

.aminites-block.amenities-inner-pages .room-detail-row {
  border-radius: 0px;
  padding-left: 490px;
}

.aminites-block.amenities-inner-pages .room-detail-left {
  top: 0px;
  position: absolute;
  height: 100%;
  left: 0;
}

.aminites-block
  .room-detail-row
  .room-detail-left
  .room-detail-content
  h3.suitesDetailHeading {
  width: 100%;
  float: left;
  text-transform: uppercase;
  color: var(--white);

  font-size: 38px;
  line-height: normal;
}

.aminites-block
  .room-detail-row
  .room-detail-left
  .room-detail-content
  .shape-block {
  width: 100%;
  float: left;
  margin-bottom: 25px;
  margin-top: 7px;
}

.aminites-block .room-detail-row .room-detail-left .room-detail-content ul {
  width: 100%;
  float: left;
  /*max-height: calc(100% - 200px);*/
  overflow: hidden;
}

.aminites-block
  .room-detail-row
  .room-detail-left
  .room-detail-content
  ul.showScroll {
  overflow: auto;
}

.aminites-block .room-detail-row .room-detail-left .room-detail-content ul li {
  width: 100%;
  float: left;
  text-align: left;
  color: var(--white);
  margin-bottom: 20px;

  font-size: var(--size18);
  line-height: 20px;
  padding-left: 34px;
  position: relative;
  height: 100%;
}

/*.aminites-block .room-detail-row .room-detail-left .room-detail-content ul li:before {
    width: 7px;
    height: 7px;
    border-radius: var(--radiusbig);
    background: var(--white);
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
}*/

.room-detail-left .room-detail-content ul li i.cs-icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  width: 25px;
  text-align: center;
}

.room-detail-left .room-detail-content ul li i.cs-icon.icon-iron-board-filled {
  font-size: 15px;
}

.room-detail-left .room-detail-content ul li i.cs-icon.icon-hairdryer-filled {
  font-size: 22px;
}

.room-detail-left .room-detail-content ul li i.cs-icon.icon-bathrobe-filled {
  font-size: 22px;
}

.room-detail-left
  .room-detail-content
  ul
  li
  i.cs-icon.icon-sleeper-sofa-filled {
  font-size: 15px;
}

.room-detail-left .room-detail-content ul li i.cs-icon.icon-desk-filled {
  font-size: 16px;
}

.popular-amenity .popular-amenity {
  max-width: 1400px;
  float: none;
  display: inline-block;
  text-align: left;
}

.popular-amenity .popular-amenity .room-listing-block {
  padding: 50px 0px 0;
}

.scrollbar-track-y {
  width: 4px !important;
  background: transparent !important;
}

.scrollbar-thumb {
  width: 4px !important;
  background: var(--sec) !important;
}

.btnstyle.readMoreLessBtn {
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-content: center;
  color: #fff !important;
  padding: 0px 20px;
  align-items: center;
}

.headerMid .rp-element {
  align-items: center;
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
}

.v-dialog.v-dialog--active {
  box-shadow: none !important;
}

.v-application--wrap {
  min-height: 0px;
}
#my_account_page .v-dialog:not(.v-dialog--fullscreen) {
  max-width: 940px !important;
}
section#gallery_block.opendialog {
  z-index: 5;
}

button.cross-btn-img.theme--dark.v-btn.v-btn--has-bg {
  background: #00000045;
  box-shadow: none;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*love us new section end*/

.tripAdvisorImg {
  display: inline-flex;
  align-items: center;
  width: 100%;
  float: left;
  margin-bottom: 22px;
}

.tripAdvisorImg .tripadviserspan {
  display: inline-flex;
}

.tripAdvisorImg .tripadviserspan img {
  width: 131px !important;
}

.trip-title {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 20px;
}

.tripRatingReview {
  width: 100%;
  float: left;
}

.tripRatingReview p {
  width: 100%;
  float: left;
  margin-bottom: 0px;
  font-size: 16px;
}

/*date picker block new*/

.cusDatepicker .input-block {
  border: 1px solid rgba(0, 0, 0, 0.38);
  padding: 7px 17px;
  height: 55px;
  font-size: 15px;
  color: var(--black);
  border-radius: 10px;
}

.cusDatepicker .input-block .v-input {
  margin: 0px;
  padding: 0px;
  height: 46px;
}

.cusDatepicker .input-block .v-input__slot {
  margin: 0px;
  padding: 0px;
  height: 46px;
}

.cusDatepicker .input-block .v-input__slot:before {
  display: none;
}

.cusDatepicker .input-block .v-input__slot:after {
  display: none;
}

.cusDatepicker .input-block .v-input__slot .v-text-field__slot {
  height: 100%;
}

.cusDatepicker .input-block .v-input__slot .v-text-field__slot input {
  max-height: 100%;
  font-size: 15px;
}

/* date picker block new end */

/*payment info block reservation submitted block*/

.messagewaiting {
  width: 100%;
  float: left;
  padding: 10px 43px 10px 15px;
  background: rgba(65, 239, 65, 0.15);
  border: 1px solid var(--green-sh3);
  margin-bottom: 0px;
  position: relative;
  color: var(--green-sh3);
  margin-top: 25px;
}

.messagewaiting a {
  position: absolute;
  right: 5px;
  top: 0px;
  bottom: 0px;
  display: inline-flex;
  align-items: center;
  width: 42px;
  justify-content: center;
}

/*payment info block reservation submitted block end*/

.mls-block-section {
  width: 100%;
  float: left;
  background: #fff;
}

.mls-body-section {
  width: 100%;
  float: left;
  padding: 20px;
  text-align: center;
}

.mls-logo-block {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}

.mls-logo-block img {
  max-width: 250px;
  display: inline-block;
}

.min-stay-length {
  width: 100%;
  float: left;
}

.min-stay-length h2 {
  font-size: var(--size26);
  font-weight: 700;
  padding-left: 30px;
  padding-right: 30px;

  margin: 0;
  padding-bottom: 16px;
  color: var(--pri);
  width: 100%;
  float: left;
}

.modal-v2 .min-stay-length h2 {
  padding-left: 0px !important;
}

.min-stay-length p {
  width: 100%;
  float: left;
  margin: 0;
  padding-bottom: 10px;
  font-size: var(--size16);
}

.min-stay-length-btns {
  width: 100%;
  float: left;
}

.min-stay-length-btns button.btnstyle.sm.v-btn {
  border-radius: 4px !important;
  color: var(--white);
  display: inline-block;

  background: var(--sec);
  margin: 0 5px;
  font-size: var(--size14);
  text-transform: none;
  letter-spacing: 0px;
  min-width: 124px;
  height: 37px;
}

.min-stay-length-btns button.btnstyle.sm.cancel.v-btn {
  background: var(--blk36);
  color: var(--white);
}

.crop-img-outer .v-card__title {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.crop-img-outer .close {
  width: 35px;
  height: 35px;
  background: transparent;
  opacity: 0.5;
  color: #000 !important;
  position: relative;
  right: -14px;
}

.crop-img-outer .close i {
  color: #000 !important;
}

.v-application .crop-img-block .crop-btn {
  background: var(--sec) !important;
  border-radius: var(--radiusField) !important;
  color: var(--white) !important;
  display: inline-block;
  font-weight: 400;
  text-transform: capitalize;
  height: 40px;
  min-width: 117px;
  font-size: 16px;
}

.alert-icons-modal {
  display: block;
  margin: 18px 0 12px 0;
}

.desc-room {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgb(0 0 0 / 65%);
  color: #fff;
  padding: 16px 36px;
  max-width: calc(100% - 490px);
  text-align: left;
  font-weight: 600;
}

.figure-block-ui .rp-fir {
  margin-right: 0;
  text-align: right;
  margin-left: auto;
  display: block;
}

@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(../assets/fonts/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2)
    format('woff2');
}

.alert-icons-modal i {
  font-size: 74px;
  color: var(--pri);
}
.v-dialog__content.v-dialog__content--active {
  align-items: flex-start;
  padding-top: 66px;
}
.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.signupbottom svg {
  max-width: 380px;
}

.shape-image {
  width: 162px;
}

.star-img {
  width: auto;
  height: 362px;
}

.shape-location-1 {
  position: absolute;
  left: -149px;
  top: 100px;
  max-width: 330px;
  z-index: -1;
}

.shape-location-1 svg {
  height: auto;
  width: 100%;
}

.shape-location-2 {
  position: absolute;
  right: -150px;
  top: 50%;
  transform: translateY(-50%);
  max-width: 320px;
  z-index: -1;
}

.shape-location-2 svg {
  height: auto;
  width: 100%;
}

.shape-location-3 {
  position: absolute;
  bottom: 8%;
  right: -80px;
  max-width: 320px;
  z-index: -1;
  opacity: 0.3;
}

.shape-location-3 svg {
  height: auto;
  width: 100%;
}

.svg-inline--fa.fa-w-16 {
  width: 1em;
}

svg:not(:root).svg-inline--fa {
  overflow: visible;
}

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

/* Froala Inilne css */

svg:not(:root).svg-inline--fa {
  overflow: visible;
}

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.svg-inline--fa.fa-lg {
  vertical-align: -0.225em;
}

.svg-inline--fa.fa-w-1 {
  width: 0.0625em;
}

.svg-inline--fa.fa-w-2 {
  width: 0.125em;
}

.svg-inline--fa.fa-w-3 {
  width: 0.1875em;
}

.svg-inline--fa.fa-w-4 {
  width: 0.25em;
}

.svg-inline--fa.fa-w-5 {
  width: 0.3125em;
}

.svg-inline--fa.fa-w-6 {
  width: 0.375em;
}

.svg-inline--fa.fa-w-7 {
  width: 0.4375em;
}

.svg-inline--fa.fa-w-8 {
  width: 0.5em;
}

.svg-inline--fa.fa-w-9 {
  width: 0.5625em;
}

.svg-inline--fa.fa-w-10 {
  width: 0.625em;
}

.svg-inline--fa.fa-w-11 {
  width: 0.6875em;
}

.svg-inline--fa.fa-w-12 {
  width: 0.75em;
}

.svg-inline--fa.fa-w-13 {
  width: 0.8125em;
}

.svg-inline--fa.fa-w-14 {
  width: 0.875em;
}

.svg-inline--fa.fa-w-15 {
  width: 0.9375em;
}

.svg-inline--fa.fa-w-16 {
  width: 1em;
}

.svg-inline--fa.fa-w-17 {
  width: 1.0625em;
}

.svg-inline--fa.fa-w-18 {
  width: 1.125em;
}

.svg-inline--fa.fa-w-19 {
  width: 1.1875em;
}

.svg-inline--fa.fa-w-20 {
  width: 1.25em;
}

.svg-inline--fa.fa-pull-left {
  margin-right: 0.3em;
  width: auto;
}

.svg-inline--fa.fa-pull-right {
  margin-left: 0.3em;
  width: auto;
}

.svg-inline--fa.fa-border {
  height: 1.5em;
}

.svg-inline--fa.fa-li {
  width: 2em;
}

.svg-inline--fa.fa-fw {
  width: 1.25em;
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}

.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-counter,
.fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-counter {
  background-color: #ff253a;
  border-radius: 1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: 0.25em;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: 0;
  right: 0;
  top: auto;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.fa-layers-top-right {
  right: 0;
  top: 0;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-top-left {
  left: 0;
  right: auto;
  top: 0;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
  margin-right: 0.3em;
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

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

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

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

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
  -webkit-filter: none;
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  position: relative;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

.fa-inverse {
  color: #fff;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: #000;
}

.fad.fa-inverse {
  color: #fff;
}

.heading-sec h4 {
  font-size: 40px;
  font-weight: 700;
  color: var(--sec);
  margin-top: 0;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.discption-block-ui p {
  color: var(--pri);
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 12px !important;
}

.discption-block-ui {
  color: var(--pri);
  font-size: 16px;
  line-height: 1.6;
}

.figure-block-ui img {
  width: 100%;
  height: auto;
  max-height: 460px;
  object-fit: cover;
}

.leftrightBlock {
  padding: 40px 63px 40px 63px !important;
  background-color: #f6f6f6;
}

.leftrightBlock .row {
  align-items: center;
}

.leftrightBlock .row .col-4 {
  align-self: stretch;
}

.figure-block-ui {
  height: 100%;
  align-items: center;
}

.figure-block-ui img {
  height: 100%;
}

.headingBlock {
  background-color: #f6f6f6;
}

section.headingBlock,
section.leftrightBlock {
  max-width: 1920px;
  margin: 0 auto !important;
  display: block !important;
}

.headingBlock .content-heading {
  padding: 40px 20px 0px 20px;
  text-align: center;
  max-width: 100%;
  margin: 0 auto;
}

.headingBlock .content-heading h3 {
  color: var(--sec);
  font-size: 58px;
  font-weight: 700;
  line-height: normal;
  margin-top: 0px;
  margin-bottom: 0;
}

.headingBlock .content-heading h6 {
  font-size: 32px;
  font-weight: 700;
  margin-top: 0;
  line-height: normal;
  margin-bottom: 18px;
  color: var(--pri);
}

.headingBlock .content-heading p {
  color: var(--pri);
  font-size: 16px;
  line-height: 1.6;
}

.cs-btn-primary {
  padding-top: 18px;
}

.leftrightBlock .container {
  background-color: #fff;
  box-shadow: 0px 2px 4px rgb(0 0 0 / 5%);
  border-radius: 10px;
  overflow: hidden;
}

.leftrightBlock .block-content-ui {
  padding: 20px 30px;
}

.commonSeparator .separator {
  display: block;
  height: 0;
  position: relative;
  background-color: transparent;
  text-align: center;
}

.commonSeparator .separator:before {
  content: '';
  position: absolute;
  left: 0;
  top: -5px;
  width: 100%;
  height: 10px;
  background-image: url(../assets/img/separator-1.png);
  background-color: transparent;
  background-repeat: repeat;
}

.commonSeparator .container,
.commonSeparator {
  display: block;
  z-index: 3;
}

.commonSeparator.separator-2 .separator:before {
  background-image: url(../assets/img/separator-2.png);
}

section#checkout-tnc {
  padding: 40px 100px !important;
  margin: 0 auto !important;
  float: none;
}

.termandconditionOuter {
  float: left;
  width: 100%;
}

.term-and-condition-row {
  width: 100%;
  float: left;
  margin-bottom: 12px;
  font-size: 14px;
}

.term-and-condition-row:last-child {
  margin-bottom: 0px;
}

.term-and-condition-row h2,
.term-and-condition-row h3,
.term-and-condition-row h4,
.term-and-condition-row h5 {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-size: 16px;
  color: var(--pri);

  margin-top: 20px;
  font-weight: 700;
}

.term-and-condition-row h4 {
  font-size: 15px;
}

.term-and-condition-row h5 {
  font-size: 14px;
}

.term-and-condition-row li h2,
.term-and-condition-row li h3,
.term-and-condition-row li h4,
.term-and-condition-row li h5 {
  margin-top: 0px;
}

.term-and-condition-row p {
  font-size: 14px;
  width: 100%;
  float: left;
}

.term-and-condition-row p:last-child {
  margin-bottom: 0px;
}

.term-and-condition-row p a {
  color: var(--sec) !important;
}

body .term-and-condition-row ul {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding-left: 25px !important;
  list-style: initial;
}
body .term-and-condition-row ol ul {
  list-style-type: circle;
}

html body .term-and-condition-row [role='application'] .fr-view ul {
  display: inline-block !important;
}

.term-and-condition-row ul li {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  position: relative;
}

.term-and-condition-row ul li:last-child {
  margin-bottom: 0px;
}

.term-and-condition-row .button-block button {
  padding: 0px 20px;
}
.checkoutcontainer .term-and-condition-row ul li {
  display: list-item;
}

.termConditionCheckbox {
  width: 100%;
  float: left;
}

.termConditionCheckbox .termConditioncheck {
  width: 100%;
  float: left;
  position: relative;
}

.address-col-block .fr-wrapper {
  position: initial;
}

.address-col-block .fr-element {
  position: initial;
}

.astrodivider {
  margin: 64px auto;
  width: 400px;
  max-width: 100%;
  position: relative;
}

.astrodividermask {
  overflow: hidden;
  height: 20px;
}

.astrodividermask:after {
  content: '';
  display: block;
  margin: -25px auto 0;
  width: 100%;
  height: 25px;
  border-radius: 125px / 12px;
  box-shadow: 0 0 8px #049372;
}

.astrodivider span {
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 100%;
  margin-bottom: -25px;
  left: 50%;
  margin-left: -25px;
  border-radius: 100%;
  box-shadow: 0 2px 4px #4fb39c;
  background: #fff;
}

.astrodivider i {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
  border-radius: 100%;
  border: 1px dashed #68beaa;
  text-align: center;
  line-height: 40px;
  font-style: normal;
  color: #049372;
}

.leftrightBlock.full-height-image-block .figure-block-ui img {
  max-height: inherit;
  height: auto;
}

.commonSeparator.fp-active .separator::before,
.fp-full-view .commonSeparator .separator::before {
  top: 10px;
}

.commonSeparator.fp-active,
.fp-full-view .commonSeparator {
  height: 30px;
  background-color: #f6f6f6;
}

.rp-view img.rp-fir {
  margin-left: auto;
  margin-right: 0;
  display: block;
}

.rp-view img.rp-fil {
  margin-left: 0;
  margin-right: auto;
  display: block;
}

.masonry-block-main img {
  min-width: 100%;
  margin: 0;
  max-width: 100%;
}

.masonry-block-main br {
  display: none;
}

.masonry-block-main p {
  margin: 0;
  float: none;
}

.masonry-block-main {
  float: none;
  display: inline-block;
}

.room-content-row .room-content-text-block .room-content-desc a.read-more-btn {
  color: var(--sec);
  font-weight: 500;
}

.room-content-row
  .room-content-text-block
  .room-content-desc
  a.read-more-btn:hover {
  text-decoration: underline;
}

.left-aligned-popup .mls-body-section {
  text-align: left;
}

.left-aligned-popup .alert-icons-modal {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: 0;
  cursor: pointer;
}

.left-aligned-popup .alert-icons-modal span {
  font-size: 36px;
  line-height: 20px;
  display: inline-block;
  opacity: 0.7;
  transition: 0.15s;
}

.left-aligned-popup .alert-icons-modal span:hover {
  opacity: 1;
}

.left-aligned-popup .mls-body-section .v-card__subtitle,
.left-aligned-popup .mls-body-section .v-card__text,
.left-aligned-popup .mls-body-section .v-card__title {
  padding: 0;
}

.left-aligned-popup .mls-body-section .v-card__title h2 {
  padding-bottom: 8px;
  color: var(--sec);
  font-weight: 700;
  font-size: 21px;
}

.left-aligned-popup .mls-body-section .v-card__text p {
  font-size: 15px;
  line-height: 1.5;
}

.left-aligned-popup .mls-body-section .v-card__text {
  padding-bottom: 0 !important;
}

.left-aligned-popup .v-card__actions {
  display: none !important;
}

img.rp-dib {
  margin: 0 auto;
  display: block;
  float: none;
  vertical-align: top;
}

/*.fdb-block.fp-active * {
  outline: 1px dashed #7b7b7b45;
}
 .fdb-block.fp-active *:hover {
  outline: 1px dashed #000;
} */

.sign-up-col .input-block {
  display: flex;
}

.newfooterBlock
  .newFooterTopRow
  .newfootercol
  .newfooterContentCol
  ul
  li
  a
  img.rp-fil.rp-dib {
  margin-left: 0;
}

.calendar-left-block .ui-datepicker .ui-datepicker-header {
  width: 100%;
}

.tripAdvisorImg img.rp-fil {
  margin: 0;
}

.newfooterBlock .footer-newsletterBlock .newsletterBlock {
  margin: 0 !important;
}

.apartment-right-col .apartment-txt .theme--light.v-sheet {
  background: transparent;
  box-shadow: none;
}

.apartment-right-col .v-window__container {
  flex-direction: row;
}

.tripadviser-error {
  width: 100%;
  margin-top: 210px;
  font-size: 18px;
  text-align: center;
  padding: 30px 0;
  font-weight: 600;
  border: 1px dashed #d9d9d9;
  border-radius: 10px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* section#banner .banner-block-outer img {
  height: 80vh;
  max-height: 840px;
} */

.address-col-block p {
  margin: 0 !important;
}

.hotel-customer-policies .fill-white,
.accessibility .fill-white,
.terms-and-conditions .fill-white {
  fill: #f6f6f6;
}

section#checkout-tnc {
  background-color: var(--gryf9);
}

section#footer path.fill-gry {
  fill: #fff;
}

section#sign_up_block + section#footer path.fill-gry {
  fill: var(--grayf6);
}

.v-dialog__content .theme--dark.v-btn.v-btn--icon {
  color: #d6d6d6;
  width: 65px;
  height: 65px;
}

/* .v-overlay__scrim{
    opacity: 0.8 !important;
} */
.calendar-left-block
  .ui-datepicker
  .ui-datepicker-header
  .ui-corner-all
  .ui-icon {
  background: none;
}

.gallery-crousel .v-responsive__content {
  flex: initial;
  margin: 0 auto;
  display: flex;
}

.policy-inner-block h1,
.policy-inner-block h2,
.policy-inner-block h3,
.policy-inner-block h4,
.policy-inner-block h5,
.policy-inner-block h6 {
  font-weight: 600;
}

.dot-loader-container {
  display: flex;
  align-items: center;
  padding-right: 5px;
}

.dot-loader {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: var(--sec);
  position: relative;
  -webkit-animation: 1.2s grow ease-in-out infinite;
  animation: 1.2s grow ease-in-out infinite;
}

.dot-loader:first-child {
  margin-left: 40px;
}

.dot-loader--2 {
  -webkit-animation: 1.2s grow ease-in-out infinite 0.15555s;
  animation: 1.2s grow ease-in-out infinite 0.15555s;
  margin: 0 20px;
}

.dot-loader--3 {
  -webkit-animation: 1.2s grow ease-in-out infinite 0.3s;
  animation: 1.2s grow ease-in-out infinite 0.3s;
}

@keyframes grow {
  0%,
  40%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.hotel-price-book.disabled,
.calendar-right-block .button-block.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.hotel-price-book.disabled *,
.calendar-right-block .button-block.disabled * {
  cursor: not-allowed !important;
  pointer-events: none !important;
}

section#banner.price-banner-fluid .banner-main-block,
section#banner.price-banner-fluid .banner-block-outer img {
  height: calc(100vh - 145px);
  max-height: inherit;
}

section#banner.price-banner-fluid .hotel-price-inner-block {
  margin: 0;
}

section#banner.price-banner-fluid .hotel-price-block-banner.pricing-block {
  position: absolute;
  top: 50%;
  background: transparent;
  margin-top: -120px;
  left: 0;
}

.read-text {
  display: inline;
  color: #222;
  font-weight: 500;
  cursor: alias;
  text-decoration: underline;
}

.v-dialog__content .modal-v2 .alert-icons-modal {
  position: absolute;
  right: 10px;
  margin: 0;
  font-size: 40px;
  line-height: normal;
  top: 10px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ededed;
  border-radius: 50px;
}
.amenities-inner-pages .desc-room {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: calc(100% - 496px);
  padding: 18px 30px;
  background-color: #0000008f;
  color: #ffffff;
}
.banner-main-outer:only-child {
  margin-bottom: calc(100vh - 599px);
}
.banner-main-outer + div {
  min-height: calc(100vh - 599px);
}
.banner-main-outer + div.suites-page-name {
  min-height: 0;
}

/* Loader style start */
.block-loader {
  display: none;
}

.loading-block {
  position: relative;
}

.loading-block .block-loader {
  width: 90px;
  height: 90px;
  padding: 0px;
  text-align: left;
  position: absolute;
  left: 0;
  right: 0;
  top: 140px;
  margin: auto;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loading-block:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #ffffffd9;
  z-index: 2;
}

.loading-block .block-loader img {
  max-width: 100px;
}

.room-sold {
  display: flex;
  width: 100%;
  min-height: 171px;
  align-items: center;
  justify-content: center;
  padding: 20px 10px;
  background-color: var(--sec);
  border-radius: 10px;
  gap: 15px;
  margin-bottom: 30px;
}
.room-sold figure {
  margin: 0;
  flex: 0 0 80px;
  width: 80px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.09);
  border-radius: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.content-room-sold h4 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 3px 0;
}
.content-room-sold p {
  color: #ffffff;
  font-size: 14px;
  margin: 0;
}
.room-sold figure img {
  width: 54px;
}
.no-room-found-block {
  flex-direction: column;
  gap: 20px;
  border-radius: 5px;
  min-height: calc(100vh - 325px);
  border: 1px solid var(--graye1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.no-record-content .inner-content {
  min-width: 325px;
  min-height: 90px;
  background: #f3f3f3;
  border-radius: 5px;
  padding: 20px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  max-width: 80%;
}
.no-record-content .content {
  font-size: 20px;
  line-height: 1.4;
  color: #000;
  word-wrap: break-word;
}
.no-record-content .content strong {
  font-weight: 500;
}

.no-record-content {
  display: flex;
  justify-content: center;
}

.common-head-modal {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  justify-content: space-between;
}

.common-head-modal h4 {
  font-size: 24px;
  color: var(--pri);

  margin-bottom: 23px;
  font-weight: 600;
  margin: 0;
}

button.dismiss-dropdown-modal {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  z-index: 9;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  font-family: serif;
  -webkit-appearance: none;
  border: none;
}

button.dismiss-dropdown-modal:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #d9d9d9;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  transition: all 0.4s ease;
}

button.dismiss-dropdown-modal:hover:before {
  transform: scale(1.2);
}

.highlight {
  font-weight: 600 !important;
}

.script-loader {
  position: fixed;
  top: 85px;
  width: 100%;
  background-color: #fff;
  height: calc(100% - 85px);
  z-index: 999;
  max-width: 1920px;
}
.md-list-item-content.md-ripple {
  -webkit-mask-image: none;
}
.mls-body-section.room-type-desc {
  padding: 0;
}
.mls-body-section.room-type-desc .v-card__title h2 {
  padding: 0;
}
.mls-body-section.room-type-desc .v-card__title {
  padding: 20px 20px 20px !important;
  position: sticky;
  top: 0;
  background-color: #fff;
}
.mls-body-section.room-type-desc .v-card__text {
  padding: 0 20px 20px !important;
}
.mls-body-section.room-type-desc .alert-icons-modal {
  z-index: 9;
}
.mls-body-section.room-type-desc .room-type-desc-close {
  position: sticky;
  top: 0;
  z-index: 9;
}

.main-heading {
  display: none !important;
}

.common-modal-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  left: 0;
  padding: 0 20px;
}
.modal-drop {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9;
}
.common-modal-wrapper .common-modal-ui {
  display: block;
  margin: 90px auto;
  max-width: 600px;
  border: none;
  border-radius: 20px;
  background-color: #fff;
  position: relative;
  z-index: 99;
  width: 90%;
}
.common-modal-wrapper .common-modal-ui.room-type-desc {
  max-width: 960px;
  width: 100%;
  max-height: 86%;
  display: flex;
  justify-content: center;
  margin: 4% auto 0 auto;
  flex-direction: column;
  overflow: hidden;
}
.common-modal-wrapper .common-modal-ui.room-type-desc .common-modal-description {
  flex: 1;
  overflow: auto;
}
.common-modal-wrapper .common-modal-ui.edit-guest {
  max-width: 940px;
}

.common-modal-wrapper .common-modal-ui.edit-guest .button-block {
  text-align: left;
  padding-bottom: 10px;
}

.common-modal-wrapper .common-modal-ui.edit-guest .v-card__text {
  padding: 0 24px 20px;
}
.common-modal-wrapper .common-modal-ui .v-card__actions {
  padding: 15px 8px;
  border-top: 1px solid var(--grayde);
}
.common-modal-ui .common-modal-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 20px 20px;
  position: relative;
  flex-direction: column;
  gap: 8px;
}

.common-modal-ui .common-modal-header h3 {
  margin: 0;
  color: var(--pri);
  font-weight: 700;
  font-size: 20px;
}
.common-modal-ui .common-modal-header .dismiss-modal {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  font-size: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
  opacity: 0.7;
  transition: all 0.4s ease;
}
.common-modal-ui .common-modal-header .dismiss-modal .close{
  cursor: pointer;
  font-weight: 300;
  font-size: 36px;
}
.common-modal-ui .common-modal-header .dismiss-modal:hover {
  opacity: 1;
}
.common-modal-description {
  display: block;
  padding: 0px 30px;
}
.common-modal-description p {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.6;
}

.common-modal-ui:not(.room-type-desc) .common-modal-header h3 {
  color: #000000;
  font-size: 26px;
}
.common-modal-ui:not(.room-type-desc) .common-modal-description p {
  text-align: center;
  font-size: 15px;
}
.common-modal-description .v-card__actions {
  padding-bottom: 30px;
}

.common-modal-ui .cs-icon {
  font-size: 50px;
}
.common-modal-wrapper {
  background: rgba(0, 0, 0, 0.65);
}
.hide-title {
  display: none;
}

@keyframes dialogShow {
  from {
    transform: translateY(-10px) scale(0.6);
    opacity: 0;
    visibility: hidden;
  }

  to {
    transform: translateY(0) scale(1);
    opacity: 1;
    visibility: visible;
  }
}

.skip-to-content {
  position: absolute;
  left: -9999999px;
  top: 80px;
  font-size: 0;
}

body .term-and-condition-row ol {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding-left: 25px !important;
  list-style-type: decimal;
  list-style-position: inside;
}
body .term-and-condition-row li {
  display: list-item !important;
  list-style: inherit;
  list-style-position: outside;
  margin-bottom: 10px;
}
.vti__dropdown.disabled,
.vti__dropdown.open {
  border-radius: 10px 0 0 10px;
}

.acsb-keynav .edit-customer-info-card .v-input--checkbox i.v-icon {
  display: none;
}
body.acsb-keynav
  .edit-customer-info-card
  .v-input--checkbox
  input[type='checkbox'] {
  width: 40px !important;
  height: 40px !important;
  max-width: 50px !important;
  max-height: 20px !important;
  position: relative;
  left: 0;
}

.acsb-keynav
  .edit-customer-info-card
  .same-as-check
  .v-input--checkbox
  input[type='checkbox'] {
  opacity: 1 !important;
}

.acsb-keynav .same-as-check .v-input--checkbox input[type='checkbox'] {
  opacity: 0 !important;
}

.modal-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 8px 0;
}
.action-modal {
  display: flex;
  row-gap: 10px;
  align-items: center;
}

.special-notes-ui {
  position: relative;
}

.special-notes-ui .v-text-field__slot textarea {
  padding-bottom: 36px;
}

.special-notes-ui .special-note {
  position: absolute;
  bottom: 32px;
  width: calc(100% - 2px);
  left: 1px;
  padding: 4px 12px;
  background: #fffbf2;
  border-top: 1px solid #f0f0f0;
  border-radius: 0 0 12px 12px;
  font-size: 13px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000000;
  line-height: normal;
  text-align: left;
}

.special-notes-ui .special-note .icon-info {
  width: 20px;
  display: inline-flex;
  height: 20px;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  font-size: 14px;
}
.traveller-form-note {
  margin-bottom: 14px;
}

.traveller-form-note .v-input__control .v-messages.theme--light {
  display: block !important;
}
.traveller-form-note textarea {
  min-height: 130px;
}

.modal-open .v-autocomplete__content.v-menu__content {
  z-index: 9999 !important;
}

/* Terms and condtion modal */

.terms-conditon-modal .v-card__title {
  justify-content: space-between;
  border-bottom: 1px solid #d0d0d0;
  align-items: center;
}
.terms-conditon-modal span#popup-title {
  font-size: 20px !important;
  font-weight: 600;
}
.terms-conditon-modal button.dismiss-modal {
  font-size: 36px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-weight: 300;
  opacity: 0.6;
  cursor: pointer;
}
.terms-conditon-modal button.dismiss-modal:hover {
  opacity: 1;
}
.terms-conditon-modal .term-and-condition-row {
  display: inline-block;
  float: none;
  text-align: left;
}

.terms-conditon-modal .v-card__actions {
  justify-content: center;
  padding: 12px 0 20px 0;
}
.terms-conditon-modal .common-modal-ui .cs-modal-ui {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  max-height: 100%;
  overflow: hidden;
  flex: 1;
}

.terms-conditon-modal .common-modal-ui .v-card__text {
  flex: 1;
  overflow: auto;
  padding-top: 10px;
}

.terms-conditon-modal .common-modal-ui {
  max-height: 90%;
  margin: 4% auto 0 !important;
  max-width: 850px;
  display: flex;
  flex-direction: column;
}

.termConditionCheckbox .checkbox-block a {
  color: var(--sec) !important;
  display: inline-block;
  padding: 1px 0;
}

.btn-pri,
.btn-sec {
  padding: 0 28px !important;
  font-size: 14px !important;
  color: #ffffff !important;
  text-transform: inherit;
  letter-spacing: 0.4px;
}
.btn-pri {
  background: var(--sec) !important;
}
.btn-sec {
  background: var(--pri) !important;
  color: #fff !important;
}

.v-application .display-3,
.v-application .display-4,
.v-application .display-1,
.v-application .display-2,
.v-application .headline,
.v-application .title,
.v-application .subtitle-2,
.v-application .body-2,
.v-application .subtitle-1,
.v-application .body-1,
.v-application .caption,
.v-application .overline,
.v-application .text-h1,
.v-application .text-h2,
.v-application .text-h3,
.v-application .text-h4,
.v-application .text-h5,
.v-application .text-h6 ,
.v-application .text-subtitle-1 ,
.v-application .text-subtitle-2,
.v-application .text-body-1,
.v-application .text-body-2,
.v-application .text-button,
.v-application .text-caption,
.v-application .text-overline,
.v-application .text-sm-h1,
.v-application .text-sm-h2,
.v-application .text-sm-h3,
.v-application .text-sm-h4,
.v-application .text-sm-h5,
.v-application .text-sm-h6,
.v-application .text-sm-subtitle-1,
.v-application .text-sm-subtitle-2,
.v-application .text-sm-body-1,
.v-application .text-sm-body-2,
.v-application .text-sm-button,
.v-application .text-sm-caption,
.v-application .text-sm-overline,
.v-application .text-md-h1,
.v-application .text-md-h2,
.v-application .text-md-h5,
.v-application .text-md-h6,
.v-application .text-md-subtitle-1,
.v-application .text-md-subtitle-2,
.v-application .text-md-body-1,
.v-application .text-md-body-2,
.v-application .text-md-body-2,
.v-application .text-md-button,
.v-application .text-md-caption,
.v-application .text-md-overline,
.v-application .text-lg-h1,
.v-application .text-lg-h2,
.v-application .text-lg-h3,
.v-application .text-lg-h4,
.v-application .text-lg-h5,
.v-application .text-lg-h6,
.v-application .text-lg-subtitle-1,
.v-application .text-lg-subtitle-2,
.v-application .text-lg-body-1,
.v-application .text-lg-body-2,
.v-application .text-lg-button,
.v-application .text-lg-caption,
.v-application .text-lg-overline,
.v-application .text-xl-h1,
.v-application .text-xl-h2,
.v-application .text-xl-h3,
.v-application .text-xl-h4,
.v-application .text-xl-h5,
.v-application .text-xl-h6,
.v-application .text-xl-subtitle-1,
.v-application .text-xl-subtitle-2,
.v-application .text-xl-body-1,
.v-application .text-xl-body-2,
.v-application .text-xl-caption,
.v-application .text-xl-overline {
  font-family: var(--f-pri) !important;
}


.common-modal-wrapper.alert-modal-ui {
    margin: 0 auto;
    padding-top: 4%;
}

.common-modal-wrapper.alert-modal-ui .common-modal-ui {
    margin: 0 auto;
    max-height: 90%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.common-modal-wrapper.alert-modal-ui .common-modal-ui .common-modal-description {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.common-modal-wrapper.alert-modal-ui .common-modal-ui .common-modal-description p#popup-desc {
    overflow: auto;
    height: 100%;
}


.action-modal.action-bookings {
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 20px;
}

.action-modal.action-bookings .recaptcha-container {
  width: 100%;
}

/* loader style end */
@media only screen and (min-width: 1200px) {
  .hotel-price-block-banner
    .hotel-price-block-inner
    .hotel-pricemain-block
    .hotel-price-book
    .btn {
    height: 56px;
  }

  .hotel-price-block-banner
    .hotel-price-block-inner
    .hotel-pricemain-block
    small {
    margin-bottom: 18px;
  }
}

@media only screen and (min-width: 1800px) {
  .custom-banner .banner-block-outer .banner-main-block img,
  .marina-block-main .marina-block-img > img {
    max-height: 520px;
  }
}

@media screen and (min-width: 1920px) {
  /* martina page css  */
  .marina-banner .gliter-img1 img {
    width: 100%;
    float: left;
  }

  .trip-Adviser-img img {
    max-width: 100%;
  }

  /* martina page css end */
}

@media screen and (min-width: 1300px) {
  footer .gliter-img {
    top: -66px;
  }
}

@media screen and (min-width: 1600px) {
  footer .gliter-img {
    top: -86px;
  }
}

@media screen and (min-width: 1366px) {
  /* martina page css */
  .marina-banner .gliter-img1 img {
    width: 100%;
  }

  /* martina page css end */
}

@media screen and (max-width: 1366px) {
  .linkblockmaininner {
    font-size: 12px;
  }

  .logoinner-block img {
    max-height: 60px;
  }

  .search-blog-inner .heading-banner-txt {
    font-size: 35px;
  }

  .content-txt-banner {
    font-size: 42px;
  }

  .why-love-us-row .para {
    font-size: 15px;
    line-height: 1.6;
  }

  .apratment-block .apartments-row .apartment-right-col {
    padding-left: 50px;
  }

  .blogimgOuter {
    max-height: 350px;
  }

  .newfooterBlock .newFooterTopRow .newfootercol .newfooterContentCol ul li a {
    font-size: 13px;
  }

  .apratment-block .apartments-row .apartment-right-col .h2 {
    font-size: 24px;
    line-height: 36px;
  }
}

@media screen and (max-width: 1366px) {
  .marina-banner .gliter-img1 img {
    width: auto;
    float: left;
  }
}

@media screen and (max-width: 1250px) {
  /*.hotel-price-block-banner .hotel-price-block-inner {
      width: 1000px;
  }*/
  .hotel-price-block-banner .hotel-price-block-inner .hotel-block.col1 {
    width: 150px;
    padding: 20px 15px;
  }

  .hotel-price-block-banner .hotel-price-block-inner .hotel-block.col2 {
    width: 150px;
    padding: 20px 15px;
  }

  .hotel-price-block-banner .hotel-price-block-inner .hotel-block.col3 {
    width: 170px;
  }

  .hotel-price-block-banner
    .hotel-price-block-inner
    .hotel-block
    .hotel-adult-block
    .hotel-half-block {
    padding: 0px 15px;
  }

  .hotel-price-block-banner .hotel-price-block-inner .hotel-block.col4 {
    width: 276px;
    padding: 20px 15px;
  }

  /* about hotel */
  .about-hotel .abt1 {
    width: 150px;
    max-width: 210px;
  }

  .about-hotel .abt2 {
    width: 180px;
    max-width: 210px;
  }

  .about-hotel .about-hotel-inner {
    max-width: 930px;
  }

  .about-hotel
    .about-hotel-inner
    .about-hotel-heading
    .about-diffrent-subheading {
    font-size: 75px;
  }

  .about-hotel .about-hotel-inner .shape-img-block img {
    max-width: 350px;
  }

  /* about hotel */
  /* rooms section */
  .rooms-block-main .rooms-block-right {
    width: 50%;
  }

  .rooms-block-main .rooms-block-left {
    width: 50%;
  }

  .rooms-block-main
    .rooms-block-right
    .rooms-content-inner
    .rooms-hesding-block {
    line-height: 41px;
    font-size: 40px;
  }

  .rooms-block-main .rooms-block-right .rooms-content-inner .rooms-para-block {
    font-size: 16px;
    line-height: 30px;
  }

  /* rooms section */
  /* why you love us */
  .why-love-block {
    padding: 40px;
  }

  .marina-block-main .gliter-img img {
    width: auto;
    max-width: unset;
  }

  .why-love-block .love-us-inner-block .love-us-left {
    width: 300px;
  }

  .why-love-block .love-us-inner-block .love-us-right {
    width: calc(100% - 350px);
  }

  .why-love-block .love-us-inner-block {
    justify-content: space-between;
  }

  .why-love-block .love-us-inner-block .love-us-left .h2 .span {
    font-size: 152px;
    line-height: 100px;
  }

  .why-love-block .love-us-inner-block .love-us-left .h2 .span * {
    font-size: 152px;
    line-height: 100px;
  }

  .why-love-block .love-us-inner-block .love-us-left .small {
    font-size: 101px;
    line-height: 64px;
  }

  .why-love-block .love-us-row .love-us-repet-block .love-us-content {
    display: none;
  }

  /* why you love us end */
  /* trip-block  */
  .apratment-block .wrapper {
    padding: 0px 30px;
  }

  .apratment-block .apartments-row .apartment-left-col {
    margin-top: -270px;
    width: 370px;
  }

  .apratment-block .apartments-row .apartment-right-col {
    width: calc(100% - 380px);
    padding-left: 40px;
  }

  .tripAdvisorImg img {
    width: 120px;
  }

  .trip-title {
    font-size: 14px;
    margin-top: 9px;
  }

  .apratment-block .apartments-row .apartment-right-col h2 {
    font-size: 39px;
    line-height: 46px;
  }

  .apratment-block .apartments-row {
    padding-bottom: 30px;
  }

  /* trip-block end */
}

@media screen and (max-width: 1200px) {
  /* location  */
  .aminites-block {
    padding: 0px 30px;
  }

  .attraction-block-main {
    padding: 0px 30px;
  }

  .hotel-third-section
    .hotel-third-row
    .hotel-third-col
    .hotel-third-content-block
    .hotel-content-inner
    .content-heading {
    font-size: 40px;
  }

  .hotel-third-section
    .hotel-third-row
    .hotel-third-col
    .hotel-third-content-block
    .hotel-content-inner
    .content-para {
    font-size: 18px;
  }

  /* location end */
}

@media screen and (max-width: 1050px) {
  .about-us-mainouter .about-row .about-col.col1 {
    width: 100%;
  }

  .about-us-mainouter .about-row .about-col {
    width: 100%;
    min-height: 0px;
  }

  .slider-block-main img {
    display: block;
    width: 100%;
  }

  .book-your-dinning {
    padding: 50px;
  }

  .aminites-block .room-detail-row .room-detail-left {
    width: 100%;
    order: 2;
  }

  .aminites-block .room-detail-row .room-detail-left .room-detail-content {
    width: 100%;
  }

  .aminites-block .room-detail-row .room-detail-right {
    width: 100%;
    order: 1;
  }

  .hotel-price-block-banner .hotel-price-block-inner .hotel-block.col1 {
    width: 125px;
  }

  .hotel-price-block-banner .hotel-price-block-inner .hotel-block.col2 {
    width: 125px;
  }

  .hotel-price-block-banner .hotel-price-block-inner .hotel-block.col3 {
    width: 150px;
  }

  .hotel-price-block-banner .hotel-price-block-inner .hotel-block.col4 {
    width: 200px;
  }

  .hotel-price-block-banner
    .hotel-price-block-inner
    .hotel-pricemain-block
    small {
    font-size: 13px;
  }

  .hotel-price-block-banner
    .hotel-price-block-inner
    .hotel-pricemain-block
    .hotel-price-big {
    font-size: 38px;
  }

  .hotel-price-block-banner
    .hotel-price-block-inner
    .hotel-block
    .hotel-block-inner
    .hotel-date-block
    .hotel-date-cal
    .hotel-date-main {
    font-size: 40px;
  }

  .hotel-price-block-banner .hotel-price-block-inner .hotel-block.col5 {
    width: 200px;
  }

  .hotel-price-block-banner
    .hotel-price-block-inner
    .hotel-block
    .booking-block-inner
    .booking-block-row {
    padding: 0px 10px;
  }

  .hotel-price-block-banner
    .hotel-price-block-inner
    .hotel-block
    .booking-block-inner
    .booking-block-row
    .span {
    font-size: 14px;
  }

  .hotel-price-block-banner
    .hotel-price-block-inner
    .hotel-block
    .booking-block-inner
    .booking-block-row
    img.channel {
    max-width: 50px;
  }

  .search-blog-inner h2 {
    font-size: 60px;
  }

  .about-hotel .about-hotel-inner {
    max-width: 717px;
  }

  .about-hotel .about-hotel-inner .about-hotel-heading .h2 {
    font-size: 55px;
  }

  .about-hotel
    .about-hotel-inner
    .about-hotel-heading
    .about-diffrent-subheading {
    font-size: 55px;
  }

  .about-hotel .about-hotel-inner .about-hotel-content .span {
    font-size: 18px;
    line-height: 34px;
  }

  .rooms-block-main {
    flex-wrap: wrap;
  }

  .rooms-block-main .rooms-block-left {
    width: 100%;
  }

  .rooms-block-main .rooms-block-right {
    width: 100%;
  }

  .rooms-block-main:nth-child(2n) .rooms-block-right {
    order: 2;
  }

  .rooms-block-main:nth-child(2n) .rooms-block-left {
    order: 1;
  }

  .why-love-block .love-us-inner-block {
    width: 100%;
    flex-wrap: wrap;
  }

  .why-love-block .love-us-inner-block .love-us-left {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
  }

  .why-love-block .love-us-inner-block .love-us-left .h2 {
    display: inline-flex;
    justify-content: center;
  }

  .why-love-block .love-us-inner-block .love-us-left .h2 .span {
    width: auto;
  }

  .why-love-block .love-us-inner-block .love-us-left .small {
    width: 100%;
    display: inline-flex;
    justify-content: center;
  }

  .apratment-block .apartments-row {
    flex-wrap: wrap;
    justify-content: center !important;
  }

  .apratment-block .apartments-row .apartment-right-col {
    width: 100%;
  }

  .apratment-block .apartments-row .apartment-right-col .apartment-txt {
    padding-top: 100px;
  }

  .apratment-block .apartments-row .apartment-left-col {
    margin-top: 30px;
  }

  .mobileroom-img {
    display: inline-block;
  }

  .rooms-block-left {
    background: transparent !important;
  }

  .blogimgOuter {
    max-height: 300px;
  }

  .about-us-mainouter .about-row .about-col.col2 .img-block-right {
    width: 100%;
    height: auto;
  }

  .about-us-mainouter .about-row {
    margin-bottom: 0px;
  }

  .about-us-mainouter .about-row.order .about-col.col2 {
    order: 2 !important;
  }

  .about-us-mainouter .about-row.order .about-col.col1 {
    order: 1 !important;
  }

  .block-covid-advice {
    padding: 50px 0px;
  }

  .c_container {
    padding: 0px 50px;
  }

  .rooms-block-left img {
    display: inline-block;
  }

  .rooms-block-main {
    flex-direction: column-reverse;
  }

  .rooms-block-main.order {
    flex-direction: row-reverse;
  }

  .why-loveus-inner {
    padding: 80px 0 60px 0;
  }

  .hotel-third-section .hotel-third-row {
    grid-template-columns: repeat(2, 2fr);
  }

  .hotel-third-section
    .hotel-third-row
    .hotel-third-col
    .hotel-third-content-block
    .hotel-content-inner
    .content-heading {
    line-height: normal;
  }

  .hotel-third-section
    .hotel-third-row
    .hotel-third-col
    .hotel-third-content-block
    .hotel-content-inner
    .content-para {
    font-size: 16px;
  }

  .newfooterBlock .footer-newsletterBlock {
    flex-direction: column;
    gap: 10px;
  }

  .newfooterBlock .footer-newsletterBlock .card-icons .card1-block {
    margin-left: 0;
  }

  .newfooterBlock .footer-newsletterBlock div {
    gap: 10px;
  }

  .newfooterBlock .footer-newsletterBlock div span {
    margin: 0 !important;
  }

  .newfooterBlock .footer-newsletterBlock .newsletterBlock {
    margin: 0;
  }
}

@media screen and (max-width: 991px) {
  .about-us-mainouter .about-row .about-col {
    width: 100%;
    float: left;
  }

  .about-us-mainouter .about-row:nth-child(2n) .about-col.col2 {
    order: 2;
  }

  .about-us-mainouter .about-row:nth-child(2n) .about-col.col1 {
    order: 1;
  }

  .about-us-mainouter .about-row.order .about-col.col2 {
    order: 2;
  }

  .about-us-mainouter .about-row.order .about-col.col1 {
    order: 1;
  }

  .about-us-mainouter .about-row {
    margin-bottom: 0px;
  }

  .about-us-mainouter .about-row .about-col {
    min-height: 0px;
  }

  .fising-seasons .fishing-seasons-inner {
    width: 100%;
    float: left;
    padding: 0 30px;
  }

  .blue-rowBoxOuter {
    padding: 0px 30px;
  }

  .blue-rowBoxOuter .blue-box-inner-row .blue-box-col {
    width: 100%;
  }

  .blue-box-col.col1 {
    margin-bottom: 50px;
  }

  .amenities-tripBlock .amenities-col {
    width: 100%;
  }

  .smooth-content-block .smooth-content-inner {
    padding: 30px;
  }

  .amenities-tripBlock .amenities-col.col2 {
    padding: 30px;
  }

  .amenities-tripBlock .marina-trip-adviser .trip-Adviser-img img {
    max-width: 100%;
  }

  .banner-marina-contentbox {
    padding: 0px 30px;
  }

  .banner-marina-contentbox .marina-content-row {
    flex-wrap: wrap;
    height: auto;
  }

  .banner-marina-contentbox .marina-content-row .banner-content-col {
    width: 50%;
  }

  .banner-marina-contentbox
    .marina-content-row
    .banner-content-col:nth-child(2) {
    border-right: none;
  }

  .banner-marina-contentbox .marina-content-row .banner-content-col:last-child {
    border-right: none;
    padding-top: 0;
    margin-top: 6px;
    min-height: auto;
  }

  .amenities-tripBlock .amenities-col .amenities-inner-col:first-child {
    padding: 30px;
  }

  .amenities-inner-pages .desc-room {
    z-index: 999;
    max-width: 100%;
  }
  .aminites-block.amenities-inner-pages {
    margin-bottom: 0;
  }

  .marina-banner .gliter-img1 {
    bottom: -60px;
  }

  .email-section-block {
    padding: 0px 30px;
  }

  .leftrightBlock .col-8,
  .leftrightBlock .col-4,
  .leftrightBlock .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .leftrightBlock .row .col-4 {
    order: 1;
  }

  .leftrightBlock .row .col-8 {
    order: 2;
  }

  .headingBlock .content-heading h3 {
    font-size: 48px;
  }

  .headingBlock .content-heading h6 {
    font-size: 25px;
  }

  .leftrightBlock .block-content-ui {
    padding: 0px 30px 30px 30px;
  }

  .leftrightBlock.full-height-image-block .figure-block-ui img {
    min-width: 100%;
  }

  .leftrightBlock.full-height-image-block .row {
    flex-direction: column-reverse;
  }

  .sign-up-heading .plaza-inner .signuptxt1 {
    font-size: 42px;
  }

  .newfooterBlock .newFooterTopRow .newfootercol {
    width: 50%;
  }

  .newfooterBlock .newFooterTopRow .newfootercol h2 {
    margin-bottom: 13px;
    line-height: normal;
  }

  .newfooterBlock .newFooterTopRow .newfootercol {
    margin-bottom: 20px;
  }

  .newfooterBlock .footer-newsletterBlock form,
  .newfooterBlock .footer-newsletterBlock div {
    flex-wrap: wrap;
    justify-content: center;
  }

  .newfooterBlock .footer-newsletterBlock .card-icons {
    display: flex;
  }

  .newfooterBlock .footer-newsletterBlock div span {
    margin: 0 0 10px;
  }

  .newfooterBlock .footer-newsletterBlock {
    padding: 22px 0px 32px 0px;
  }

  .newfooterBlock {
    padding-bottom: 25px;
  }

  .calendar-main {
    flex-wrap: wrap;
  }

  .calendar-left-block {
    width: 100%;
  }

  .calendar-right-block {
    width: 100%;
    padding-top: 30px;
  }

  .attraction-block-main .attraction-row-block {
    grid-template-columns: repeat(2, 1fr);
  }

  .aminites-block .room-detail-row .room-detail-left {
    top: 0px;
    position: relative;
    height: auto;
    left: 0;
    max-width: 100%;
    opacity: 0.9;
    padding: 30px 30px 80px 30px;
  }

  .desc-room {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgb(0 0 0 / 65%);
    color: #fff;
    padding: 14px 26px;
    text-align: left;
    font-weight: 600;
    z-index: 2;
    left: 0;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
  }

  .aminites-block .room-detail-row img.amenities-image {
    height: 100%;
    object-fit: cover;
    width: 100%;
    object-position: center;
    position: absolute;
    left: 0;
    top: 0;
  }

  .aminites-block.amenities-inner-pages .room-detail-row {
    padding-left: 0;
  }

  .why-love-us-row-outer:before {
    width: 100%;
  }

  .rooms-block-main {
    margin-bottom: 20px;
  }

  .rooms-block-main:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .about-us-mainouter .about-row .about-col.col1 {
    padding: 70px 40px 40px;
  }

  .about-col-inner .about-para .ul li {
    width: 49%;
  }

  .attraction-block-main .attraction-row-block .attraction-col-block {
    width: 100%;
  }

  .about-hotel .about-hotel-inner {
    padding: 0px 30px;
  }

  .about-hotel .abt1 {
    width: 130px;
  }

  .about-hotel .about-hotel-inner {
    padding: 0px 30px;
  }

  .about-hotel
    .about-hotel-inner
    .about-hotel-heading
    .about-diffrent-subheading {
    position: relative;
    line-height: 30px;
  }

  .about-hotel .about-hotel-inner .about-hotel-heading .h2 {
    line-height: 50px;
  }

  .about-hotel .abt2 {
    bottom: -60px;
    top: auto;
  }

  .email-section-block img {
    max-width: 100px;
  }

  .paralex-block-main .sh5-main {
    max-height: 130px;
  }

  .marina-block-main
    .marina-block-img
    .marina-content-block
    .marina-booking-date-row
    .marina-booking-col {
    width: 100%;
  }

  .marina-block-main .marina-block-img .marina-content-block {
    /* position: relative; */
    padding: 0px 30px;
    /* top: 90px; */
    /* position: absolute; */
    top: 32%;
  }

  .marina-block-main .marina-block-img .marina-content-block h2 span {
    font-size: 28px !important;
  }

  .why-love-block .love-us-inner-block .love-us-right {
    width: 100%;
  }

  .paralex-block-main {
    margin-top: 0px;
  }

  .policyOuter-block {
    padding: 30px 15px 50px;
  }

  .policy-heading .plaza-inner .plaza {
    font-size: 42px;
    line-height: 77px;
  }

  .policy-heading .plaza-inner .beach {
    font-size: 42px;
    line-height: 50px;
  }

  .v_row,
  .c-row {
    flex-wrap: wrap;
  }

  .covide-advice-main .v_left_advice {
    flex: 0 0 100%;
    margin-bottom: 30px;
    justify-content: center;
    display: flex;
    justify-content: center;
  }

  .c-row .grid-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .c_container {
    padding: 0 45px;
  }

  .about-hotel .abt1 {
    left: -50px;
  }

  .newfooterBlock .footer-newsletterBlock .newsletterBlock {
    width: 100%;
    margin: 0;
    max-width: 480px;
  }

  .head-right-action {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .head-right-action span {
    margin: 0 0 10px;
  }

  section#banner .banner-block-outer img,
  section#banner .banner-main-block {
    min-height: 400px;
  }

  .before-vue {
    display: none;
  }

  .masonry-block-main {
    padding: 20px 15px;
    column-gap: 10px;
    column-count: 2;
  }

  .wrapper-covid .c_container {
    padding: 0 15px;
  }

  .v_right_advice {
    padding-left: 0;
  }

  .discription-advice p,
  .head-block-covid p,
  .box-list-view figcaption p {
    font-size: 16px;
  }

  .box-list-view figcaption .h5 {
    font-size: 18px;
  }

  .head-block-covid .h3 {
    font-size: 22px;
  }

  section#checkout-tnc {
    padding: 40px 15px !important;
  }

  .v-dialog__content .v-responsive.v-image {
    align-items: center;
  }

  .v-dialog__content .theme--dark.v-btn.v-btn--icon {
    width: 45px;
    height: 45px;
  }

  .v-dialog__content .v-window__next,
  .v-dialog__content .v-window__prev {
    margin: 1;
  }

  .rooms-listing-outer-home {
    padding-top: 48px;
  }

  .rooms-heading-main {
    margin-bottom: 20px;
  }
  .banner-img-block {
    display: none;
  }
  .common-head-modal h4 {
    font-size: 18px;
  }
  button.dismiss-dropdown-modal {
    --size: 30px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .checkoutcontainer .submitbtn button {
    margin-left: 5px;
    padding: 0 5px;
    font-size: 14px;
  }
  .v-dialog:not(.v-dialog--fullscreen) {
    max-width: 100% !important;
  }
  .btn-pri,
  .btn-sec {
    padding: 0 16px !important;
    font-size: 12px !important;
    height: 28px !important;
  }
  .common-modal-wrapper.alert-modal-ui{
    padding-top: 15%;
  }
}

@media screen and (max-width: 640px) {
  .about-col-inner .h2,
  .about-col-inner .heading {
    font-size: 52px;
  }

  .blue-rowBoxOuter .blue-box-inner-row .blue-box-col.col1 .h2 {
    font-size: 52px;
    line-height: 54px;
  }

  .fishing-shapes img {
    max-width: 100%;
  }

  .about-us-mainouter .about-row .about-col.col1 {
    padding: 30px 15px;
  }

  .about-col-inner .about-para p {
    font-size: 16px;
  }

  .about-col-inner .heading-big {
    font-size: 26px;
  }

  .blue-rowBoxOuter .blue-box-inner-row {
    padding: 30px 0px;
  }

  /* dinning page html*/
  .about-hotel.about-hotel-dinning .dinning-row-images {
    flex-wrap: wrap;
  }

  .about-hotel.about-hotel-dinning .dinning-row-images .dinning-col {
    width: 100%;
    margin: 5px 0px;
  }

  .book-your-dinning
    .book-your-dinningInner
    .dinning-form
    form
    .dinning-row-block
    .dinning-col-block {
    width: 100%;
    float: left;
  }

  /* dinning page html end*/
  .hotel-price-block-banner .hotel-price-block-inner {
    min-width: 90%;
    max-width: 90%;
    flex-wrap: wrap;
  }

  .hotel-price-block-banner .hotel-price-block-inner .after-vue {
    flex-wrap: wrap;
  }

  .hotel-price-block-banner .hotel-price-block-inner .hotel-block.col1 {
    width: 50%;
  }

  .hotel-price-block-banner
    .hotel-price-block-inner
    .hotel-block
    .hotel-block-inner
    .hotel-date-block
    .hotel-date-cal
    .hotel-date-main {
    height: 56px;
    font-size: 30px;
  }

  .hotel-price-block-banner
    .hotel-price-block-inner
    .hotel-block
    .hotel-block-inner
    .hotel-date-block
    .hotel-date-cal
    .hotel-date-blue {
    font-size: 13px;
  }

  .hotel-price-block-banner .hotel-price-block-inner .hotel-block.col1,
  .hotel-price-block-banner .hotel-price-block-inner .hotel-block.col2 {
    width: 30%;
  }

  .hotel-price-block-banner .hotel-price-block-inner .hotel-block.col3 {
    width: 40%;
    border-right: none;
  }

  .hotel-price-block-banner .hotel-price-block-inner .hotel-block.col4 {
    width: 100%;
    border-top: 1px solid var(--graydf);
    text-align: center;
  }

  .hotel-price-block-banner
    .hotel-price-block-inner
    .hotel-pricemain-block
    .hotel-price-big {
    font-size: 52px;
    justify-content: center;
  }

  .about-hotel .about-hotel-inner .about-hotel-heading .h2 span,
  .about-hotel .about-hotel-inner .about-hotel-heading .h2 {
    font-size: 34px !important;
  }

  .about-hotel
    .about-hotel-inner
    .about-hotel-heading
    .about-diffrent-subheading
    span {
    font-size: 24px !important;
  }

  .about-hotel-heading p,
  .about-hotel-heading p span {
    font-size: 15px !important;
  }

  .about-hotel-heading p span[style='font-size: 48px;'] {
    font-size: 36px !important;
  }

  .headingBlock .content-heading h3 {
    font-size: 36px;
  }

  .headingBlock .content-heading h6 {
    font-size: 22px;
    margin: 0;
  }

  .leftrightBlock .block-content-ui {
    padding: 0 20px 30px;
  }

  .heading-sec h4 {
    font-size: 30px;
  }

  .discption-block-ui p,
  .discption-block-ui p span {
    font-size: 15px !important;
  }

  .leftrightBlock {
    padding: 20px 18px 20px !important;
    background-color: #f6f6f6;
  }

  .leftrightBlock {
    padding: 30px 18px 30px !important;
  }

  .sign-up-heading .plaza-inner .signuptxt1 {
    font-size: 35px;
  }

  .sign-up-heading {
    margin-bottom: 6px;
  }

  .email-section-block .email-signup small {
    font-size: 15px;
  }

  .newfooterBlock .newFooterTopRow .newfootercol {
    width: 100%;
  }

  .calendar-main {
    padding: 12px 10px 10px 10px;
  }

  .calendar-left-block .ui-datepicker .ui-datepicker-header {
    height: 35px;
  }

  .hotel-price-block-banner .hotel-price-block-inner .hotel-block.col2,
  .hotel-price-block-banner .hotel-price-block-inner .hotel-block.col1 {
    padding: 10px 10px;
  }

  .hotel-price-block-banner
    .hotel-price-block-inner
    .hotel-block
    .hotel-block-inner
    .hotel-check-block {
    font-size: 12px;
    margin-bottom: 6px;
    word-wrap: break-word;
  }

  .hotel-price-block-banner
    .hotel-price-block-inner
    .hotel-block
    .hotel-adult-block
    .hotel-half-block
    .txtspan {
    font-size: 15px;
  }

  .about-hotel .about-hotel-inner {
    padding: 0 20px;
  }

  .about-hotel.grayhotel-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .attraction-block-main .attraction-row-block {
    grid-template-columns: repeat(1, 1fr);
  }

  .attraction-block-main {
    padding: 0px 18px;
  }

  .marina-block-main .marina-block-img > img {
    height: 390px;
    min-height: 390px;
    object-fit: cover;
    max-height: 390px;
  }

  .about-hotel .abt2,
  .about-hotel .abt1 {
    display: none;
  }

  .apratment-block .apartments-row .apartment-right-col .apartment-txt {
    padding-top: 80px;
  }

  .tripAdvisorImg {
    margin-bottom: 4px;
  }

  section#banner.price-banner-fluid .banner-main-block,
  section#banner.price-banner-fluid .banner-block-outer img {
    height: calc(100vh - 110px);
    max-height: calc(100vh - 110px);
  }

  .footer-copyright .BlockCopyright p {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

  .script-loader {
    top: 65px;
    height: calc(100% - 65px);
  }
  .common-modal-description {
    padding: 0 20px;
  }
  .common-modal-description p {
    font-size: 14px;
  }

  .special-notes-ui .special-note {
    font-size: 11px;
  }
  .special-notes-ui .special-note .icon-info {
    width: 16px;
    height: 16px;
  }
}

@media screen and (max-width: 550px) {
  .search-blog {
    bottom: 150px;
  }

  .gradient-inner-content {
    padding: 30px 15px;
  }

  .search-blog-inner .heading-banner-txt {
    font-size: 32px;
    padding: 0;
    line-height: normal !important;
    font-weight: 600;
  }

  .content-txt-banner {
    font-size: 36px;
  }

  .inner-signup-block {
    padding-top: 0px;
  }

  .search-blog-inner h2 {
    font-size: 60px;
    line-height: 56px !important;
    padding: 0px 20px;
  }

  .why-love-block .love-us-heading,
  .why-love-block * {
    width: 100%;
    float: left;
    font-size: 32px;
    line-height: 31px;
    min-height: 50px;
    display: flex;
    align-items: center;
  }

  .apratment-block .apartments-row .apartment-right-col {
    padding-left: 0px;
  }

  .why-love-block .love-us-inner-block .love-us-left .h2 .span {
    font-size: 92px;
    line-height: 50px;
  }

  .why-love-block .love-us-inner-block .love-us-left .h2 .span * {
    font-size: 92px;
    line-height: 50px;
  }

  .why-love-block .love-us-inner-block .love-us-left .small {
    font-size: 81px;
    line-height: 64px;
  }

  /* why you love us  end*/
  .email-section-block img {
    max-width: 100px;
  }

  .email-section-block .email-signup {
    position: relative;
    z-index: 1;
  }

  .email-section-block
    .email-signup
    .email-signup-col
    .sign-up-innersection
    .sign-up-row
    .sign-up-col {
    width: 100%;
  }

  /* signup block end*/
  .apratment-block .sh6 {
    width: 130px;
  }

  .about-hotel .about-hotel-inner .shape-img-block img {
    max-width: 100%;
  }

  .rooms-listing-outer-home {
    padding: 78px 15px 50px 15px;
  }

  .rooms-heading-main .arooms-heading-inner .h2 {
    line-height: normal;
    font-size: 36px;
    margin-bottom: 10px;
  }

  .rooms-heading-main .arooms-heading-inner .about-diffrent-subheading,
  .about-hotel
    .about-hotel-inner
    .about-hotel-heading
    .about-diffrent-subheading,
  .rooms-hesding-block2 {
    font-size: 34px;
    line-height: 1.1;
  }

  .rooms-block-main .rooms-block-right {
    padding: 34px 24px;
  }

  .rooms-block-main .rooms-block-right .rooms-content-inner .rooms-para-block {
    margin: 0;
    padding: 20px 0 26px 0;
    font-size: 14px;
  }

  .rooms-block-main .rooms-block-right .rooms-content-inner .rooms-btn-block a {
    font-size: 14px;
    height: 44px;
    width: auto;
    padding: 0 30px;
    border-radius: 6px;
  }

  .rooms-block-main
    .rooms-block-right
    .rooms-content-inner
    .rooms-hesding-block {
    line-height: normal;
    font-size: 30px;
    font-weight: 600;
  }

  .rooms-hesding-block2 {
    font-size: 40px;
    margin: 0;
  }

  .why-love-us-row-outer:before {
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
  }

  .why-love-us-img {
    width: 100%;
  }

  .why-love-us-block {
    width: 100%;
    padding: 0 15px;
  }

  .shape-image {
    display: none;
  }

  .loveus-heading2 {
    position: inherit;
    right: 0;
    top: 0px;
    font-size: 70px;
    text-align: right;
  }

  .why-love-us-heading {
    font-size: 50px;
    padding: 15px 0 26px;
  }

  .why-love-us-row .h3 {
    font-size: 18px;
    font-weight: 600;
  }

  .apratment-block {
    top: 0;
    padding: 0 15px;
  }

  .paralex-block-main img {
    min-height: 450px;
    object-fit: cover;
  }

  .email-section-block {
    padding: 0 15px;
  }

  .newfooterBlock .newFooterTopRow .newfootercol h2 {
    font-size: 20px;
  }

  .newfooterBlock {
    padding-left: 20px;
    padding-right: 20px;
  }

  .apratment-block .wrapper {
    padding: 0;
  }

  .apratment-block .apartments-row .apartment-right-col .h2 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 18px;
  }

  .apratment-block .apartments-row .apartment-right-col .para .small {
    font-size: 36px;
  }

  .hotel-third-section .hotel-third-row {
    grid-template-columns: repeat(1, 2fr);
  }

  .hotel-third-section {
    padding: 30px 20px 40px 20px;
  }

  .sign-up-heading .plaza-inner .signuptxt2 {
    font-size: 38px;
    line-height: 45px;
  }

  .logoinner-block img {
    max-height: 42px;
  }

  .button-book-mob .linkblocksmain {
    padding-left: 2px;
    padding-right: 2px;
  }

  .masonry-block-main img {
    padding: 6px;
  }

  .hotel-third-section
    .hotel-third-row
    .hotel-third-col
    .hotel-third-content-block {
    transform: scale(0.8);
    opacity: 1;
  }

  .hotel-third-section
    .hotel-third-row
    .hotel-third-col
    .hotel-third-content-block
    .hotel-content-inner
    .content-heading {
    font-size: 32px;
  }

  .heading-block-main span {
    font-size: 28px !important;
  }

  .attraction-block-main
    .attraction-row-block
    .attraction-col-block
    .attraction-header {
    padding: 5px 20px;
  }

  .attraction-block-main
    .attraction-row-block
    .attraction-col-block
    .attraction-header
    h2 {
    font-size: 20px;
  }

  .location-outer-block .heading-common .span {
    padding: 0px 20px;
    font-size: 26px;
    font-weight: 600;
    line-height: 40px;
  }

  .aminites-block {
    padding: 0px 15px;
  }

  .aminites-block .room-detail-row .room-detail-right {
    padding: 15px 20px;
  }

  .aminites-block.location-block-outer button.btnstyle.big {
    width: 100%;
    max-width: inherit;
    margin-top: 20px;
    height: 54px;
    margin-bottom: 20px;
  }

  .aminites-block .room-detail-row .room-detail-right .contact-us-heading {
    line-height: normal;
    font-size: 20px;
  }

  .aminites-block
    .room-detail-row
    .room-detail-left
    .room-detail-content
    .strong {
    font-size: 20px;
  }

  .aminites-block .room-detail-row .room-detail-left {
    padding: 30px 10px 80px 10px;
  }

  .aminites-block
    .room-detail-row
    .room-detail-left
    .room-detail-content
    .para {
    font-size: 16px;
  }

  .aminites-block
    .room-detail-row
    .room-detail-left
    .room-detail-content
    .para {
    padding: 10px 0 !important;
  }

  .alert-icons-modal i {
    font-size: 50px;
  }

  .min-stay-length h2 {
    font-size: 22px;
  }

  .about-col-inner .about-para .ul li {
    width: 100%;
  }
  .no-room-found-block figure {
    width: 240px;
    height: 240px;
  }
  .no-record-content .content {
    font-size: 14px;
  }
  .profile-cropping {
    width: 70px;
    height: 70px;
  }
  .v-application .crop-img-outer .text-h5 {
    font-size: 16px !important;
    font-weight: 600;
  }
  .v-application .crop-img-block .crop-btn {
    font-weight: 600;
    height: 30px;
    min-width: 0;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: normal;
  }
  .crop-img-outer .close {
    right: -4px;
  }
  .common-modal-wrapper .common-modal-ui {
    margin: 40px auto;
  }
}

@media screen and (max-width: 480px) {
  .newfooterBlock .footer-newsletterBlock .newsletterBlock button {
    width: 100px;
    font-size: 14px;
  }

  .newfooterBlock .footer-newsletterBlock .newsletterBlock input {
    width: calc(100% - 76px);
  }

  .amenities-tripBlock .amenities-col ul li {
    width: 100%;
  }

  .amenities-tripBlock .amenities-col .phone-block-row .phone-block-col {
    width: 100%;
  }

  .amenities-tripBlock
    .amenities-col
    .phone-block-row
    .phone-block-col:last-child {
    margin-top: 10px;
  }

  .book-your-dinning {
    padding: 30px;
  }

  .c_container {
    padding: 0 25px;
  }

  .box-list-view figure {
    width: 45px;
  }

  .box-list-view figure img {
    width: 100%;
  }

  .head-block-covid .h3 {
    font-size: 29px;
  }

  .employees-guest-block {
    padding: 45px 0 35px;
  }

  .c_container {
    padding: 0 30px;
  }

  .employees-guest-block {
    padding: 30px 0px;
  }

  .block-covid-advice {
    padding-bottom: 30px;
  }

  .policy-heading .plaza-inner .plaza {
    font-size: 34px;
    line-height: 38px;
  }

  .policy-heading .plaza-inner .beach {
    font-size: 25px;
    line-height: 20px;
    margin-top: 10px;
  }

  .figure-social-distance {
    padding-top: 20px;
    margin-bottom: 0;
  }
  .terms-conditon-modal span#popup-title {
    font-size: 18px !important;
  }
}

@media screen and (max-width: 365px) {
  .about-col-inner .about-para .ul li {
    width: 100%;
  }
}