#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;    background: #941e3c;
}

#spinner {
  display: block;
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 35%;
  z-index: 1
}

#preloader #disable-preloader {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1
}

.three-layer-loaderbg .layer {
  position: absolute;
  top: 0;
  height: 100%;
  overflow: hidden;
  width: 100%
}

.three-layer-loaderbg .layer-one {
  left: 0
}

.three-layer-loaderbg .layer-two {
  left: 33.3333%
}

.three-layer-loaderbg .layer-three {
  left: 66.6666%
}

.three-layer-loaderbg .layer .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--theme-color2)
}

.preloader-whirlpool {
  position: relative;
  margin-top: 30px
}

.preloader-whirlpool .whirlpool,
.preloader-whirlpool .whirlpool:before,
.preloader-whirlpool .whirlpool:after {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid #ccc;
  border-left-color: #000;
  border-radius: 974px;
  -o-border-radius: 974px;
  -ms-border-radius: 974px;
  -webkit-border-radius: 974px;
  -moz-border-radius: 974px
}

.preloader-whirlpool .whirlpool {
  margin: -24px 0 0 -24px;
  height: 49px;
  width: 49px;
  animation: cssload-rotate 1.15s linear infinite;
  -o-animation: cssload-rotate 1.15s linear infinite;
  -ms-animation: cssload-rotate 1.15s linear infinite;
  -webkit-animation: cssload-rotate 1.15s linear infinite;
  -moz-animation: cssload-rotate 1.15s linear infinite
}

.preloader-whirlpool .whirlpool:before {
  content: "";
  margin: -22px 0 0 -22px;
  height: 43px;
  width: 43px;
  animation: cssload-rotate 1.15s linear infinite;
  -o-animation: cssload-rotate 1.15s linear infinite;
  -ms-animation: cssload-rotate 1.15s linear infinite;
  -webkit-animation: cssload-rotate 1.15s linear infinite;
  -moz-animation: cssload-rotate 1.15s linear infinite
}

.preloader-whirlpool .whirlpool:after {
  content: "";
  margin: -28px 0 0 -28px;
  height: 55px;
  width: 55px;
  animation: cssload-rotate 2.3s linear infinite;
  -o-animation: cssload-rotate 2.3s linear infinite;
  -ms-animation: cssload-rotate 2.3s linear infinite;
  -webkit-animation: cssload-rotate 2.3s linear infinite;
  -moz-animation: cssload-rotate 2.3s linear infinite
}

@keyframes cssload-rotate {
  100% {
    transform: rotate(360deg)
  }
}

@-o-keyframes cssload-rotate {
  100% {
    -o-transform: rotate(360deg)
  }
}

@-ms-keyframes cssload-rotate {
  100% {
    -ms-transform: rotate(360deg)
  }
}

@-webkit-keyframes cssload-rotate {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@-moz-keyframes cssload-rotate {
  100% {
    -moz-transform: rotate(360deg)
  }
}

.preloader-orbit-loading {
  position: relative;
  left: calc(50% - 31px);
  width: 62px;
  height: 62px;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  perspective: 780px
}

.preloader-orbit-loading .cssload-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%
}

.preloader-orbit-loading .cssload-inner.cssload-one {
  left: 0;
  top: 0;
  animation: cssload-rotate-one 1.15s linear infinite;
  -o-animation: cssload-rotate-one 1.15s linear infinite;
  -ms-animation: cssload-rotate-one 1.15s linear infinite;
  -webkit-animation: cssload-rotate-one 1.15s linear infinite;
  -moz-animation: cssload-rotate-one 1.15s linear infinite;
  border-bottom: 3px solid #f0f0f0
}

.preloader-orbit-loading .cssload-inner.cssload-two {
  right: 0;
  top: 0;
  animation: cssload-rotate-two 1.15s linear infinite;
  -o-animation: cssload-rotate-two 1.15s linear infinite;
  -ms-animation: cssload-rotate-two 1.15s linear infinite;
  -webkit-animation: cssload-rotate-two 1.15s linear infinite;
  -moz-animation: cssload-rotate-two 1.15s linear infinite;
  border-right: 3px solid #f0f0f0
}

.preloader-orbit-loading .cssload-inner.cssload-three {
  right: 0;
  bottom: 0;
  animation: cssload-rotate-three 1.15s linear infinite;
  -o-animation: cssload-rotate-three 1.15s linear infinite;
  -ms-animation: cssload-rotate-three 1.15s linear infinite;
  -webkit-animation: cssload-rotate-three 1.15s linear infinite;
  -moz-animation: cssload-rotate-three 1.15s linear infinite;
  border-top: 3px solid #f0f0f0
}

@keyframes cssload-rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg)
  }

  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
  }
}

@-o-keyframes cssload-rotate-one {
  0% {
    -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg)
  }

  100% {
    -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
  }
}

@-ms-keyframes cssload-rotate-one {
  0% {
    -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg)
  }

  100% {
    -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
  }
}

@-webkit-keyframes cssload-rotate-one {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg)
  }

  100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
  }
}

@-moz-keyframes cssload-rotate-one {
  0% {
    -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg)
  }

  100% {
    -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
  }
}

@keyframes cssload-rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg)
  }

  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
  }
}

@-o-keyframes cssload-rotate-two {
  0% {
    -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg)
  }

  100% {
    -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
  }
}

@-ms-keyframes cssload-rotate-two {
  0% {
    -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg)
  }

  100% {
    -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
  }
}

@-webkit-keyframes cssload-rotate-two {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg)
  }

  100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
  }
}

@-moz-keyframes cssload-rotate-two {
  0% {
    -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg)
  }

  100% {
    -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
  }
}

@keyframes cssload-rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg)
  }

  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
  }
}

@-o-keyframes cssload-rotate-three {
  0% {
    -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg)
  }

  100% {
    -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
  }
}

@-ms-keyframes cssload-rotate-three {
  0% {
    -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg)
  }

  100% {
    -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
  }
}

@-webkit-keyframes cssload-rotate-three {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg)
  }

  100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
  }
}

@-moz-keyframes cssload-rotate-three {
  0% {
    -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg)
  }

  100% {
    -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
  }
}


#preloader .txt-loading .letters-loading {
    color: #fff;
}
#preloader .txt-loading .letters-loading {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    letter-spacing: 15px;
    display: inline-block;
    position: relative;
    font-size: 60px;
    line-height: 60px;
    text-transform: uppercase;
}
#preloader .txt-loading {
    text-align: center;
    user-select: none;
    margin-top: 30px;
}