#preloader {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  -o-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  z-index: 999999;
  background: none repeat scroll 0 0 #f5f6fa;

}

#preloader .preloader__logo {
  bottom: 50%;
  display: block;
  left: 0;
  margin: 0 auto 0px;
  max-width: 170px;
  position: absolute;
  right: 0;
  text-align: center;

}

#preloader .preloader__progress {
  display: block;
  left: 0;
  margin: 30px auto 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;

}

#preloader .preloader__progress svg {
  height: 60px;
  width: 60px;

}

#preloader .preloader__logo, #preloader .preloader__progress {
  transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0s;

}

#preloader .preloader__progress svg path {
  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;

}