.popup-wrap {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  content: '';
  background: rgba(0, 0, 0, 0.85);
  z-index: 999;
}

.popup-box {
  width: 400px;
  padding: 65px;
  transform: translate(-50%, -50%) scale(0.5);
  position: fixed;
  top: 50%;
  left: 50%;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  background: #fff;
  text-align: center;
  z-index:9999;

}

.popup-box h3 {
  color: #888;
  font-weight: bold;
}
.popup-box .close-btn {
  width: 35px;

  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;

  background: #545886;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
 z-index:99999;
}


.transform-in, .transform-out {
  display: block;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.transform-in {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.transform-out {
  -webkit-transform: translate(-50%, -50%) scale(0.5);
  transform: translate(-50%, -50%) scale(0.5);
}
/*__Logout link */
.sub_block .login_name a.logout {
    display: inline-block;
    margin-left: 1rem;
    text-decoration: underline;
}
.sub_block .login_name a.logout:hover {
    text-decoration: none;
}

.loader {
  position: fixed;
 
  left: 0px;
  right: 0px;
  margin: auto;
  width: 185px;
  height: 30px;
  z-index: 999999;
  text-align:center;
  top:calc(50% - 92px);
}
.loader span {
  display: block;
  //background: #ccc;
  width: 7px;
  height: 10%;
  border-radius: 14px;
  margin-right: 5px;
  float: left;
  margin-top: 25%;
}
.loader span:last-child {
  margin-right: 0px;
}
.loader span:nth-child(1) {
  animation: load 3.5s 0.2s infinite linear;
}
.loader span:nth-child(2) {
  animation: load 3.5s 0.4s infinite linear;
}
.loader span:nth-child(3) {
  animation: load 3.5s 0.6s infinite linear;
}
.loader span:nth-child(4) {
  animation: load 3.5s 0.8s infinite linear;
}
.loader span:nth-child(5) {
  animation: load 3.5s 1s infinite linear;
}
.loader span:nth-child(6) {
  animation: load 3.5s 1.2s infinite linear;
}
.loader span:nth-child(7) {
  animation: load 3.5s 1.4s infinite linear;
}
.loader span:nth-child(8) {
  animation: load 3.5s 1.6s infinite linear;
}
.loader span:nth-child(9) {
  animation: load 3.5s 1.8s infinite linear;
}
.loader span:nth-child(10) {
  animation: load 3.5s 2s infinite linear;
}
.loader span:nth-child(11) {
  animation: load 3.5s 2.2s infinite linear;
}
.loader span:nth-child(12) {
  animation: load 3.5s 2.4s infinite linear;
}

@keyframes load {
  0% {
    background: #e85f35;
    //margin-top: 25%;
    height: 100%;
}
/*50% {
    background: #a62eff;
    height: 100%;
    margin-top: 10%;
}*/
100% {
    background: #a62eff;
    height: 100%;
}
}
#wrap-loader{
width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    background: rgba(114, 109, 94, 0.25);
    top: 0px;
    left: 0px;
    display:none;
}
.clear-float{
  clear:both;
}
.loader h1{
  font-size:14px;
}
body,html{
  height:100%;
}
.confirmation_block .confirmation_table_info table.nomal_tab td a:hover {
  text-decoration: none;
  color: #a1892a;
}
.confirmation_block .confirmation_table_info table.nomal_tab td a {
  text-decoration: underline;
  transition: .3s;
}
/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider bullet skin 052 css*/
.jssorb052 .i {position:absolute;cursor:pointer;}
.jssorb052 .i .b {fill:#fff;fill-opacity:0.3;}
.jssorb052 .i:hover .b {fill-opacity:.7;}
.jssorb052 .iav .b {fill-opacity: 1;}
.jssorb052 .i.idn {opacity:.3;}

/*jssor slider arrow skin 053 css*/
.jssora053 {display:block;position:absolute;cursor:pointer;}
.jssora053 .a {fill:none;stroke:#fff;stroke-width:640;stroke-miterlimit:10;}
.jssora053:hover {opacity:.8;}
.jssora053.jssora053dn {opacity:.5;}
.jssora053.jssora053ds {opacity:.3;pointer-events:none;}
.block__slider{
  float:left;
}
.block__slider img{
  width:100%;
  height:100%;
}
.fa-chevron-right,.fa-chevron-left{
/*  position: absolute;
    top: 50%;
    color: #a1892a;
    font-size: 24px;
    background-image: none;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;*/
}
@media only screen and (max-width: 768px) {
.block__slider{
  float:none;
}

}
/*__Loading bar*/
.bar {
  width: 100%;
  height: 20px;
  border: 1px solid #d0cfd7;
  border-radius: 3px;
  background-image: 
    repeating-linear-gradient(
      -45deg,
      #33277f,
      #33277f 11px,
      #eee 10px,
      #eee 20px /* determines size */
    );
  background-size: 28px 28px;
  animation: move .5s linear infinite;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}