/**************** Premium Background Transition **********/
/*********************************************************/
.premium-color-transition {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: auto;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.premium-color-transition .premium-color-transition-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.premium-color-transition-layer.layer-active {
  opacity: 1;
  visibility: visible;
}

.premium-color-transition .premium-color-transition-layer::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.premium-bg-transition-hidden {
  opacity: 0;
  visibility: hidden;
}