/* NProgress.js styles
 * ==============================*/

#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #EAB311;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

#nprogress .peg {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #EAB311, 0 0 5px #EAB311;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0, -4px);
     -moz-transform: rotate(3deg) translate(0, -4px);
          transform: rotate(3deg) translate(0, -4px);
}

#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1001;
  top: 15px;
  right: 15px;
}

/* Preloader Styles
 * ==============================*/

.preloader__side {
  background: #1F1F1E;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 100;
  -webkit-transition: left 1s ease-in-out, right 1s ease-in-out;
     -moz-transition: left 1s ease-in-out, right 1s ease-in-out;
          transition: left 1s ease-in-out, right 1s ease-in-out;
}

.preloader__side_left {
  left: 0;
  right: 50%;
}

.preloader__side_right {
  left: 50%;
  right: 0;
}

.preloader__circles {
  width: 148px;
  height: 100px;
  position: absolute;
  z-index: 101;
  left: 50%;
  top: 50%;
  margin: -50px 0 0 -74px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.preloader__circles:after {
  background: #8B6A0A;
  content: "";
  top: auto;
  position: absolute;
  display: block;
  -webkit-animation: shadow 1.2s infinite linear;
          animation: shadow 1.2s infinite linear;
     -moz-animation: shadow 1.2s infinite linear;
  bottom: 0;
  left: 0;
  height: .25em;
  width: 1em;
  border-radius: 50%;
  opacity: .3;
}

.preloader__roller,
.preloader__roller:last-child {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: rollercoaster 1.2s infinite linear;
     -moz-animation: rollercoaster 1.2s infinite linear;
          animation: rollercoaster 1.2s infinite linear;
  -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
          transform: rotate(135deg);
}

.preloader__roller:last-child {
  left: auto;
  right: 0;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-animation: rollercoaster2 1.2s infinite linear;
     -moz-animation: rollercoaster2 1.2s infinite linear;
          animation: rollercoaster2 1.2s infinite linear;
}

.preloader__roller:before,
.preloader__roller:last-child:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: #EAB311;
  border-radius: 50%;
}

.preloader__circle_2:after {
  -webkit-animation-delay: .15s;
     -moz-animation-delay: .15s;
          animation-delay: .15s;
}

.preloader__circle_2 .preloader__roller {
  -webkit-animation-delay: .15s;
     -moz-animation-delay: .15s;
          animation-delay: .15s;
}

.preloader__circle_3:after {
  -webkit-animation-delay: .3s;
     -moz-animation-delay: .3s;
          animation-delay: .3s;
}

.preloader__circle_3 .preloader__roller {
  -webkit-animation-delay: .3s;
     -moz-animation-delay: .3s;
          animation-delay: .3s;
}

.loaded .preloader__side_left {
  right: 100%;
}

.loaded .preloader__side_right {
  left: 100%;
}

@-webkit-keyframes rollercoaster {
  0% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }

  8% {
    -webkit-transform: rotate(240deg);
            transform: rotate(240deg);
  }

  20% {
    -webkit-transform: rotate(300deg);
            transform: rotate(300deg);
  }

  40% {
    -webkit-transform: rotate(380deg);
            transform: rotate(380deg);
  }

  45% {
    -webkit-transform: rotate(440deg);
            transform: rotate(440deg);
  }

  50% {
    -webkit-transform: rotate(495deg);
            transform: rotate(495deg);
    opacity: 1;
  }

  50.1% {
    -webkit-transform: rotate(495deg);
            transform: rotate(495deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: rotate(495deg);
            transform: rotate(495deg);
    opacity: 0;
  }
}

@-moz-keyframes rollercoaster {
  0% {
    -moz-transform: rotate(135deg);
         transform: rotate(135deg);
  }

  8% {
    -moz-transform: rotate(240deg);
         transform: rotate(240deg);
  }

  20% {
    -moz-transform: rotate(300deg);
         transform: rotate(300deg);
  }

  40% {
    -moz-transform: rotate(380deg);
         transform: rotate(380deg);
  }

  45% {
    -moz-transform: rotate(440deg);
         transform: rotate(440deg);
  }

  50% {
    -moz-transform: rotate(495deg);
         transform: rotate(495deg);
    opacity: 1;
  }

  50.1% {
    -moz-transform: rotate(495deg);
         transform: rotate(495deg);
    opacity: 0;
  }

  100% {
    -moz-transform: rotate(495deg);
         transform: rotate(495deg);
    opacity: 0;
  }
}

@keyframes rollercoaster {
  0% {
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
            transform: rotate(135deg);
  }

  8% {
    -webkit-transform: rotate(240deg);
       -moz-transform: rotate(240deg);
            transform: rotate(240deg);
  }

  20% {
    -webkit-transform: rotate(300deg);
       -moz-transform: rotate(300deg);
            transform: rotate(300deg);
  }

  40% {
    -webkit-transform: rotate(380deg);
       -moz-transform: rotate(380deg);
            transform: rotate(380deg);
  }

  45% {
    -webkit-transform: rotate(440deg);
       -moz-transform: rotate(440deg);
            transform: rotate(440deg);
  }

  50% {
    -webkit-transform: rotate(495deg);
       -moz-transform: rotate(495deg);
            transform: rotate(495deg);
    opacity: 1;
  }

  50.1% {
    -webkit-transform: rotate(495deg);
       -moz-transform: rotate(495deg);
            transform: rotate(495deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: rotate(495deg);
       -moz-transform: rotate(495deg);
            transform: rotate(495deg);
    opacity: 0;
  }
}

@-webkit-keyframes rollercoaster2 {
  0% {
    opacity: 0;
  }

  49.9% {
    opacity: 0;
  }

  50% {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

  58% {
    -webkit-transform: rotate(-160deg);
            transform: rotate(-160deg);
  }

  70% {
    -webkit-transform: rotate(-240deg);
            transform: rotate(-240deg);
  }

  80% {
    -webkit-transform: rotate(-300deg);
            transform: rotate(-300deg);
  }

  90% {
    -webkit-transform: rotate(-340deg);
            transform: rotate(-340deg);
  }

  100% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
}

@-moz-keyframes rollercoaster2 {
  0% {
    opacity: 0;
  }

  49.9% {
    opacity: 0;
  }

  50% {
    opacity: 1;
    -moz-transform: rotate(-45deg);
         transform: rotate(-45deg);
  }

  58% {
    -moz-transform: rotate(-160deg);
         transform: rotate(-160deg);
  }

  70% {
    -moz-transform: rotate(-240deg);
         transform: rotate(-240deg);
  }

  80% {
    -moz-transform: rotate(-300deg);
         transform: rotate(-300deg);
  }

  90% {
    -moz-transform: rotate(-340deg);
         transform: rotate(-340deg);
  }

  100% {
    -moz-transform: rotate(-405deg);
         transform: rotate(-405deg);
  }
}

@keyframes rollercoaster2 {
  0% {
    opacity: 0;
  }

  49.9% {
    opacity: 0;
  }

  50% {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

  58% {
    -webkit-transform: rotate(-160deg);
       -moz-transform: rotate(-160deg);
            transform: rotate(-160deg);
  }

  70% {
    -webkit-transform: rotate(-240deg);
       -moz-transform: rotate(-240deg);
            transform: rotate(-240deg);
  }

  80% {
    -webkit-transform: rotate(-300deg);
       -moz-transform: rotate(-300deg);
            transform: rotate(-300deg);
  }

  90% {
    -webkit-transform: rotate(-340deg);
       -moz-transform: rotate(-340deg);
            transform: rotate(-340deg);
  }

  100% {
    -webkit-transform: rotate(-405deg);
       -moz-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
}

@-webkit-keyframes shadow {
  0% {
    opacity: .3;
    -webkit-transform: translateX(65px) scale(.5, .5);
            transform: translateX(65px) scale(.5, .5);
  }

  8% {
    -webkit-transform: translateX(30px) scale(2, 2);
            transform: translateX(30px) scale(2, 2);
  }

  13% {
    -webkit-transform: translateX(0px) scale(1.3, 1.3);
            transform: translateX(0px) scale(1.3, 1.3);
  }

  30% {
    -webkit-transform: translateX(-15px) scale(.5, .5);
            transform: translateX(-15px) scale(.5, .5);
    opacity: .1;
  }

  50% {
    -webkit-transform: translateX(60px) scale(1.2, 1.2);
            transform: translateX(60px) scale(1.2, 1.2);
    opacity: .3;
  }

  60% {
    -webkit-transform: translateX(130px) scale(2, 2);
            transform: translateX(130px) scale(2, 2);
    opacity: .05;
  }

  65% {
    -webkit-transform: translateX(145px) scale(1.2, 1.2);
            transform: translateX(145px) scale(1.2, 1.2);
  }

  80% {
    -webkit-transform: translateX(120px) scale(.5, .5);
            transform: translateX(120px) scale(.5, .5);
    opacity: .1;
  }

  90% {
    -webkit-transform: translateX(80px) scale(.8, .8);
            transform: translateX(80px) scale(.8, .8);
  }

  100% {
    -webkit-transform: translateX(60px);
            transform: translateX(60px);
    opacity: .3;
  }
}

@-moz-keyframes shadow {
  0% {
    opacity: .3;
    -moz-transform: translateX(65px) scale(.5, .5);
         transform: translateX(65px) scale(.5, .5);
  }

  8% {
    -moz-transform: translateX(30px) scale(2, 2);
         transform: translateX(30px) scale(2, 2);
  }

  13% {
    -moz-transform: translateX(0px) scale(1.3, 1.3);
         transform: translateX(0px) scale(1.3, 1.3);
  }

  30% {
    -moz-transform: translateX(-15px) scale(.5, .5);
         transform: translateX(-15px) scale(.5, .5);
    opacity: .1;
  }

  50% {
    -moz-transform: translateX(60px) scale(1.2, 1.2);
         transform: translateX(60px) scale(1.2, 1.2);
    opacity: .3;
  }

  60% {
    -moz-transform: translateX(130px) scale(2, 2);
         transform: translateX(130px) scale(2, 2);
    opacity: .05;
  }

  65% {
    -moz-transform: translateX(145px) scale(1.2, 1.2);
         transform: translateX(145px) scale(1.2, 1.2);
  }

  80% {
    -moz-transform: translateX(120px) scale(.5, .5);
         transform: translateX(120px) scale(.5, .5);
    opacity: .1;
  }

  90% {
    -moz-transform: translateX(80px) scale(.8, .8);
         transform: translateX(80px) scale(.8, .8);
  }

  100% {
    -moz-transform: translateX(60px);
         transform: translateX(60px);
    opacity: .3;
  }
}

@keyframes shadow {
  0% {
    opacity: .3;
    -webkit-transform: translateX(65px) scale(.5, .5);
       -moz-transform: translateX(65px) scale(.5, .5);
            transform: translateX(65px) scale(.5, .5);
  }

  8% {
    -webkit-transform: translateX(30px) scale(2, 2);
       -moz-transform: translateX(30px) scale(2, 2);
            transform: translateX(30px) scale(2, 2);
  }

  13% {
    -webkit-transform: translateX(0px) scale(1.3, 1.3);
       -moz-transform: translateX(0px) scale(1.3, 1.3);
            transform: translateX(0px) scale(1.3, 1.3);
  }

  30% {
    -webkit-transform: translateX(-15px) scale(.5, .5);
       -moz-transform: translateX(-15px) scale(.5, .5);
            transform: translateX(-15px) scale(.5, .5);
    opacity: .1;
  }

  50% {
    -webkit-transform: translateX(60px) scale(1.2, 1.2);
       -moz-transform: translateX(60px) scale(1.2, 1.2);
            transform: translateX(60px) scale(1.2, 1.2);
    opacity: .3;
  }

  60% {
    -webkit-transform: translateX(130px) scale(2, 2);
       -moz-transform: translateX(130px) scale(2, 2);
            transform: translateX(130px) scale(2, 2);
    opacity: .05;
  }

  65% {
    -webkit-transform: translateX(145px) scale(1.2, 1.2);
       -moz-transform: translateX(145px) scale(1.2, 1.2);
            transform: translateX(145px) scale(1.2, 1.2);
  }

  80% {
    -webkit-transform: translateX(120px) scale(.5, .5);
       -moz-transform: translateX(120px) scale(.5, .5);
            transform: translateX(120px) scale(.5, .5);
    opacity: .1;
  }

  90% {
    -webkit-transform: translateX(80px) scale(.8, .8);
       -moz-transform: translateX(80px) scale(.8, .8);
            transform: translateX(80px) scale(.8, .8);
  }

  100% {
    -webkit-transform: translateX(60px);
       -moz-transform: translateX(60px);
            transform: translateX(60px);
    opacity: .3;
  }
}