/********************** Homepage ********************* *
 *  1.1. Sections
 *  1.2. Pagetitles 
 *  2.1. Hero
 *  2.2. 
 *  2.3. 
 *  2.4. 
 *  2.5. 
 *  2.6. 
 *  2.7. 
 *  2.8. 
 *  2.9. 
 *  2.10. 
 *  2.11. 
 *  2.12. 
 *  2.13. 
 *  2.14. 
 *  2.15. 
*****************************************************/

/****************** 1. Structural *******************/

/**** 1.1. Sections ****/
section {}

/**** 1.2. Pagetitles ****/


/**** 1.3. Main Section ****/
#main {}

/******************** 2. Pages **********************/

/**** 2.1. Homepage ****/

/* 2.1. Hero */

/* 2.1.2 image-slideshow */
.image-slideshow .row .title-container,
.image-slideshow .row .btn {
    z-index: 1;
}
.image-slideshow .row > .col-12::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 0;
}
.splide-custom-arrows {
    bottom: 0;
    left: 0;
}
.image-slideshow .splide__arrows {
    display: flex;
}
.image-slideshow .splide__arrow {
    position: relative;
    top: auto;
    bottom: 40px;
}
.image-slideshow .splide__arrow--prev {
    left: 15px;
}
.image-slideshow .splide__arrow--next {
    right: auto;
    left: 53px;
}
.splide__slide {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
/* 2.1.3 section-grid */
.section-grid {
    padding: 30px 0;
}
.pricing-section.first_section,
.section-grid.first_section {
    padding: 60px 0 30px;
}
.pricing-section.last_section,
.section-grid.last_section {
    padding: 30px 0 60px;
}
.pricing-section.only_section,
.section-grid.only_section {
    padding: 60px 0;
}
.top_left_corner {
    top: -90px;
    left: 0;
}
.special-deals .top_left_corner {
    top: -50px;
    left: 0;
}
.top_right_corner {
    top: -90px;
    right: 0;
}
.bottom_left_corner {
    bottom: -40px;
    left: 0;
}
.bottom_right_corner  {
    bottom: -40px;
    right: 0;
}
.content-container .inner-content {
    background: #F6F6F6;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
/*    padding: 19px 13px 19px 35px;*/
    padding: 19px 13px 19px 13px;
}
.content-container .inner-content-icon::before {
/*    position: absolute;
    content: "";
    background-image: url( '../../img/exclamation-circle-fill.png' );
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    top: 2px;
    left: -23px;*/
}
/* 2.1.4 jackpot-winners */
.jackpot-winners {
    padding: 0 0 120px;
}
.card-container img {
    border-radius: 20px;
}
.splide-custom-arrows {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
}
.splide__arrows {
    display: flex;
}
.splide__arrow {
    position: relative;
    padding: 30px;
    background-color: #fff;
    top: auto;
    bottom: -120px;
}
.splide__arrow:hover,
.splide__arrow:focus {
    background-color: #63C7CC;
}
	.splide__arrow--prev {
/*     left: 0; */
	left: 70px;
}
.splide__arrow--next {
    right: auto;
/*     left: 15px; */
	left: 100px;
}
/* 2.1.5 card-slider */
.card-slider {
    padding: 30px 0;
}
.included .card-container,
.card-slider .card-container {
    background: #F6F6F6;
    box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.12);
    border-radius: 35px;
    padding: 35px 0 60px;
}
.included .card-container h5, 
.card-slider .card-container h5 {
	min-height: 72px;
}
#splide02 .card-container {
    min-height: 385px;
}
.icon-box {
    background-color: #fff;
    border-radius: 50%;
    background-position: center;
    width: 113px;
    height: 113px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.explore-resort .image-container .img-hover,
.btn .img-hover,
.icon-box .img-hover {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    z-index: 99;
}
.card-container:hover {
    background-color: #fff;
}
.card-container:hover .icon-box {
    background-color: #63C7CC;
}
.explore-resort .image-container:hover .img-default,
.btn:hover .img-default,
.card-container:hover .img-default {
    display: none;
}
.explore-resort .image-container:hover .img-hover,
.btn:hover .img-hover,
.card-container:hover .img-hover {
    display: inline;
}
.card-slider-slide-container {
    max-width: 1210px;
    padding: 0 15px;
}
.card-slider #splide02-track,
.card-slider #splide01-track {
    padding: 50px 15px;
}
.card-slider .splide__arrow {
    bottom: -60px;
}
.card-content {
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	min-height: 200px;
}
/* 2.1.6 tier */
.tier {
    padding: 20px 0 40px;
}
.tier .tier-tabs {
    overflow-x: hidden;
}
/* .barring .nav-pills, */
.tier .nav-pills {
    justify-content: space-around;
}
#pills-tab li {
	margin-right: 10px;
}
.pricing-section .nav-pills .nav-link,
.barring .nav-pills .nav-link,
.tier .nav-pills .nav-link {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    color: rgba(35, 31, 32, 0.5);
    padding: 0 0 30px 0;
}
.pricing-section .nav-pills .nav-link.active,
.barring .nav-pills .nav-link.active,
.tier .nav-pills .nav-link.active {
    position: relative;
    background-color: transparent;
    color: #63C7CC;
    border-radius: 0;
}
.pricing-section .nav-pills .nav-link.active:hover::before,
.pricing-section .nav-pills .nav-link.active:focus::before,
.pricing-section .nav-pills .nav-link.active:active::before,
.barring .nav-pills .nav-link.active:hover::before,
.barring .nav-pills .nav-link.active:focus::before,
.barring .nav-pills .nav-link.active:active::before,
.tier .nav-pills .nav-link.active:hover::before,
.tier .nav-pills .nav-link.active:focus::before,
.tier .nav-pills .nav-link.active:active::before {
    position: absolute;
    content: "";
    background-color: #63C7CC;
    /* width: 200%; */
    width: 150%;
    height: 4px;
    border-radius: 20px;
    bottom: 0;
    /* left: -50%; */
    left: -25%;
}
.barring .nav-pills .nav-link.active:hover::before,
.barring .nav-pills .nav-link.active:focus::before,
.barring .nav-pills .nav-link.active:active::before {
    width: 120%;
    left: -8%;
}
.tier .row {
    padding: 15px;
}
.top-scores-container,
.tier-card {
    padding: 25px;
    background: rgba(246, 246, 246, 0.06);
    backdrop-filter: blur(7.5px);
    /* Note: backdrop-filter has minimal browser support */
    border-radius: 35px;
}
.top-scores-container li,
.tier-card li {
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
/* 2.1.7 rules-on-points */
.rules-on-points {
    padding: 40px 0 60px;
}
.rules-card {
    background: #F6F6F6;
    box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.12);
    border-radius: 35px;
    padding: 30px 30px 30px 50px;
    min-height: 255px;
}
.rules-card img {
    top: 0;
    left: -45px;
    max-width: 30px;
}
.rules-on-points .links-group {
    display: grid;
    justify-content: center;
    text-align: center;
}
.rules-on-points .links-group li {
    margin-bottom: 10px;
}
/* 2.1.8 special-deals */
.special-deals {
    padding: 120px 0 20px;
}
.meal-card p {
	max-width: 85%;
	min-height: 70px;
}
.meal-card .image-container img,
.special-deal-image-container img {
    box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.12);
    border-radius: 35px;
    max-width: 100%;
    height: auto;
}
.promo-date {
    top: 20px;
    left: 20px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(3.5px);
    border-radius: 34px;
    padding: 10px 20px;
}
/* 2.1.9 Archives */
.meals-container {
    padding: 130px 0 40px;
}
.drinks-container {
    padding: 40px 0 70px;
}
.drinks-container .title-container,
.meals-container .title-container {
    margin-bottom: 70px;
}
/* 2.1.10 barring */
.barring {
    padding: 80px 0 120px;
}
/* 2.1.11 one-column-section */
.one-column-section {
    padding: 20px 0 30px;
}
.one-column-section .title-container {
    padding: 25px 0;
}
/* 2.1.12 explore-resort */
.explore-resort {
    padding: 20px 0 60px;
}
.explore-resort .image-container:hover {
    cursor: pointer;
}
.masonary .title-container,
.explore-resort .title-container {
    margin-bottom: 70px;
}
.explore-resort .icon-box {
    background-color: transparent;
    width: 60px;
    height: 60px;
    margin: 0 0 0 auto;
}
.background-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 40px;
}
/* 2.1.13 masonary */
.masonary {
    padding: 60px 0;
}
.masonary-grid {
    padding: 25px 29px;
    background: #F6F6F6;
    box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.12);
    border-radius: 35px;
}
.masonary-grid img {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.masonary-grid img.img-fluid {
    max-width: 15%;
    height: auto;
    margin-bottom: 10px;
}
/* 2.1.14 testimonials */
.testimonials {
    padding: 60px 0 120px;
}
.testimonials .card-container {
    background: #F6F6F6;
    box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.12);
    border-radius: 35px;
    padding: 45px 35px;
}
.testimonials .card-container .author-img {
    border-radius: 50%;
}
.testimonials .card-container .star-rating {
    margin: 28px 0;
}
.testimonials .splide__track {
    padding: 50px;
}
/* 2.1.15 calendar */
.calendar {
    padding: 120px 0 60px;
}
#booking-package_calendarPage {
    /* background: #FFFFFF;
    border-radius: 20px;
    box-shadow: 5px 5px 5px #F6F6F6; */
}
/* 2.1.16 mg-photos */
.mg-photos {
    padding: 40px 0 120px;
}
.mg-photos .title-container {
    margin: auto 15px 15px 15px;
}
.mg-photos img {
    margin-bottom: 40px;
}
/* 2.1.17 top-scores */
.top-scores {
    padding: 120px 0 60px;
}
.top-scores-wrapper {
    border-radius: 20px;
    padding: 20px 25px;
}
/* 2.1.18 included */
.included {
    padding: 60px 0;
}
.included .title-container {
    margin-bottom: 40px;
}
/* 2.1.19 pricing-section */
.pricing-section {
	padding: 60px 0;
}
.row.top_align {
    align-items: start;
}
.row.middle_align {
    align-items: center;
}
.row.bottom_align {
    align-items: end;
}
.pricing-section .section-two .table-custom,
.pricing-section .tab-content {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    padding: 10px 30px 35px;
    margin-bottom: 35px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.pricing-section .table-custom .row {
    margin: 0;
    padding: 25px 0 20px;
    border-bottom: 1px solid rgba(21, 16, 17,0.2);
}
.pricing-section .rules-container {
    padding: 22px;
    margin-top: 20px;
    background: #F6F6F6;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
}
.pricing-section .rules-container .tip-info::before {
    position: absolute;
    content: "";
    background-image: url( '../../img/exclamation-circle-fill.png' );
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 0;
}
.pricing-section .table-custom .row:last-child {
	border: none;
}
/* 2.1.20 video-section */
.video-section {
    padding: 60px 0 120px;
}
.active-video {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#play-btn-iframe,
#play-btn-video {
    border-radius: 50%;
    box-shadow: inset 0px -6px 10px #18A7AE, inset 0px 4px 12px #13B5BD;
}
/* 2.1.21 bus-tour */

/* 2.1.22 requirements */
.requirements {
    padding: 60px 0 120px;
}
.requirements-wrapper {
    background: #FFFFFF;
    border: 1px solid #63C7CC;
    border-radius: 15px;
    padding: 20px;
}
.requirements-wrapper ul {
    list-style: disc;
    margin-left: 20px;
}
.requirements-wrapper ul li::marker {
    color: rgba(0, 0, 0, 0.64);
}
/* 2.1.23 player-portal */
.player-portal {
    position: relative;
    padding: 0 0 110px 0;
    margin-top: -45%;
}
.player-portal-login-container {
    background: #FFFFFF;
    border-radius: 40px;
    padding: 40px 10px;
}
.how-to-join-container {
    margin-top: -20px;
}
/* 2.1.24 performance */
.performance {
    padding: 70px 0;
}
.performance .much-more {
    font-weight: 700;
    color: #000;
}