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

/* --------------------------------------------  Main Image Slider Structure ----------------------------------------------------------------- */


/* Loading
***********************/
.loading #container {opacity: 0;}
.loading:before  { content: 'LOADING'; display: block; margin: 100px 0 0; text-align: center; color: #fff; font-weight: bold; font-size: 60px; opacity: 0.3; }
body {width: 100%; float: left; opacity: 1; -webkit-transition: opacity 1s ease;}




.gallery-holder{
		height:800px;
		position:relative;
	}

		#bigPhotoContainer{
			position: absolute;
			height:800px;
		    z-index: 0;
		    top: 0;
		    left: 0;
				}


				#bigPhotoContainer.content {
					height:284px;
				}


.slide {
	min-height:800px;
}


	.slide.bkgd{
		min-height:800px;
	}



	/*  These are design time only stiles. Comment them out for production - Or if adding permanent slides -- 
		
		.slide.bkgd1{
			min-height:884px;
			background-image:url(../img/WKs-Home-Slide-1.jpg);
			background-repeat:no-repeat;
			background-position:center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}

		.slide.bkgd2{
			min-height:884px;
			background-image:url(../img/WKs-Home-Slide-2.jpg);
			background-repeat:no-repeat;
			background-position:center;
			-webkit-background-size: cover;
			 -moz-background-size: cover;
			 -o-background-size: cover;
			 background-size: cover;
		}

		.slide.bkgd3{
			min-height:884px;
			background-image:url(../img/WKs-Home-Slide-3.jpg);
			background-repeat:no-repeat;
			background-position:center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}
*/

@media(max-width: 766px){
	.gallery-holder {
		height:300px;
	}


	.slide.bkgd {
 		min-height: 300px;
	}

	.slide.bkgd2 {
 		min-height: 250px;
	}

}

@media (max-width: 375px) {
	.gallery-holder {
		height:250px;
	}

	.slide.bkgd{
		min-height:250px;
	}

}