/* Loader Styles start here */
.loader-wrapper {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1000;
}

.loader {
    border: 24px solid;
    border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: animloader 1s linear infinite;
	    left: 48%;
    top:48%;
	 width: 2%;
  height: 2%;
	position:absolute;
	    z-index: 9999999;
  }

@keyframes animloader {
    0% {
      border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.75);
}
    33% {
      border-color: rgba(255, 255, 255, 0.75) rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.35);
}
    66% {
      border-color: rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.75) rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.25);
}
    100% {
      border-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.75) rgba(255, 255, 255, 0.15);
}
  }
   
 
.loader-wrapper .loader-section {
  position:fixed;
background: linear-gradient(92deg, rgb(194, 165, 122) 0%, rgb(194, 165, 122) 100%);
  top:0;
  width:100%;
  height:100%;
  z-index:1000;
}


.loader-wrapper .loader-section.section-right {
  left:0;
}

/* Loaded Styles */ 

.loaded .loader-wrapper .loader-section.section-right{
  transform: translatey(100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1.000);
		background: linear-gradient(92deg, rgb(194, 165, 122) 0%, rgb(194, 165, 122) 100%);
}
.loaded .loader {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.loaded .loader-wrapper {
  visibility: hidden;
  transform:translateY(100%);
  transition: all .3s 1s ease-out;
}