::-webkit-scrollbar {
   width: 8px;
 }

 /* Track */
 ::-webkit-scrollbar-track {
   background: #f1f1f1;
 }

 /* Handle */
 ::-webkit-scrollbar-thumb {
   background: #888;
 }

 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
   background: #555;
 }

 @import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;600;700&display=swap");

 @keyframes fadeinall {
   0% {
     opacity: 1;
   }

   97% {
     opacity: 0;
   }

   98% {
     opacity: 0;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-100%);
     transform: translateY(-100%);
     z-index: -1;
   }
 }

 :root {
   --header-height: 0rem;
   --nav-width: 0px;
   --first-color: #666666;
   --first-color-light: #AFA5D9;
   --white-color: #F7F6FB;
   --body-font: 'Lato', sans-serif;
   --normal-font-size: 1rem;
   --z-fixed: 100;
   --transition: .1s;
 }

 *,
 ::before,
 ::after {
   box-sizing: border-box
 }

 body {
   background-color: #ffffff;
   font-family: 'Lato', sans-serif;
   font-weight: 400;
   line-height: 1.5;
   height: 100%;
   margin: var(--header-height) 0 0 0;
   padding: 0 1rem;
   font-family: var(--body-font);
   font-size: var(--normal-font-size);
   transition: var(--transition);
 }

 #map {
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: 1;
   left: 0 !important;
   top: 0 !important;
 }

 /* ========== INTRO ========== */
 #fadein {
   opacity: 1;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   background-color: #ffffff;
   z-index: 999;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   -webkit-animation: fadeinall 0.5s normal both;
   animation: fadeinall 0.5s normal both;
   -webkit-animation-delay: 0.3s;
   animation-delay: 0.3s;
 }

 #loader {
   position: relative;
   margin-left: 40vw;
   margin-top: 50vh;
   z-index: 999999;
 }

 .spinner-border {
   width: 1.3rem;
   height: 1.3rem;
   margin-right: 25px;
   margin-left: 25px;
 }

 #filter-apply {
   display: flex;
 }