.preloader {
  background: rgba(52, 61, 68, 0.6);
  top: 0;
  bottom: 0;
  left: 0;
  /*right: 0;*/
  width: 100%;
  min-height: 100%;
  position: absolute;
  z-index: 0;
  /*opacity: .8;*/ 
  /*transition:all 0.4s ease;*/
}

.preloader.full-preloader {
    position: fixed;
    z-index: 2000; 
}

.preloader .preloader-container{
    display: inline-block;
    /*padding: 5px 10px;*/
    border-radius: 6px;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 200px;
    max-height: 40px;
    z-index: 99;
    width: 100%;
    margin: auto;
    text-align: center;
    box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.3);
}

.preloader .preloader-animation{
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
}

.preloader .preloader-animation i{
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    color: #068cc8;
    -webkit-animation: anim-spin 1s infinite linear;
    animation: anim-spin 1s infinite linear;
}

.preloader .preloader-text {
    font-size: 14px;
    color: black;
    line-height: 40px;
    display: inline-block;
    padding: 0;
    background-color: transparent;
}

@-webkit-keyframes anim-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); 
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); 
  } 
}

@keyframes anim-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); 
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); 
  } 
}