.preloader {
  font-family: 'PF Agora Sans Pro', sans-serif;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background: #fff;
  overflow: hidden; }
  .preloader.hide {
    opacity: 0;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: .5s;
         -o-transition-delay: .5s;
            transition-delay: .5s; }
  .preloader__loader-icon {
    width: 150px;
    position: absolute;
    top: 40%;
    left: 50%;
    z-index: 9999;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .preloader__loader-icon .st0-line4 {
      stroke: #00aeef;
      stroke-dasharray: 114;
      stroke-dashoffset: 114;
      -webkit-animation: domik-anim 2.5s linear infinite;
              animation: domik-anim 2.5s linear infinite; }
  .preloader__persent {
    position: absolute;
    bottom: 30%;
    left: 0;
    width: 0%;
    height: 2px;
    background: #00aeef;
    -webkit-border-radius: 50px;
            border-radius: 50px;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s; }
    @media screen and (orientation: landscape) {
      .preloader__persent {
        bottom: 10%; } }

@-webkit-keyframes domik-anim {
  0% {
    stroke-dashoffset: 114; }
  80% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

@keyframes domik-anim {
  0% {
    stroke-dashoffset: 114; }
  80% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }

/*# sourceMappingURL=start.css.map */