@media only screen and (max-width: 768px) {
}

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 1024px) {
}

@media only screen and (min-width: 1250px) {
}

/* # */
	#animated_header_div {
		background: rgba(0, 0, 0, .9) url(/images/preloader.gif) center no-repeat;
		position: relative;
		width: 100%;
		height: 500px;
	}
	
	#animated_header_div > span {
		display: block;
		border: 2px solid red;
		position: absolute;
		left: 20px;
		bottom: 20px;
		z-index: 100;
	}
	
	#animated_header_div > span > span {
		background-color: #999;
		cursor: pointer;
		width: 20px;
		height: 20px;
		border-radius: 10px;
		display: block;
		border: 2px solid #fff;
		position: absolute;
		bottom: 0;
		transition: all 0.2s ease-in-out;
		opacity: 0.5;
	}
	
	#animated_header_div > span > span:hover {
		opacity: 1 !important;
	}
	
	/* 100% width and height version. */
	#animated_header_div > div {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%;
	}
	
	/*#animated_header_div > div {
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}*/
/* # */

/* . */
	
/* . */