/** 
 * loader START 
 */
 
.loading_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	
	background-color: #3f3f3f;
}
.black .loading_overlay {
	background-color: #000000;
}

.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/** 
 * loader END 
 */
 
.fadePress {
    opacity: 1;
    moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.fadePress:hover {
    opacity: 0.7;
}

.blinkingByOpacity {
	opacity: 1;
	-webkit-animation: blinking-by-opacity 3s infinite; /* Safari 4+ */
	-moz-animation:    blinking-by-opacity 3s infinite; /* Fx 5+ */
	-o-animation:      blinking-by-opacity 3s infinite; /* Opera 12+ */
	animation:         blinking-by-opacity 3s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes blinking-by-opacity {
	0%   { 
		opacity: 1; 
	}
	50% {
		opacity: 0.5;
	}
	100% { 
		opacity: 1;
	}
}
@-moz-keyframes blinking-by-opacity {
	0%   { 
		opacity: 1; 
	}
	50% {
		opacity: 0.5;
	}
	100% { 
		opacity: 1;
	}
}
@-o-keyframes blinking-by-opacity {
	0%   { 
		opacity: 1; 
	}
	50% {
		opacity: 0.5;
	}
	100% { 
		opacity: 1;
	}
}
@keyframes blinking-by-opacity {
	0%   { 
		opacity: 1; 
	}
	50% {
		opacity: 0.5;
	}
	100% { 
		opacity: 1;
	}
}