@charset "utf-8";

.loading {
  /*display: none;*/
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000 url("../img/teaser/bg_ptn.jpg") center top;
  z-index:10000;
}
.loading .ball {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.loading .ball > div {
	position: absolute;
	top: -2px;
	left: -26px;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	border: 2px solid #fff;
	-webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8);
	animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8);
}
.loading .ball > div:nth-child(1) {
	-webkit-animation-delay: -.6s;
   animation-delay: -.6s;
}
.loading .ball > div:nth-child(2) {
	-webkit-animation-delay: -.4s;
   animation-delay: -.4s;
}
.loading .ball > div:nth-child(3) {
	-webkit-animation-delay: -.2s;
   animation-delay: -.2s;
}

@-webkit-keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; }
}

@keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; }
}

.wrapper {
  opacity: 0
}

/*#colorbox {
  top: 0 !important;
}*/