@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Montserrat&display=swap');

h1, h2, h3, h4, h5, h6 {
    font-family: 'Fredoka One', Verdana, cursive;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Fredoka One', Verdana, cursive;
}

p {
    font-family: 'Montserrat', Verdana, sans-serif;
}

body {
    font-family: 'Montserrat', Verdana, sans-serif;
}

#n35at_0_textid-cta11 {
  line-height: 2;
  font-size: xx-large;
}

.blg-circles-in-row .img-circle {
  border-radius: 0px !important;
}

/* CTA TRY START */
#n35at_0_textid-rbb1:hover {
  background-color: #004788 !important;
}

#newdiv_insert_n35 .blgCTA {
  perspective-origin: 50% 50%;
  position: relative;
  background-color: #C1DA00 !important;
}

#newdiv_insert_n35 .blgCTA i {
  stroke: #ff8500;
  color: #ff8500;
  position: absolute;
  bottom: -2vh;
  transform-style: preserve-3d;
  font-size: x-large;
}

#newdiv_insert_n35 .blgCTA i:nth-child(1) {
  left: 80%;
  animation: raise1 7s linear infinite;
  animation-delay: -3s;
  transform: scale(2) rotate(237deg);
  z-index: 4;
  filter: blur(-1px);
}

@keyframes raise1 {
  to {
    bottom: 150vh;
    transform: scale(-0.3) rotate(85deg);
 }
}

#newdiv_insert_n35 .blgCTA .fas:nth-child(2) {
  left: 14%;
  animation: raise2 21s linear infinite;
  animation-delay: -1s;
  transform: scale(0) rotate(203deg);
  z-index: 5;
  filter: blur(-2px);
}

@keyframes raise2 {
  to {
    bottom: 150vh;
    transform: scale(0) rotate(119deg);
 }
}

#newdiv_insert_n35 .blgCTA .fas:nth-child(3) {
  left: 22%;
  animation: raise3 18s linear infinite;
  animation-delay: 0s;
  transform: scale(0.3) rotate(228deg);
  z-index: 4;
  filter: blur(-1px);
}

@keyframes raise3 {
  to {
    bottom: 150vh;
    transform: scale(0.3) rotate(82deg);
 }
}

#newdiv_insert_n35 .blgCTA .fas:nth-child(4) {
  left: 19%;
  animation: raise4 16s linear infinite;
  animation-delay: -3s;
  transform: scale(0.6) rotate(243deg);
  z-index: 3;
  filter: blur(-2px);
}

@keyframes raise4 {
  to {
    bottom: 150vh;
    transform: scale(0.6) rotate(203deg);
 }
}

#newdiv_insert_n35 .blgCTA .fas:nth-child(5) {
  left: 55%;
  animation: raise5 8s linear infinite;
  animation-delay: 0s;
  transform: scale(0.9) rotate(126deg);
  z-index: 2;
  filter: blur(-1px);
}

@keyframes raise5 {
  to {
    bottom: 150vh;
    transform: scale(0.9) rotate(253deg);
 }
}

#newdiv_insert_n35 .blgCTA .fas:nth-child(6) {
  left: 3%;
  animation: raise6 20s linear infinite;
  animation-delay: -3s;
  transform: scale(1.2) rotate(148deg);
  z-index: 1;
  filter: blur(0px);
}

@keyframes raise6 {
  to {
    bottom: 150vh;
    transform: scale(1.2) rotate(201deg);
 }
}

#newdiv_insert_n35 .blgCTA .fas:nth-child(7) {
  left: 21%;
  animation: raise7 11s linear infinite;
  animation-delay: -4s;
  transform: scale(1.5) rotate(270deg);
  z-index: 0;
  filter: blur(1px);
}

@keyframes raise7 {
  to {
    bottom: 150vh;
    transform: scale(1.5) rotate(290deg);
 }
}

#newdiv_insert_n35 .blgCTA .fas:nth-child(8) {
  left: 17%;
  animation: raise8 9s linear infinite;
  animation-delay: -4s;
  transform: scale(1.8) rotate(287deg);
  z-index: 1;
  filter: blur(2px);
}

@keyframes raise8 {
  to {
    bottom: 150vh;
    transform: scale(1.8) rotate(265deg);
 }
}

#newdiv_insert_n35 .blgCTA .fas:nth-child(9) {
  left: 30%;
  animation: raise9 13s linear infinite;
  animation-delay: 0s;
  transform: scale(2.1) rotate(98deg);
  z-index: 2;
}

@keyframes raise9 {
  to {
    bottom: 150vh;
    transform: scale(2.1) rotate(343deg);
 }
}

#newdiv_insert_n35 .blgCTA .fas:nth-child(10) {
  left: 68%;
  animation: raise10 10s linear infinite;
  animation-delay: -2s;
  transform: scale(2.4) rotate(22deg);
  z-index: 3;
}

@keyframes raise10 {
  to {
    bottom: 150vh;
    transform: scale(2.4) rotate(186deg);
 }
}
#newdiv_insert_n35 .blgCTA i:nth-child(11) {
  left: 80%;
  animation: raise11 7s linear infinite;
  animation-delay: -2s;
  transform: scale(2) rotate(237deg);
  z-index: -4;
}

@keyframes raise11 {
  to {
    bottom: 150vh;
    transform: scale(-0.3) rotate(85deg);
 }
}
#newdiv_insert_n35 .blgCTA .fas:nth-child(12) {
  left: 74%;
  animation: raise12 31s linear infinite;
  animation-delay: -1s;
  transform: scale(0) rotate(203deg);
  z-index: 5;
}

@keyframes raise12 {
  to {
    bottom: 150vh;
    transform: scale(0) rotate(119deg);
 }
}

#newdiv_insert_n35 .blgCTA .fas:nth-child(13) {
  left: 43%;
  animation: raise13 18s linear infinite;
  animation-delay: 0s;
  transform: scale(0.3) rotate(228deg);
  z-index: 4;
}

@keyframes raise13 {
  to {
    bottom: 150vh;
    transform: scale(0.3) rotate(82deg);
 }
}

#newdiv_insert_n35 .blgCTA .fas:nth-child(14) {
  left: 34%;
  animation: raise14 4s linear infinite;
  animation-delay: -2s;
  transform: scale(0.6) rotate(243deg);
  z-index: 3;
  filter: blur(-2px);
}

@keyframes raise14 {
  to {
    bottom: 150vh;
    transform: scale(0.6) rotate(203deg);
 }
}

#newdiv_insert_n35 .blgCTA .fas:nth-child(15) {
  left: 15%;
  animation: raise5 3s linear infinite;
  animation-delay: 0s;
  transform: scale(0.9) rotate(126deg);
  z-index: 2;
  filter: blur(-1px);
}
@keyframes raise15 {
  to {
    bottom: 150vh;
    transform: scale(1.8) rotate(265deg);
 }
}
#newdiv_insert_n35 .blgCTA i:nth-child(16) {
  left: 94%;
  animation: raise16 3s linear infinite;
  animation-delay: -1s;
  transform: scale(2) rotate(237deg);
  z-index: 4;
  filter: blur(2px);
}

@keyframes raise16 {
  to {
    bottom: 150vh;
    transform: scale(-0.3) rotate(345deg);
 }
}
#newdiv_insert_n35 .blgCTA .fas:nth-child(17) {
  left: 68%;
  animation: raise17 5s linear infinite;
  animation-delay: 0s;
  transform: scale(2.4) rotate(22deg);
  z-index: 1;
}

@keyframes raise17 {
  to {
    bottom: 50vh;
    transform: scale(2.4) rotate(186deg);
 }
}
/* CTA TRY END */

.fKvqTG {
  font-family: 'Fredoka One', Verdana, cursive;
  margin-bottom: -30px;
  font-size: x-large;
}

#blggeneralp a {
  color: #ff8500 !important;
}

#blggeneralp a:hover {
  color: #00c3f6 !important;
}

/* ---------------------- PILLS maybe? START ----------------------------------*/
.sliding-pill-menu {
  position: fixed;
  left: 20px;
  bottom: 20px;
  font-size: 14px;
  z-index: 10000;
  pointer-events: none;
}

.menu-items {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
}

.menu-item {
  padding: 5px 0;
 transition: all .4s ease-in-out;
  pointer-events: all;
}

.menu-item-button,
.menu-toggle-button {
  display: inline-block;
  padding: 15px 20px;
  text-decoration: none;
  text-align: center;
  position: relative;
  bottom: 0;
  cursor: pointer;
  border-radius: 50px;
  color: #fff;
  font-weight: 500;
  font-size: inherit;
  min-width: 180px;
  width: 180px;
  white-space: nowrap;
}

.menu-item-button:hover, .menu-item-button:active, .menu-item-button:link, .menu-item-button:visited,
.menu-toggle-button:hover,
.menu-toggle-button:active,
.menu-toggle-button:link,
.menu-toggle-button:visited {
  color: #fff;
}


.menu-item-icon,
.menu-toggle-icon {
  margin-right: 10px;
}



@keyframes slideUp {
    0% {
        bottom: -200px;
    };
    100% {
        bottom: 0;
    }
}

@keyframes slideLeft {
    0% {
        right: -200px;
    };
    100% {
        right: 0;
    }
}




 .footer {
  text-align: center;
}

  .footer .menu {
    list-style: none;
    padding: 10px;
    margin: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .footer .menu-horizontal li {
    display: inline-block;
    margin: 0 20px;
    text-align: left; }
    .footer .menu-horizontal li a {
      color: #FFFFFF;
      font-size: 1.2rem; }
      

.footer .logo-footer img {
  max-width: 20%;
  margin: 0 0 0 40%;


}

@media (max-width: 767px) {
  .footer {
    display: block;
    margin: 0;
    text-align: center; }
    .footer .menu-horizontal li {
      margin: 0;
      display: block;
      padding: 10px 0;
      text-align: center;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
      .footer .menu-horizontal li:last-child {
        border: none; }
    .footer .menu {
      padding: 0; } 
}

/* ---------------------- PILLS maybe? END ----------------------------------- */



























/***************************************************** EVERYTHING BELOW IS FROM ERS *********************************************/

.navbar {    
    background-color:#FFD700;
    color:white;
}

.navbar ul li:hover {
    background-color:yellow;
    color:red;
}


@keyframes pulse {
    from { transform: scale(1); }
    50% { transform: scale(0.85); }
    to { transform: scale(1); }
}

.book_now_button {
    animation-name: pulse;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}