: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');
  /* url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css') format('css') */
}

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('../webfonts/fa-solid-900.woff2');
}

@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,
.fa-solid,
.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-umbrella-beach::before {
  content: '\f5ca';
}

.fa-bed::before {
  content: '\f236';
}

.fa-tent::before {
  content: '\e57d';
}

.fa-bag-shopping::before {
  content: '\f290';
}

.fa-spa::before {
  content: '\f5bb';
}

.fa-ferris-wheel::before {
  content: '\e174';
}

.fa-toilet-paper::before {
  content: '\f71e';
}

.fa-pills::before {
  content: '\f484';
}

.fa-money-bill-1::before {
  content: '\f3d1';
}

.fa-tennis-ball::before {
  content: '\f45e';
}

.fa-martini-glass-citrus::before {
  content: '\f561';
}

.fa-person-swimming::before {
  content: '\f5c4';
}

.fa-calendar-users::before {
  content: '\e5e2';
}

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

.fa-person-meditating::before {
  content: '\e7e1' !important;
}

.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-phone::before {
  content: '\f095';
}

.fa-person-running::before {
  content: '\f70c';
}

.fa-chevron-left::before {
  content: '\f053';
}

.fa-chevron-right::before {
  content: '\f054';
}

.fa-dumbbell::before {
  content: '\f44b';
}

.fa-restroom::before {
  content: '\f7bd';
}

.fa-atm::before {
  content: '\e313';
}

.fa-info::before {
  content: '\f129';
}

.fa-umbrella-beach::before {
  content: '\f5ca';
}

.fa-prescription-bottle-medical::before {
  content: '\f486';
}

.fa-person-praying::before {
  content: '\f683';
}

.fa-elevator::before {
  content: '\e16d';
}

.fa-apartment::before {
  content: '\e468';
}

.fa-people-roof::before {
  content: '\e537';
}

.fa-party-horn::before {
  content: '\e31b';
}

.fa-building::before {
  content: '\f1ad';
}

.fa-dungeon::before {
  content: '\f6d9';
}

.fa-child-reaching::before {
  content: '\e59d';
}

.fa-basketball-hoop::before {
  content: '\f435';
}

.fa-table-tennis-paddle-ball::before {
  content: '\f45d';
}

.fa-volleyball::before {
  content: '\f45f';
}

.fa-table-tennis-paddle-ball::before {
  content: '\f45d';
}

.fa-court-sport::before {
  content: '\e643';
}

.fa-teddy-bear::before {
  content: '\e3cf';
}

.fa-roller-coaster::before {
  content: '\e324';
}

.fa-children::before {
  content: '\e4e1';
}

.fa-tent-circus::before {
  content: '\e6cd' !important;
}

.fa-sync-alt::before {
  content: '\f2f1';
}


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

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

body {
  color: #333;
  margin: 0;
  padding: 12px 12px;
  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 {*/
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0px;
  padding: 0px;
  list-style: none;
  font-weight: inherit;
}

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

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: block;
  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: 6px;
  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;
}

.talking-people {
  display: block;
  position: absolute;
  width: .9%;
  height: 4%;
  left: 49.75%;
  top: 52%;
  background: url(../images/animations/talking-people.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.swimring-man1 {
  display: block;
  position: absolute;
  width: 1%;
  height: 1.7%;
  left: 32%;
  top: 71.85%;
  background: url(../images/animations/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%;
  left: 32%;
  top: 88.85%;
  background: url(../images/animations/swimring-lady1.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.pool-ball {
  display: block;
  position: absolute;
  width: 4%;
  height: 6%;
  left: 32.7%;
  top: 28.85%;
  opacity: 0.7;
  background: url(../images/animations/swingball.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  transform: rotateX(45deg);
}

.volleyball {
  display: block;
  position: absolute;
  width: 4.7%;
  height: 5%;
  left: 62.7%;
  top: 34.85%;
  background: url(../images/animations/volleyball.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

/* .jetsky1 {
  display: block;
  position: absolute;
  width: 4%;
  height: 3%;
  left: 45%;
  top: 65.75%;
  background: url(../images/animations/jetsky.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto; 
  -webkit-animation: Jetsky1a 15s infinite linear;
  -moz-animation: Jetsky1a 15s infinite linear;
  -o-animation: Jetsky1a 15s infinite linear;
  -ms-animation: Jetsky1a 15s infinite linear;
  animation: Jetsky1a 15s infinite linear 
}

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

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

} */

.jetsky1 {
  display: block;
  position: absolute;
  width: 4%;
  height: 3%;
  left: 87%;
  top: 35.75%;
  background: url(../images/animations/jetsky.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  /*transform: translate(0%,0%) rotateY(0deg);*/
  -webkit-animation: Jetsky1a 15s infinite linear;
  -moz-animation: Jetsky1a 15s infinite linear;
  -o-animation: Jetsky1a 15s infinite linear;
  -ms-animation: Jetsky1a 15s infinite linear;
  animation: Jetsky1a 15s infinite linear
}

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

  100% {
    -webkit-transform: translate(-315%, 290%) rotateY(180deg) rotateZ(-9deg);
    transform: translate(-315%, 290%) rotateY(180deg) rotateZ(-9deg)
  }

}

.paddleman {
  display: block;
  position: absolute;
  width: 2.2%;
  height: 3.4%;
  left: 64.5%;
  top: 63.7%;
  background: url(../images/animations/paddleboarding1.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  /*transform: translate(0%,0%) rotateY(0deg);*/
  -webkit-animation: paddle 70s infinite linear;
  -moz-animation: paddle 70s infinite linear;
  -o-animation: paddle 70s infinite linear;
  -ms-animation: paddle 70s infinite linear;
  animation: paddle 70s infinite linear
}

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

  100% {
    -webkit-transform: translate(400%, 530%) rotateY(180deg) rotateZ(0deg);
    transform: translate(400%, 530%) rotateY(180deg) rotateZ(0deg)
  }

}

/* .kayak2 {
  display: block;
  position: absolute;
  width: 2.5%;
  height: 3.5%;
  left: 90.95%;
  top: 30.85%;
  background: url(../images/animations/kayaking.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;  
   webkit-animation: kayak2 80s infinite linear;
  -moz-animation: kayak2 80s infinite linear;
  -o-animation: kayak2 80s infinite linear;
  -ms-animation: kayak2 80s infinite linear;
  animation: kayak2 80s infinite linear 
}

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

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

} */

.kayak2 {
  display: block;
  position: absolute;
  width: 2.3%;
  height: 3.5%;
  left: 43.95%;
  top: 69.85%;
  background: url(../images/animations/kayaking.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  /*transform: translate(0%,0%);*/
  webkit-animation: kayak2 80s infinite linear;
  -moz-animation: kayak2 80s infinite linear;
  -o-animation: kayak2 80s infinite linear;
  -ms-animation: kayak2 80s infinite linear;
  animation: kayak2 80s infinite linear
}

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

  100% {
    -webkit-transform: translate(600%, 360%) rotateY(180deg) rotateZ(0deg);
    transform: translate(600%, 360%) rotateY(180deg) rotateZ(0deg)
  }

}

.kidsplaying {
  display: block;
  position: absolute;
  width: 1.7%;
  height: 8%;
  left: 13.7%;
  top: 63.85%;
  background: url(../images/animations/kidsplaying.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

/* .jetsky1 {
  display: block;
  position: absolute;
  width: 4%;
  height: 3%;
  left: 5%;
  top: 63.75%;
  background: url(../img/anim/jetsky.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-animation: Jetsky1a 15s infinite linear;
  -moz-animation: Jetsky1a 15s infinite linear;
  -o-animation: Jetsky1a 15s infinite linear;
  -ms-animation: Jetsky1a 15s infinite linear;
  animation: Jetsky1a 15s infinite linear;
}

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

  100% {
    -webkit-transform: translate(500%, 700%) rotateY(0deg) rotateZ(0deg);
    transform: translate(500%, 700%) 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;
  -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: 1.2%;
  height: 4%;
  left: 50.75%;
  top: 52.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: 1%;
  height: 1.7%;
  left: 28%;
  top: 40.85%;
  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%;
  left: 32.25%;
  top: 41.7%;
  background: url(../img/anim/swimring-lady1.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.swimring-man2 {
  display: block;
  position: absolute;
  width: 1.2%;
  height: 2%;
  left: 28%;
  top: 54.55%;
  background: url(../img/anim/swimring-man1.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.swimring-lady2 {
  display: block;
  position: absolute;
  width: 1.1%;
  height: 2%;
  left: 47.55%;
  top: 55.75%;
  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%;
  left: 17.7%;
  top: 18.85%;
  opacity: 0.7;
  background: url(../img/anim/swingball.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  transform: rotateX(45deg);
}

.volleyball {
  display: block;
  position: absolute;
  width: 4.7%;
  height: 5%;
  left: 25%;
  top: 49%;
  background: url(../img/anim/volleyball.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.swimman1 {
  display: block;
  position: absolute;
  width: 2.1%;
  height: 2%;
  left: 41%;
  top: 54.85%;
  opacity: 0.6;
  background: url(../img/anim/swimmingman2.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-animation: swim 90s infinite linear;
  -moz-animation: swim 90s infinite linear;
  -o-animation: swim 90s infinite linear;
  -ms-animation: swim 90s infinite linear;
  animation: swim 90s infinite linear;
}

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

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

.kayak1 {
  display: block;
  position: absolute;
  width: 4.7%;
  height: 5%;
  left: 55.55%;
  top: 74.85%;
  background: url(../img/anim/boatman.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.kayak2 {
  display: block;
  position: absolute;
  width: 2.5%;
  height: 3.5%;
  left: 40.55%;
  top: 55.85%;
  background: url(../img/anim/kayaking.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-animation: kayak2 80s infinite linear;
  -moz-animation: kayak2 80s infinite linear;
  -o-animation: kayak2 80s infinite linear;
  -ms-animation: kayak2 80s infinite linear;
  animation: kayak2 80s infinite linear;
}

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

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

.paddleman {
  display: block;
  position: absolute;
  width: 2.2%;
  height: 3.4%;
  left: 91.5%;
  top: 40.7%;
  background: url(../img/anim/paddleboarding1.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-animation: paddle 70s infinite linear;
  -moz-animation: paddle 70s infinite linear;
  -o-animation: paddle 70s infinite linear;
  -ms-animation: paddle 70s infinite linear;
  animation: paddle 70s infinite linear;
}

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

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

.jogginggirl {
  display: block;
  position: absolute;
  width: 1.2%;
  height: 3.2%;
  left: 14%;
  top: 71.7%;
  background: url(../img/anim/jogginggirl.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  z-index: 4;
  -webkit-animation: jogging2 60s infinite linear;
  -moz-animation: jogging2 60s infinite linear;
  -o-animation: jogging2 60s infinite linear;
  -ms-animation: jogging2 60s infinite linear;
  animation: jogging2 60s infinite linear;
}

@keyframes jogging2 {
  0% {
    left: 14%;
    top: 71.7%;
  }

  100% {
    left: 39%;
    top: 74.7%;
  }
}

.buggy1 {
  display: block;
  position: absolute;
  width: 2.2%;
  height: 2.2%;
  left: 60%;
  top: 40%;
  background: url(../img/anim/buggy1.svg) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  z-index: 4;
  -webkit-animation: buggy1 15s infinite linear;
  -moz-animation: buggy1 15s infinite linear;
  -o-animation: buggy1 15s infinite linear;
  -ms-animation: buggy1 15s infinite linear;
  animation: buggy1 15s infinite linear;
}

@keyframes buggy1 {
  0% {
    left: 60%;
    top: 40%;
  }

  100% {
    left: 50%;
    top: 40%;
  }
}

.flyboarding {
  display: block;
  position: absolute;
  width: 3.5%;
  height: 11%;
  left: 50.2%;
  top: 57%;
  opacity: 0.7;
  background: url(../img/anim/jetskynew.gif) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  z-index: 3;
}

.flyboardboat {
  display: block;
  position: absolute;
  width: 2.8%;
  height: 2.8%;
  left: 50%;
  top: 64%;
  opacity: 0.9;
  background: url(../img/anim/flyboardsky.svg) center center no-repeat transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  z-index: 4;
} 
  
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}*/


.orientation-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  z-index: 10000;
  display: none;
  padding: 2rem;
  margin: auto;
  bottom: 0;
}

.orientation-overlay i {
  font-size: 48px;
  margin-bottom: 20px;
  animation: rotate 2s linear infinite;
}


/* Responsive adjustments */
@media screen and (max-width: 768px) {

  /* .jetsky1,
  .bananaride,
  .talking-people,
  .swimring-man1,
  .swimring-lady1,
  .swimring-man2,
  .swimring-lady2,
  .pool-ball,
  .volleyball,
  .swimman1,
  .kayak1,
  .kayak2,
  .paddleman,
  .jogginggirl,
  .buggy1,
  .flyboarding,
  .flyboardboat {
    display: none;
  } */
}

.app-container {
  display: contents;
}