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

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

html:not(.material-symbols-outlined) {
    font-family: "Roboto",Verdana,Geneva,Tahoma,sans-serif;
}

a {
    text-decoration: none !important;
}

li,
ul {
    list-style-type: none !important;
}

p {
    font-size: 1.15em;
}

body {
    position: relative;
    background: var(--jet-black);
    overflow-x: hidden;
}

@media(max-width:600px) {
    body {
        background-attachment: local
    }
}

body {
    font-size: 16px;
}

@media(max-width:1480px) {
    body {
        font-size: 14px
    }
}

@media(max-width:920px) {
    body {
        font-size: 14px;
    }
}

@media(max-width:480px) {
    body {
        font-size: 11px;
    }
}

main {
    width: 98%;
    position: relative;
    padding: 0;
    margin: 0;
    margin: 0 auto;
    text-align: center;
    max-width: 120em;
    background: var(--cornsilk);
}

@media(max-width:750px) {
    main {
        width: 100%
    }
}

h1,
h2,
h3,
h4,
h5,
.big-blue-button {
    font-family: var(--style-font);
}

.big-blue-button {
    display: inline-block;
    width: 10em;
    padding: 1.15em;
    position: relative;
    background-color: gold;
    transition: .3s;
    cursor: pointer;
    border-radius: .5em;
    overflow: hidden !important;
    border: 0;
    font-size: 1.25em;
    margin: 0 auto;
    border: .15em solid #333;
}

.big-blue-button span,
.big-blue-button p {
    color: var(--jet-black);
    transition: .3s;
    position: absolute;
    z-index: 3;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    top: 50%;
    text-transform: capitalize;
    font-size: 1em;
    font-weight: bold;
}

.big-blue-button span.material-symbols-outlined {
    position: relative;
    display: inline-block;
    width: 1em;
    font-size: 1.25em;
    line-height: .15em;
    vertical-align: middle;
    font-weight: bold;
}

.big-blue-button:after {
    content: "";
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background-color: var(--sunlit-clay);
    transition: .3s;
}

.big-blue-button:hover span,
.big-blue-button:hover p {
    color: darkolivegreen;
}

.big-blue-button:hover:after {
    top: -100%
}

    #tool-tip-desktop {
        position: absolute;
        left: 7.5em;
        font-size: 1em;
        color: #551a8b;
        width: 10em;
        background-color: white;
        padding: 0.33em;
        top: 50%;
        transform: translateY(-50%);
        text-transform: capitalize;
        text-align: center;
        border-top-right-radius: 2em;
        border-bottom-right-radius: 2em;
    }
    #tool-tip-desktop::after {
        content: '';
        position: absolute;
        left: -1.5em;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 1.65em solid transparent;
        border-bottom: 1.65em solid transparent;
        border-right: 1.5em solid white;
        font-family: "Roboto",Verdana,Geneva,Tahoma,sans-serif;
    }

.phone-btn {
    transition: .3s;
    cursor: pointer;
    border: 0;
    background: none;
    text-transform: capitalize;
    text-align: center;
    font-size: 1.5em;
    line-height: .75em;
    color: white;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.phone-btn:hover {
    color: gold;
}

#phone-btn span.material-symbols-outlined {
    font-weight: bold;
    display: inline-block;
    color: #333
}

.phone-btn.active {
    position: fixed;
    color: white;
    z-index: 999;
    top: 1em;
    right: 1em;
}

#phone-btn.phone-btn.active span.material-symbols-outlined {
    color: white
}

#phone-btn span.material-symbols-outlined {
    font-weight: bold;
    font-size: 1.5em;
    display: inline-block;
    color: #ffffff;
}

#phone-btn span.material-symbols-outlined.close {
    display: none
}

#phone-btn span.material-symbols-outlined {
    display: inline-block;
    vertical-align: middle;
}

.phone-btn:after {
    content: "Call Now!";
    display: inline-block;
    text-align: center;
    margin: 0 auto
}

.phone-btn.active:after {
    content: "close"
}

#phone-btn.active span.material-symbols-outlined.close {
    display: block
}

#phone-btn.active span.material-symbols-outlined {
    display: none
}

#phone-menu ul {
    padding: 1em
}

#phone-menu ul li {
    list-style-type: none
}

#phone-menu ul li p {
    color: white;
    font-size: 1.25em;
    text-transform: capitalize
}

a.phone {
    color: #fed702;
    padding-top: .75em;
    display: inline-block;
    font-size: 1.5em;
    font-weight: bold
}

.menu-btn {
    position: absolute;
    right: 0;
    top: .75em;
    width: 2.75em;
    height: 2em;
    transition: .3s;
    cursor: pointer;
    z-index: 997;
    background-color: transparent;
    border: 0;
    font-size: 1.2em;
    display: none;
}

.menu-btn.active {
    position: fixed;
    top: 1.5em;
    right: 1.5em;
    z-index: 999
}

.menu-btn hr {
    display: block;
    width: 100%;
    height: 0;
    transition: .3s;
    position: absolute;
    border: 2px solid #ffffff;
    background-color: #ffffff;
}

.menu-btn.active hr {
    border: 2px solid white;
    background-color: white
}

.menu-btn-hr-1 {
    top: 0;
    left: 50%;
    transform: translateX(-50%) rotate(0deg)
}

.menu-btn-hr-2 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.menu-btn-hr-3 {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) rotate(0deg)
}

.menu-btn.active .menu-btn-hr-1 {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg)
}

.menu-btn.active .menu-btn-hr-2 {
    opacity: 0
}

.menu-btn.active .menu-btn-hr-3 {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg)
}

header#header {
    width: 98%;
    display: table;
    margin: 0 auto;
    background-size: contain;
    border-bottom: .24em solid #fffefe;
    max-width: 120em;
    position: relative;
    background: var(--copperwood);
}

header#header #header-content {
    position: relative;
    vertical-align: middle;
    padding: 2em;
    width: 100%;
    text-align: right;
}

menu#phone-menu {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 20em;
    background-color: rgb(22 10 43 / 84%);
    overflow: hidden;
    text-align: center;
    z-index: 998;
    transform: translateX(-100%);
    padding: 4em;
    max-height: 15em;
    transition: .3s
}

menu#phone-menu.active {
    transform: translateX(0)
}

#header-center img {
    height: 6em
}

#logo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 997;
    background: white;
    padding: .5em 3em 0 3em;
    height: 100%;
}

#logo img {
    height: 95%;
}

menu#main-nav {
    border-left: .15em solid white;
    text-align: left;
    padding-left: 2em;
    padding-top: 1em;
    padding-bottom: 1em;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2em;
}

menu#main-nav ul {
    width: 100%;
}

menu#main-nav li {
    display: inline-block;
    padding-right: 1em;
}

menu#main-nav a {
    color: white;
    text-transform: capitalize;
    font-size: 1.15em;
    font-weight: bold;
}

menu#main-nav a:hover {
    color: gold;
}

@media(max-width:920px) {

    main,
    header#header {
        width: 100%;
    }

    header#header {
        padding: 1em;
    }

    .menu-btn {
        display: block;
    }

    .phone-btn {
        right: 5em;
        position: absolute;
        top: .75em;
        font-size: 1.5em;
    }

    menu#main-nav {
        width: 100%;
        position: fixed;
        right: 0;
        top: 0;
        height: 100%;
        background-color: var(--wine-plum);
        overflow: hidden;
        text-align: center;
        z-index: 998;
        padding: 3em;
        transform: translateX(100%);
        transition: .3s;
        transform-origin: right
    }

    menu#main-nav.active {
        transform: translateX(0)
    }

    #main-nav ul {
        padding: 1em
    }

    menu#main-nav li {
        padding: .5em;
        list-style-type: none;
        display: block;
    }

    #main-nav ul li a {
        color: white;
        font-size: 1.5em;
        text-transform: capitalize;
        line-height: 2em;
    }
}

@media(max-width:650px) {
    #logo {}

    menu#phone-menu,
    menu#main-nav {
        padding: 3em 1em;
        text-align: center
    }
}

@media(max-width:500px) {
    header#header {
    }
}

@media(max-width:400px) {
    #header-center img {
        margin-top: .75em
    }

    header#header {
        font-size:0.9em;
    }
}

.footer {
    width: 100%;
    padding: 4em 0 2em 0;
    font-size: 1em;
    background-size: cover;
    text-align: center;
    border-top: .5em solid #1a1b1f;
    background-size: cover;
    background-position: top center;
    background: var(--black-forest);
}

#logo-footer img {
    width: 16em;
}

#logo-footer b {
    font-size: 2.25em;
    font-weight: lighter;
    line-height: 1em;
    text-transform: capitalize;
}

.social {
    text-align: center;
    display: inline-block;
    vertical-align: text-bottom;
    width: 25%;
}

.social p {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 2em;
    text-transform: capitalize;
    color: white;
    padding: 0 2em;
}

.social ul {
    display: table;
    width: 8em;
    margin: 0 auto;
}

.social ul li {
    display: table-cell;
    width: 25%;
    padding: .25em;
}

.social ul li a {
    width: 100%;
    display: block;
    background-color: white;
    border-radius: 2em;
    padding: .25em;
}

.social ul li img {
    width: 100%;
    display: block;
    opacity: 00.8;
}

.footer-section {
    width: 100%;
    padding: 1em;
}

.footer section ul {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-left: -5px;
    text-align: center;
    padding-top: 4em;
}

.footer section ul li {
    width: 100%;
    list-style-type: none;
    line-height: 2em;
}

.footer section ul li b {
    font-size: 1.3em;
    color: white;
    text-transform: capitalize;
}

.footer section ul li a {
    display: inline-block;
    color: white !important;
    padding: .25em;
    text-transform: capitalize;
}

a#logo-footer {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

a.footer-logo.alt {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

@media(max-width:700px) {

    a#logo-footer,
    .social,
    .logo-footer.alt {
        display: block;
        width: 100%;
        margin-bottom: 5em
    }

    .footer section ul {
        padding: 2em
    }

    .footer section ul li a {
        font-size: 1.2em
    }
}

.anchor-main {
    background: beige;
    font-family: 'var(--style-font)';
    text-transform: capitalize;
    color: var(--black-forest);
    font-size: 1.75em;
    padding: .25em 1em;
    display: inline-block;
    transition: .3s;
}

.anchor-main:hover {
    background: gold;
}

.anchor-gold {
    font-family: "var(--style-font)";
    font-weight: lighter;
    color: #333;
    background-color: gold;
    border: .15em solid;
    padding: .5em 2em;
    display: inline-block;
    text-transform: capitalize;
    font-size: 1.25em;
    margin-top: 1em;
}

#why-book-with {
    width: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
    padding-bottom: 3em;
    border-top: 1em solid var(--cornsilk);
    background: var(--wine-plum);
}

@media (max-width:650px) {
    #why-book-with {
        width: 100%
    }
}

#why-book-with h2 {
    color: #fff;
    font-size: 3em;
    width: 100%;
    text-align: center;
    padding: 5em 0 2em 0;
    background: url(../images/sunset-1.jpg);
    background-size: cover;
    text-transform: capitalize;
    text-shadow: 0 0 .5em rgb(0 0 0 / 88%);
    background-position: center;
    font-family: var(--style-font);
}

#why-book-with h3 {
    text-transform: capitalize;
    font-size: 2em;
    margin-bottom: 2em;
    width: 100%;
    text-align: center;
    color: var(--copperwood);
}

#why-book-with h3 br {
    display: none
}

#why-book-with ul {
    display: table;
    width: 100%;
    margin: 0 auto;
    max-width: 75em;
}

#why-book-with ul li {
    display: table-cell;
    width: 33.3%;
    text-align: center;
    vertical-align: middle;
    padding: 1em;
}

.booking-details {
    width: 100%;
    border-radius: 2em;
    position: relative;
    text-align: center;
    padding: 2em 2em 2em 1em;
    background-position: center;
    background-color: var(--antique-white);
}

.booking-details img {
    position: absolute;
    height: 100%
}

.booking-details p {
    color: #333;
    line-height: 1.5em;
    font-size: 1.25em
}

@media(max-width:750px) {
    .booking-details p {
        font-size: 1.5em
    }
}

.booking-img-container {
    background: var(--blue-slate);
    border: .25em solid white;
    height: 6em;
    width: 6em;
    position: absolute;
    overflow: hidden;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    top: -4em;
}

.booking-img-container:after {
    content: "";
    position: relative
}

.booking-details h4 {
    text-align: center;
    font-size: 1.5em;
    text-transform: capitalize;
    margin-bottom: 1em;
    line-height: 1em;
    margin-top: 1em;
    font-family: var(--style-font);
    color: var(--jet-black);
}

#book-with-cta {
    background: var(--cornsilk);
    width: 92%;
    display: block;
    max-width: 11.35em;
    margin: 0 auto;
    margin-top: 0;
    padding: .5em;
    font-size: 1.5em;
    border-radius: 1em;
    margin-top: 1em;
    color: var(--copperwood);
    text-transform: capitalize
}

@media(max-width:900px) {
    #why-book-with ul {
        display: block
    }

    #why-book-with ul li {
        display: block;
        width: 100%;
        margin-top: 2em
    }

    .booking-details {
        max-width: 25em;
        margin: 2em auto
    }
}

#activity-reading {
    width: 100%;
    padding: 2em;
    text-align: center;
    position: relative;
    margin: 0 auto
}

#activity-reading.hidden {
    height: 18em;
    overflow: hidden;
    background: #fefae0;
}

#activity-reading p {
    max-width: 60em;
    margin: 0 auto;
}

#activity-reading.expand {
    height: auto
}

.activity-article {
    text-align: left;
    height: 0;
    overflow: hidden;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    line-height: 2em;
    max-width: 60em;
}

.activity-article.active {
    height: auto;
    padding: 1em
}

.activity-article p {
    line-height: 1.75em;
    margin-bottom: 1.5em
}

.article-buttons button {
    display: inline-block;
    background-color: gainsboro;
    border: 0;
    border-radius: 2em;
    padding: .25em 1em;
    font-size: 1em
}

.article-buttons span {
    display: inline-block;
    vertical-align: middle
}

#expand {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}

#expand-more {
    width: 100%;
    background: #fff;
    background: #fff;
    background: linear-gradient(180deg, rgb(255 255 255 / .25) 0%, rgb(255 255 255 / .75) 33%, rgb(255 255 255) 100%);
    border: 0;
    cursor: pointer;
    padding: 5em 0 1em 0
}

#expand-less {
    width: 100%;
    background: none;
    border: 0;
    cursor: pointer
}

#expand-more .material-symbols-outlined,
#expand-less .material-symbols-outlined {
    font-size: 2em
}

#expand-more span,
#expand-less span {
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    font-size: 1.5em;
    font-weight: 700;
    color: #00438b
}

.activity {}

.activity-title,
.activity-description {
    text-align: left;
    width: 50%;
    padding-left: 1em;
    position: relative;
    float: right
}

.activity-title .title {
    text-transform: capitalize;
    color: #032442;
    font-weight: 400;
    line-height: 1em;
    margin-bottom: 1em;
    margin-top: 0;
    text-align: left
}

.sub-title {
    text-transform: capitalize;
    line-height: 1em;
    color: #333;
    font-size: 1.25em
}

.duration {
    white-space: normal;
    display: block;
    margin-top: .5em;
    padding-right: .5em
}

.duration b,
.duration span {
    color: #333;
    display: inline-block;
    vertical-align: bottom;
    white-space: normal;
    word-wrap: normal
}

.activity-image {
    width: 50%;
    overflow: hidden;
    position: relative;
    height: 18em;
    max-width: 25em;
    float: left
}

.activity-image img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    transform: translate(-50%, -50%)
}

.activity-description {
    padding-top: 1em
}

.activity-description p {
    line-height: 1.75em;
    font-size: 1em
}

.activity-footer {
    display: table;
    margin-top: 1em;
    width: 100%;
    padding-top: 1em
}

.activity-left {
    text-align: left
}

.activity-right {
    text-align: right
}

.activity-footer li {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.1em
}

.sale-price,
.list-price {
    font-weight: 700
}

p.sale-price {
    color: var(--black-forest);
    font-size: 1.25em
}

.list-price::before {
    content: "Was ";
    font-size: .75em
}

.sale-price::before {
    content: "From ";
    font-size: .75em
}

.list-price.strike {
    opacity: .5
}

.list-price.strike:after {
    content: "";
    position: absolute;
    left: 0;
    top: 1.65em;
    width: 70%;
    border-top: 2px solid;
    text-decoration: line-through;
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width:900px) {

    .activity-title,
    .activity-description {
        width: 45%
    }
}

@media (max-width:750px) {
    .activity {
        max-width: 40em;
        margin: 1em auto
    }

    .activity-title,
    .activity-description,
    .activity-footer,
    .activity-image {
        float: none;
        width: 100%;
        max-width: 100%
    }

    .activity-description {
        font-size: 1.1em
    }

    .activity-image {
        margin-top: 1em;
        margin-bottom: 1em
    }

    .activity-image img {
        height: auto;
        width: 100%
    }

    .sub-title {
        padding-bottom: .5em
    }

    .sale-price,
    .list-price {
        font-size: 1.5em
    }
}

#product-entry {
    width: 100%;
    margin: 0 auto;
}

#activity-header {
    width: 100%;
    overflow: hidden;
    text-align: center;
    position: relative;
    height: 28em;
    background: #333;
}

#activity-header img {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media(max-width:1095px) {
    #activity-header img {
        width: auto;
        height: 100%
    }
}

#product-content {
    text-align: center;
    width: 100%;
    background: var(--antique-white);
    padding: 2em;
}

#player-wrapper {
    width: 49%;
    text-align: center;
    padding: 1em;
    display: inline-block;
    vertical-align: middle
}

#product-main {
    vertical-align: top;
    width: 50%;
    padding-top: 1em;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-left: .15em solid purple
}

#player-wrapper iframe {
    width: 95%;
    height: 20em;
    max-width: 30em
}

#product-header {
    text-transform: uppercase;
    color: var(--wine-plum);
    font-size: 2.5em;
    font-weight: normal;
}

#product-header span {
    text-transform: capitalize;
    color: #333;
    font-size: .7em;
    margin-bottom: .75em;
    margin-top: .5em;
    margin-bottom: 1em
}

img#img-alt {
    max-width: 30em;
    width: 100%
}

#product-features {
    display: none
}

div#ai-summary {
    width: 49%;
    display: inline-block;
    max-width: 35em;
    padding: 2em;
    vertical-align: middle;
    position: relative
}

div#product-summary {
    display: inline-block;
    max-width: 40em;
    width: 50%;
    padding: 2em 0;
    border-left: .15em solid rgba(0, 0, 0, .25);
    vertical-align: middle;
}

div#ai-summary-content {
    background: #fff;
    padding: 2em 2em;
    border-radius: 1em;
    box-shadow: 0 .5em 1em rgba(0, 0, 0, .3);
    line-height: 1.5em;
    color: #333;
    border: .25em solid var(--olive-leaf);
    font-size: 1.15em
}

#ai-summary img {
    position: absolute;
    right: .5em;
    top: .5em;
    width: 5em
}

.product-duration {
    color: #333;
    margin: 1em auto
}

p#price-attributes {
    max-width: 25em;
    margin: 0 auto
}

.product-duration span {
    display: inline-block;
    vertical-align: middle
}

#product-prices {
    display: inline-table;
    width: 50%;
    margin-top: 1em;
    vertical-align: middle
}

#product-prices li {
    display: table-cell;
    text-align: left;
    padding-right: 1em;
    width: 50%
}

#before-price {
    font-size: 1.25em;
    text-transform: capitalize;
    color: #bbb
}

#before-price span {
    font-size: 1.5em;
    text-decoration: line-through;
    font-weight: 700;
    display: block
}

#after-price {
    font-size: 1.25em;
    text-transform: capitalize;
    color: #333
}

#after-price span {
    font-size: 1.5em;
    font-weight: 700;
    display: block;
    color: var(--olive-leaf);
}

#product-buttons {
    display: inline-block;
    vertical-align: middle;
    margin-top: 1em
}

#seating {
    display: block;
    border-radius: 5em;
    vertical-align: middle;
    font-size: 1.1em;
    border: .15em solid #032541;
    color: #042342;
    text-align: center;
    padding: .5em 0;
    max-width: 10em;
    margin: 1em auto
}

#book-now-alt {
    position: fixed;
    bottom: .5em;
    left: .5em;
    z-index: 988;
    background: #dfbc00;
    border: 0;
    font-size: 1.25em;
    text-transform: capitalize;
    color: #1d1d1d;
    padding: .75em;
    font-weight: 700;
    cursor: pointer
}

#book-now-alt.hidden {
    display: none
}

#book-now-alt.visible {
    display: block
}

#book-now-alt span {
    display: inline-block;
    vertical-align: text-top
}

.activity-details {
    margin: 0 auto;
    display: block;
    font-size: 1.2em;
    background-size: 8em;
    padding: 2em 0;
    background: var(--blue-slate);
}

div#activity-article {
    background: var(--antique-white);
    padding: 2em;
    border-radius: 1em;
    max-width: 60em;
    width: 90%;
    margin: 0 auto;
    box-shadow: 0 .5em 1em rgba(0, 0, 0, .3);
}

.bulletpoint-row {
    column-count: 2;
    padding: 2em;
    column-fill: balance
}

@media(max-width:800px) {
    .bulletpoint-row {
        column-count: 1;
        text-align: center;
        list-style-position: inside
    }
}

.bulletpoint-header {
    margin: 1em auto;
    color: #790052
}

.bulletpointstyles li {
    line-height: 2em
}

#activity-article p {
    margin-bottom: 1em;
    line-height: 1.5em;
    color: #333
}

#activity-aside {
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: bottom;
    overflow: hidden;
    padding: 2em 0;
    background: var(--sunlit-clay);
    background-size: 8em;
    border-top: 1em solid var(--cornsilk);
}

#activity-aside article {
    margin: 0 auto;
    width: 90%;
    padding: 2em;
    max-width: 72em;
    background: #f0f8ff;
    border-radius: 1em;
    box-shadow: 0 .5em 1em rgba(0, 0, 0, .3)
}

#activity-aside article h3 {
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    font-size: 2em;
    color: var(--olive-leaf);
}

#activity-aside article ul {
    margin-top: 2em
}

#activity-aside article ul li {
    display: table;
    width: 100%;
    margin-bottom: 1em
}

#activity-aside article b {
    display: table-cell;
    width: 20%;
    color: var(--chocolate-cosmos);
    vertical-align: top
}

#activity-aside article p {
    display: table-cell;
    width: 60%;
    line-height: 1.5em;
    vertical-align: top;
    text-align: left
}

#activity-aside article p b {
    display: block;
    width: auto;
    color: #333
}

.ai-summary-box {
    background: #ffe9e9;
    padding: 1.25em;
    margin: 2em 0;
    width: 100%;
    font-family: Montserrat, sans-serif;
    font-size: 1em;
    color: #333;
    line-height: 1.5em
}

@media(max-width:600px) {

    #activity-aside article b,
    #activity-aside article p,
    #activity-aside article ul li {
        display: block;
        width: 100%;
        padding: .5em
    }
}

div#activity-gallery {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    background-position: center;
    padding: 2em;
    background: var(--copperwood);
    border-bottom: 1em solid var(--cornsilk);
}

#activity-gallery li {
    display: inline-block;
    width: 30%;
    overflow: hidden;
    height: 16em;
    margin: .5em;
    border: .25em solid #fff;
    border-radius: 1em;
    box-shadow: 0 .5em 1em rgba(0, 0, 0, .3);
    background: #000;
    min-width: 16em
}

@media(max-width:750px) {
    #activity-gallery li {
        min-width: 16em
    }
}

.gallery-image {
    display: block;
    height: 100%;
    width: 100%;
    position: relative
}

.gallery-image img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%
}

div#activity-video {
    display: inline-block;
    width: 40%;
    vertical-align: top;
    border: .5em solid #fff;
    background: #000;
    max-width: 50em;
    border-radius: 1em;
    overflow: hidden;
    box-shadow: 0 .5em 1em rgba(0, 0, 0, .3);
    vertical-align: middle
}

ul#activity-gallery {
    display: inline-block;
    width: 59%;
    max-width: 60em;
    vertical-align: middle
}

#activity-video iframe {
    width: 100%;
    min-height: 24em;
    border: 0
}

@media (max-width:850px) {
    #book-now-alt {
        left: 0;
        bottom: 0;
        width: 100%
    }

    div#ai-summary,
    div#product-summary {
        width: 100%;
        display: block;
        margin: 0 auto;
        border: 0;
        max-width: 50em
    }

    #product-prices {
        display: table;
        width: 100%;
        text-align: center
    }

    #product-prices li {
        text-align: center;
        padding: 1em
    }

    #product-buttons {
        display: block;
        width: 100%;
        text-align: center
    }

    div#activity-video {
        width: 100%;
        max-width: 32em
    }

    div#activity-video iframe {
        max-width: 30em
    }

    #activity-gallery ul {
        width: 100%
    }
}

#bread-crumbs {
    width: 100%;
    text-align: center;
    background: #333;
    padding: .5em
}

#bread-crumbs li {
    display: inline-block;
    vertical-align: middle
}

#bread-crumbs a {
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    color: #fff;
    text-transform: capitalize
}

#bread-crumbs .material-symbols-outlined {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    color: #fff
}

@media (max-width:750px) {
    #bread-crumbs {
        text-align: center
    }
}

#gallery-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background: #000000a8
}

#gallery-modal.modal-gallery-window {
    display: none
}

#gallery-modal.modal-gallery-window.active {
    display: block
}

.gallery-slide {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 50em
}

#gallery-button-next,
#gallery-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: 0 0;
    line-height: 0;
    letter-spacing: 0;
    word-spacing: 0;
    border: 0
}

#gallery-button-prev {
    left: 0
}

#gallery-button-next {
    right: 0
}

#gallery-button-next .material-symbols-outlined,
#gallery-button-prev .material-symbols-outlined {
    color: #f5f5f5;
    font-size: 5em
}

#gallery-button-prev .material-symbols-outlined {
    margin-left: -.2em
}

#gallery-button-next .material-symbols-outlined {
    margin-right: -.2em
}

.gallery-slide {
    display: none
}

.gallery-slide.active {
    display: block
}

#close-modal-gallery {
    position: absolute;
    right: 1em;
    top: 1em;
    font-size: 1em;
    background: 0 0;
    border: none
}

#close-modal-gallery .material-symbols-outlined {
    font-size: 2.5em;
    color: #fff;
    border: 2px solid;
    border-radius: 50%
}

div#modal-gallery-nav {
    position: absolute;
    bottom: 1em;
    width: 100%;
    text-align: center
}

button.gallery-nav-btn {
    margin: .25em;
    height: 1.5em;
    width: 1.5em;
    border-radius: 1em;
    border: 0;
    opacity: .5
}

button.gallery-nav-btn.active {
    opacity: 1
}

div#empty-cart {
    text-align: center;
    padding: 10em 2em 10em 2em;
    margin: 0 auto;
    margin-top: 0;
}

div#empty-cart .material-symbols-outlined {
    color: var(--copperwood);
    font-size: 4em
}

div#empty-cart h3 {
    text-transform: capitalize;
    color: var(--copperwood);
    font-size: 2em
}

div#empty-cart p {
    color: var(--black-forest);
    line-height: 1.5em;
    max-width: 25em;
    margin: 0 auto;
    font-size: 1.25em;
}

#contact-us p {
    line-height: 2em;
    max-width: 45em;
    margin: 0 auto;
    width: 95%;
}

#contact-us h1.title {
    color: #18243f;
}

div#contact-us {
    text-align: center
}

#contact-us {
    background-position: center;
    padding-bottom: 2em
}

#contact-us h3.title {
    font-size: 2em;
    text-transform: capitalize;
    padding: 1.5em 0;
    margin: 0 auto;
    display: block;
    text-align: center;
    color: white;
    font-weight: normal;
    font-size: 2em;
    font-weight: lighter;
    color: #333;
}

#contact-form {
    margin: 1em auto;
    text-align: center;
    background-position: center;
    background: var(--cornsilk);
    max-width: 60em;
    break-inside: avoid;
    padding: 3em;
    width: 90%;
    border-radius: 0;
    border-radius: 1em;
}

@media(max-width:900px) {
    #contact-form {
        column-count: 0
    }
}

#contact-form .form-control {
    padding: 1em;
    width: 100%;
    max-width: 25em;
    margin: 1em auto;
    border-radius: .75em;
    text-transform: capitalize;
    transform: scaleY(-1);
    border: none;
    border: .2em solid var(--copperwood);
}

#contact-form .row {
    break-inside: avoid
}

#contact-form .md-form label {
    display: block;
    color: var(--black-forest);
    font-size: 1.25em;
    font-weight: bold;
    transform: scaleY(-1)
}

#contact-form .container {
    text-align: center;
    padding: 2em 0
}

#contact-form .md-form.mb-0 {
    transform: scaleY(-1)
}

#contact-form .md-form {
    transform: scaleY(-1)
}

div#contact-us {
    text-align: center
}

div#contact-us {
    padding-top: 12em;
    background-size: 100%;
}

div#contact-us iframe {
    margin: 0 auto;
    display: block
}

.g-recaptcha {
    text-align: center;
    margin: 0 auto;
    display: block
}

.g-recaptcha div {
    margin: 0 auto
}

#contact-us h3.title {
    font-weight: 400;
    color: #145586;
    margin-top: 3em;
    font-weight: bold
}

div#contact-us input[type="submit"] {
    display: inline-block;
    padding: .5em 2em;
    text-transform: capitalize;
    font-size: 1.15em;
    background: #dcb14c;
    color: #1a1f1b;
    border: .15em solid white;
    transition: .3s
}

#about-content {
    background-size: 100%;
}

@media(max-width:500px) {
    #about-content {
        background-size: 15em, 15em, auto
    }
}

div#hero-alt {
    width: 100%;
    position: relative;
    height: 25em;
    overflow: hidden;
    background-color: black;
}

#hero-alt img {
    width: 100%;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .8;
}

#hero-alt section {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#hero-alt h1 {
    color: white;
    font-size: 3em;
    font-weight: lighter;
    letter-spacing: 1px;
    text-shadow: 0 0 1em black;
    text-transform: uppercase;
    font-weight: bold;
}

#hero-alt span.span-2 {
    color: var(--cornsilk);
    text-transform: capitalize;
    font-size: 2em;
    text-shadow: 0 0 1em black;
}

#about div#hero {
    border-top: 0;
    position: relative;
    text-align: center;
    height: auto;
    background: url("../images/waterfall.jpg");
    background-size: cover;
    background-position: 0 75%;
}

#about #hero h1 {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    font-size: 3em;
    text-transform: capitalize;
    color: white;
    padding: 6em 0 1em 0;
    background: #00000036;
}

div#about-content {
    padding: 5em 0;
    text-align: center;
    background-color: var(--black-forest);
}

#about-content article {
    display: block;
    margin: 0 auto;
    max-width: 60em;
    width: 90%;
    border-radius: 1em;
    position: relative;
    text-align: center;
    padding: 3em;
    background-size: 55em;
    background-position: center;
    background: var(--cornsilk);
}

#about-content article p {
    line-height: 2em;
    margin-bottom: 1em;
    text-align: left
}

@media (max-width:950px) {
    #book-now-alt {
        left: 0;
        bottom: 0;
        width: 100%
    }

    #video #activity-header.blank {
        height: 18em
    }

    #player-wrapper {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 1em
    }

    #video-alt-wrapper {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 1em;
        max-width: 30em;
        margin: 0 auto
    }

    #product-main {
        display: block;
        width: 100%;
        padding: 0 1em;
        text-align: center
    }

    #product-features {
        margin: 1em auto
    }

    #product-prices {
        display: table;
        width: 100%;
        text-align: center
    }

    #product-prices li {
        text-align: center;
        padding: 1em
    }

    #product-buttons {
        display: block;
        width: 100%;
        text-align: center
    }

    #video-alt-wrapper {
        width: 100%
    }

    #video-alt-wrapper section img {
        height: 100%;
        width: auto
    }
}

div#seating-window {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    width: 100%;
}

div#seating-window img {
    width: 95%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 40em;
}

div#seating-window button {
    position: absolute;
    right: 1em;
    top: 1em;
    background: none;
    color: white;
    border: none;
    font-size: 1.25em;
}

div#seating-window button .material-symbols-outlined {
    font-size: 2.5em !important;
    font-weight: bold;
}

div#seating-window {
    display: none;
}

div#seating-window.visible {
    display: block;
}

a.footer-logo.alt img {
    width: 12em;
}

div#activities-index {
    background-size: cover;
    background-position: bottom;
    background: var(--olive-leaf);
    padding-bottom: 1em;
}

.activity {
    display: table;
    width: 100%;
    vertical-align: middle;
    margin: 1em auto;
    overflow: hidden;
    max-width: 70em;
    margin: 2em auto;
    padding: 1em;
    background: var(--cornsilk);
    position: relative;
}

.activity .tour-img {
    display: table-cell;
    width: 45%;
    overflow: hidden;
    position: relative;
    height: 20em;
    background: var(--cornsilk);
}

.activity .tour-details {
    display: table-cell;
    width: 55%;
    padding: 2em;
    text-align: left;
}

.activity .tour-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
}

.activity .tour-details p {
    line-height: 1.5em;
    color: #333;
    margin: 1em 0;
    font-size: 1.25em;
}

.activity .tour-details h2 {
    font-size: 2em;
    color: var(--copperwood);
}

.activity .tour-details h3 {
    color: var(--black-forest);
    font-size: 1.5em;
}

@media(max-width:750px) {
    .activity {
        max-width: 30em;
        font-size: 1.15em
    }

    .activity .tour-img,
    .activity .tour-details {
        display: block;
        width: 100%;
        text-align: center
    }
}

.activity-details,
#activity-article {
    text-align: left !important;
}

#activity-article p,
#activity-article ul,
#activity-article li,
#activity-article strong,
#activity-article h3 {
    text-align: left !important;
}

.bulletpointstyles {
    list-style-type: disc !important;
    padding-left: 20px !important;
    margin: 0 0 1em 0 !important;
}

.bulletpointstyles li {
    line-height: 2em !important;
    list-style: disc !important;
    display: list-item !important;
}

h3.info {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 1.6em;
    text-transform: uppercase;
    color: #22491d;
    background: linear-gradient(to right, #fff4d6, #f5deb3);
    padding: .5em 1em;
    margin: 2em 0 1em;
    border-left: 6px solid #fea500;
    border-radius: 0 .5em .5em 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

h2.info {
    font-family: 'var(--style-font)', sans-serif;
    font-size: 2em;
    font-weight: 400;
    color: #21491D;
    margin: 1em 0 .5em;
    text-align: center;
    background: linear-gradient(to right, #fff4d6, #f5deb3);
    padding: .5em 1em;
    border-left: 6px solid #fea500;
    border-radius: 0 .5em .5em 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    text-transform: capitalize;
}

textarea#message.form-control {
    height: 200px !important;
    resize: vertical;
    max-width: 28em;
}

.activity dd {
    text-decoration: line-through;
    opacity: .3;
    display: inline-block;
    padding-left: 2.5em;
    font-weight: bold;
}

.activity dl {
    font-size: 1.75em;
}

.activity dt {
    color: var(--copperwood);
    font-weight: bold;
    font-size: 1.25em;
}

.activity dt:before {
    content: "from ";
    color: #333;
    text-transform: capitalize;
    font-size: .75em;
}




























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



#faq.instructions .accordion {
  width:100%;
  background:#dcdcdc;
  margin:0 auto
}
#faq.instructions .accordion .tab {
  width:100%;
  background:#f5f5f5;
  list-style-type:none;
  border-bottom: 0.15em solid var(--blue-slate);
}
#faq.instructions .accordion .tab button,
#faq.instructions .accordion .tab a{
  padding:1em 0em;
  text-align:center;
  text-transform:capitalize;
  font-weight:100;
  background:#023040;
  color:#efefef;
  cursor:pointer;
  transition:.3s;
  font-size:1.15em;
  width:100%;
  border:0;
  display: block;
}
#faq.instructions .accordion .tab.active button, 
#faq.instructions .accordion .tab.active a{
  color:white;
  background:var(--blue-slate);
}
#faq.instructions .accordion .tab .content {
  width:100%;
  text-align:center;
  transform-origin:top;
  border-bottom:.2em solid #dcdcdc;
  border-radius: 0;
  box-shadow: 0em 0em 0em;
  padding: 3em 0.5em;
}
#faq.instructions .accordion .tab .content p {
  font-size:1em;
  font-weight:401;
  line-height:1.5em;
  margin:0 auto;
  width:90%
}
#faq.instructions .accordion .tab .content {
  display:none
}

#faq.instructions .content {
  padding: 1em;
}
#faq.instructions button p,
#faq.instructions a p {
  color: white;
  margin: 0;
  line-height: 1em;
  font-weight: bold;
  display: inline-block;
  width: 80%;
  vertical-align: middle;
  font-size: 1.15em;
}
#faq.instructions .accordion {
  font-size: 1em;
  border: 0.15em solid aliceblue;
}
#faq.instructions h3 {
  font-size: 1.35em;
  text-align: center !important;
  padding: 1em;
  color: #333;
}


#faq.instructions a .material-symbols-outlined {
  font-size: 1.5em;
}
#faq.instructions a .material-symbols-outlined.chevron_right:before{
  content: "Learn More";
  font-size: 0.5em;
  font-family: Montserrat,Verdana,Geneva,Tahoma,sans-serif;
  text-transform: capitalize;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  margin-left: 1em;
}
#faq.instructions a .material-symbols-outlined.close_small:before{
  content: "Close";
  font-size: 0.5em;
  font-family: Montserrat,Verdana,Geneva,Tahoma,sans-serif;
  text-transform: capitalize;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  margin-left: 1em;
}
#faq.instructions{
  margin-bottom: 2em;
  text-align: center;
}
#faq.instructions .tab.active button, .accordion .tab.active a {
  background: gold;
}
#faq.instructions .tab.active a {
  background: gold;
}
@keyframes fadeIn {
  0% {
    transform:scaleY(0)
  }
  100% {
    transform:scaleY(1)
  }
}
@-webkit-keyframes fadeIn {
  0% {
    transform:scaleY(0)
  }
  100% {
    transform:scaleY(1)
  }
}
@-moz-keyframes fadeIn {
  0% {
    transform:scaleY(0)
  }
  100% {
    transform:scaleY(1)
  }
}
#faq.instructions .tab.active .content {
  display:block;
  height:auto;
  animation:fadeIn .3s ease-out;
  -webkit-animation:fadeIn .3s ease-out;
  -moz-animation:fadeIn .3s ease-out
}
#faq.instructions .tab button p {
  width:95%;
  display:inline-block;
  text-align:left;
  font-weight: bold;
}
#faq.instructions .material-symbols-outlined.chevron_right {
  vertical-align:middle;
  color:#333;
  background:#fff;
  border-radius:1em
}
#faq.instructions .material-symbols-outlined.close_small {
  background:#333;
  color:gold;
  border-radius:1em;
  vertical-align:middle
}
#faq.instructions .accordion .tab .close_small {
  display:none
}
#faq.instructions .accordion .tab .chevron_right {
  display:inline-block;
  vertical-align: middle;
}
#faq.instructions .accordion .tab.active .close_small {
  display:inline-block
}
#faq.instructions .accordion .tab.active .chevron_right {
  display:none
}
@media (max-width:750px) {
  #faq.instructions .tab button p {
    width:85%
  }
}
#faq.instructions .accordion .tab .content a {
  background: none;
  font-weight: bold;
  padding: 0;
  display: inline-block;
}
.page-about{color:var(--jet-black)}
.page-about .pa-hero{position:relative;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;background-color:var(--blue-slate);min-height:170px;height:clamp(160px,18vh,210px);display:grid;place-items:center}
.page-about .pa-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,54,66,.55) 0%,rgba(20,54,66,.28) 55%,rgba(20,54,66,.12) 100%);pointer-events:none}
.page-about .pa-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:55px;background:linear-gradient(180deg,rgba(25,100,126,0) 0%,rgba(25,100,126,.55) 55%,rgba(25,100,126,1) 100%);pointer-events:none}
.page-about .pa-hero-inner{position:relative;z-index:2;padding:1.05em 1em;text-align:center;width:100%}
.page-about .pa-hero-title,.page-about .pa-hero-subtitle{position:relative;z-index:2;color:var(--antique-white)!important;text-shadow:0 2px 18px rgba(0,0,0,.45);font-family:var(--style-font);margin:0;background:none!important}
.page-about .pa-hero-title{line-height:1.05;font-size:clamp(1.75em,2.6vw,2.55em)}
.page-about .pa-hero-subtitle{margin:.35em 0 0 0!important;font-size:clamp(1.0em,1.4vw,1.25em);font-weight:600;text-transform:capitalize}
.page-about .pa-zone{background:var(--blue-slate)!important;padding:1.6em 0 3.2em 0!important}
.page-about .pa-card{width:90%;max-width:60em;margin:-14px auto 0 auto;background:var(--antique-white)!important;color:var(--jet-black)!important;border-radius:1.25em;box-shadow:0 1.2em 2.2em rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.22);padding:3em;opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
.page-about .pa-card *{color:inherit!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
.page-about .pa-card p{line-height:1.9em;margin:0 0 1em 0;text-align:left}
.page-about .pa-card a{color:var(--wine-plum)!important;text-decoration:underline!important;text-underline-offset:3px;font-weight:700}
.page-about .pa-card h1,.page-about .pa-card h2,.page-about .pa-card h3,.page-about .pa-card h4{color:var(--wine-plum)!important}
.page-about .pa-card ul,.page-about .pa-card ol{padding-left:1.25em;margin:0 0 1em 0}
.page-about .pa-card li{list-style:disc;margin:.35em 0;display:list-item!important}
@media(max-width:750px){.page-about .pa-hero{height:clamp(140px,16vh,180px)}.page-about .pa-hero-inner{padding:.9em 1em}.page-about .pa-card{padding:2em;margin-top:-10px}}