/* Preloader */

/* Avoid horizontal reflow when body overflow toggles (preloader off adds scrollbar) */
html {
  scrollbar-gutter: stable;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  bottom:0;
  right:0;
  width: 100%;
  height: 100vh;
  z-index: 99999999;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;  
}

.preloader-custom {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
} 

.preloader img,
.preloader .preloader-gif {
  width: 60px;
  height: 60px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  filter: var(--preloader-filter);
  -webkit-animation: preloader-spin .7s linear infinite;
  -moz-animation: preloader-spin .7s linear infinite;
  animation: preloader-spin .7s linear infinite;
}

.preloader .preloader-media.preloader-video {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

@-moz-keyframes preloader-spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes preloader-spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes preloader-spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

#stop-scrolling {
  height: 100% !important;
  overflow: hidden !important;
}