/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #3F6E18;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #3F6E18, 0 0 5px #3F6E18;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #3F6E18;
  border-left-color: #3F6E18;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.animate {
  display: inline-block;
}

.letterDrop {
  position: relative;
  display: inline-block;
  opacity: 0.8;
  transform: rotateX(-90deg);
  animation: letterDrop 0.8s ease 1 normal forwards;
}

.lastDrop {
  position:relative; 
  height: 0;
  overflow: visible;
  animation: lastDrop 1s ease-in 1 normal forwards;
}

.ld1 { animation-delay: 0.1s; }
.ld2 { animation-delay: 0.2s; }
.ld3 { animation-delay: 0.3s; }
.ld4 { animation-delay: 0.4s; }
.ld5 { animation-delay: 0.5s; }
.ld6 { animation-delay: 0.6s; }
.ld7 { animation-delay: 0.7s; }
.ld8 { animation-delay: 0.8s; }
.ld9 { animation-delay: 0.9s; }

@keyframes lastDrop {
    100% {
        opacity: 0;
    }
}

@keyframes letterDrop {
    10% {
        opacity: 0.3;
        top: -20px;
        text-shadow: 0 0 4px #E4DC36;
    }
    20% {
        opacity: 0.6;
        top: -15px;
        transform: rotateX(-360deg);
        text-shadow: 0 0 4px #E4DC36;
    }
    100% {
        opacity: 1;
        top: 0;
        transform: rotateX(360deg);
    }
}

#message {
    -webkit-animation: animate-bg 5s linear infinite;
    -moz-animation: animate-bg 5s linear infinite;
}

@-webkit-keyframes animate-bg
{
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
   }
}

@-moz-keyframes animate-bg
{
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
   }
}


#confirmOverlay{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:url('http://golden-mines.org/css/ie.png');
    background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
    z-index:100000;
    box-shadow: 0 0 50px rgba(39, 37, 37, 0.71);
}

#confirmBox{
    background-color: #d0b077;
    width:400px;
    position:fixed;
    left:50%;
    top:50%;
    margin:-130px 0 0 -200px;
    border: 3px solid #6A5655;
    border-radius: 7px;
}

#confirmBox h1{
    display: none;
}

#confirmBox p{
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
    margin-top: 25px;
    color: #3e3332;
    font-weight: bold;
    text-shadow: 1px 1px 2px #7899a2;
}

#confirmButtons{
    padding:15px 0 25px;
    text-align:center;
}

#confirmBox .button{
    display: inline-block;
    background-color: rgba(64, 128, 66, 0.82);
    text-align: center;
    color: rgb(235, 232, 239);
    position: relative;
    height: 33px;
    font: 17px/33px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    margin-right: 15px;
    width: 100px;
    border-radius: 4px;
    border: 1px solid #495a48;
    text-decoration: none;
}

#confirmBox .button:last-child{ margin-right:0;}


@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;

  
}

.swing, .rubberBand{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}


/*************************\
|   Выпадпющий список
\*************************/



.tzSelect{
  height:34px;
  display:inline-block;
  width:100%;
  position:relative;
  z-index: 999;
  margin-bottom: 10px;
}
/*
.tzSelect .selectBox{
  position:absolute;
  height:100%;
  width:100%;
  text-align:center;
  color:#666666;
  cursor:pointer;
}
*/
.tzSelect .selectBox{
  border: 1px solid #7e7f88;
  text-align: center;
    line-height: 45px;
    box-shadow:0 0 4px #111;
    border-radius: 5px;
}

.tzSelect .drDown{
  position:absolute;
  top:45px;
  left:0;
  width:100%;
  border:1px solid #7e7f88;
  border-width:0 1px 1px;
  list-style:none;
  
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  
  -moz-box-shadow:0 0 4px #111;
  -webkit-box-shadow:0 0 4px #111;
  box-shadow:0 0 4px #111;
  padding: 0;
  margin: 0;
}


.tzSelect li, .selectBox{
  height:45px;
  cursor:pointer;
  position:relative;
  border-bottom: 1px solid #7e7f88;
    background-color: #efe1ba;
}

.tzSelect li:hover, .tzSelect .selectBox:hover{
  background-color: #f1eee8;
}

.tzSelect li span, .selectBox span {
  left:88px;
  position:absolute;
  line-height: 45px;
}

.tzSelect li i{
  color:#999999;
  display:block;
  font-size:12px;
}

.tzSelect li img, .selectBox img {
  left:20px;
  position:absolute;
  top:4px;
}