.loader-wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   z-index: 999999;
   background: #fff;
   width: 100%;
   height: 100%;
}

.loader-wrapper #loader img {
   width: 80px;
   margin-top: 5%;
   transform: scale(1);
   -webkit-animation: appear 2s linear forwards alternate, rotate 0.8s 0.5s linear forwards infinite alternate;
   -moz-animation: appear 2s linear forwards alternate, rotate 0.8s 0.5s linear forwards infinite alternate;
   -o-animation: appear 2s linear forwards alternate, rotate 0.8s 0.5s linear forwards infinite alternate;
   animation: appear 2s linear forwards alternate, rotate 0.8s 0.5s linear forwards infinite alternate;
}

@-webkit-keyframes appear {
   from {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}

@-moz-keyframes appear {
   from {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}

@-o-keyframes appear {
   from {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}

@keyframes appear {
   from {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}

@-webkit-keyframes rotate {
   from {
      transform: scale(1) rotateY(0deg);
   }
   to {
      transform: scale(1) rotateY(360deg);
      -moz-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
      -webkit-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
      -o-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
   }
}

@-moz-keyframes rotate {
   from {
      transform: scale(1) rotateY(0deg);
   }
   to {
      transform: scale(1) rotateY(360deg);
      -moz-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
      -webkit-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
      -o-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
   }
}

@-o-keyframes rotate {
   from {
      transform: scale(1) rotateY(0deg);
   }
   to {
      transform: scale(1) rotateY(360deg);
      -moz-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
      -webkit-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
      -o-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
   }
}

@keyframes rotate {
   from {
      transform: scale(1) rotateY(0deg);
   }
   to {
      transform: scale(1) rotateY(360deg);
      -moz-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
      -webkit-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
      -o-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
   }
}

/* .loading {
   display: flex !important;
   justify-content: center !important;
   align-items: center !important;
   position: absolute !important;
   width: 100% !important;
   height: 100% !important;
   z-index: 999999 !important;
   background: #fff;
   overflow: hidden !important;
}

.loading img {
   width: 60px;
   height: 60px;
   object-fit: contain;
   border: 1px red solid;
} */

.image-loader {
   display: none;
}

.bodyCatalog {
   overflow-y: hidden;
}

.bodyCatalog-Overflow {
   overflow: auto !important;
}

.loader-wrapper-remove {
   display: none !important;
}