:root,
:host {
    --fa-style-family-classic: 'Font Awesome 6 Pro';
    --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Pro';
    --fa-style-family-brands: 'Font Awesome 6 Brands';
    --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
}

@font-face {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src:
        url('../webfonts/fa-regular-400.woff2') format('woff2'),
        url('../webfonts/fa-regular-400.ttf') format('truetype');
}

@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src:
        url('../webfonts/fa-brands-400.woff2') format('woff2'),
        url('../webfonts/fa-brands-400.ttf') format('truetype');
}

.fa {
    font-family: var(--fa-style-family, 'Font Awesome 6 Pro');
    font-weight: var(--fa-style, 900);
}

.fa,
.fa-brands,
.fa-classic,
.fa-regular,
.fab,
.far {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

.far,
.fa-classic,
.fa-regular {
    font-weight: 400;
    font-family: 'Font Awesome 6 Pro';
}

.fab,
.fa-brands {
    font-weight: 400;
    font-family: 'Font Awesome 6 Brands';
}

.fa-360-degrees::before {
    content: '\e2dc';
}
.fa-cutlery::before {
    content: '\f0f5';
}
.fa-star::before {
    content: '\f005';
}

.fa-magnifying-glass::before {
    content: '\f002';
}

.fa-whatsapp::before {
    content: '\f232';
}
.fa-instagram::before {
    content: '\f16d';
}
.fa-facebook::before {
    content: '\f09a';
}
.fa-twitter::before {
    content: '\f099';
}
.fa-youtube::before {
    content: '\f167';
}

.fa-person-running::before {
    content: '\f70c';
}
.fa-chevron-left::before {
    content: '\f053';
}
.fa-chevron-right::before {
    content: '\f054';
}

*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}

html,
body {
    position: relative;
    width: 100%;
    height: 100dvh;
    overflow: hidden;
}

body {
    color: #333;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #ffffff;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-weight: inherit;
}

h1 {
    font-size: 1.5em;
    margin: 0.67em 0;
}

#app,
main,
#EasyMapRoute {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
    appearance: button;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type='checkbox'],
[type='radio'] {
    box-sizing: border-box;
    padding: 0;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    height: auto;
}

[type='search'] {
    -webkit-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px;
}

[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

img,
video {
    max-width: 100%;
    height: auto;
}
img,
video,
canvas,
audio,
iframe,
embed,
object {
    display: flex;
    -webkit-vertical-align: middle;
    vertical-align: middle;
    align-self: center;
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
div {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

p {
    margin: 0px;
    padding: 0px;
}

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

a:hover {
    text-decoration: none;
}

.d-block {
    display: block !important;
}
.text-bold {
    font-weight: 600;
}

/*PRELOADING------------ */
#overlayer {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
    border-radius: 12px;
    background: #fafafa url(../img/ooorganize.svg) center center / 40px 40px fixed;
}
.loader {
    width: 350px;
    height: 450px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 3;
}
.easymap-pin.ellington-marker {
    width: 40px;
    height: 40px;
    margin-left: -16px;
    margin-top: -16px;
    background: url(../img/marker.svg) no-repeat center center / contain;
}
/*owl carousal*/
.easymap-slide-wrap {
    width: 260px;
    background: #fff;
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 10px;
}
.slide-image {
    height: 120px;
    object-fit: cover;
}

.owl-prev,
.owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 25px;
    height: 25px;
    margin: auto;
    background: #fff !important;
    color: #333 !important;
    border-radius: 50%;
    font-size: 12px !important;
}
.owl-prev {
    left: 4px;
}
.owl-next {
    right: 4px;
}

/*animations starts herre*/
.easymap-pin {
    z-index: 1;
}
.easymap-tooltip {
    z-index: 2;
}
.jetsky1 {
    display: block;
    position: absolute;
    width: 5%;
    height: 4%;
    left: 76.2%;
    top: 88.35%;
    background: url(../img/anim/jetsky.gif) center center no-repeat transparent;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-animation: Jetsky1a 10s infinite linear;
    -moz-animation: Jetsky1a 10s infinite linear;
    -o-animation: Jetsky1a 10s infinite linear;
    -ms-animation: Jetsky1a 10s infinite linear;
    animation: Jetsky1a 10s infinite linear;
}

@keyframes Jetsky1a {
    0% {
        -webkit-transform: translate(0%) rotateY(0deg) rotateZ(0deg);
        transform: translate(0%) rotateY(0deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: translate(220%, 370%) rotateY(0deg) rotateZ(0deg);
        transform: translate(220%, 370%) rotateY(0deg) rotateZ(0deg);
    }
}

.bananaride {
    display: block;
    position: absolute;
    width: 6.5%;
    height: 8.2%;
    left: 80%;
    top: 83%;
    background: url(../img/anim/bananaride.svg) center center no-repeat transparent;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    animation-delay: 6s;
    /*transform: translate(0%,0%) rotateZ(-20deg);*/
    -webkit-animation: bananaride1a 12s infinite linear;
    -moz-animation: bananaride1a 12s infinite linear;
    -o-animation: bananaride1a 12s infinite linear;
    -ms-animation: bananaride1a 12s infinite linear;
    animation: bananaride1a 12s infinite linear;
}

@keyframes bananaride1a {
    0% {
        -webkit-transform: translate(0%) rotateY(0deg) rotateZ(-20deg);
        transform: translate(0%) rotateY(0deg) rotateZ(-20deg);
    }

    100% {
        -webkit-transform: translate(205%, 105%) rotateY(10deg) rotateZ(-20deg);
        transform: translate(205%, 105%) rotateY(10deg) rotateZ(-20deg);
    }
}

.talking-people {
    display: block;
    position: absolute;
    width: 0.8%;
    height: 2.2%;
    left: 53.75%;
    top: 30.55%;
    background: url(../img/anim/talking-people.gif) center center no-repeat transparent;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.swimring-man1 {
    display: block;
    position: absolute;
    width: 0.8%;
    height: 1.4%;
    left: 45%;
    top: 54.4%;
    background: url(../img/anim/swimring-man1.gif) center center no-repeat transparent;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.swimring-lady1 {
    display: block;
    position: absolute;
    width: 0.8%;
    height: 1.4%;
    left: 66.45%;
    top: 36.95%;
    background: url(../img/anim/swimring-lady1.gif) center center no-repeat transparent;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.pool-ball {
    display: block;
    position: absolute;
    width: 2%;
    height: 3.4%;
    left: 45.7%;
    top: 50.55%;
    opacity: 0.6;
    background: url(../img/anim/swingball.gif) center center no-repeat transparent;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.swimming-man2 {
    display: block;
    position: absolute;
    width: 1.2%;
    height: 2%;
    left: 41%;
    top: 16%;
    background: url(../img/anim/swimmingman2.gif) center center no-repeat transparent;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    z-index: 4;
    opacity: 0.5;
    transform: translate(0%, 0%) rotateZ(-90deg);
    -webkit-animation: swimmer1a 20s infinite linear;
    -moz-animation: swimmer1a 20s infinite linear;
    -o-animation: swimmer1a 20s infinite linear;
    -ms-animation: swimmer1a 20s infinite linear;
    animation: swimmer1a 20s infinite linear;
}

@keyframes swimmer1a {
    0% {
        -webkit-transform: translate(0%) rotateY(0deg) rotateZ(-90deg);
        transform: translate(0%) rotateY(0deg) rotateZ(-90deg);
    }
    100% {
        -webkit-transform: translate(65%, 90%) rotateY(0deg) rotateZ(-90deg);
        transform: translate(65%, 90%) rotateY(0deg) rotateZ(-90deg);
    }
}

#sideroadpath {
    offset-path: path(
        'M793.39,852.49c0,0-34.59,86.85-43.77,150.39        c-9.18,63.55-64.95,316.32-64.95,316.32l-60,245.01c0,0-47.3,262.66,48.71,399.64s166.6,179.34,166.6,179.34l21.18,9.89'
    );
    /*  animation: move 10s infinite alternate ease-in-out;*/
    animation: move 20s infinite linear;
    width: 48px;
    height: 26px;
    background: url(../img/anim/car-top.svg) no-repeat center center / contain;
    position: absolute;
    left: 0;
    top: 0;
}

@keyframes move {
    0% {
        offset-distance: 0%;
    }
    100% {
        offset-distance: 100%;
    }
}

#mainentrancepath {
    offset-path: path(
        'M2133.94,2155.19l-30.35-38.13        c0,0-26.12-34.6-18.35-141.21c0,0,42.36-124.97,46.59-151.1s-2.82-129.21-2.82-129.21s-2.12-31.07-43.06-43.07l-82.59,2.12        c0,0-33.88,7.06-36.71,40.25c-2.82,33.19,0,172.99,0,172.99s24,74.84,27.53,103.79c3.53,28.95,2.12,124.27-9.88,144.04        s-31.06,43.07-31.06,43.07'
    );
    /*  animation: move 10s infinite alternate ease-in-out;*/
    animation: move1 10s infinite linear;
    animation-delay: 2s;
    width: 48px;
    height: 26px;
    background: url(../img/anim/car-top1.svg) no-repeat center center / contain;
    position: absolute;
    left: 0;
    top: 0;
}

@keyframes move1 {
    0% {
        offset-distance: 0%;
    }
    100% {
        offset-distance: 100%;
    }
}

#ballroomentry {
    offset-path: path(
        'M2611.85,1944.08l86.12-4.24        c0,0,56.47,4.24,127.07-62.13c70.59-66.37,221.66-218.88,221.66-218.88s24-18.36,0-33.89s-42.36-35.3-42.36-35.3'
    );
    /*  animation: move 10s infinite alternate ease-in-out;*/
    animation: move2 10s infinite linear;
    animation-delay: 1s;
    width: 48px;
    height: 26px;
    background: url(../img/anim/car-top1.svg) no-repeat center center / contain;
    position: absolute;
    left: 0;
    top: 0;
}

@keyframes move2 {
    0% {
        offset-distance: 0%;
    }
    100% {
        offset-distance: 100%;
    }
}

#ballroomexit {
    offset-path: path(
        'M3059.4,1588.22l79.06,59.31        c0,0,28.24,21.18,33.88,42.36c5.65,21.18,33.88,94.61,33.88,94.61s25.41,36.72,50.83,35.3s184.95,4.24,184.95,4.24'
    );
    /*  animation: move 10s infinite alternate ease-in-out;*/
    animation: move2 10s infinite linear;
    animation-delay: 1s;
    width: 48px;
    height: 26px;
    background: url(../img/anim/car-top2.svg) no-repeat center center / contain;
    position: absolute;
    left: 0;
    top: 0;
}

@keyframes move2 {
    0% {
        offset-distance: 0%;
    }
    100% {
        offset-distance: 100%;
    }
}