/*@charset "utf-8";*/

 /* spinner CSS */
.spinner_div_wrap {position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;font-size:0;top:0;left:0;text-align:center;font-size:0;}
/*#spinner_div_wrap:before {width:0;height:100%;display:inline-block;vertical-align:middle;content:"";}*/
.spinner_div {/*position: relative;*/width: 52px;height: 52px;display: inline-block;vertical-align:middle;
position:absolute;top:50%;left:50%;margin-left:-26px;margin-top:-26px;}

div.spinner_div div {width: 12%;height: 26%;background: #fff;position: absolute;left: 44.5%;top: 37%;opacity: 0;
-webkit-animation: fade 1s linear infinite;
-moz-animation: fade 1s linear infinite;
-o-animation: fade 1s linear infinite;
animation: fade 1s linear infinite;


border-top-left-radius:3px;
border-top-right-radius:3px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
-o-box-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

div.spinner_div div.spin_bar1 {
-webkit-transform:rotate(0deg) translate(0, -142%);
-moz-transform:rotate(0deg) translate(0, -142%);
-o-transform:rotate(0deg) translate(0, -142%);
transform:rotate(0deg) translate(0, -142%);
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}
div.spinner_div div.spin_bar2 {
-webkit-transform:rotate(30deg) translate(0, -142%);
-moz-transform:rotate(30deg) translate(0, -142%);
-o-transform:rotate(30deg) translate(0, -142%);
transform:rotate(30deg) translate(0, -142%);
-webkit-animation-delay: -0.9167s;
-moz-animation-delay: -0.9167s;
-o-animation-delay: -0.9167s;
animation-delay: -0.9167s;
}
div.spinner_div div.spin_bar3 {
-webkit-transform:rotate(60deg) translate(0, -142%);
-moz-transform:rotate(60deg) translate(0, -142%);
-o-transform:rotate(60deg) translate(0, -142%);
transform:rotate(60deg) translate(0, -142%);
-webkit-animation-delay: -0.833s;
-moz-animation-delay: -0.833s;
-o-animation-delay: -0.833s;
animation-delay: -0.833s;
}
div.spinner_div div.spin_bar4 {
-webkit-transform:rotate(90deg) translate(0, -142%);
-moz-transform:rotate(90deg) translate(0, -142%);
-o-transform:rotate(90deg) translate(0, -142%);
transform:rotate(90deg) translate(0, -142%);
-webkit-animation-delay: -0.75s;
-moz-animation-delay: -0.75s;
-o-animation-delay: -0.75s;
animation-delay: -0.75s;
}
div.spinner_div div.spin_bar5 {
-webkit-transform:rotate(120deg) translate(0, -142%);
-moz-transform:rotate(120deg) translate(0, -142%);
-o-transform:rotate(120deg) translate(0, -142%);
transform:rotate(120deg) translate(0, -142%);
-webkit-animation-delay: -0.667s;
-moz-animation-delay: -0.667s;
-o-animation-delay: -0.667s;
animation-delay: -0.667s;
}
div.spinner_div div.spin_bar6 {
-webkit-transform:rotate(150deg) translate(0, -142%);
-moz-transform:rotate(150deg) translate(0, -142%);
-o-transform:rotate(150deg) translate(0, -142%);
transform:rotate(150deg) translate(0, -142%);
-webkit-animation-delay: -0.5833s;
-moz-animation-delay: -0.5833s;
-o-animation-delay: -0.5833s;
animation-delay: -0.5833s;
}
div.spinner_div div.spin_bar7 {
-webkit-transform:rotate(180deg) translate(0, -142%);
-moz-transform:rotate(180deg) translate(0, -142%);
-o-transform:rotate(180deg) translate(0, -142%);
transform:rotate(180deg) translate(0, -142%);
-webkit-animation-delay: -0.5s;
-moz-animation-delay: -0.5s;
-o-animation-delay: -0.5s;
animation-delay: -0.5s;
}
div.spinner_div div.spin_bar8 {
-webkit-transform:rotate(210deg) translate(0, -142%);
-moz-transform:rotate(210deg) translate(0, -142%);
-o-transform:rotate(210deg) translate(0, -142%);
transform:rotate(210deg) translate(0, -142%);
-webkit-animation-delay: -0.41667s;
-moz-animation-delay: -0.41667s;
-o-animation-delay: -0.41667s;
animation-delay: -0.41667s;
}
div.spinner_div div.spin_bar9 {
-webkit-transform:rotate(240deg) translate(0, -142%);
-moz-transform:rotate(240deg) translate(0, -142%);
-o-transform:rotate(240deg) translate(0, -142%);
transform:rotate(240deg) translate(0, -142%);
-webkit-animation-delay: -0.333s;
-moz-animation-delay: -0.333s;
-o-animation-delay: -0.333s;
animation-delay: -0.333s;
}
div.spinner_div div.spin_bar10 {
-webkit-transform:rotate(270deg) translate(0, -142%);
-moz-transform:rotate(270deg) translate(0, -142%);
-o-transform:rotate(270deg) translate(0, -142%);
transform:rotate(270deg) translate(0, -142%);
-webkit-animation-delay: -0.25s;
-moz-animation-delay: -0.25s;
-o-animation-delay: -0.25s;
animation-delay: -0.25s;
}
div.spinner_div div.spin_bar11 {
-webkit-transform:rotate(300deg) translate(0, -142%);
-moz-transform:rotate(300deg) translate(0, -142%);
-o-transform:rotate(300deg) translate(0, -142%);
transform:rotate(300deg) translate(0, -142%);
-webkit-animation-delay: -0.1667s;
-moz-animation-delay: -0.1667s;
-o-animation-delay: -0.1667s;
animation-delay: -0.1667s;
}
div.spinner_div div.spin_bar12 {
-webkit-transform:rotate(330deg) translate(0, -142%);
-moz-transform:rotate(330deg) translate(0, -142%);
-o-transform:rotate(330deg) translate(0, -142%);
transform:rotate(330deg) translate(0, -142%);
-webkit-animation-delay: -0.0833s;
-moz-animation-delay: -0.0833s;
-o-animation-delay: -0.0833s;
animation-delay: -0.0833s;
}

@-webkit-keyframes fade {
  from {opacity: 1;}
  to {opacity: 0.25;}
}
@-moz-keyframes fade {
  from {opacity: 1;}
  to {opacity: 0.25;}
}
@-o-keyframes fade {
  from {opacity: 1;}
  to {opacity: 0.25;}
}
@keyframes fade {
  from {opacity: 1;}
  to {opacity: 0.25;}
}