/* Generated by less 2.5.1 */
/*
* BASE FONTS
**/
/*
* BASE COLORS
**/
/*
* Gred layers
**/
.preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #ffffff;
}
.preloader::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background-color: rgba(16, 16, 16, 0.1);
}
.pre-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.pre-wrap::before {
  content: "";
  position: absolute;
  top: 30%;
  left: 20%;
  width: 40%;
  height: 60%;
  background-color: rgba(203, 203, 203, 0.1);
}
.pre-wrap::after {
  content: "";
  position: absolute;
  top: 10%;
  left: 30%;
  width: 50%;
  height: 60%;
  background-color: rgba(203, 203, 203, 0.1);
}
.pre-logo {
  position: relative;
  top: 10%;
  left: 20%;
  width: 140px;
  height: 140px;
}
.pre-logo img {
  width: 100%;
  display: block;
}
.pre-logo-text {
  position: relative;
  top: 15%;
  left: 35%;
}
.pre-logo-text p {
  font-size: 60px !important;
  font-family: "Raleway";
  font-weight: 900;
}
.pre-load {
  position: absolute;
  top: 60%;
  left: 30%;
  width: 140px;
  height: 140px;
  font-size: 40px !important;
  font-family: "Raleway";
  text-transform: uppercase;
}
.pre-load i {
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  bottom: 0px;
  left: -30px;
}
.pre-load i img {
  display: block;
  float: left;
}