.icon:before {
  font-family: Icon;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
}
.icon-24-hours:before {
  content: "\E001";
}
.icon-airplane:before {
  content: "\E002";
}
.icon-badge:before {
  content: "\E003";
}
.icon-bellboy:before {
  content: "\E004";
}
.icon-bubbles:before {
  content: "\E005";
}
.icon-building:before {
  content: "\E006";
}
.icon-calendar:before {
  content: "\E007";
}
.icon-call:before {
  content: "\E008";
}
.icon-check-button:before {
  content: "\E009";
}
.icon-chevron-left:before {
  content: "\E00A";
}
.icon-chevron-right:before {
  content: "\E00B";
}
.icon-cleaning:before {
  content: "\E00C";
}
.icon-close:before {
  content: "\E00D";
}
.icon-coffee-cup:before {
  content: "\E00E";
}
.icon-comments:before {
  content: "\E00F";
}
.icon-credits:before {
  content: "\E010";
}
.icon-dinner:before {
  content: "\E011";
}
.icon-disabled:before {
  content: "\E012";
}
.icon-envelope-close:before {
  content: "\E013";
}
.icon-family:before {
  content: "\E014";
}
.icon-filter:before {
  content: "\E015";
}
.icon-food:before {
  content: "\E016";
}
.icon-freezer:before {
  content: "\E017";
}
.icon-grid-mb:before {
  content: "\E018";
}
.icon-grid:before {
  content: "\E019";
}
.icon-info:before {
  content: "\E01A";
}
.icon-label:before {
  content: "\E01B";
}
.icon-like-down:before {
  content: "\E01C";
}
.icon-like-up:before {
  content: "\E01D";
}
.icon-list-mb:before {
  content: "\E01E";
}
.icon-list:before {
  content: "\E01F";
}
.icon-login:before {
  content: "\E020";
}
.icon-logout:before {
  content: "\E021";
}
.icon-long-arrow-left:before {
  content: "\E022";
}
.icon-long-arrow-right:before {
  content: "\E023";
}
.icon-minus-inside:before {
  content: "\E024";
}
.icon-minus:before {
  content: "\E025";
}
.icon-no-smoking:before {
  content: "\E026";
}
.icon-parking:before {
  content: "\E027";
}
.icon-pets:before {
  content: "\E028";
}
.icon-phone:before {
  content: "\E029";
}
.icon-plus-inside:before {
  content: "\E02A";
}
.icon-plus:before {
  content: "\E02B";
}
.icon-receptionist:before {
  content: "\E02C";
}
.icon-search:before {
  content: "\E02D";
}
.icon-sort-duble:before {
  content: "\E02E";
}
.icon-tags:before {
  content: "\E02F";
}
.icon-thumbs-up:before {
  content: "\E030";
}
.icon-user:before {
  content: "\E031";
}
.icon-wifi:before {
  content: "\E032";
}
@-webkit-keyframes d {
  0% {
    -webkit-transform: rotate(-45deg) translate(0);
    transform: rotate(-45deg) translate(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes d {
  0% {
    -webkit-transform: rotate(-45deg) translate(0);
    transform: rotate(-45deg) translate(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

@-webkit-keyframes e {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes e {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-webkit-keyframes f {
  0% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes f {
  0% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes dash {
  90% {
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dasharray: 3000;
    stroke-dashoffset: 0;
  }
}
.WA-float {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  color: #25d366;
  text-align: center;
  font-size: 30px;
  z-index: 1000;
}
.my-WA-float {
  width: 50px;
}
@media screen and (max-width: 768px) {
  .WA-float {
    display: block;
  }
  
}
@media screen and (max-width: 992px) {
 
  .wa-logo {
    display: block !important;
    padding-left: 5px;
    padding-top: 5px;
    color: #000000;
    border: 1px solid #000000;
    padding-right: 5px;
    height: 30px;
    margin: auto;
  }
  
  @media screen and (max-width: 578px) {
  }
}


@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #888;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

@keyframes slide-top {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (min-width: 992px) {

  @keyframes light-1 {
    0% {
      left: 200%;
    }
    25% {
      left: 0;
    }
    50% {
      left: -200%;
    }
    75% {
      left: 0;
    }
    100% {
      left: 200%;
    }
  }
  @keyframes light-2 {
    0% {
      right: 200%;
    }
    25% {
      right: 0;
    }
    50% {
      right: -200%;
    }
    75% {
      right: 0;
    }
    100% {
      right: 200%;
    }
  }
}
@media (min-width: 670px) and (max-width: 991px) {
  @keyframes light-1 {
    0% {
      left: 400%;
    }
    25% {
      left: 0;
    }
    50% {
      left: -400%;
    }
    75% {
      left: 0;
    }
    100% {
      left: 400%;
    }
  }
  @keyframes light-2 {
    0% {
      right: 400%;
    }
    25% {
      right: 0;
    }
    50% {
      right: -400%;
    }
    75% {
      right: 0;
    }
    100% {
      right: 400%;
    }
  }
}
@keyframes rotation {
  from {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(359deg);
  }
}
@keyframes loader-spin {
  0% {
    transform: translateX(100);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes loader-path {
  0% {
    stroke-dasharray: 0, 580, 0, 0, 0, 0, 0, 0, 0;
  }
  25% {
    stroke-dasharray: 0, 580, 0, 0, 0, 0, 0, 0, 0;
  }
  50% {
    stroke-dasharray: 0, 450, 0, 0, 0, 0, 0, 0, 0;
  }
  75% {
    stroke-dasharray: 0, 580, 0, 0, 0, 0, 0, 0, 0;
  }
  100% {
    stroke-dasharray: 0, 580, 0, 0, 0, 0, 0, 0, 0;
  }
}
@keyframes fly {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(6deg);
  }
  50% {
    transform: rotate(0);
  }
  75% {
    transform: rotate(-4deg);
  }
  100% {
    transform: rotate(0);
  }
}

@keyframes tw {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes st {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes fa {
  0% {
    transform: translateX(-150px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes co {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes px {
  0% {
    transform: translateX(150px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ia {
  0% {
    transform: translateX(-300px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ib {
  0% {
    transform: translateX(-280px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ic {
  0% {
    transform: translateX(-250px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes id {
  0% {
    transform: translateX(-230px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ie {
  0% {
    transform: translateX(-220px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ig {
  0% {
    transform: translateX(-200px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ih {
  0% {
    transform: translateX(-190px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ii {
  0% {
    transform: translateX(-170px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ij {
  0% {
    transform: translateX(-150px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ik {
  0% {
    transform: translateX(-130px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes il {
  0% {
    transform: translateX(-110px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes im {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes in {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes io {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ip {
  0% {
    transform: translateX(-30px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes iq {
  0% {
    transform: translateX(50px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ir {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes iu {
  0% {
    transform: translateX(120px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes iv {
  0% {
    transform: translateX(140px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes iw {
  0% {
    transform: translateX(160px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ix {
  0% {
    transform: translateX(180px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes iy {
  0% {
    transform: translateX(200px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes iz {
  0% {
    transform: translateX(220px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes iaa {
  0% {
    transform: translateX(240px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ibb {
  0% {
    transform: translateX(250px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes icc {
  0% {
    transform: translateX(260px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes idd {
  0% {
    transform: translateX(280px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes iee {
  0% {
    transform: translateX(300px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes la {
  0% {
    transform: translateX(300px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes lc {
  0% {
    transform: translateX(250px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ld {
  0% {
    transform: translateX(200px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes lf {
  0% {
    transform: translateX(150px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes lh {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes lj {
  0% {
    transform: translateX(50px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes lm {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ln {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes lo {
  0% {
    transform: translateX(-150px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes lp {
  0% {
    transform: translateX(-200px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes lq {
  0% {
    transform: translateX(-250px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes lr {
  0% {
    transform: translateX(-300px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ls {
  0% {
    transform: translateX(-350px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes lt {
  0% {
    transform: translateX(-400px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes fly {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(6deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-4deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.lagos-pop:before {
  content: "Lagos";
}
.manila-pop:before {
  content: "Manila";
}
.lisbon-pop:before {
  content: "Lisbon";
}
.toronto-pop:before {
  content: "Toronto";
}
.perth-pop:before {
  content: "Perth";
}
.kingston-pop:before {
  content: "Kingston";
}
@media only screen and (max-device-width: 480px) {
  .sidebar__finder {
    margin-top: 135px !important;
  }
}
@media only screen and (device-width: 768px) {
  .sidebar__finder {
    margin-top: 135px !important;
  }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
  .sidebar__finder {
    margin-top: 135px !important;
  }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
  .sidebar__finder {
    margin-top: 135px !important;
  }
}
a {
  text-decoration: none;
}
.WA-float {
  color: #fff;
  text-decoration: none;
  transition: ease-in-out 0.2s;
}
.WA-float:hover {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
}
.WA-float {
  background: #25d366;
  border-radius: 5px;
  height: 40px;
  width: 200px;
}
.WA-float:hover {
  background: #128c7e;
}
.WA-float span {
  display: block;
  font-size: 16px;
  line-height: 20px;
  transform: translate(-10px, 10px);
}
.WA-float svg {
  border-radius: 10px;
  display: block;
  fill: #fff;
  float: left;
  height: 40px;
  margin-right: 5px;
  -webkit-transition: ease-in-out 0.175s;
  transition: ease-in-out 0.175s;
}
.balls {
  max-height: 100vh;
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  background-color: #0000008a;
  z-index: 99999;
}
.svg-calLoader {
  width: 230px;
  height: 230px;
  transform-origin: 115px 115px;
  animation: 1.4s linear infinite loader-spin;
}
.cal-loader__plane {
  fill: #ffa500;
}
.cal-loader__path {
  stroke: #ffffff;
  animation: 1.4s ease-in-out infinite loader-path;
}
@keyframes loader-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes loader-path {
  0% {
    stroke-dasharray: 0, 580, 0, 0, 0, 0, 0, 0, 0;
  }
  50% {
    stroke-dasharray: 0, 450, 10, 30, 10, 30, 10, 30, 10;
  }
  100% {
    stroke-dasharray: 0, 580, 0, 0, 0, 0, 0, 0, 0;
  }
}