/**
* Template Name: Gp - v4.7.0
* Template URL: https://bootstrapmade.com/gp-free-multipurpose-html-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/* fallback */
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/materialfont.woff2) format('woff2');
  }
body {
    font-family: Arial, Helvetica, sans-serif;
    color: #262626;
    letter-spacing: .03125rem;
    background: #f7f7f7  !important;

}

html {
    scroll-behavior: smooth;
}

a {
    color: #a59451;
    text-decoration: none;
}

a:hover {
    color: #ffd584;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Times New Roman, Times, serif; text-transform: uppercase;

}

h1 {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
    font-size: 1.2rem !important;
    letter-spacing:inherit;
    margin-bottom: 1.125rem;
    font-family: inherit;
    color: #000;
    line-height: 1.25;
    user-select: none;
    font-weight: bold;

}

h2 {
    font-size: 1.125rem;
    letter-spacing: .03em;
    line-height: 1.5rem;
    margin-bottom: 1.625rem;
    font-family: inherit;
    text-transform: none;
    user-select: none;
    
}

h3 {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-size: 0.9em;
    letter-spacing:inherit;
    margin-bottom: 1.125rem;
    font-family: inherit;
    color: #000;
    line-height: 1.25;
}

p {
    font-size: 14px;
    line-height: 1.66;
    color: #262626;
    letter-spacing: inherit;
    margin: 0 0 1.4em;
}
.stayInfo p { font-size: 12px;}
ol,
ul {
    padding-left: inherit;
}

ul li {
    list-style-type: none;
    text-align: left;
    font-size: .9375rem;
}
.villas-outer h1 {
    background: #a59451;
    width: 70%;
    padding: 20px;
    color: #fff;    right: 0;
    left: 0;
    position: absolute;
    margin-top: -100px;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cat-details { text-align: center;}
.swiper-slide { overflow: hidden;}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.experiences-slider .swiper-wrapper { height: 381px !important;}
.experiences-slider  .swiper-slide img { height: 381px !important;}
.experiences-slider .overlay { height: 381px !important;}
.experiences-wrap {overflow: hidden;}
.experiences-slider .swiper-slide {    border: 10px solid #f9f9f9;}
.qualify.viewOffer { transition: all 0.4s;}
.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 996;
    background: #a59451;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.4s;
}
.help{
    position: fixed;
    bottom: 80px;
    z-index: 996;
    width: 200px;
    height: 60px;
    border-radius: 0;
    transition: all 0.4s;
    z-index: 999999999999;right: 30px;
}
.bookBtn{
    right: 35px;font-family: 'Poppins';
    background: #a59451; color: #fff;
    width: 200px;
    height: 60px;
    border-radius: 0;
    transition: all 0.4s;    display: flex;
    justify-content: center;
}
.viewVillas a{
    margin: 0 auto;
    right: 35px;font-family: 'Poppins';
    background: #a59451; color: #fff;
    width: 200px;
    color: #fff;
    height: 60px;
    border-radius: 0;
    transition: all 0.4s;    display: flex;
    justify-content: center;
}
#dateSummary p {
    color: #000;
    font-size: .6875rem;
    font-weight: 700 !important;
    letter-spacing: inherit !important;
    line-height: 1.6;
    text-transform: uppercase;
}
#reservationDetails {    margin: 20px;
}
.transferOptionsDiv {    padding: 10px;
    background: #e7e7e721;    margin-top: 20px;
    margin-bottom: 50px; display: none;
}
.enhancements .accordion-button { font-weight: bold; padding-left: 0px;}
.enhancements .accordion-body {padding: 0;}
.splitRoomBtns { padding-top: 50px;}
.summary-selected-activities {display: flex;}
.summary-selected-activities .xpList {display: block !important;}
.selected-xps {    padding-top: 15px;border-bottom: 1px solid #3333331a !important;}
#reservationDetails .justify {border-bottom: 1px solid #3333331a !important ;    padding-top: 15px;}
#reservationDetails .card-body li {    width: auto !important;text-align: left !important;margin: 0 !important;}
.choosen-xp {
    position: fixed;
    right: 65px !important;
    right: 15px;
    bottom: 15px;
    z-index: 999999999999999;
    background: #a59451;
    width: 210px;
    height: 40px;
    border-radius: 4px;
    display: none;
    transition: all 0.4s;    border: none;
}


.amenitiesbox {
    padding-right:10px;
}
.transferUpgrade { display: none;}

.quick-nav ul {
    display: flex;
    width: auto;
    justify-content: space-between;
}
.splitResortRoomDiv { display: none;}
.splitResortRoomsInner {
    padding-bottom: 20px !important;
    border: 0px solid #ced4da;
    border-radius: 0px;
    padding: 20px;justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px;display: flex;
    padding-left: 0px;


}
.splitResortRoomDiv .form-check-input:checked {transform: scale(0.7);}
.splitResortRoomsInner .form-check {padding-left: 20px;}
.splitResortRooms  { 
    background: #cccccc21;
    padding: 20px;margin-top: 20px;
}
.upgradeMpLink {    margin: 0 !important; justify-content: flex-end;}
.upgradeMp { padding-top: 10px;}
.zchild-mp-rate { display: none;}
.splitResortRoomDiv label { font-size: 12px;}
.icons i {
    color: #151515;
    font-size: 16px;
    transition: ease-in-out 0.3s;
    text-align: center;
    align-items: center;
    justify-content: center;
    align-self: center;
    align-content: center;
    padding: 0;
    margin: 0;
}

.amenitiesbox .icons {
    text-align: center;
    margin: 0 auto;
    width: 0px;
    height: auto;
    background: #f9f9f9;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: 0.3s;
}

.amenitiesbox p {
    font-size: 10px;
    line-height: 12px !important;
    text-align: center;
}

.back-to-top i {
    font-size: 28px;
    color: #fff;
    line-height: 0;
}
.qualify .viewOffer:hover {
    background: #151515;
    color: #fff;
}
.pm0 { padding: 0 !important; margin: 0 !important;}
.bookVilla  .search-btn {    background: #a59451 !important;}
.back-to-top:hover {
    background: #151515;
}

.back-to-top:hover i {
    color: #ffc451;
}

.back-to-top.active {
    visibility: visible;
    opacity: 1;
}

.villa-slide-wrap,
.villa-icons {
    display: flex;
}
.hero-pagination {
    transform: translate(-50%,-50%);
    position: absolute;
    z-index: 999999;
    width: 50% !important;
    justify-content: center;
    align-items: center;
    align-self: center;
    align-content: center;
    right: 0;
    left: 50% !important;
    display: flex;
}
.selectAll:hover { text-decoration: underline;}
.show-extra-mp-rates {    text-align: right;}
.show-extra-mp-rates,.extra-adult-mp-rate,.extra-child-mp-rate,.show-extra-transfer-rates { display: none;}
.villa-pagination {
    top: 100%;
    margin-top: -100px;
    transform: translate(-50%,-50%);
    position: absolute;
    z-index: 999999;
    width: 50% !important;
    justify-content: center;
    align-items: center;
    align-self: center;
    align-content: center;
    right: 0;
    left: 50% !important;
    display: flex;
}

.villa-icons p {
    padding-right: 20px;
}

.villa-photo,
.villa-details {
    width: 50%;
}
.villa-box {
    width: 50%;
}

.villa-details {
    text-align: left;
    padding-top: 50px;
}

.villa-photo {
    margin-right: 50px;
}


/*/////*/

.holiday-types {
    width: 20%;
}

.intro-inner {
    padding: 50px;
}

.intro-inner .fa {
    color: #333;
    font-size: 2em;
}


/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

.data-custom::after {
    display: block;
    font-size: small;
    background: #151515;
}

.Highlighted {
    background-color: Green !important;
    background-image: none !important;
    color: White !important;
    font-weight: bold !important;
    font-size: 12pt;
}

#lazyloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #151515;
}

#lazyloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 0px);
    left: calc(50% - 30px);
    border: 6px solid #ffc451;
    border-top-color: #151515;
    border-bottom-color: #151515;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-lazyloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-lazyloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-lazyloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #151515;
}

#preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 0px);
    left: calc(50% - 30px);
    border: 6px solid #ffc451;
    border-top-color: #151515;
    border-bottom-color: #151515;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/

@media screen and (max-width: 768px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }
}


/*--------------------------------------------------------------
# Header
----------------------------------- background: rgba(0, 0, 0, 0.8);---------------------------*/

#header {
    transition: all 0.5s;
    z-index: 997;
    padding: 15px 0;
}

#header.header-scrolled,
#header.header-inner-pages {
   
}
.password {    margin-top: 10px;}
.logout {
    padding:10px;line-height: 1.66;
    text-decoration: underline;
}
#header .logo {
    font-size: 32px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#header .logo a {
    color: #fff;
}

#header .logo a span {
    color: #ffc451;
}

#header .logo img {
    max-height: 40px;
}


/*--------------------------------------------------------------
#  Get Startet Button
--------------------------------------------------------------*/

.get-started-btn {
    color: #fff;
    border-radius: 4px;
    padding: 7px 25px 8px 25px;
    white-space: nowrap;
    transition: 0.3s;
    font-size: 14px;
    display: inline-block;
    border: 2px solid #ffc451;
}

.get-started-btn:hover {
    background: #ffbb38;
    color: #343a40;
}

@media (max-width: 992px) {
    .get-started-btn {
        padding: 7px 20px 8px 20px;
        margin-right: 15px;
    }
}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/


/**
* Desktop Navigation
*/

.navbar {
    padding: 0;
}

.navbar ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
}

.navbar li {
    position: relative;
}

.inclusions ul li {
    list-style-type: disc;
}

.featuring {
    width: 30%;
    background: #333;
    margin: 0 auto;
    padding: 20px;
    line-height: 44px;
    margin-top: -100px;
}

.featuring h3 {
    line-height: inherit;
    margin-bottom: 0;
    color: #fff;
}
.mid{height: 331px !important;}
#sidebar { overflow: hidden;}
.villa-home h2 {
  
}
.swiper-slide p {
    width: 50%;
    justify-content: center;
    right: 0;
    left: 0;
    text-align: center;
    margin: auto;
}
figcaption {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    transform: translate(-50%,-50%);
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center;
    opacity: 1;
    visibility: visible;
    transition: all 0.4s;
    z-index: 1;
    color: #fff;
    width: 100%;
  }

figcaption h1 {
    max-width: 50rem;
    color: #fff;
    font-size: 4.375rem;
    letter-spacing: .78125rem;
    line-height: 6.25rem;
    text-align: center;
}

figcaption p {
    color: #fff;

}
#villa-home::after{
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);

}

.swiper-slide img::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), black);
}

.slider-h2 {
    margin-top: -100px;
}

.opaque {
    background: none;
}

.opaque .villa-pagination {
    text-align: center;
    width: 50%;
    margin: 0 auto;
    margin-top: -200px;
}

.above {

}

.navbar a,
.navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 10px 30px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    transition: 0.3s;
    font-weight: normal;
    font-size: 0.9em;
}

.navbar a i,
.navbar a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
    color: #ffc451;
}

.navbar .dropdown ul {
    display: block;
    position: absolute;
    left: 14px;
    top: calc(100% + 30px);
    margin: 0;
    padding: 10px 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
}

.navbar .dropdown ul li {
    min-width: 200px;
}

.navbar .dropdown ul a {
    padding: 10px 20px;
    font-size: 14px;
    text-transform: none;
    color: #151515;
    font-weight: 400;
}

.navbar .dropdown ul a i {
    font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
    background-color: #ffc451;
}

.navbar .dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.navbar .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
}

@media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
        left: -90%;
    }
    .navbar .dropdown .dropdown:hover>ul {
        left: -100%;
    }
}


/**
* Mobile Navigation
*/

.mobile-nav-toggle {
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

@media (max-width: 991px) {
    .mobile-nav-toggle {
        display: block;
    }
    .navbar ul {
        display: none;
    }
}

.navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    transition: 0.3s;
    z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
    position: absolute;
    top: 15px;
    right: 15px;
}

.navbar-mobile ul {
    display: block;
    position: absolute;
    top: 55px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    padding: 10px 0;
    background-color: #fff;
    overflow-y: auto;
    transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
    padding: 10px 20px;
    font-size: 15px;
    color: #151515;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
    color: #151515;
    background-color: #ffc451;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
    margin: 15px;
}

.navbar-mobile .dropdown ul {
    position: static;
    display: none;
    margin: 10px 20px;
    padding: 10px 0;
    z-index: 99;
    opacity: 1;
    visibility: visible;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
    min-width: 200px;
}

.navbar-mobile .dropdown ul a {
    padding: 10px 20px;
    color: #151515;
}

.navbar-mobile .dropdown ul a i {
    font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
    background-color: #ffc451;
}

.navbar-mobile .dropdown>.dropdown-active {
    display: block;
}


/*--------------------------------------------------------------
# water villa
--------------------------------------------------------------*/

a[ id="food"]:target~#food-heading {
    -webkit-transform: translateY( 0px);
    transform: translateY( 0px);
}

#property-menu ol a {
    padding: 20px;font-size: 12px;
}

.page-intro p {
    width: 60%;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
}
.family-inclusions  li {list-style-type: disc !important;line-height: 25px;
    margin-left: 15px;}
.popoverInfo {}
.popover{
    background: #333333a1;
    border-color:#333333a1; color: #fff !important;
    
}
.fa-info {width: 15px;
    height: 15px;text-align: center;
    border: 1px solid;
    border-radius: 50px;
    font-size: 0.6em;
    padding-top: 2px;
    margin-left: 5px;}
.popover-body { color: #fff;}
.popover-arrow {color: #333;  border-right-color: #d9534f;}
.customize {    justify-content: space-between;    display: flex;}
#room-details {     justify-content: space-around !important;}
.asc { align-self: center;}
.form-check-input:checked {transform: scale(1);}
.splitResortRoomsInner h2 { font-weight: bold;}
.bookSplitResort:hover { cursor: pointer;}
.goldBtn {
    background: #a59451;
    flex: 1;
    
    display: block;
    padding: 20px;
    text-align: center;
    color: #fff;
    margin-top: 20px; 
    margin-bottom: 20px;
    border: none;
}
.btnOutline { border: none;padding: 20px;}
.greenBtn {
    background: #198754;
    flex: 1;
    min-width: 100%;
    display: inline-block;
    padding: 20px;
    text-align: center;
    color: #fff;
    margin-top: 20px; 
    margin-bottom: 20px;
    border: none;
}
.bookSplitResort,.bookSplitPrePackage {
    font-size: 12px;

}
.roomStartDiv h1,.roomEndDiv h1{    font-size: 14px;
    letter-spacing: inherit;
    text-transform: none;    margin-bottom: 0;
    font-family: inherit;    text-align: left;
    font-weight: bold;}

    .roomStartDiv h2,.roomEndDiv h2   {     font-weight: normal !important;}
.fa-shuffle  {    padding-top: 10px;
    color: #2c2c2c;}
.bookSplitPrePackage { text-decoration: none;color: #a59451; padding-top: 10px; text-transform: none;margin-left: 10px;}
.fa-gift { padding-right: 5px;}
.splitResortRooms { display: none;}
.bookSplit,.bookSplitResort {text-transform: none;margin-left: 10px;font-style: italic!important;}
.bookSplit:hover,.bookSplitResort:hover ,.bookSplitPrePackage:hover{ cursor: pointer;}
.greyBtn {
    background: #ccc;
    flex: 1;    border: none;
    min-width:auto;
    display: inline-block;
    padding: 20px;
    text-align: center;
    color: #333 !important;
    margin-top: 20px; 
    margin-bottom: 20px;
    width: -webkit-fill-available;
}
.addMpUpgradeDiv { display: none;}
.outlineBtn {
    background: none;
    flex: 1;    border: 1px solid #333;
    min-width:auto;
    display: inline-block;
    padding: 20px;
    text-align: center;
    color: #333 !important;
    margin-top: 20px; 
    margin-bottom: 20px;
}
.loginBox { display: none; padding: 20px;}
.loginBox button {    width: 100%;}
.confirm { display: none;width: 50%;
    text-align: center;    margin-top: 150px;
    margin: 0 auto;    margin-bottom: 50px;    padding-bottom: 30px;
    padding-top: 50px;}
.view-rates {
    background: #a59451;
    letter-spacing: inherit;
    font-weight: normal;
    margin-top: 20px;   
    text-align: center;
    border-radius: 0px;
    margin: 0;
    border: none;
    padding: 20px;
    width: 100%;
    font-size: 1em;
    align-self: center;
}
.datepicker-btns,.datepicker-btns #clearDates { margin-top: 0px;}
.view-rates .change-link {color: #fff;    margin: 0 auto;}
.customize-btn {
        text-align: center;
        border-radius: 0px;
        margin: 0;
        border: none;
        padding: 20px;
        width: 100%;
        font-size: 1em;align-self: center;
    
}
.travel-dates p {margin-left: 10px;}
.travel-dates .fa-chevron-down {font-size: 0.6em !important;margin-left: 0px;}
.offer-advance {    display: flex;}
.offer-advance p {font-weight: bold;}
.offer-advance .fa {    font-size: 0.7em;color: #a59451;
    padding-left: 5px;
    align-self: center;}
.price-box h4 {text-decoration: line-through;
    font-size: 1em !important;
    color: #858585;padding-bottom: 0;
    margin-bottom: 0 !important;    text-align: left;}
.disc {padding-left: 15px;padding-top: 20px;}
.customize h3 {    text-align: left;    display: flex;
    font-weight: bold;    margin-bottom: 0;    font-family: inherit;
    letter-spacing: inherit;
    font-size: 1.5em;}
.price-box {padding-right: 10px;}
.offer-list {
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 10px 0 5px;
    border-left: 5px solid #1aac5b;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);    padding-left: 20px;
}
.honeymoon-list {

}
.honeymoon-list li { list-style-type: none;}
#package-inclusions h5 {
    margin-right: 2.5rem;
    position: relative;
    font-size: .75rem;
    color: #282828;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
}
body {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
body::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
.show-child { display: none;}
.date-selection .children {margin-top: 0;}
#package-inclusions h2 {    font-weight: normal;

    padding-bottom: 10px; padding-top: 20px;
    letter-spacing: inherit;
    text-align: left;margin-bottom: 0;}
.honeymoon-list ul li { color: #000;
    line-height: inherit;
    font-size: 12px !important;}

.offer-list ul {margin-left: 0px;padding: 0;}
.offer-list p {      font-weight: bold;}
.offer-list a {    text-align: left;
    padding-left: 10px;font-size: 12px;}
    .offer-list button {}
#property-menu-box {
    position: -webkit-sticky;
    /* Safari & IE */
    position: sticky;
    z-index: 9;
    top: 0px;
}
.innerXp section {
}
.top-section { border: none !important;}
.booking-line button { border: none;background: none;}
.displayNone {
    display: none;
}
.displayBlock {
    display: block;
}
.select_hiddenInput {width: 55px;margin-top: 10px;

}
.applied-offers ul { margin-bottom: 0;}
.child-mp-rate {display: none;}
.child-transfer { display: none;}
.selectAge .theme-btn { width: 130px;}
.selectAge .dropdown {    margin-top: 5px;}
.selectAge {display: none}
.property-cat-info {
    text-align: center;
    background-color: rgba(0, 0, 0, .04);
}
.offer-list { display: none;}

.cancelMealUpgrade,.cancelMealUpgradeSplitHotelResort {
    text-align: center;
    text-decoration: underline;
    display: block;

}
#food,
#experience,
#activities,
#offers {
    text-align: center;
    background-color: rgba(0, 0, 0, .04);
}

#foodImg {
    background: url(../img/irufushi_flavours_0496.jpg) top center;
    height: 350px;
    color: #fff;
    width: 100%;
}

.arrow {
    text-align: center;
    margin: 8% 0;
}

.bed-icon-pane .fa-plus {
    color: #a59451;
}

.add-activity p {
    margin: 0;
    color: #333;
    padding: 10px;
}

.add-activity {
    align-self: center;
    width: 100%;
    padding-left: 20px;
    background: #cccccc38;
    display: flex;
    border-radius: 5px;
    margin-left: 20px;
    justify-content: space-between;
    padding-right: 20px;
}

.delete:hover {
    cursor: pointer;
}

.displayFlex {
    display: flex;
}

.add-activity-bttn {
    border: none;
    background: none;
    padding: 0;
}

.itenary-price {
    position: sticky;
    height: fit-content;
    top: 100px;
    width: 60%;
}
.choose-activity h4 {    font-family: 'Arial';
    font-size: 1.2rem !important;
    text-transform: none !important;
    letter-spacing: inherit !important;}
.fa-person-swimming { padding: 0 !important;}
.itenary-day-col {
    position: sticky;
    align-self: flex-start;
    top: 140px;
    z-index: 1;width: 20%;
}
.spa-pagination {text-align: center;
    margin-top: -30px;
    z-index: 999999999;
    position: absolute;}
.itenary-containerSub { margin: 0 !important;}
.itenary-containerSub  .itenary-main-date { background: none;}

.itenary-containerSub .bed-icon-pane {  margin-left: 0;   border: none; box-shadow: none;}
.fa-utensils {   }
.itenary-day-col h2 {
    font-weight: bold;
}
#dining .swiper-slide img { padding: 0 !important;}
.experiences-wrap { 

}
.cat-details { padding-left: 0px !important; padding-right: 0px !important;}
.cat-details p {     color: #fff6; font-size: 12px;}
.cat-details p:before, .cat-details p:after {
    position: absolute;
    top: 50%;
    overflow: hidden;
    width: 10%;
    height: 1px;
    content: '\a0';
    background-color: #fff6;
}
.nav-pills .nav-link.active:focus-visible, .nav-pills .show>.nav-link:focus-visible{ border: none;}
.cat-details p:before {
    margin-left: -10%;
    text-align: right;
}
.villas::before {
    content: '';
    position:absolute;
    top:200px;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    z-index: 1;    
}
.intro h1 { margin-bottom: 20px;}
.change-link {
    color: #a59451;
    text-decoration: underline;
    padding-left: 20px;
}

.itenary-main h2 {
    font-size: 1em;
    font-weight: bold;
}

.line-between {
    height: 30px;
    margin-left: 54px;
    border-left: 2px solid #dedede;
}

#dateNav a {
    color: #333;
}

.bed-icon-pane {
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    width: 44px;
    text-align: center;
    line-height: 44px;
    margin-left: 33px;
    height: 44px;
    border-radius: 50%;
    border: solid 1px #f0eded;
}

.itenary-price {
    color: #333;
}

.itenary-main {
    margin-left: 50px;
    width: 100%;
    color: #333;
    margin-right: 20px;
}

.itenary-container {
    display: flex;
    padding-bottom: 20px;
}

.itenary-day-col ul li {
    list-style-type: none;
}
.selected_theme_price_div {
    font-size: 13px !important;
}
.itenary-main-date {
    background: #ccc;
    border-radius: 5px;
    width: 200px;
    padding: 10px;
}

.itenary-main-date p {
    text-align: center;
    margin-bottom: 0;
}

.itenary-activities {
    text-align: center;
    padding: 20px;
}

.itenary-box {
    box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
    border: solid 1px #f0eded;
    padding-bottom: 20px;
    display: flex;
    margin-top: 20px;
    padding: 20px;
}

.headingSmallBold {
    font-size: 1.0em;
    font-family: "Open Sans", sans-serif;
}

.bold {
    font-weight: bold;
}

.paddingTop {
    padding-top: 20px;
}

.property-details h2 {
    font-size: 1.0em;
    font-family: "Open Sans", sans-serif;
}

.property-img {}

.property-img img {
    height: 100px;
    margin-right: 20px;
}

.property-details {}

.property-details {}

.property-details::before {}

.itenary-days {
    display: flex;
    background: #ccc;
    padding: 15px 0 0 20px;
}

.itenary-days p {
    padding-right: 50px;
}

.customize-villa {}

.customize-nights {
    display: flex;
}

.customize-dates {
    display: flex;
}

.customize-change-link {
    padding-left: 50px;
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    cursor: pointer;
    padding-top: 170px;
}

.experiences-detail-pagination {
    padding-bottom: 50px;
    text-align: center;
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

.icon-circle-arrow-down {
    opacity: 0.4;
    font-size: 1.8em;
}

.icon-circle-arrow-down:before {
    content: "\f063";
    font-size: 1.7em;
    color: #fff;
}

#intro {
    padding: 20px;
}
#viewOffer  {top: 50% !important;
    left: 50% !important;transform: translate(-50%, -50%);}
#viewOffer .modal-dialog {  height: auto !important;   max-width: fit-content !important;}
#viewOffer.modal-content { 
    height: fit-content;
    min-height: max-content;
}
.modal-dialog {
    max-width: 100%;
    margin: 20;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    display: flex;
}

.modal-dates {
    margin-top: 10px;
    display: flex;
    margin-right: 10px;
}

.t-datepicker-days {
    width: 95vw !important;
}

.t-special-day {
    background: #aeaeae !important
}

.t-today {
    background: #aeaeae00 !important;
    color: #333 !important;
    border-color: #e91e63;
    border-top-color: #e91e63;
    border-right-color: #e91e63;
}

.t-next,
.t-prev,
.t-table-condensed td,
.t-table-condensed th {
    padding: 20px !important;
}

.fa-calendar {
    padding-right: 5px;
}

#travel-datepicker {
    width: 250px;
    font-size: 1em;
    padding: 20px;
}

.your-package {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 20px;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
}
.reviewRating { color: green;    font-weight: bold;}
.reviewSummary h2 { font-weight: bold;margin-bottom: 0;}
.reviewSummary { position: fixed;}
.reviewBox {    margin-top: 50px; margin-right: 20px;}
.reviewDetails { padding: 15px;    background: #cccccc29;}
.reviewPerson {    font-weight: bold;}
.reviewBox h2,.reviewPerson { margin-bottom: 0 !important;}
.reviewList {    position: absolute;
    width: 65%;
    padding-left: 50px;
    right: 0;}
.reviewBody { display: flex;}
#viewReviews h1 {       padding-bottom: 20px; padding-top: 20px;}
.reviewSummary .progress {    margin-bottom: 20px;}
.justifySB {justify-content: space-between;}
.reviewSummary { width: 30%; margin-left: 50px;}
.reviewSummary span {padding-bottom: 3px; font-size: 12px;}
.modal-dialog {
    width: 100% !important;
    height: 100% !important;
    margin: auto !important;
    padding: 200px;
}
.modal-header { border: none;}

#big-dialog {
    padding: 0px !important;
    display: block;
    overflow: hidden;
}
#viewHighlights .modal-content {    padding: 20px !important;}
.available-offers:hover { background: #333;}
.available-offers {font-size: 12px;
    background: red;
    margin: 3px;
    padding: 3px;
    color: #fff !important;
   }
#viewOffer .offerDesc {
    color: #a59451;
    font-size: 20px;
}
.viewVillas  {padding-bottom: 50px;}
.propertyPrice {background: #ebebeb;
    margin: 32px;}
#viewOffer h2 {font-weight: bold;
    font-size: 24px;}
#viewOffer .modal-body {overflow-x: hidden;    padding: 50px;}
#viewOffer .modal-dialog {

    margin: 0;
    padding: 0px !important;
}
#customiseBttn {
    text-align: center;
    font-weight: bold;
}
.experience-details h2 {}
.close {
    border: none;
    background: no-repeat;
    font-size: 1.9em !important;
}

.fa-utensils,
.fa-person-swimming {
    line-height: 40px;
    color: #333;
    padding-right: 10px;
}
.p20 { padding: 20px;}
.fa-moon-o,
.fa-user-o {
    padding-right: 5px;
    padding-top: 3px;
}

.modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
}

.modal .modal-content {
    opacity: 0;
    transform: scale(0.7);
    transition: all 0.3s;
}

.modal.show .modal-content {
    opacity: 1;
    transform: scale(1);
}

.fade2 {
    transform: scale(0.9);
    opacity: 0;
    transition: all .2s linear;
    display: block !important;
}

.fade2.show {
    opacity: 1;
    transform: scale(1);
}

.fade-scale {
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.fade-scale.in {
    opacity: 1;
    transform: scale(1);
}

#tips {
    float: left;
    background: #fff;
    width: 25%;
    padding: 20px;
    margin-right: 20px;
}

#main {
    background: #fff;
    margin: 0 auto;
    max-width: 1920px;
    min-height: 83.7vh;
}

#offer-details ul li {
    text-align: left;
    list-style-type: none;
}

#main-intro {
    float: left;
    width: 50%;
}

#intro-photo {
    float: left;
    width: 20%;
    margin-left: 20px;
}

#awards-heading p {
    width: 70%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 50px;
}

.paddingLeftTwenty {
    padding-left: 20px;
}

.icon-name {
    line-height: 0 !important;
    margin-top: 5px !important;
}

.icon-meals:before {
    content: "\e812";
}

.package-inclusions ul li {
    list-style-type: none;
}

.tab-content {
    padding-bottom: 50px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: #d9d9d9;
}

.nav-link:hover {
    color: #a59451;
}

.nav-link {
    color: #333;
}

.swiper-awards {
    height: 180px;
}
.swiper-awards {justify-content: center;}
.stepxp { display: none;}
#offers { display: none;}
#awards-heading h1 {
    text-align: center !important;
    margin-left: 0 !important;
}



  .intro-inner .fa-plane {
    font-size: 2em !important;
  }

  #module {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 50px;
    padding-bottom: 80px;width: 80%;
    margin: auto;
  } 
  #module .collapsedBtn {
    position: absolute;
    padding: 20px;
 
    left: 0;
    right: 0;
    width: 200px;
    text-align: center;
    margin: auto;    margin-top: 20px;
  }
  #room-thumb {align-self: flex-end;}
  #module #collapseP.collapse:not(.show) {
    display: block;
    height: 4rem;
    overflow: hidden;
  }
  #module a.collapsed::after {
    content: '+ Show More';
  }
  
  #module a:not(.collapsed)::after {
    content: '- Show Less';
  }
  #module #collapseP.collapsing {
    height: 3rem;
  }

.amenitiesList {justify-content:flex-end;
    display: flex;
    flex-wrap: wrap;}  
.amenitiesListInner  { width: 300px;}




  #amenitiesmodule,#pAmenitiesmodule {
    font-size: 1rem;
    line-height: 1.5;
  }
  #amenitiesmodule #collapseAP.collapseAm:not(.show)
  , #pAmenitiesmodule #collapseAPS.collapseAm:not(.show) {
    display: block;
    height: 21rem !important;
    overflow: hidden;
  }

  
  #amenitiesmodule a.collapsed::after, #pAmenitiesmodule a.collapsed::after {
    content: ' Show All';
  }

  #amenitiesmodule a:not(.collapsed)::after,#pAmenitiesmodule a:not(.collapsed)::after {
    content: ' Show Less';
  }
  #amenitiesmodule #collapseAP.collapsing, #pAmenitiesmodule #collapseAPS.collapsing {
    height: 3rem;
  }
  
  #room-details h2 { font-weight: bold;    text-transform: uppercase;}
  #villas h1 {margin-bottom: 0;}
  #villas h2 { font-size: 14px;}
  #highlights p { text-align: center !important;}
  #highlights h1 {margin-bottom: 0;}

#step #holiday-details {     padding-left: 30px;}
.icon-box  .package-inclusions-inner {padding-right: 20px !important;}
.amenitiesList .small { font-size: 12px !important;}
.amenitiesList ul {justify-content: center !important;}
.material-symbols-outlined {color: #333  !important;padding-bottom: 10px;}

#form_submit.dropdown-item {    padding-left: 20px !important;}

  #benefitsModule #collapseP.collapse:not(.show) {
    display: block;
    height: 13rem;
    overflow: hidden;
  }
  #benefitsModule a.collapsed::after {
    content: '+ Show More';
  }
  .amenitiesList { display: block;}
  .amenitiesList ul li { display: grid; margin-bottom: 0px !important;}
  .multi-column {
    /* Standard */
    column-count: 2;
    column-width: auto;
    /* Webkit-based */
    -webkit-column-count: 2;
    -webkit-column-width: auto;
    /* Gecko-based */
    -moz-column-count: 2;
    -moz-column-width: auto;
}
  #benefitsModule a:not(.collapsed)::after {
    content: '- Show Less';
  }
  #benefitsModule #collapseP.collapsing {
    height: 3rem;
  }

  .noBorder { border-bottom: none !important;}

.experience-details .fa-star {    font-size: 16px !important;}  
.collapsedBtn { font-size: 12px;}
#accommodation-heading h1 {
    margin-top: 50px !important;
    padding-top: 50px !important;
    text-align: center !important;
    margin-left: 0 !important;
}

#food-heading {
    background-color: rgba(0, 0, 0, .4);
    padding-top: 232px;
}

#food-heading h1 {
    text-align: left;
    padding-bottom: 20px;
    margin-left: 350px;
}

.roominfo .fa {
    padding-top: 10px;
    font-size: 2em;
    color: #ccc;
    padding-bottom: 10px;
}

#main h1 { padding-bottom: 5px;}

#food-inner {
    text-align: left;
    display: inline-block;
    width: 90%;
    margin-top: 30px;
}

.left-box {
    margin-right: 0;
    padding-left: 0px;
}

.right-img {
    margin-right: 0;
}

.left-box-text {
    margin-right: 0px;
}

#property-menu-box {
    background: #ebebeb;
    width: 100%;
}

#property-menu {
    background: #ebebeb;
    text-align: center;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    margin: 0 auto;
}

.about {
    padding-top: 0px;
}
#xpAccordion .villa-wrap:hover { cursor: pointer;}
#property-menu ol {
    margin: 0;
    display: contents;
    width: 100%;
}

#property-menu ol li {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inherit;
    width: auto;display: inline-block;
    list-style-type: none;
}

.icon-box h6 a {
    color: #333;
}

.active-link a {
    color: #a59451  !important;
}

.bookNowBttn {
    border-radius: 3px;
    text-align: center;
    background: #ffc451;
    margin: 0;
    padding: 10px;
    margin-top: 10px;
}
.inactive { cursor: default;}
.inactive-link a {
    color: #333 !important;
}
.priceDiv {font-size: 2em;}
#price,
#bookBttns {
    display: flex;
    width: 100%;
}

.circle::before {
    content: '01';
    display: inline-block;
    width: 40px;
    height: 40px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #a59451;
    opacity: 1;
    z-index: 0;
    position: relative;
    line-height: 2.7rem;
    font-size: 12px;
    color: #fff;
}

#price {
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
}

#bookBttns {
    text-align: center;
}

#offerBttns {
    text-align: left;
    padding: 20px;
    width: 250px;
    padding-top: 0;
}

.main-heading {
    padding-bottom: 30px;
}

.main-heading h1 {
    margin-top: 50px !important;
    padding-top: 50px !important;
    text-align: center !important;
    margin-left: 0 !important;
    letter-spacing: inherit !important;
    font-family: inherit !important;    font-size: 1.5rem !important;
}

.main-heading p {
    text-align: center;
    width: 70%;
    margin: 0 auto;
    margin-top: 50px;
}

.fontLarge {
    font-size: 1.7em;
}

.offer-box {
    display: flex;
}

.offer-inclusion h4 {
    text-align: left;
    font-size: 1.2em;
    margin-left: 30px;
}

.price-inner {
    display: block;
}

.ri-check-double-line {
    color: green;
    margin-right: 10px;
}

.offer-inclusion {
    width: 70%;
    padding-right: 50px;
    border-right: 1px solid #ddd;
}

.offer-info ul li {
    font-size: 0.8em;
    list-style-type: none;
    text-align: left;
}

.offer-info {
    margin-top: 30px;
    justify-content: center;
    margin-bottom: 30px;
    display: flex;
}

#offer-details h4 {
    text-align: left;
    margin-left: 30px;
}

.offer-terms {
    width: 50%;
    margin-right: 20px;
    margin-left: 50px;
}

.offer-terms h4 {
    text-align: left;
    font-size: 1.2em;
}

.offer-terms ul {
    padding-left: 0;
}
#villas .icon-box { margin: 20px;margin-left: 35px;padding: 25px;
    padding-left: 20px;padding-bottom: 25px;    justify-content: space-between;
    margin-right: 35px; padding-right: 20px; }
    .intro h2 { font-size: 14px;}
    #room-details {
       
        width:100% !important  ;
        text-align: left;
        padding-top: 0;
    }

#offer-details p {
    text-align: left;
    margin-right: 30px;
    margin-left: 30px;
}
#highlights .highlights-box {height: 488px !important;
    overflow: hidden;}
.propertyHighlightImg { width: 437px;}
.bookVilla {width: 200px;
    margin: 0 auto !important;
    margin-bottom: 150px !important;
    margin-top: 10px !important}
#experiences .portfolio-wrap img { width: 454px; height: 335px;}
#experiences .ceremony-grid { margin: 60px;}
#experiences     .villa-wrap {   margin: 10px;}
#xpAccordion .accordion-header {    margin-left: 35px;
    margin-right: 35px;}
.property-name { }
#introDetails {
    text-align: center;
    width: 80%;
    margin: 0 auto;    padding: 20px;
}
.services .pageHeading {padding-top: 0px !important; }
.services {    background:#f8f8f8 !important;}
.removeActivity {background: none;
    border: none;}
    #mealOptionsSection  .form-check {     padding-left: 40px;}
.selectedActivity .fa { padding-left: 10px; color: red;}
.innerXp h4 { font-weight: bold;   font-family: inherit;
    letter-spacing: initial; font-size: 16px !important;}
.view-property-link { margin-right: 40px; }
.view-property-link a { font-size: 12px;}
.villa-intro {       padding-top: 20px;
   }
.villa-intro-bullets {margin-top: 20px;}
.amenitiesHighlight { display: flex;    margin-top: 20px;}
.amenitiesHighlight .fa-solid { font-size: 2em;}
.amenitiesHighlight li {padding-right: 20px;}
#room-details ul li {    line-height: 2em;}

#room-details #price {
    margin-top: 20px;
    margin-bottom: 20px;
}

.leftText {
    text-align: left;
    margin-left: 10px;
    padding-bottom: 0px;
    margin-bottom: 0;
}

.rightText {
    font-weight: bold;
}

.view-villa {
    float: left;
    width: 40%;
    font-size: 0.6em;
    font-weight: bold;
    margin-right: 20px;
    color: #333;
    border: 1px solid rgb(221, 223, 226);
    padding: 20px;
    border-radius: 3px;
}

.offer-book {
    float: right;
    font-size: 0.9em;
    font-weight: bold;
    width: 100%;
    display: flex;
    color: #fff;
    background-color: #ffc451;
    padding: 20px;
    border: 1px solid #ffc451;
    border-radius: 3px;
    justify-content: center;
}

.reserve-villa {
    float: right;
    font-size: 0.6em;
    font-weight: bold;
    width: 50%;
    color: #fff;
    background-color: #ffc451;
    padding: 20px;
    border: 1px solid #ffc451;
    border-radius: 3px;
}

.accordion-tabs {
    width: 40%;
    margin: 0 auto;
    margin-bottom: 30px;
    border: none;
    margin-top: 50px;
}

.accordion-tabs .active {
    background: none !important;
    color: #a59451 !important;
}

.accordion-small {
    width: 70%;
    margin: 0 auto;
}

.accordion-small .accordion-header {
    align-items: center;
    border-bottom: 1px solid #ccc;
    line-height: 40px;
}

.accordion-header .fa {
    align-self: center;
}

#villa-cat {
    margin: 20px;
    border: 1px solid rgb(221, 223, 226)
}

.accordion-header {
    display: flex;
}
#filterDiv { display: none;}
#main { }
.hero-slider {}
#intro {
    text-align: center;
    width: auto;
    margin: 0 auto;
}
#controls {
    position: absolute;
    z-index: 9999;
    right: 0;
    top: 20px;
}
.easyzoom { display: block !important;}
#resort-map { display: none; height: 100vh;}
#gallery-control .fa,#map-control .fa  { padding-right: 5px;}
#gallery-control {}
#map-control {}
#controls .nav-fill .nav-item .nav-link { border: none !important;}
.controlTabs {
    margin: 35px;
    justify-content: center;
    display: flex;
    margin-top: 0px;
    margin-bottom: 0;
}
.stretch-card>.card{width: 100%;min-width: 100%}body{background-color: #f9f9fa}.flex{-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto}@media (max-width:991.98px){.padding{padding: 1.5rem}}@media (max-width:767.98px){.padding{padding: 1rem}}.padding{padding: 3rem}.card .card-title{color: #000000;margin-bottom: 0.625rem;text-transform: capitalize;font-size: 0.875rem;font-weight: 500}.card .card-description{margin-bottom: .875rem;font-weight: 400;color: #76838f}.mainimage{width: 100% !important}

.slider-selection {background: #ccc !important;   border-radius: 0px;  box-shadow: none !important;}
.slider.slider-horizontal {margin-left: 18px; width: 500px !important;}
.slider.slider-horizontal .slider-track {    height: 8px !important;}
.slider-handle { 
    top: 1px !important;
    width: 15px !important;
    height: 15px !important;
    background-image: linear-gradient(to bottom, #a59451, #a59451) !important;}
.noBorder { border: none !important;}
#intro p {}
.roomFeatures { margin-top: 50px;}
.swiper-button-prev,
.swiper-rtl .swiper-button-next,
.swiper-button-next {
    color: #333;
}
.filter-by h2 { padding-top: 20px;}
#confirmButton {    background: #a59451;
    width: auto;margin-bottom: 50px;
    color: #fff; border: none; margin-top: 20px;
    padding: 20px;  }
.nights-start,.nights-end {    padding-left: 5px;
    padding-right: 5px;}
.splitRoomDiv {    padding-top: 20px;}
.splitRoomDiv h2 {    font-weight: bold;}
.bookSplit,.editRoom {letter-spacing: initial;  font-size: 12px;}
.editRoom,.editProperty,.cancelSplit {    font-size: 12px;text-decoration: underline; text-transform: none;font-style: italic!important;}
.editProperty { 
    padding-left: 20px;
}
.cancelSplit { display: none;    padding-left: 20px;}
.c-ui-quantity { font-size: 14px; padding: 20px;}
.plusMinusRooms p { text-align: center;}
.plusMinusBtns { display: flex;justify-content: center; }
.plusMinusRooms {justify-content: center;
    width: 100%;
    margin-top: 20px;}
.searchProperty {    margin-top: 20px;}
.searchProperty input {    font-size: 12px;}
.cancelPropertyChange:hover { cursor: pointer;}
.cancelPropertyChange {padding-left: 10px;
    padding-top: 10px;}
.editRoom {     margin-right: 20px;}
#bookingTable_wrapper,.splitRoomDiv,.splitRooms,.cancelPropertyEdit  { display: none;}
.editRoom:hover,.editProperty:hover,.cancelSplit:hover {cursor: pointer; text-decoration: underline;}
.changeRoom { display: none;}
.changeRoom h1 { text-transform: none;}
.edit-booking {    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background:#198754;
    color: #fff;
    padding: 20px;
    font-size: 1rem;
    border-radius: 0.25rem;
    border: 1px solid transparent;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;    
}
.swiper-pagination-bullet-active {
    color: #a59451 !important;
}

.intro {
    text-align: center;
    width: 70%;
    margin: 0 auto;
    margin-top: 50px;
}

.villa-details h2::after {
    width: 33.33333%;
    margin: 0 auto 0.625rem;
    border-bottom: 0.0625rem solid #000;
}

#intro p {}

.right-box {}

.promise {
    justify-content: space-around;
    margin-top: 50px;
    margin-bottom: 50px;
}
.our-promise {     padding-top: 100px !important;}
.promise-box h2 {    padding-bottom: 10px;
}
#promise {
    padding: 0;
    padding-top: 150px;
    background: #f9f9f9;
}

#promise h1 {
    padding-top: 50px;
}

.promise-box {
    margin: 20px !important;
    text-align: center;
    width: 33%;
    padding-top: 30px !important;
}
.reviewCountProperty:after {
    font-family: 'Font Awesome 6 Free';
    
    content: "\f054";font-size: 9px;
    padding-left: 5px;
    display: inline-block;
    padding-right: 8px;align-self: flex-start;
    vertical-align: middle;
    font-weight: 900;    color: #262626;
  }
  .viewReviews { background: none; border: none;}
  .viewReviews:hover{ text-decoration: underline;}
.enhancementsAccordion .accordion-button:before  {
    content: none !important;
}
.filter-by .col {padding-right:20px;}
#accordionFaq .accordion-button:before {
    font-family: 'Font Awesome 6 Free';
    
    content: "\2b";
    display: inline-block;
    padding-right: 8px;align-self: flex-start;
    vertical-align: middle;
    font-weight: 900;    color: #262626;
  }
  .imgInfo .cat { text-transform: uppercase;}
  .imgInfo {    position: absolute;
    left: 30px;    color: #fff;
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 47%) 1%) !important;    padding: 10px;
    bottom: 100px;
    width: auto;}
#hero .caption {    
    font-size: 12px; 
}  
    #hero .cat {  font-weight: bold; font-size: 12px;  
}  
#slider-thumbnail {     width: 280px;    margin-left: 30px;
    margin-right: 293px;   top: -91px;}
    #slider-thumbnail .swiper-slide img:hover {
        cursor: pointer;
    }
#slider-thumbnail  .swiper-slide img {height: 70px !important;}
.mySwiper .swiper-slide-thumb-active {
    opacity: 1 !important;
  }
  .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.7;
  }
.swiper-slide::before {     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%) !important;}
.previewsDiv {
    margin: auto;
    width: max-content;
    padding-bottom: 50px;
    padding-top:0px !important;
}
#hero .swiper-button-prev { margin-left: 20x !important;}
#hero .swiper-button-next { margin-right: 20x !important;}
.reviewCountProperty { font-size: 12px;}
  .reviewType {    line-height: 14px; display: block;font-weight: bold;}
  .previewsInner {     color: #fff;    align-self: center;   margin-right: 5px;background: green; border-radius: 3px; padding: 3px; }
  .previews {right: 200px;z-index: 9999;
    color: #262626;
    padding-top: 6px;display: flex;font-size: 12px; }

    .previewsDiv {margin: auto;}
    .reviewTypeProperty { display: block;font-weight: bold;
        font-size: 16px;}

    .previewsInnerProperty {     color: #262626;    align-self: center;   margin-right: 5px;background: green; border-radius: 3px; padding: 3px; }
    
    .previewsProperty {z-index: 9999;
      color: #262626;
      padding-top: 6px;display: flex;font-size: 12px;}


  #faq .accordion-button:not(.collapsed) { color: #262626;}
#faq .accordion-button::after { background-image: none;}
#faq h1 { padding-bottom: 50px !important;}
#faq { margin-left: 20px; margin-right: 20px;}
#faq .accordion-body { font-size: 12px;}
#faq .accordion-header { margin-bottom: 0 !important;}
#faq .accordion-button{line-height: 20px !important; font-size: 14px; font-weight: bold !important;    padding: 0.8rem 1.25rem !important;}
#highlights-box {padding-top: 50px !important;}
.highlightBox #module .collapsedBtn { padding:0 !important;}
.cta h2 { font-weight: bold;margin-bottom: 0;letter-spacing: inherit;}
.promise-box:hover {
    color: #18d26e;
}

.promise-box .fa-solid {
    text-align: center;
    font-size: 3em;
    color: #262626;
    padding-bottom: 30px;
}

.ceremony-grid {
    margin-top: 60px;
}

.all-inclusions {
    display: flex;
}
.p0m0 { padding-left: 0 !important; margin-left: 0 !important;}
.all-inclusions div {
    margin: 100px;  
    padding: 0px;
}

.all-inclusions ul li {
    list-style-type: disc;
}
#view-offers {
    text-align: center;
    margin-top: 40px;
}
.awards-container {width: 70%;
    margin: auto;}
#view-offers-bttn {
    font-weight: bold;
    width: 50%;
    color: #fff;
    background-color: #ffc451;
    padding: 20px;
    border: 1px solid #ffc451;
    border-radius: 3px;
}

.awards-thumb {
    width: 150px;
}

#awards {
    margin: 0 auto;
    text-align: center;
    width: 80%;
    padding-top: 0px;
}

#view-offers a {
    background-color: #ffc451;
    padding: 20px;
    color: #fff;
    border-radius: 3px;
}

.promise-box h2 {
    text-align: center;
    font-size: 14px;    color: #262626;    font-weight: bold;
}
#footer .justify { width: 90%;}

.mpinfo {
    width: 70%;
    line-height: 40px;
}

.changemp {
    margin-left: 20px;
    background: #2cd89e;
    color: #FFF;
    border: none;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.mealplans span {
    float: right;
}

.mealplans ul {}

.mealplans ul li {
    display: flex;
}

.fa-edit {
    font-weight: normal;
    color: green;
}

#accommodation {
    text-align: center;
    margin-top: 100px;
}

.fa-arrow-right {
    padding-top: 0 !important;
}

.duration {
    font-size: 12px;
    font-weight: normal;
    padding-left: 20px;
    padding: 0;
}
#summaryTotal,#summaryTotalP {font-size: 1.125rem;
    line-height: inherit;
    align-self: center;
    font-weight: bold;}
.finalPrice {    font-size: 1.3em;
    font-weight: bold;}
.fa-calendar {    align-self: center;}
.arrival,
.departure {
    font-weight:inherit;font-size: 12px;
}
#reservationDetails .card-body li {    color: #000;}
.splitHStartNights,.splitStartNights,.splitEndNights, .splitHEndNights {    background: #a1a1a133;
    padding: 20px;margin-top: 10px;
   }
.splitStartNights h2, .splitEndNights h2 {font-weight: bold;}   

.smallP {
    font-size: 12px;
}
.splitHEndNights h2,.splitHStartNights h2 {     line-height: 1;}
#package-inclusions button {
    border: none;width: auto;font-size: 12px;
    background: no-repeat;    padding: 0;display: flex;
}
.fa-circle-info {     color: #bababa;   padding-left: 5px;}
#package-inclusions {
  text-align: left;
}

#offers h2,
#offers p {
    text-align: left;
}

#package-inclusions p {
    padding: 0;
    margin: 0;
    text-align: left;
}

#changeDatesModal .t-dates {
    height: 50px;
}
#changeDatesModal  {
    z-index: 99999;
}
#clearDates {
    text-align: center;
    font-weight: bold;
    border-radius: 0px;
    background: #ccc;
    margin: 20px;
    padding: 10px;
    margin-top: 20px;
    border: none;
    padding: 20px;
    width: auto;
}
#changeDatesModal .modal-body {padding-top: 0px;}
.pax-box {    text-align: left;
    padding-left: 15px;}
.change-link {align-self: flex-start;}
.date-selection {justify-content: space-between; height: auto; display: flex; padding-top: 10px;}
.date-selection p {font-weight: normal;}
.date-selection span {font-weight: bold;}
.datepicker-btns {display: flex;}
.total-nights p {padding-bottom: 0 !important;}
.explore-bttn-home,.explore-bttn-xp {
    background: #a59451;
    flex: 1;
    min-width: 100%;
    display: inline-block;
    padding: 20px;
    text-align: center;
    color: #fff;
    margin-top: 20px; 
    margin-bottom: 20px;
    border: none;
}
.explore-bttn-home { color: #000;}

.explore-bttn-inner { background: none; border: none;}
#customiseBttn {
    border-radius: 3px;
    background: #ffc451;
    margin: 20px;
    padding: 10px;
    clear: both;
    margin-top: 20px;
}
.honeymoon-list p { font-weight: bold;}
.honeymoon-list ul {     text-align: left;
    font-size: 12px;   padding-left: 0;padding-top: 10px;}
#package-inclusions ul li {
    list-style-type: none;    font-size: 12px;
}
a .readMore {
    display: none;
}

a .readLess {
    display: inline;
}

.collapseButton { font-size: 12px;
  
     padding-top: 10px !important;
}
.collapseButton .fa {    margin-left: 5px;
    margin: 3px;}
.collapseButton:focus {box-shadow: none;}
a.collapsed .readMore {
    display: inline;
}

a.collapsed .readLess {
    display: none;
}

.descriptionText:not(.in) {
    min-height: 4.25em;
    height: 4.25em;
    display: block;
    overflow: hidden;
}
.boldTextMedium {
    text-align: left;
    margin-top: 35px;
    font-weight: bold;
    font-size: 1.5em;
}
.transferRateSelected {
    color: #333;
    font-size: 14px;
}
.dates-box {
    display: flex;
    text-align: left;
    padding-left: 20px;
    padding-bottom: 10px;
}

.dates-box P {
    margin: 0;
}

.inclusions div {
    flex: auto;
}

.card-body {
    text-align: left;
    color: #333;
}
#changeMp button { width: 210px;}
#holiday-details {
    width: 70%;
    text-align: left;
    justify-content: flex-start;
    padding-top: 50px;
    height: auto;
    display: flex;
    flex-direction: column;
    color: #333; 
}
.splitHRoomsDiv .h2 {text-transform: uppercase !important;}
.cancelSplitTransferBtn { display: none;}
#holiday-details h2 {font-size: 12px;margin-bottom: 0;    }
#dd {border-bottom: 1px solid #3333331f;}
.splitRoomDiv h2 {letter-spacing: initial;padding-bottom: 10px;}
.accordion-button:focus {
    color: #333;
    background-color: #fff;
    box-shadow: none;
    
}

.accordion-button:not(.collapsed) {
    color: #333;
    background-color: #fff;
    box-shadow: none;
}

.accordion-item {
    border: none;
}

#accommodation h1 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.resort-short-info {
    list-style-type: none !important;
}

.inclusions {
    display: flex;
    border-bottom: 1px solid;
    margin: 50px;
    text-align: left;
    color: #333;
}

.inclusions h2 {
    padding-bottom: 20px;
}

.tab-content,
#package-inclusions {
    color: #333;
}

#room-details {
    color: #333;
}
.room-details-inner {padding-left: 20px;}

.disc li {
    list-style-type: disc;
}

#offer-details h3 {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: left;
    margin-left: 30px;
}

#offer-details {
    margin-right: 20px;
    width: 100%;
}
.property-name .villa-intro {padding-top: 0px;}

#room-thumb img { width: auto;}
#carousel-cntrol {
    clear: both;
    height: 100px;
    width: 100%;
}

#highlights-intro p {}
#highlights h2 { text-align: center; font-size: 14px; margin: 0;}
#room-details h2 {
    margin: 0;line-height: inherit;
    font-size: 16px !important;
}
.inclusionsUl li { color: #333 !important;}
.inclusionsUl { padding: 0;}
#room-details h3:after {
    content: "";
    display: block;
    margin: 15px auto 0 auto;
    max-width: 100px;
    border-bottom: 1px solid #405765;
}

.fa-check:before {
    content: "\f00c";
    color: #1a8755;
}

.fa-check {
    padding-right: 10px;
}

.guarantee {
    display: flex;
}
#booking-summary-accordion .accordion-item, #booking-summary-accordion .accordion-button {background: #dbd5cd;}  

.book-villa {    margin-top: 50px;}
.floor-plan {
    text-align: center;
    justify-content: flex-start;
    margin: 0 auto;
    width: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
#hero .highlights-img, #hero  .villa-wrap { width: 100% !important;}
#highlights-list ul li {
    text-align: left;
    font-size: .9375rem;
}
#highlights-list p {    width: 100%;}

#main p {}

.roominfo {
    margin: 0 auto;
    width: 100%;
    justify-content: space-around;
    display: flex;
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: left;
}
.package-inclusions-inner {}

.fa-chevron-down {
    margin-left: 20px;
    color: #a59451;
}

.transport,
.play,
.dine,
.stay {
    font-size: 1em;
    color: #33333361;
}

.roomusers,
.roomsize,
.roombeds {
    margin: 0;
    border-radius: 3px;
    text-align: center;
    margin-right: 15px;
    font-size: 12px;
    padding: 10px 20px 0px;
}
.fa-sliders {padding-right: 10px;
    padding-top: 3px;}
.price-box {width: 100%;}

.resort-short-info {
    padding-top: 10px;
    font-size: .9375rem;
    padding: 0;
    margin-top: 15px;
}

.resort-short-info .fa {
    padding-right: 10px;
}

.scroll {
    font-family: "Raleway", sans-serif;
    color: #fff;
}

.book-offer {
    display: flex;
}

.btn-dark {
    color: #fff;
    background-color: #333;
    padding: 20px 25px 20px 25px;
    white-space: nowrap;
    text-align: center;
    transition: 0.3s;
    font-size: 14px;
    display: inline-block;
    margin-right: 20px;
    align-self: center;border: 1px solid #333;
}

.btn-outline {
    color: #333;

    padding: 20px;
    white-space: nowrap;
    transition: 0.3s;
    font-size: 14px;
    
    margin: 0 auto;
    text-align: center;
    align-items: center;
 
}
.btn-outline h3 {margin: 0;
    padding: 0px;}

#highlights-list ul li {
    list-style-type: disc;
}
#mb0 { margin-bottom: 0 !important;}
.paddingLarge {
    padding-bottom: 50px;
     color: #fff;
}

.tripadvisor-widget {
    margin-top: 50px;
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}

#highlights-box {
    display: flex;
    justify-content: space-evenly;
}
.roomList {}
.roomList:hover  h2{
    text-decoration: underline;
}
#highlights {
    padding: 60px 0;
    width: auto;
    margin: 0 auto;
    justify-content: center;
    padding-top: 50px;
    padding-bottom: 0px;

}
.stayInfo { padding-top: 10px !important;}
.intro_short .intro-inner {    max-width: 287px;}
#highlights-intro {
    width: calc(50% - 1.875rem);
   
}
.highlights-slider  h3,.highlights-slider p {text-align: left;}
.highlights-pagination {margin: 0 auto; padding-top: 20px;
    justify-content: center;
    text-align: center;}
    .startPrice {     padding-top: 50px;margin:  0 auto; text-align: center;}
.highlights-img  {overflow: hidden;    width:auto;}
#highlights-box { padding-top: 20px;}
#highlights-list {
    width: calc(70% - 1.875rem);
    padding: 20px;
    margin: 0 auto;
    text-align: center;
    bottom: 0;
    position: absolute;
    z-index: 999999999;
    left: 0;
    right: 0;
    padding-left: 100px;
    padding-right: 100px;
    background: none;
    box-shadow: rgba(0, 0, 0, -0.9) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.qualify { margin: 0 auto; text-align: center;}
.fs30 {color: #a59451; font-size: 30px; font-weight: bold;}
.startPrice p { font-size: 20px; }
#highlights-list h3 { padding-top: 20px;}
#highlights-list h3, #highlights-list p { color: #fff;}
#highlights-list h3 { text-transform: uppercase;}

.highlights-pagination {left: 0;
    width: 100%;
    margin-top: 0px;
    z-index: 9999999999999;
    position: absolute;
    bottom: 35px !important;}
    .material-symbols-outlined { font-size: 45px !important;}
.highlights-slider { height: auto;}
.highlights-slider h3, .highlights-slider p { text-align: center !important;}
.tc { text-align: center; padding-top: 35px;}
.languagesUl li{ padding-top: 5px;}
#spa {
    display: flex;
    background: #ebebeb;    width: 100%;    margin: 0 auto;
}
.card-body li {    width: 130px;
    text-align: center;
    margin: 1rem 1rem;
    color: #53565a;margin-top: 0;
}
.card-body ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#spa-intro {
    width: 50%;
    padding: 40px;align-self: center;
}

#spa-list {    width: 50%;}


/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

.villa-details ul li {
    list-style-type: disc;
}
.dining-wrap img,.romanceDiv img {
    height: 385px !important;
}
#dining {    background: #cccccc7d;}
#restaurant-tab,#bar-tab {     width: auto;
    padding: 15px;
    padding-left: 70px;
    padding-right: 70px;}
.diningTabs {      margin: 35px;
    justify-content: center;
    display: flex;    margin-top: 0px;
    margin-bottom: 0;}
.diningTabs .nav-item  { justify-content: center;}
#dining .intro h1 {    margin-bottom: 0;}
#offers {    background-color: #fff;}
.spaDiv img {height: 500px !important;}
.experience-details {
    z-index: 9999999999;
    text-align: center;
    position: absolute;
    justify-content: center;
    margin: 0 auto;
    width: 90%;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%,-50%);
    align-items: center;
}  
.property-info {
    text-align: center;
    justify-content: center;
    margin: 0 auto;
    width: 90%;
    bottom: 10%;padding-top: 50px;

    align-items: center;
}       
 #room-details {
    margin-left: 20px;
}
#room-thumb {     width: 253px !important; padding-bottom:25px;}
#room-thumb .swiper-slide img {    height: 253px;}
#spa-intro {
    padding: 40px;
}
.hero-pagination { bottom: 50px !important;}
#spa .villa-photo {
    width: 100% !important;
}

.vimeo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}
.package-inclusions-outer .priceDiv {    font-size: 1.2em;}
.tab-content .total-nights { background: none; padding: 0;}
.iten { }
.selectedMpName {    padding-right: 10px;}
.bookVilla  { margin-bottom: 150px;}
.enhanmentModal .villa-wrap { width: 253px !important;}
.enhanceIntro { width: 200px;}
.enhanmentModal .overlay { height: 253px;}
.enhanmentModal .cat-price {  margin-bottom: 20px;margin-right: 20px;  align-self: end;}
.enhanmentModal p { font-size: 12px;}
.enhanmentModal h2 {margin-bottom: 10px;font-size: 16px;
    font-weight: bold;}
.enhanceIntro {
    padding-right: 20px;    padding-top: 20px;
    width: 200px;
}
video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: url(../img/bg.jpg) no-repeat;
    background-size: cover;
}

.abc {
    width: 100vw;
    height: 56.25vw;
    /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh;
    /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.fa-martini-glass-citrus {    font-size: 14px;
    padding-right: 5px;}

.spa-holidays {
    height: 225px;
    margin-right: 25px;
    overflow: hidden;
    padding: 0 !important;
    background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url("../img/spaholidays.jpg") center !important;
}
.propertyInner { display: flex;padding-left: 10px; width: max-content;}
.propertyInner:hover { }
.row-one {
    background:#f8f8f8;
    z-index: 1;
    width: auto;
    margin: 0 auto;
    right: 0;
    left: 0;
    margin-left: 35px;
    margin-right: 35px;
}

.row-one .grid {
    flex: 0 1 33.33333%;
    padding: 15px;
    max-width: 33.3333%;
}

.fa-star:before {
    color: #a59451;
}

.vertical-border {
    width: 1px;
    border-right: 1px solid #ccc;
    margin: 20px;
    margin-right: 20px;
}

.total-nights p {
}

#package-inclusions  {
   
    margin-left: 0;padding-right: 10px;
}
.package-inclusions-outer {    padding-left: 40px !important;}
.container.range-plugin .calendar>.days-grid>.day.end, .container.range-plugin .calendar>.days-grid>.day.start
{border-radius: 34px !important;}

#package-inclusions::before {
    width: 33.33%;
}

.honeymoon-holidays {
    height: 225px;
    margin-right: 25px;
    overflow: hidden;
    padding: 0 !important;
    background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url("../img/honeymoon.jpg") center top !important;
}

.honeymoon-holidays h4 a,
.honeymoon-holidays p,
.spa-holidays h4 a,
.spa-holidays p {
    color: #fff !important;
}
.xp-vid { position: revert;
    min-height: 440px;
    width: 100%;
}
.innerXp { padding: 15px;}
.xp-mobile-pagination {    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;}
.xp-slides,.xp-wrap { width: 305px !important; height: 550px;}
.swiper-pagination-bullet {background: var(--swiper-pagination-bullet-inactive-color,#fff);}
.outlineBtnWhite {
    background: none;
    border: 1px solid #fff;
    width: 88%;
    position: static;
    display: block;
    padding: 20px;
    text-align: center;
    color: #fff !important;
    margin: 20px auto;
    font-size: 12px;
}
.avimeo-wrapper {min-width: 100%;
    height: 467px;}
#features {
    padding-top: 100px;    background: #e7e7e7;    margin-bottom: 100px;
}
.resort-short-info { padding-right: 20px;}
.apply-honeymoon {padding: 20px;}
#features .tab-content,
#package-inclusions-box {
    width: 80%;
    margin: 0 auto;
}
.packageInclusions .fa-utensils,.packageInclusions .fa-ship,.packageInclusions .fa-bed { padding-right: 5px !important;}
.amenitiesHighlight li {    list-style-type: none;}
.c-ui-quantity {    align-self: center;}
.customize-btn {background: #a59451;    letter-spacing: inherit;
    font-weight: normal;margin-top: 20px;}
#package-inclusions{
    width: 33.33%;
    padding-top: 0px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#room-details { justify-content: flex-start;
}
.section-title {
    position: relative;
    margin-bottom: 50px;
}

.honeymoon-holidays .icon-box,
.spa-holidays .icon-box {
    background: none !important;
    align-self: center;
    border: none !important;
}
.choosen-xp { display: none !important;}
.mainimage {height: 100vh;}
#hero {
    width: 100%;
    height: 100vh;
    background-size: cover;
    position: relative;
    display: block;
    background: #000;
    z-index: 0;

 /*  background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url("../img/bg.jpg") center top !important;
*/
}
.simillarDiv {  }
#hero:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#hero .container {
    position: relative;
    padding-top: 74px;
    text-align: center;
}

#hero h1 {
letter-spacing: inherit;
    color: #fff;
    margin-bottom: 0px;
}
#roomInfo h1 { text-transform: uppercase;padding: 0;
    margin-bottom: 0;}
#propInfo h1 {    padding-bottom: 0;    display: flex;
    margin: auto;
    justify-content: center;
    margin-bottom: 0;}
#hero h1 span {
    color: #ffc451;
}
#roomInfo {display: flex!important;
    text-align: center;
    margin: 0 auto;    padding-top: 50px;
    justify-content: center;}

#propInfo span {line-height: 18px;}
.intro-inner .stay p,.intro-inner .dine p,.intro-inner .play p ,.intro-inner .transport p { font-weight: bold;}
#hero .propInfo {display: flex!important;
    text-align: center;
    margin: 0 auto;
    justify-content: center;}
#hero h2 {
    color: rgba(255, 255, 255, 0.9);
    margin: 10px 0 0 0;
    font-size: 16px;
    margin-top: 5px;    padding-bottom: 20px;
    line-height: 12px;
}
.avimeo-wrapper h4, .cat-details h4 {
    font-size: 16px;
}
#hero .icon-box {
    padding: 30px 20px;
    transition: ease-in-out 0.3s;
    border: 1px solid rgba(255, 255, 255, 0.3);
    height: 100%;
    text-align: center;
}

#hero .icon-box i {
    font-size: 32px;
    line-height: 1;
    color: #ffc451;
}
.transferUpgrade h1 { text-transform: none !important;    letter-spacing: inherit;}
#hero .icon-box h3 {
    font-weight: 700;
    margin: 10px 0 0 0;
    padding: 0;
    line-height: 1;
    font-size: 20px;
    line-height: 26px;
}

#hero .icon-box h3 a {
    color: #fff;
    transition: ease-in-out 0.3s;
}

#hero .icon-box h3 a:hover {
    color: #ffc451;
}

#hero .icon-box:hover {
    border-color: #ffc451;
}

@media (min-width: 1024px) {
    #hero {
        background-attachment: fixed;
    }
}

@media (max-width: 768px) {
    #hero {
    
    }
    #hero h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #hero h2 {
        font-size: 14px;
        line-height: auto;
    }
}


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/

section {
    padding: 60px 0;
}
.factsheet { text-decoration: underline;}
.services {
padding-top: 50px !important;
}
.half {
    width: 70%;
    text-align: center;
    margin: auto !important;
    margin-top: 20px !important;
}

.section-title {
}

.section-title h3 {
    text-align: center;
}
.transferArrival span,.transferDeparture span { color: #333; font-weight: bold;}
.transferDeparture { padding-top: 50px;}
.transferOptions h2 { font-weight: bold;}
.changeRoom h1 ,.splitRoomDiv h1{ padding-bottom: 20px !important;}
.changeRoom .nightlyPriceDefault,.splitRoomDiv .nightlyPrice{font-size: 14px;font-weight: bold;color: #333 !important;}
#holiday-details .form-check-label {margin-left: 10px;    font-size: 12px;}
.singleRoomPrice h2 { font-weight: bold;}
#expect h2 { font-size: 14px;padding-bottom:0px;}
.section-title h2 {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
    padding: 0;
    line-height: 1px;
    margin: 0 0 5px 0;
    letter-spacing: 2px;

    font-family: inherit;padding-top: 10px;
    letter-spacing: inherit;
}
.f10 { font-size: 10px !important;}
.section-title h2::after {}
#othervillas h1,.experience-details h1 { margin: 0;}
.section-title p {
    margin: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    font-family: inherit;
    color: #151515;
}

.glide--grid-lg .glide__slides {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
    width: auto;
}
.text-transform-upper {
    text-transform: uppercase;
}
.m0 { margin: 0;}
.fa-circle {font-size: 8px;}
.pt20 { padding-top: 20px !important;}
.pt50 { padding-top: 50px;}
.section-title h4 {
    font-size: 1em;
    text-align: center;
}

#benefits {
    padding: 35px;
    width: 80%;margin: 0 auto;
}
#benefits h1 { padding-top: 150px;margin-bottom: 0px;}
#benefits h2 { padding-top: 50px;}
#benefits .multi-column p  {padding-left: 20px;
    padding-right: 20px;}
    .multi-column ul li { list-style-type: disc; padding-bottom: 20px;     margin-left: 30px;}
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/

.about .content h3 {
    font-weight: 700;
    font-size: 28px;
    font-family: "Poppins", sans-serif;
}

.about .content ul {
    list-style: none;
    padding: 0;
}

.about .content ul li {
    padding: 0 0 8px 26px;
    position: relative;
}

.about .content ul i {
    position: absolute;
    font-size: 20px;
    left: 0;
    top: -3px;
    color: #ffc451;
}

.about .content p:last-child {
    margin-bottom: 0;
}


/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/

.clients {
    padding-top: 20px;
}

.clients .swiper-slide img {
    opacity: 0.5;
    transition: 0.3s;
    filter: grayscale(100);
}

.clients .swiper-slide img:hover {
    filter: none;
    opacity: 1;
}

.clients .swiper-pagination {
    margin-top: 20px;
    position: relative;
}

.clients .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: 1;
    background-color: #ddd;
}

.clients .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #ffc451;
}

.titleLabel {width: 12% !important; }

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/

.features {
    padding-top: 20px;
}

.features .icon-box {
    padding-left: 15px;
}

.features .icon-box h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 5px 0 10px 60px;
}

.features .icon-box i {
    font-size: 48px;
    float: left;
    color: #ffc451;
}

.closeBttn {
    background: none;
    border: none;
    font-size: 1.9em;
}
.tranfer-rates h2 {display: flex;    justify-content: flex-end;}
.transfer-pp-d,.transfer-pc-d,.transfer-total-d { padding-left: 5px;}
.transfer-pp,.transfer-pc,.transfer-total { padding-left: 5px;}

.features .icon-box p {
    font-size: 15px;
    color: #848484;
    margin-left: 60px;
}

.resort-filters {
    justify-content: space-between;
    padding-bottom: 20px;
    border: none !important;
    z-index: 1 !important;margin: 10px;
}
.calendars { display: flex !important;}
.update-price {
    width: auto
}
.cancelSplitHotelBtn { display: none;    font-size: 12px;text-decoration: underline;}
.cancelSplitHotelBtn:hover { cursor: pointer;}

.cancelSplitBtn,.cancelHotelResortSplitBtn { padding-top: 10px; display: none;    font-size: 12px;text-decoration: underline;}
.cancelSplitBtn:hover,.cancelHotelResortSplitBtn:hover { cursor: pointer;}
.day:hover { cursor: pointer !important;}
.accordion-item .fa-utensils, .fa-person-swimming { color: #333;}
.enhancementsAccordion .accordion-button { 
    letter-spacing: inherit !important;   font-weight: bold !important; font-size: 12px !important;}
.accordion-button {text-transform: uppercase;

    font-size: 1.125rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
    letter-spacing: inherit;
    line-height: 2.33;
    font-weight: normal;
}
.pt150 { padding-top: 150px;}
#highlights p { width: 100%;margin: auto;}
#viewOffer .search-btn {    width: 30%;}
.travel-dates { cursor: pointer;}
.bounce {    display: block;
    cursor: pointer;
    padding-top: 0;
    position: absolute;
    z-index: 999999999999999999;
    bottom: -60px;
    left: 0;
    right: 0;}
    .scroll { font-size: 10px;}
#search-btn,.applyDatesBtn {    padding: 10px 20px 11px 20px;}
#book-widget-min {
    background: #fff;
    z-index: 1;
    width:auto;
    padding: 25px;
    margin: 0 auto;

    right: 0;
    left: 0;
    margin-left: 35px;
    margin-right: 35px;
    box-shadow: 0 0.6875rem 3.125rem 0 rgb(0 0 0 / 10%);
}
.guests-link {}
.dinnigBox .fa-utensils {padding-right: 10px;}
.change-link {  padding: 9px;}
.widget-box {display: flex;justify-content: space-around;    align-items: center;}
.apply-honeymoon {
    padding: 20px;
    text-align: center;
    border-top: 1px solid #cccccc63;
    padding-top: 0px;
    margin-top: 20px;    padding-bottom: 0;
}
    .apply-honeymoon button {text-align: center;
        margin: 0 auto;
        background: none !important;
    border: 1px solid #000 !important;
    color: #000 !important;
        width: 25%;}
.apply-honeymoon p {text-align: center;
    margin-top: 20px;}
.travel-dates p {text-align: left;}
#book-widget-min-inline {
    background: #fff;
    z-index: 1;
    width: 100%;
    padding: 25px;
    margin: 0 auto;
    justify-content: space-between;
    right: 0;
    left: 0;
    margin-top: -50px;
  display: flex;    padding-left: 0px;
}

.fa-angle-right,
.fa-angle-left {
    color: #fff;
}

#blueimp-gallery .fa-close {
    font-weight: normal;
    font-size: 1em;
    color: #fff;
}
h6 { text-transform: none;
    letter-spacing: inherit;
    font-family: inherit;
}
.fa-file-pdf { color: red !important;}
.blueimp-gallery-display>.next,
.blueimp-gallery-display>.prev {
    background: none !important;
}
.fa-bars {
    font-size: 2em;
    color: #000;
    cursor: pointer;
    padding-left: 20px;
    padding-top: 20px;
}
.halfIntro {    padding-left: 20px;
    padding-right: 20px;}
.container, .container-lg, .container-md, .container-sm {    max-width: initial;}
.villas-outer {    background: #f9f9f9;
}
.villas {display: flex;
    margin: 0 auto;
    justify-content: center;}
.fullHeight { height:100vh !important;}    
#hero .swiper-slide img {
    width: auto;
    height: 100vh;
    max-width: 100%;
    max-height: 100%;
}

#links img {
    display: none;
}

.photo-gallery .fa {
    padding-right: 5px;
}

.photo-gallery {
    position: absolute;
    z-index: 99999;
    width: 250px !important;
    padding: 20px;
    border: none;
    background: #cccccc6b;bottom: 20px;
    left: 20px;
}
#island-highlights { padding-top: 0;}
.restaurant-pagination, .xp-pagination { font-size: 12px;}
.intro_short {
    display: flex;    margin: 50px !important;margin-bottom: 0px !important;
    margin: 0 auto;
    justify-content: center;
    text-align: center;
    width: auto;border-bottom: 1px solid #cccccc6b;
    padding-top: 0;padding-bottom: 0;margin-top: 0px !important;
}
.intro_short_general {
    display: flex;    margin: 50px !important;margin-bottom: 0px !important;
    margin: 0 auto;
    justify-content: center;
    text-align: center;
    width: auto;
    padding-top: 0;padding-bottom: 0;margin-top:0px !important;
}
.material-symbols-outlined {
    font-family: 'Material Symbols 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;
  }
.propertyStars { padding-left: 10px;}
#intro { width: 80%;}
.intro-inner p { margin: 0;}
.intro-inner .fa {   }
.restaurant-pagination .swiper-pagination-bullet,.awards-slider .swiper-pagination-bullet {background: #a59451 !important;}
.features .image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
}
.intro #module  {margin-bottom: 50px;}
.blueimp-gallery>.indicator>li {
    box-shadow: none !important;
    border: none !important;
}
.booking-summary {
    width: auto;
    background: #dbd5cd;
    padding: 0px 100px 0px 100px;
    margin: 0 auto;
    margin: 20px;
    
}
.destinationDiv { width: 100%;}
.innerXp .row-one { background: #fff; display: flex;flex-wrap: wrap; margin-left: 0px; margin-right: 0px;}
.dataIn #room-thumb {padding-bottom:0px;}
.bgWhite { background: #fff;}
.noMargin {margin: 0px !important;}
.clearInput  {    position: absolute !important;
    right: 0;bottom: 2px;}
.filterDiv { margin-top: 50px; margin-left: 15px;justify-content: unset;display: block;  
     }
.resort-filters { padding: 0; margin: 0;align-self: center;}
.booking-summary h3{ padding: 0; margin: 0;font-family: Arial, Helvetica, sans-serif;
}
.xpDetails .img-fluid { width: 100%;}
.xpDetails .villa-wrap {width: 200px;}
.xpDetails .overlay { height: 200px;}
.xpDetails h2 {    padding-left: 0px;}
.xpDetails .enhanceIntro { padding-left: 10px; width: 250px !important;}
.xpDetails p { font-size: 12px;}
.xpHeading {margin-top: 0 !important;padding-left: 0 !important;    margin-bottom: 10px !important;}
.sidebar-header h3 {    text-align: left;
    padding-left: 30px;}
    #sidebar .sidebar-header { padding-left: 0px !important;}
.clearsearch {}    
.resort-filters h4 {
    margin-right: 15px;
    margin-left: 20px;color: #333;
    font-size: 14px;letter-spacing: inherit;
    text-transform: none;
    letter-spacing: inherit;
    font-family: inherit;
    font-weight: normal;
}
.featuresTabs {width: 217px;margin-top: 0px}
.featuresTabs .nav-link{ background: none;border-bottom:none}
.subBox {
    padding: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
}
#featureSection .nav-link { padding: 15px;}
#featureSection .accordion-tabs { margin-bottom: 0 !important;}
.swiperImageWrap { 
 
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next, .swiper-button-next {    color: #fff;}
.fa-times { padding-top: 50px;}
.swiper-wrapper-outer { margin-left: 35px; margin-right: 35px;}
#dining .experiences-wrap { }
.innerXp .intro { display: none;}
.itenary-container {     margin: 50px;}
.xpSideNav {    width:30%;}
.xpSideNavUl li { line-height: 2.5em;}
.xpSideNavUl li:hover { text-decoration: underline;}
#experiences .intro {margin-top: 0px;}
#experiences { padding-bottom: 0;}
#experiences p { padding-bottom: 20px;}
#experiences .nav-pills .nav-link.active { padding-top: 20px;}
#experiences .nav {    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 60px;
    margin-right: 60px;}
    .nav-pills .nav-link.active {border-bottom: 3px solid #a59451 ;
    color:#a59451  ;
        background: none ;}
#experiences .nav-pills .nav-link.active {border-bottom: 3px solid #fff !important;}        
#dining .nav-pills .nav-link.active {border-bottom: 3px solid #e7e7e7 ;}
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {border-bottom: 3px solid #fff;}
.innerXp {    width: 100%;}
.innerXp h2 {
    font-weight: 600;
    line-height: 1.2;
    margin: 3rem 0 1.5rem 0;
    margin-top: 1.625rem;
    font-size: 16px;
    letter-spacing: inherit;
}
.modal-content .experiences .cat-details h4,.avimeo-wrapper h4{ color: #333;}
.addDetailsDiv { display: none;}
.xpSideNav h2 {
    font-weight: 600;
    line-height: 1.2;
    margin: 3rem 0 1.5rem 0;
    margin-top: 1.625rem;
    font-size: 14px;
    letter-spacing: inherit;
}
.xpSideNavUl a {    font-size: 14px;}
.mainMenu  {margin-left: 20px;}
.dateBox { background: none !important;padding-left: 0px !important;}
.total-nights {
    padding: 14px 20px 13px 10px;background: #cccccc45;
}
.experience-details p { font-size: 12px;}
#hero p { padding-top: 0px;}
#termsAccordion {margin-top: 20px;}
#infoAccordion {margin-top: 20px;}

#infoAccordion .accordion-item:first-of-type .accordion-button ,.accordion-item:last-of-type .accordion-button.collapsed,.accordion-button:not(.collapsed){ background: #fef6e8; letter-spacing: inherit;  font-size: inherit;}
#infoAccordion .accordion-button {   letter-spacing: inherit !important;
    font-weight: bold !important;
    font-size: 12px !important;

    margin-bottom: 0;}
    .accordion-button:not(.collapsed) { font-weight: normal !important;}  
    
    #infoAccordion   .accordion-button:before { content: "";}
#infoAccordion .accordion-item {margin-top: 20px;}
.date-input {
    border: none;
    display: flex;
    text-decoration: none;
    background:none;
    color: #333;
    font-size: 12px;    padding: 0;
}
.resort-filters {
    display: flex;
    border: 1px solid #ebebeb;
    height: 50px;
    align-items: center;
}
#highlights-box #highlights-list p {font-size: 12px;}
.price {
    font-size: 1.6em;
    color: #000;
    padding-right: 10px;
    padding-left: 5px;
}

.textsmall {
    font-size: 12px;
    font-weight: normal;
}

.search-filters {
    background: #ccc;
    margin: 0 10px;
    height: 30px;
    padding: 10px 20px 0 20px;
    font-size: 12px;
    border-radius: 5px;
}

.explore-bttn-box {
    margin: 20px;
}


/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/

#services {
    background: #f9f9f9;
}
.villa-type-btn {    width: 150px;}
.filter-dropdown {width: auto;
    display: flex;}
.theme-btn {    margin-right: 10px;width: 190px;margin-bottom: 10px
    }
    #resort-list .grid { padding: 0 !important;}
.services .icon-box,.icon-box {
    margin-bottom: 20px;
    text-align: center;
    border: none;
    padding: 0;
    transition: all ease-in-out 0.3s;
    background: #fff;
    cursor: pointer;
    padding-bottom: 0px;}
    .services .icon-box {justify-content: space-between !important;}
.services .icon-box .icon {
    margin: 0 auto;
    width: 64px;
    height: 64px;
    background: #ffc451;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: 0.3s;
}

.services .icon-box .icon i {
    color: #151515;
    font-size: 28px;
    transition: ease-in-out 0.3s;
}
.pl-2 { padding-left: 20px;}

.tags {
    background-color: #cccccc78;
    padding: 3px;
    margin: 3px;line-height: 2em;    font-size: 12px;
}
#room-details ul li {    font-size: 12px;}
.villaAttributes {
     display: flex;    flex-wrap: wrap;

}
.villaAttr {
    background: #cccccc6b;
    text-align: center;
    align-items: center;
    align-self: center;
    margin: 5px;    
}
.villaAttr .fa-solid {
    font-size: 1.5em;
    padding-right: 5px;
    line-height: 40px;
    padding-left: 5px;    
}

.services .icon-box h4 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 14px;
    padding-top: 0px;
}

.servicess .icon-box h4:after {
    content: "";
    display: block;
    margin: 15px auto 0 auto;
    max-width: 100px;
    border-bottom: 1px solid #405765;
}

.services .icon-box h4 a {
    color: #151515;
    text-transform: uppercase;
    transition: ease-in-out 0.3s;
    font-size: 0.8em;
}

.resort-box h4 a {
    font-family: Times New Roman, Times, serif;
    font-weight: normal !important;
}

.overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);    width: 100%;
    z-index: 9;
    position: absolute;
    overflow: hidden;
    height: 300px;
}
.restaurantsInnerB { width: 470px;overflow: hidden;}
.xpInnerB { width: 470px;overflow: hidden;}

.villas {
    width:470px;
    background: none !important;
}

.details-info {
    border: 1px solid #f9f9f9;
    padding: 10px;
    padding-bottom: 20px;
}

.details-info h4 {
    font-size: 18px;
    padding-top: 10px;
    font-weight: bold;
}

.services .icon-box h4 a:hover {
    color: #ffc451;
}

.details-info ul li {
    font-size: 0.8em;
}

.explore-bttn {
    border: 1px solid #666;
    background: none;
    padding: 10px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
}

#book-widget {
    display: flex;
    background: #d9d9d9;
    top: 73px;
    position: sticky;
    z-index: 1;
    padding: 20px;
}

.destination {
    width: auto;
    margin-left: 20px;
}

.bullet li {
    list-style-type: disc;
    padding-top: 10px;
}

.room-details ul {
    padding-top: 10px;
}

.amenitieshighlight {
    padding-bottom: 15px;
}
.resultFilter { margin-left: 20px;}
.filter-div,.filter-offer-div {  
    display: flex;
    padding: 20px;
    width: auto;
    padding-bottom: 0;
    margin-bottom: 0;justify-content:left;

}
.villas a {    width:auto;}
.filter-div:hover,.filter-offer-div:hover { cursor: pointer;}
.filter-div,.filter-offer-div i {padding-right: 10px;}
.filter-by {
    padding: 20px;
    background: #e7e7e7;
    margin: 20px;
    margin-top: 0px; display: none;
}
.filter-offer-by {
    padding: 20px;
    background: #e7e7e7;
    margin: 20px;
    margin-top: 0px; display: none;
}
.rating {padding-left: 20px;}
.filter-by h2 { margin-bottom: 10px;font-weight: bold; font-size: 1em !important;}
.div-inline { display:inline-block;}
#header .fa-bars { padding-top: 40px;}
#tripAdvisor {     padding-bottom: 0px;   padding-top: 10px;overflow: hidden;position: static;
    top: 20px;
    z-index: 1;}
    #CDSSKY.cdsBx .cdsData .cdsTrvlRtng { text-align: center !important;}    
.view-villa-link {
    justify-content: space-between;
    display: flex;
}
.trip-advisor__link {margin-bottom: 20px;}
#room-details .fa-map-marker {    margin-right: 5px;}

.services .icon-box p {
    line-height: 24px;
    font-size: 12px;
    margin-bottom: 0;
}
.packageInclusions li{ text-align: center !important;}
.packageInclusions {align-items: baseline;}
.resort-short-info ul li {
    list-style-type: none !important;
}
.packageInclusions .fa-utensils { line-height: 0;}

#customiseBttn:hover,
#applyDates:hover {
    cursor: pointer;
}.with-gradient {
    position: relative;
  }
  .highlights-slider h3 {    text-transform: none;
    letter-spacing: inherit;
    text-align: center !important;
    font-size: 1.2em;
    font-family: inherit;}  
  .with-gradient:before {
    content: '';
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%) !important;
  }
.swiper-slide img::after{}
#packages-home { background-color: #0000000d;}


#room-details a {
    font-style: normal;
    font-weight: normal;
    font-family: Open Sans, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-stretch: 100%;
    font-style: normal;
    font-feature-settings: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    letter-spacing: -.03em;
    line-height: 1.2;
    color: #333;
}

.total-nights {
    font-weight: bold;
    display: flex;
}

.total-nights p {
    margin: 0 !important;
    font-weight: bold;
    margin-left: 5px;
}

.c-icon__user--adult {
    width: 1.5rem;
    height: 1.5rem;
}

.c-icon__user {
    fill: #575757;
    margin-right: 0.25rem;
}
.booking-steps {
    height: 150px;    margin: 0 auto;
    max-width: 60rem;
    padding: 1.875rem 0;
}
.tab-content #holiday-details {}
.enhancements {
    margin-top: 50px;
}
.enhancements .accordion  { width:  auto !important;}
.booking-steps .fa-circle-check {    font-size: 2.5em;}
.booking-steps ul {display: flex;    margin: 0 auto;
    text-align: center; height: auto;position: relative;
    justify-content: space-around;}
    .booking-steps ul li {text-align: center;}
.booking-line::before {
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    top: 1.5rem;
    transform: translateX(-50%);
    width: 66.66667%;background-color: #8f9779;      
}
.transferTotalDiv {text-align: right;   
    padding-top: 10px;
    padding-bottom: 10px;justify-content: flex-end;
}
.transferArrivalDivSplit {   }
.transferTotalDivSplit {display: flex;
    justify-content: flex-end;}
.transferArrivalDivSplit,.transferDepartureDivSplit { display: flex;}
.transferDepartureDivSplit {    justify-content: space-between; display: flex;
   }
    .splitRoomBtns,.childoption { display: none;}
.transferArrivalDiv,.transferDepartureDiv,.transferArrivalDivSplit {    justify-content: space-between;}
.transferArrivalDiv,.transferDepartureDiv,.transferTotalDiv { display: none;}
.transferArrival,.transferDeparture {    justify-content: space-between;}
.transferArrival,.transferDeparture,.arrivalTransferRate,.departureTransferRate { display: none;}
.transferBtns { display: none;justify-content: space-between;}
.changeTransferBtn,.cancelSplitTransferBtn { cursor: pointer;}
.form-check-input[type=radio] {      margin-top: 0px;  transform: scale(0.7); }
#step {padding-top: 50px;}
.pt-20 { padding-top: 20px;}
.sh2 {
    padding-top: 20px;
    font-weight: bold;
    padding-bottom: 10px;
}
.step-one{ height: auto;}
.transferOptions { display: none;
    justify-content: space-between;
     padding-top: 20px;
}
.paxBox .childAge {    width: 42px;}
.circleInactive::before {
    content: '01';
    display: inline-block;
    width: 50px;
    height: 50px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #e9e9e9;
    opacity: 1;
    z-index: 0;
    position: relative;    line-height: 3rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {}
.booking-summary {
    width: auto;
    background: #dbd5cd;
    padding: 0px 100px 0px 100px;
    
}
#priceDetails .modal-title {margin: 0 auto;
    text-align: center;
    justify-content: center;}
.selected-activities-detail p {
    margin: 0;}
.bold {font-weight: bold !important;}    
.bold h2,.selected-activities-detail h2 { font-weight: bold;}
#priceDetails h2 {margin-bottom: 0; font-size: 12px;}
.border-rows {
    border-bottom: 1px solid #e7e7e7;
    padding: 50px;
}
.date-alert {border: 1px solid #333;
    align-self: center;}
    .date-alert p {display: block;
      
    margin: 0;
    padding: 10px;
      
        align-self: center;}
#priceDetails .border-rows {
    padding: 20px;    padding-left: 0px; margin-left:0px; 
} 
.flexStart .fa-utensils {
    line-height: inherit;
    color: inherit;
    padding-right: 5px;font-size: 0.9em;
}
#priceDetails p { margin: 0;    }
#priceDetails .modal-content {    padding: 20px;}
#priceDetails .modal-body { padding: 0;}
.enhancements .accordion-button {    align-items: center;}
.package-inclusions-outer {
    align-self: flex-start; 
    margin-top: 50px;    margin-left: 20px !important;
}
.pb20 { padding-bottom: 20px;}
#step .tab-content { display: grid !important;}
#step .nav-link {}
#step .active {background: #fff;}
#step .nav-fill .nav-item .nav-link { border: none;}
  #stepBox #step { }
  #step #home-tab{border: none !important;}
  #step .nav {margin-bottom: 0;}
.amenitiesList p {margin: 0; text-align: center;padding-top: 50px;}  
  .amenitiesList  {    margin-left: 35px !important;    margin-right: 35px !important;}
.showMoreList { margin: 0 auto; padding-top: 20px;
    text-align: center;}
.showMore {border: 1px solid #3333333b;}    
.fa-plane,.enhancements .fa-gift,.enhancements .fa-heart,.enhancements .fa-bed,.enhancements .fa-person-swimming { 
    font-size: 14px !important;
    padding-right: 5px !important;    margin-top: 0px !important}
.transferBox .fa-plane {   margin-top: 4px !important}
.modal-content .arrival, .modal-content .departure,#priceDetails h2 {    font-size: .9375rem;}
.spaceBetween { justify-content: space-between;}
.flexStart { display: flex;    justify-content: flex-start !important;}
.w20 {width: 20%;}
#changeMp h2,#changeSplitHotelResortMp h2 {    font-weight: bold;    margin-bottom: 0;}
.break-box {
    margin-top: 20px;
    border-top: 1px solid #e7e7e7;
    padding-top: 20px;
}
.paxInnerBox { display: flex;}
.fa-file-contract {padding-right: 5px;}
.sideBarDates {display: none !important;}
.propertyInfo {text-align: center;}
.justify { justify-content: space-between; display: flex;}
.step-button {
    margin: 0 auto;
    justify-content: center;
    text-align: center;
    margin-bottom: 50px;
}
.your-details {
    margin-top: 50px;
    padding-top: 50px;
}
.step-one:hover,.step-two:hover,.step-three:hover { cursor: pointer;}
.booking-summary p {
    color: #000;
    font-size: .6875rem;
    font-weight: 700;
    letter-spacing: inherit;
    line-height: 1.6;
    text-transform: uppercase;
}
.c-ui-quantity {    align-self: center;
    padding-top: 12px;}
#remove-child {align-self: center;}
.show-mp-rates,.tranfer-rates {text-align: right;}
.bb-rates {display: none;}
.offers-applied-ul {padding-left: 10px !important;}

.offers-applied { color: #000;}
.viewOffer li {}
.uc { text-transform: uppercase;}
.qualify .viewOffer { border: none;
    margin: 4px;
    padding: 6px;
    padding-left: 20px;
    padding-right: 20px;}
    .bookBtn a { color: #fff;}
#viewOffer {    z-index: 99999999;}
.total-price {
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    line-height: 1.25rem !important;align-self: center;
    margin: 0;
}

.card-body {
  }
.your-details-inner input {display: block;
    width: 100%;
    padding: 10px;}
.your-details-inner label {display: inline-block;
    width: 25%;}
.roomBox {border-bottom: 1px solid #ccc;}
.paxBox {    padding-top: 20px;}
.paxBox h2 {     margin: 0;
}
.titleDropdownBtn {    padding-left: 0;}
    label span {color: #767676;
    font-size: 12px;}    
    .reservation-box {justify-content: space-between;
        width: 100%;
        margin: 0 auto;margin-bottom: 20px;
        display: flex;}
.We {display: none;}
.your-details-inner {padding: 20px;   }
.your-details-inner h2 {
    font-weight: bold;}
.booking-summary h2 {
    font-size: 1.125rem;    margin: 0;
  letter-spacing: inherit;
    line-height: 1.33;    font-weight: normal;
}
.property-name h2 {}
.accordion-item:first-of-type .accordion-button {
    font-size: 1.125rem;
    display: flex;
    justify-content: space-between;
    width: 100%;letter-spacing: inherit;
    line-height: 1.33;    font-weight: normal;
}
.accordion-button:not(.collapsed) { }
.step-two::before  {
    content: '02';
}
.step-three::before  {
    content: '03';
}
.step-four::before  {
    content: '04';
}
.booking-line p {    padding-top: 10px;}
.inactive::before {
    display: inline-block;
    width: 40px;
    height: 40px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #e9e9e9;
    opacity: 1;
    z-index: 1;
    font-size: 12px;
    color: #000;
    position: relative;    line-height: 2.7rem;
}
.itenary-container .fa-utensils {padding-left: 11px;}
.itenary-container .fa-plane {padding-top: 5px;}
#stepBox h1 { margin: 0;}
.step-one p {    padding-top: 10px;}
.nav-fill .nav-item, .nav-fill>.nav-link {display: flex;}
#step .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { padding: 15px;}
button:focus-visible {outline: none; border: none !important;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: #e7e7e7;
    border-radius: 0;color: #000;

}
.nav-item .active {background: #e7e7e7; }
.quick-nav ul li {    display: flex;}

.last::after {
    background: none;
}

.c-ui-quantity {
    display: flex;
}

.quick-nav .nav-link {
    background: none !important;
    color: #000 !important;
}

.quick-nav {
    justify-content: center;
    text-align: center;
    margin: auto;
    margin-bottom: 50px;
    width: 40%;
}
.xpList li { font-size: 12px;}
.xpSelected { font-size: 3em !important;position: absolute;
    left: 0;
    right: 0;
    bottom: 75px;}
.bS  { font-size: 2em !important;}
#openXpModal {    z-index: 999999999999;}
#wedding-tab {}
.xpPrice section { border-top: none;}
.quick-nav .active {
    color: #a59451 !important;
}
.viewOffer {    background-color: green;
    color: white;}
.xpPriceDiv h1 { text-align: left !important;}
.xpPrice h2 { font-weight: normal;    margin: 0;}
.xpPrice p { font-size: 25px;}
.xpPrice { margin-left: 20px; height: 200px;     position: sticky;top: 140px;width: 25%;}
.xpDetails { width:75%;}
.innerXp {     display: flex;}
.innerXp .form-check {}
.services .icon-box:hover,.icon-box:hover {
    border-color: #fff;
    box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
}
#openXpModal .modal-body {overflow-x:hidden}
.itenary-main-date { align-self: center;}
.xpPrice .add-activity-bttn:hover {
    background: #a59451;
    cursor: pointer;
    color: #fff;
}
.xpPrice .add-activity-bttn:hover > .bed-icon-pane .fa-plus{
    color: #fff;
}
.xpPrice p { font-size: 12px !important;}
.xpDetails .cat-price {align-self: center;
    margin-right: 20px;}
#checkin-checkout-follow {
    text-align: left;
    font-size: .875rem;
}

.c-occupancy {
    display: flex;
    align-items: center;
    width: 300px;
}

.c-ui-quantity .c-ui-quantity__input {
    display: block;
    background: #d9d9d9;
    border: 0;
    width: 18px;
    padding: 0;
    line-height: 1;
    text-align: center;
    color: #575757;
    padding-right: 4px;
}

.search {
    width: 60%;
    margin-right: 20px;
    margin-left: 20px;
}

#book-widget-min .t-dates {
    padding: 0;
}

#book-widget-min .search-btn ,.applyDatesBtn{
    line-height: 25px;
    background: #7f7f7f;
    border: none;
    color: #fff;
}

.search-btn,.applyDatesBtn {
    color: #333;
    width: 100%;
    border-radius: 0px;
    white-space: nowrap;
    text-align: center;
    transition: 0.3s;
    font-size: 14px;
    display: inline-block;
    border: 2px solid #333;
    line-height: 31px;
    background: #7f7f7f;
    border: none;
    color: #fff;padding: 10px;
}
#book-widget-min button {
    text-align: left;right: 10px;
}
#book-widget-min .change-link {
    display: flex;
    text-decoration: none;
    background: #cccccc45;
    color: #333;font-size: 12px;    padding: 14px 20px 13px 10px !important;
}
.change-link {
    background: none;
    border: none;
    text-decoration: underline;
    padding-left: 5px !important;
    font-size: 12px !important;
}
#book-widget-min .search-btn:hover,.applyDatesBtn:hover {
    background: #a59451;
}
.customiseBttn-link {    font-family: 'Poppins';}
#book-widget-min .t-dates {
    padding-left: 20px;
}

.travel-dates button {
    border: none;
    text-decoration: none;
    color: #666;
    background: none;
}

.c-notificationElement p,
.s-dates p,
.update-price p {
    font-size: 14px !important;
    font-weight: bold;
}

.travel-dates {
    display: flex;
}

.t-date-info-title {
    padding-left: 5px;
}

.t-date-info-title {
    padding-left: 10px;
}

.t-check-in {
    border-color: #666;
}

#book-widget-min .t-check-in,
.t-check-out {
    border-color: #666;
}

#book-widget-min .t-check-in {
    border-radius: 0;
    width: 200px;
    padding: 4px 0 1px 0;
}

#book-widget-min .travel-dates {}

#book-widget-min .t-date-check-in {
    margin-right: 20px;
}

.c-icon__calendar {
    margin: 0 0 0 0.5rem;
    width: 1.625rem;
    height: 1.625rem;
}

.checkin-checkout-follow-icon,
#checkin-checkout-follow {
    display: flex;
    margin-right: 5px;
    margin-top: 5px;
}

.travel-dates-z:after {
    height: 1.75rem;
    top: 1.375rem;
    content: '';
    display: block;
    width: 1px;
    background-color: #dcdcdc;
    margin-left: 15px;
    margin-top: 5px;
}
.filter-div p { font-size: 12px;}
#destination {
    border-radius: 0px;
    margin-top: 17px;
    padding: 10px;
    margin-right: 10px;
}
#book-widget-min .total-nights { display: none;}
.widget-box {align-self: center;}
#book-widget-min .change-link {width: 215px;}
.widget-box .s-dates { width: max-content;}
.resort-filters h4 { font-size: 12px;}
#book-widget-min .btn-check:focus+.btn, .btn:focus {
 box-shadow: none;    
}
.dropdown-item { padding-left: 10px;font-size: 12px;}
.filter-by input { margin-right: 10px;}
.c-ui-button--quantity-decrement,
.c-ui-button--quantity-increment {
    padding: 10px 20px 10px;
    border: 1px solid #666;
    background: #fff;
}

.c-ui-selector {
    align-items: center;
    display: flex;
}

#adults,
#child {
    margin-left: 10px;
}

.c-occupancy__selector c-occupancy__selector--adult {
    display: flex;
    width: auto;
    margin-left: 20px;
}

#decrement,
#increment,
#decrement-child,
#increment-child {
    margin: 0 10px;
    height: 20px;
    display: none;
}

#adults:hover #decrement {
    display: block;
}

#adults:hover #increment {
    display: block;
}

#adults:hover .c-icon__user--adult {
    display: block;
}

#child:hover #decrement-child {
    display: block;
}

#child:hover #increment-child {
    display: block;
}

#child:hover .c-icon__user--adult {
    display: block;
}

.datepicker {
    width: 180px;
    font-size: 0.9em;
}
#datepicker,#datepickerCustom {display: none;}

#sideModalTR {
    position:fixed;
    bottom:0px;
    right:0px;
    margin:0px;
}
#sideModalTR .modal-body { overflow: hidden;}
#sideModalTR  .modal-open { overflow-y: auto; }


/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.spa-slider .swiper-button-next, .spa-slider .swiper-button-prev { top: 50%;}
.cta {
    background:#ebebeb;
    background-size: cover;
    padding: 60px 0;
}
#spa-intro li { list-style-type: none;}
.cta h3 {
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
    font-size: 2rem;
    letter-spacing: .3125rem;
    margin-bottom: 1.125rem;
    font-family: Times New Roman, Times, serif;
    line-height: 1.25;
}

.cta p {
    color: #000;
}

.cta .cta-btn {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 4px;
    transition: 0.5s;
    margin-top: 10px;
    border: 2px solid #fff;
    color: #fff;
}
.property-attr {
    margin: 5px;
    text-align: center;
    padding: 5px;display: flex;
    width: auto !important;
}
.propertyInner  {    align-items: start;}
.cta .cta-btn:hover {
    background: #ffc451;
    border-color: #ffc451;
    color: #151515;
}
.resort-short-info .fa-chart-area,
.resort-short-info .fa-user-group,
.resort-short-info .fa-bed,
.resort-short-info .fa-water 


{font-size: .9375rem !important;}
.villa-intro .fa-solid {     line-height: initial;   font-size: 1.5em;
    color: #333;}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/

.portfolio .portfolio-item {
    margin-bottom: 30px;
}
.offer-list li { color: #333 !important;}
.portfolio #portfolio-flters {
    padding: 0;
    margin: 0 auto 20px auto;
    list-style: none;
    text-align: center;
}

.portfolio #portfolio-flters li {
    cursor: pointer;
    display: inline-block;
    padding: 8px 15px 10px 15px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #444444;
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
    border-radius: 3px;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
    color: #151515;
    background: #ffc451;
}
.uppercase  { text-transform: uppercase;}
.portfolio #portfolio-flters li:last-child {
    margin-right: 0;
}

.portfolio .portfolio-wrap {
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: rgba(21, 21, 21, 0.6);
}

.experiences-wrap::before,
.villa-wrap::before {
    transition: all ease-in-out 0.3s;
}
.pageHeading { padding-top: 100px !important;}
.xpHome:hover,.experiences-wrap:hover {
    -webkit-filter: brightness(40%);

}
.xpHome:hover {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.cancelBookSplit  { display:none}
.experiences-wrap img,
.villa-wrap img {
    transition: all ease-in-out 0.3s;
}
.w-100d {
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
 
}
.searchProperty { display: none;}

/* Slow-motion Zoom Container */

.villa-wrap::before,.weddings-home-box::before {
    content: "";
    transition: all ease-in-out 0.3s;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}
.ui-front { z-index: 9999; }
#propertyName { z-index: 9999;    padding: 10px; }
.ui-autocomplete { 
    position: absolute; 
    cursor: default;
    z-index:30!important;
  } 
  .reservationDivChild {}
  .img__description  {
    width: auto;

  }
.img__description,.explore-bttn-xp {

    color: #fff;
    display: none;
    opacity: 0;
  
    /* transition effect. not necessary */
    transition: opacity .2s, visibility .2s;
  }
  .explore-bttn-xp {
    color: #000;margin: 0 auto;
}

.portfolio .portfolio-wrap::before {
    content: "";
    background: rgba(21, 21, 21, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all ease-in-out 0.3s;
    z-index: 2;
    opacity: 0;
}
.resort-list-box .icon-box p {    font-size: 12px !important;}
#resort-list .resort-list-box { background: #fff;padding-left: 10px;
    padding-top: 25px;padding-right: 10px;}
.cat-details h4 ,.avimeo-wrapper h4{ margin: 0;}
.cat-details h4 { margin: 20px; font-weight: normal !important; 
    line-height: 24px;}
.villa-slider .cat-details h4,.avimeo-wrapper h4 { font-size: 16px !important;}
.villas {      transition: all 0.3s ease-in-out;
}
#viewHighlights .modal-body {
    overflow-x: hidden !important; 
}
.viewHighlights { border: none; background: none;}
.xpHome { height: 550px;}
.highlightMore{ text-decoration: underline;padding-left: 5px;}
.highlightMore:before {
    font-family: 'Font Awesome 6 Free';
    content: "\2b";
    display: inline-block;
    padding-right: 2px;
    align-self: flex-start;
    vertical-align: middle;
    font-weight: 900;
    color: #262626;
}

.villasa::before {
    content: '';
    position: absolute;
    top: 200px;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    z-index: 1;
}
.swiper-slide-outer { margin-left: 35px; margin-right: 35px;}
.xp-pagination  { padding-bottom: 50px;}
.restaurant-pagination,.xp-pagination  {margin: 0 auto;
    text-align: center;
    padding-top: 40px;}
.villas:hover  {
    transform: scale(1.1,1.1)
}
.modalClose {position: fixed;
    z-index: 999999;    padding: 20px;}
.pl20 { padding-left: 20px !important;
  }
  .mealMenu {    text-decoration: underline !important;}
  .xpDetails .greenBtn { margin: 0;font-size: 12px;}
.mt20 { margin-top: 20px;}    
.m0 {margin: 0;}    
.discUl {padding-left: 15px;}
.discUl li { list-style-type: disc;margin-left: 15px;}
#infoAccordion .accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed, .accordion-button:not(.collapsed) {
    background: none !important;    font-size: 1.125rem;
}
.villa-slider .villa-wrap { margin: 5px;}
.portfolio .portfolio-wrap img {
    transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    transition: all ease-in-out 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20px;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    font-style: italic;
}

.portfolio .portfolio-wrap .portfolio-links {
    text-align: center;
    z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
    color: #fff;
    margin: 0 5px 0 0;
    font-size: 28px;
    display: inline-block;
    transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
    color: #ffc451;
}

.portfolio .portfolio-wrap:hover::before {
    opacity: 1;
}

.experiences-wrap:hover img {
    transform: scale(1.01);
}

.otherRestaurants  { margin: 10px;}
.otherRestaurants .overlay {    top: 106px;
    }
.otherRestaurants .swiper-slide  {padding: 10px;}
.otherRestaurants .villa-slider {margin: 20px;}
.villa-wrap:hover img {
    transform: scale(1.01);
}
.p-t50  {padding-top: 50px;}
#dining .explore-bttn-xp { width: 40% !important;min-width: 40% !important;}
.cat-details h4 ,.avimeo-wrapper h4{ font-family:  inherit;text-transform: none;}
.cat-details h4 { text-transform: uppercase;}
#dining .swiper-slide img { padding: 10px;      padding-bottom: 0px;  height: auto !important;}
#dining .overlay { height: 289px !important;margin-left: 10px !important;
    margin-top: 116px;
    margin-right: 10px;
    width: -webkit-fill-available;}
#dining .experiences-wrap {}
.villa-wrap:hover .portfolio-info {
    opacity: 1;
}
.accordion-item button { text-transform: none;}
#dining .overlay {    margin-left: 5px;
    margin-top: 6px;
}
#room-details h3 {
    text-align: left;
    padding-left: 20px;  
}
.m0a {     margin: 0 auto;    margin-top: 50px;}
#offers-top {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 150px
}
.pt50 { padding-top: 50px !important;}
.startPrice p { margin: 0;}
.travelDates { font-size: 14px !important;}
/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/

.portfolio-details {
    padding-top: 40px;
}

.experiences-wrap {
    cursor: pointer;
    position: relative;
    text-align: center;
}
.diningH { font-size: 18px !important;}

.choose-activity {

}

.villa-wrap {
    margin: 15px;
    position: relative;
    width: inherit;
    text-align: center;
    overflow: hidden;
}
.avimeo-wrapper h4 {   position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;}

.cat-details h4,.avimeo-wrapper h4 {
    color: #fff;
}
.removeRoom .fa {padding-right: 10px;}
.removeRoom {     border: none; display: none;
    background: #fff;}
.selectedGuests:hover { cursor: pointer;}
.selectedGuests {display: block;
   font-size: 14px;align-self: center;margin-left: 10px;
   margin-right: 10px;
    background: #fff;}
    .infantBox {margin-left: 50px;}
    .adultsBox {margin-right: 50px;}
.adultsBox,.childBox {}
.modalFooter {display: flex;
    width: 100%;
    justify-content: space-between;}
    .guestRoomDiv {
        border-bottom: 1px solid #ccc; 
    }
    .guestRoomBox { display:flex;
   justify-content: space-between;
    padding-bottom: 20px;
    }
.flighInfo {margin-top: 20px;
    padding: 20px;
   
}
.availableOffersList { display: none;}
.white { background: #fff;}
.zeroPad { padding: 0px;}
.flighInfo h2 {
    margin: 0;
    font-weight: bold;    padding-bottom: 10px;
}
.reservationDivChild .form-control,#specialRequest,.your-details-inner input,.departure_flight{ border: none;}
.disabled {     background: #ccc !important; }
.secondaryPax {    margin-top: 50px;
    margin-bottom: 50px;}
.reservationDivChild,.secondaryPax {background:none;
    padding: 20px;}
.reservationDiv,.reservationDivChild { padding: 0px;}    
.reservationDivChild label {padding: 10px;padding-left: 0;}
.specialRequests {margin-top: 20px;}
.cancellationPolicy h3 { text-align: left;
    text-align: left;
    text-transform: none;margin-bottom: 0;  
    letter-spacing: inherit;
    font-weight: bold;    font-family: Arial, Helvetica, sans-serif;
}
.accordion-header {     margin-bottom: 20px !important}
.dinnigBox {   
   

    padding: 20px;padding-left: 0;}
.transferBox {
    
}
.pl0 { padding-left: 0px;}
.break-box button {    padding: 0;display: flex;    margin: 0 auto;font-size: 0.9em;}
#viewOffer .modal-header { padding-left: 0px;    padding-bottom: 0;}
#viewOffer .modal-header h2 {    margin: 0;}
#viewOffer ul {     padding-top:0px !important;}
.offerDesc { color: #a59451;}
.holidayInformation { margin: 20px;}
.bgGrey {background: #f4f4f4;}
.singleRoomName { text-transform: none; font-weight: bold;}
.cancellationPolicy,.agreement { margin: 20px;}   
.cancellationPolicy {margin: 20px;
    background: #d7d7d7;
    padding: 20px;}
    .justifyFlexStart {
 justify-content: flex-start;
 display: flex;width: max-content;    line-height: 1.5em;
    }
.filter-by .col p {  font-size: 12px;
    margin: 0;
    line-height: 2em;    margin-right: 15px;
   }    
    .form-control { border-radius: 0px;}    
.cancellationPolicy h2 ,.agreement h2{font-weight: bold;font-size: 1.125rem;
    letter-spacing: .03em;
    line-height: 1.5rem;
    margin-bottom: 1.625rem;
    font-family: inherit;
    text-transform: none;}
.dropdown-item:hover { cursor: pointer;}
.title {    text-align: left; margin: auto;}
.title:hover{ cursor: pointer;}
.titleDropdownBtn   { width: 100%;font-size: 1rem;
    font-weight: 400;   background: #fff; border:none;
    line-height: 1.5;}
.mpInclusions p {
    line-height: inherit;
    margin: 0;
} 
.pb0 { padding-bottom: 0 !important;}
.pr20 { padding-right: 20px;}
.pr0 { padding-right: 0 !important;}
#priceDetails span { font-size: 12px;}
#priceDetails p { font-size: 12px;}
#priceDetails .border-rows {width: 70%;
    margin: 0 auto;} 
.selected-activities .justify {     padding-bottom:0px  !important}    
.modalRoomEnd  {border-bottom: 1px solid #e7e7e7;margin-bottom: 20px;}    
#priceDetails .total-nights { background: none; padding: 0 !important;   padding-right: 0;}  
#priceDetails .justify {padding-bottom: 15px;}
.expander,.expander:focus {font-size: 14px;
    text-decoration: underline;}    
.add-activity  p { font-size: 12px;}    
.your-package-box {padding: 20px;    width: 50%; padding-left: 0px;}
.your-package h3 {    text-align: left;}
.delete-selected {padding-left: 10px;}
.selected-activity ul:hover { cursor: pointer;}
.modal-open { 
    overflow: hidden;  height:100vh;

}
.hide { display: none;}
.transferArrival label,.transferDeparture label  {    font-size: 14px;}
.delete {align-self: center;}
#add-activity-modal {overflow: hidden;transform: translate3d(0,0,0);}
.cat-details {
    width: 100%;
    padding: 20px;
    position: absolute;
    left: 50%;
    z-index: 99999999999999;
    transform: translate(-50%,-10%);
    bottom: 2%;
}
.fa-file-pdf { padding-right: 5px;}
.overlay:hover { cursor: default;}
.whiteText { color: #fff;}
.villa-wrap:hover { cursor: pointer;}
.portfolio-details .portfolio-details-slider img {
    width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
    margin-top: 20px;
    position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: 1;
    border: 1px solid #ffc451;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #ffc451;
}

.portfolio-details .portfolio-info {
    padding: 30px;
    box-shadow: 0px 0 30px rgba(21, 21, 21, 0.08);
}

.portfolio-details .portfolio-info h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
    list-style: none;
    padding: 0;
    font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
    margin-top: 10px;
}

.portfolio-details .portfolio-description {
    padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
    padding: 0;
}


/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/

.counts .content {
    padding: 30px 0;
}

.counts .content h3 {
    font-weight: 700;
    font-size: 34px;
    color: #151515;
}

.counts .content p {
    margin-bottom: 0;
}

.counts .content .count-box {
    padding: 20px 0;
    width: 100%;
}

.counts .content .count-box i {
    display: block;
    font-size: 36px;
    color: #ffc451;
    float: left;
}

.counts .content .count-box span {
    font-size: 36px;
    line-height: 30px;
    display: block;
    font-weight: 700;
    color: #151515;
    margin-left: 50px;
}

.counts .content .count-box p {
    padding: 15px 0 0 0;
    margin: 0 0 0 50px;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    color: #3b3b3b;
}

.counts .content .count-box a {
    font-weight: 600;
    display: block;
    margin-top: 20px;
    color: #3b3b3b;
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    transition: ease-in-out 0.3s;
}

.holiday-theme {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0.25rem;
}

.counts .content .count-box a:hover {
    color: #626262;
}
.leftAlign h4 {    text-align: center;}
.leftAlign {width:90%;
    text-align: left;}
.holiday-includes { display: flex;justify-content: center;}
.holiday-includes ul li { line-height: 3em;}

.holiday-includes li::before {
    content: "• ";
    color: #a59451;
  }
#villas {    padding: 60px 0;}  
#expect {padding-top: 100px;}  
#expect h1 { margin: 0;    }
#expect .accordion-header {padding-bottom: 0 !important}
#villa-home .with-gradient:before {top: 10px;}  
.holiday-includes ul { padding-left: 25px; padding-right: 25px;}
.weddings-home {
    display: flex;padding-top: 50px;overflow: hidden;
}

.weddings-home h3 {
    padding-top: 20px;
}

.weddings-home-box {
    margin: 10px;
}

#portfolio .section-title {
    padding-top: 100px;
}
.experiences-box { padding-top: 50px;}
#wedding-home {
    padding-top: 50px; 
}
.themes { padding-top: 50px;}
.shadow-box {  box-shadow: 0 0.6875rem 3.125rem 0 rgb(0 0 0 / 10%);}
.villas-outer {     background: #f8f8f8;   margin-bottom: 100px; 
     }
#villa-home {
    padding-top: 0px;
    background-color: #f8f8f8;
}

#villa-home .container {
    background: #fff;
    margin-top: -100px;
    padding-top: 50px;
}

#villa-home .villa-grid-inner {
    box-sizing: border-box;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: auto;
    text-align: center;
    justify-content: center;
    background: #fff;
    padding-top: 50px;
}

.counts .image {
    background: url("../img/counts-img.jpg") center center no-repeat;
    background-size: cover;
    min-height: 400px;
}

@media (max-width: 991px) {
    .counts .image {
        text-align: center;
    }
    .counts .image img {
        max-width: 80%;
    }
}

@media (max-width: 667px) {
    .counts .image img {
        max-width: 100%;
    }
}


/*--------------------------------------------------------------
# offers
--------------------------------------------------------------*/

.specialoffers {
    padding: 80px 0;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.specialoffers::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
}

.specialoffers .section-header {
    margin-bottom: 40px;
}

.specialoffers .specialoffers-carousel,
.specialoffers .specialoffers-slider {
    overflow: hidden;
}

.specialoffers .specialoffers-item {
    text-align: center;
    color: #333;
}

.specialoffers .specialoffers-item .specialoffers-img {
    width: 400px;
    margin: 0 auto;
}

.specialoffers-item ul {
    padding: 0
}

.specialoffers .specialoffers-item h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0 5px 0;
    color: #333;
}

.specialoffers-item h4 {
    font-size: 14px;
    color: #333;
    margin: 0 0 15px 0;
}

.specialoffers .testspecialoffersimonial-item h4 {
    font-size: 14px;
    color: #333;
    margin: 0 0 15px 0;
}

.specialoffers .specialoffers-item .quote-icon-left,
.specialoffers .specialoffers-item .quote-icon-right {
    color: rgba(255, 255, 255, 0.6);
    font-size: 26px;
}

.specialoffers .specialoffers-item .quote-icon-left {
    display: inline-block;
    left: -5px;
    position: relative;
}
.fa-location {    padding: 0;
    margin: 0;
    line-height: 1.5em !important;
    padding-right: 5px;}
.fa-star {
    font-size: 0.6em !important;
}

.resort-box {
    padding-left: 20px !important;
    text-align: left !important;
    padding-right: 20px;
}

.trip-rating {
    position: absolute;
    padding: 10px;
}

.resort-box h4 a {}

.resort-box h4 {
    margin-bottom: 0 !important;
    text-align: left !important;
}

.specialoffers .specialoffers-item .quote-icon-right {
    display: inline-block;
    right: -5px;
    position: relative;
    top: 10px;
}

.specialoffers .specialoffers-item p {
    font-style: italic;
    margin: 0 auto 15px auto;
    color: #333;
}

.specialoffers .section-title {
    padding-bottom: 0px
}

.specialoffers .swiper-wrapper {
    height: 450px;
}

.specialoffers .swiper-pagination {
    position: relative;
    margin-top: 40px;
}

.specialoffers .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #333;
    opacity: 0.3;
}
.w80{ width: 80% !important;}
#featureSection { padding-bottom: 0px !important;}
.text-center { font-size: 14px !important;    letter-spacing: inherit !important;}
.xpDetails section { padding-top: 0px !important;}
.innerXp { background: #fff; }
#experiences {background: #cccccc7d;}
#featureSection .accordion-header { padding-bottom: 0 !important;}
#featureSection .nav-item { }
#highlights-box #module {padding-bottom: 112px;}
#othervillas { background: #fff;}
#benefits h1 { padding-top: 50px !important;}
.zmain-heading h2 { font-size: 10px !important;}
#featureSection h2 {     font-size: 14px !important; padding-bottom:0px;}
#featureSection h1 { padding: 0;
    margin: 0;padding-top: 50px;}
#featureSection .nav-pills .nav-link.active { background: #fff !important;}
#featureSection {background: #cccccc7d;    height: -webkit-fill-available;}
#dining .nav-pills .nav-link .active,#featureSection .nav-pills .nav-link .active  {  background: #cccccc69;}
#dining .nav-pills .nav-link.active,#featureSection .nav-pills .nav-link.active {    border-bottom: 3px solid #fff;}
#dining .tab-content ,#featureSection .tab-content {    background: #fff;
    padding-top: 50px;}
    .nav-fill .nav-item .nav-link { border-radius: 0;   border-bottom: 3px solid #d0d0d0;
           background: #d0d0d0;}

    .nav-pills .nav-link.active{
        background: #fff;
        border-radius: 0;
        color: #000;
    }  

    #restaurant-tab, #bar-tab {
        width: auto;
        padding: 15px;
        padding-left: 70px;
        padding-right: 70px;
    }   
.experiences { display: flex;}
.choose-activity {width: 150px;}
.activityBox{
margin: 20px;
    background: #cccccc2b;
}
.viewXpDetails {width: 200px;}
.activityBox .btnOutline {  background: #7f7f7f;
    color: #fff;font-size: 12px;}
.dividerSmall {border: 1px solid #fff; }
.activityBox .villa-wrap {margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;}
.activityBox:hover {
    border-color: #fff;
    box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
}
.experiences-pagination {
    text-align: center;
    margin-top: 20px;
}
#add-activity-modal {z-index: 9999999;}
.specialoffers .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #ffc451;
    opacity: 1;
}

@media (min-width: 1024px) {
    .specialoffers {
        background-attachment: fixed;
    }
}

@media (min-width: 992px) {
    .specialoffers .testimonial-item p {
        width: 80%;
    }
}


/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/

.testimonials {
    padding: 80px 0;
    background: url("../img/Ayada+Maldives+villas+SUNSET+OCEAN+SUITE+(1).jpg") no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.testimonials::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}

.testimonials .section-header {
    margin-bottom: 40px;
}

.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
    overflow: hidden;
}

.testimonials .testimonial-item {
    text-align: center;
    color: #fff;
}

.testimonials .testimonial-item .testimonial-img {
    width: 100px;
    border-radius: 50%;
    border: 6px solid rgba(255, 255, 255, 0.15);
    margin: 0 auto;
}

.testimonials .testimonial-item h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 5px 0;
    color: #fff;
}

.testimonials .testimonial-item h4 {
    font-size: 14px;
    color: #ddd;
    margin: 0 0 15px 0;
}

.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
    color: rgba(255, 255, 255, 0.6);
    font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
    display: inline-block;
    left: -5px;
    position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
    display: inline-block;
    right: -5px;
    position: relative;
    top: 10px;
}

.testimonials .testimonial-item p {
    font-style: italic;
    margin: 0 auto 15px auto;
    color: #eee;
}

.testimonials .swiper-pagination {
    margin-top: 20px;
    position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: rgba(255, 255, 255, 0.4);
    opacity: 0.5;
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #ffc451;
    opacity: 1;
}

@media (min-width: 1024px) {
    .testimonials {
        background-attachment: fixed;
    }
}

@media (min-width: 992px) {
    .testimonials .testimonial-item p {
        width: 80%;
    }
}


/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/

.team {
    background: #fff;
    padding: 60px 0;
}

.team .member {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.team .member .member-img {
    position: relative;
    overflow: hidden;
}

.team .member .social {
    position: absolute;
    left: 0;
    bottom: 30px;
    right: 0;
    opacity: 0;
    transition: ease-in-out 0.3s;
    text-align: center;
}

.team .member .social a {
    transition: color 0.3s;
    color: #151515;
    margin: 0 3px;
    border-radius: 4px;
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.8);
    transition: ease-in-out 0.3s;
    color: #484848;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.team .member .social a:hover {
    color: #151515;
    background: #ffc451;
}

.team .member .social i {
    font-size: 18px;
    line-height: 0;
}

.team .member .member-info {
    padding: 25px 15px;
}

.team .member .member-info h4 {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 18px;
    color: #151515;
}

.team .member .member-info span {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #aaaaaa;
}

.team .member .member-info p {
    font-style: italic;
    font-size: 14px;
    line-height: 26px;
    color: #777777;
}

.team .member:hover .social {
    opacity: 1;
    bottom: 15px;
}


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

.contact .info {
    width: 100%;
    background: #fff;
}

.contact .info i {
    font-size: 20px;
    background: #ffc451;
    color: #151515;
    float: left;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
}

.contact .info h4 {
    padding: 0 0 0 60px;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #151515;
}

.contact .info p {
    padding: 0 0 0 60px;
    margin-bottom: 0;
    font-size: 14px;
    color: #484848;
}

.contact .info .email,
.contact .info .phone {
    margin-top: 40px;
}

.contact .php-email-form {
    width: 100%;
    background: #fff;
}

.contact .php-email-form .form-group {
    padding-bottom: 8px;
}
.input-error {
    color: #212529;
    background-color: #fff;
    border-color: #ed3c0d;
    outline: 0;
    box-shadow: 0 0 0 .25rem #ed3e0d2a;
}

.contact .php-email-form .error-message {
    display: none;
    color: #fff;
    background: #ed3c0d;
    text-align: left;
    padding: 15px;
    font-weight: 600;
}

.contact .php-email-form .error-message br+br {
    margin-top: 25px;
}

.contact .php-email-form .sent-message {
    display: none;
    color: #fff;
    background: #18d26e;
    text-align: center;
    padding: 15px;
    font-weight: 600;
}

.contact .php-email-form .loading {
    display: none;
    background: #fff;
    text-align: center;
    padding: 15px;
}
.container-menu { top: 7px;   width: 100px;
    position: absolute !important;}
.children { margin-top: 10px;}
.total-nights p {
    font-size: 12px !important;
}
.whatsapp {   top: -10px;
    position: relative;
    text-align: center;}
.accommodationBox {    margin-left: 0px;
    margin-right: 0px;}
.roomBox {    justify-content: space-around;

    margin-bottom: 20px;
    padding: 0px;}
.roomNumber {align-self: center;}
.addExtraRoombtn {    border: none;    background: #fff;}
.addExtraRoombtn:hover {background: #cccccc9c }
.childAges {    flex-wrap: wrap;}
.room-body { 
    padding-bottom: 20px;}
.addExtraRoom { padding-top:20px ;}
#changePaxModal .modal-content {padding: 20px;height: 500px;}

.contact .php-email-form .loading:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: 0 10px -6px 0;
    border: 3px solid #18d26e;
    border-top-color: #eee;
    -webkit-animation: animate-loading 1s linear infinite;
    animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    border-radius: 4px;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
    border-color: #ffc451;
}

.contact .php-email-form input {
    height: 44px;
}

.contact .php-email-form textarea {
    padding: 10px 12px;
}

.contact .php-email-form button[type=submit] {
    background: #ffc451;
    border: 0;
    padding: 10px 24px;
    color: #151515;
    transition: 0.4s;
    border-radius: 4px;
}

.contact .php-email-form button[type=submit]:hover {
    background: #ffcd6b;
}

@-webkit-keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/

.breadcrumbs {
    padding: 15px 0;
    background: whitesmoke;
    min-height: 40px;
    margin-top: 74px;
}

.breadcrumbs h2 {
    font-size: 28px;
    font-weight: 400;
}

.breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.breadcrumbs ol li+li {
    padding-left: 10px;
}

.breadcrumbs ol li+li::before {
    display: inline-block;
    padding-right: 10px;
    color: #2f2f2f;
    content: "/";
}

@media (max-width: 992px) {
    .breadcrumbs {
        margin-top: 68px;
    }
    .breadcrumbs .d-flex {
        display: block !important;
    }
    .breadcrumbs ol {
        display: block;
    }
    .breadcrumbs ol li {
        display: inline-block;
    }
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {
    background: black;
    padding: 0 0 30px 0;
    color: #fff;
    font-size: 14px;
}

#footer .footer-top {
    background: #151515;
    padding: 60px 0 30px 0; 
    padding-left: 15px;
}

#footer .footer-top .footer-info {
    margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
    font-size: 28px;
    margin: 0 0 20px 0;
    padding: 2px 0 2px 0;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
}

#footer .footer-top .footer-info h3 span {
    color: #ffc451;
}

#footer .footer-top .footer-info p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    font-family: "Raleway", sans-serif;
    color: #fff;
}

#footer .footer-top .social-links a {
    font-size: 18px;
    display: inline-block;
    background: #292929;
    color: #fff;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 4px;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
    background: #ffc451;
    color: #151515;
    text-decoration: none;
}
.startRoomDiv,.endRoomDiv,.summaryTransferArrival,.summaryTransferDeparture,.summaryTransferTotal { display: none;}

#footer .footer-top h4 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    position: relative;
    padding-bottom: 12px;
}

#footer .footer-top .footer-links {
    margin-bottom: 30px;
    width:auto;
}
.newYear h2, .christmas h2 { text-align: right;}
#footer .footer-top .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer .footer-top .footer-links ul i {
    padding-right: 2px;
    color: #ffc451;
    font-size: 18px;
    line-height: 1;
}

#footer .footer-top .footer-links ul li {
    padding: 5px 0;
    display: flex;
    align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
    padding-top: 0;
}

#footer .footer-top .footer-links ul a {
    color: #fff;
    transition: 0.3s;
    display: inline-block;
    line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
    color: #ffc451;
}

#footer .footer-top .footer-newsletter form {
    margin-top: 30px;
    background: #fff;
    padding: 6px 10px;
    position: relative;
    border-radius: 4px;
}

#footer .footer-top .footer-newsletter form input[type=email] {
    border: 0;
    padding: 4px;
    width: calc(100% - 110px);
}

#footer .footer-top .footer-newsletter form input[type=submit] {
    position: absolute;
    top: 0;
    right: -2px;
    bottom: 0;
    border: 0;
    background: none;
    font-size: 16px;
    padding: 0 20px;
    background: #ffc451;
    color: #151515;
    transition: 0.3s;
    border-radius: 0 4px 4px 0;
}

#footer .footer-top .footer-newsletter form input[type=submit]:hover {
    background: #ffcd6b;
}

#footer .copyright {
    text-align: center;
    padding-top: 30px;    color: #525252;

}

#footer .credits {
    padding-top: 10px;
    text-align: center;
    font-size: 13px;
    color: #525252;
}
#footer {
    bottom: 0;
    position: relative;
    width: 100%;
}