.bth__imgs--loader {
    border: 4px solid #e9e9e9 !important;
    border-top: 4px solid rgb(59,55,73) !important;
    border-radius: 50%;
    width: 50px !important;
    height: 50px !important;
    animation: bth__imgs--loader-spin 1s linear infinite;
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    background: #2b2a2ab7;
}

@keyframes bth__imgs--loader-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.fade-enter-active, 
.fade-leave-active {
  position:absolute;
  transition: opacity 2500ms ease;
}

.fade-opacity-1000 {
  position:absolute;
  transition: opacity 1000ms ease;
}

.fade-opacity-1500 {
  position:absolute;
  transition: opacity 1500ms ease;
}

.fade-opacity-2500 {
  position:absolute;
  transition: opacity 2500ms ease;
}

.fade-opacity-3500 {
  position:absolute;
  transition: opacity 3500ms ease;
}

.fade-opacity-5500 {
  position:absolute;
  transition: opacity 3500ms ease;
}

.fade-enter-from, 
.fade-leave-to {
  opacity: 0;
}

.zero-opacity {
 opacity:0;   
}

.full-opacity {
 opacity:1;   
}