@media only screen and (max-width: 768px) {
	div#pah {
		height: 160px !important;
	}
}

@media only screen and (min-width: 768px) {
	div#pah {
		height: 290px !important;
	}
}

@media only screen and (min-width: 1024px) {
	div#pah {
		height: 290px !important;
	}
}

@media only screen and (min-width: 1250px) {
	div#pah {
		height: 540px !important;
	}
}

@media only screen and (min-width: 1400px) {
	div#pah {
		height: 540px !important;
	}
}

/* # */
	div#pah {
		background: rgba(0, 0, 0, .9) url(/images/preloader.gif) center no-repeat;
		position: relative;
		width: 100%;
		overflow: hidden;
	}

	div#pah:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		background: #0b0d12;
		top: 0;
		opacity: 0.5;
	}

	div#pah > span {
		display: block;
		border: 2px solid red;
		position: absolute;
		left: 20px;
		bottom: 20px;
		z-index: 100;
	}

	div#pah > 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;
	}

	div#pah > span > span:hover {
		opacity: 1 !important;
	}

	/* 100% width and height version. */
	div#pah > div {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%;
	}
/* # */

/* . */
	@keyframes scale_img {
		0% {
			transform: scale(1.0, 1.0);
		}

		100% {
			transform: scale(1.1, 1.1);
		}
	}
/* . */