/* projectSlider */

#projectSlider {
	width: 100%;
	/*height: 100vh;*/
	height: 600px;
	max-width: 100%;
	max-height: 100vh;
	overflow: hidden;
	position: relative;
}

#projectSlider.workSlider {
	height: 100vh;
}
	#projectSlider.workSlider .item {
		min-height: 100vh;
	}
		#projectSlider.workSlider .item .itemImgL {
			height: 100vh;
			width: 100%;
		}

#projectSlider .item {
	background-color: #000000;
	position: relative;
	min-height: 600px;
}

#projectSlider .item .slide {
	position: absolute;
	z-index: 15;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#projectSlider .item .itemImg {
	opacity: 0.5;
	/*min-height: 100vh;*/
	height: 600px;

}

#projectSlider .item .itemImgL {
	height: 600px;
	opacity: 1;
}


	/*Controls Layer*/
	
	#projectSlider .ctrls {
		position: absolute;
		z-index: 20;
		width: 100px;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
	}

	#projectSlider ol.projectSliderCtrls li {
		border: solid 2px #FFFFFF;
		background-color: none;
		cursor: pointer;
		display: inline-block;
		height: 15px;
		width: 15px;
		margin-top: 24px;
		float: left;
		clear: both;
	}
	#projectSlider ol.projectSliderCtrls li:first-child {
		margin: 0;
	}

	#projectSlider ol.projectSliderCtrls li:hover {
		cursor: pointer;
		border-color: #FED203;
		background-color: #FED203;
	}
	#projectSlider .projectSliderCtrls li {
		border: solid 2px #FFFFFF;
		background-color: none;
	}
	#projectSlider .projectSliderCtrls li.active {
		border: solid 2px #FED203;
		background-color: #FED203;
	}


	/* Slide Contents */

	#projectSlider .projectSliderPages {
		overflow: hidden;
		position: relative;
	}

	#projectSlider .caption {
		color: #FFFFFF;
		float: left;
		width: 90%;
	}

	#projectSlider .caption p{
		font-family: 'Montserrat', Arial, Helvetica, sans-serif;
		font-size: 40px;
		line-height: 45px;
	}

@media (max-width: 970px){
	
	#projectSlider .item .itemImg{
		min-height: auto;
		min-width: 100vh;

	}

	#projectSlider .item .itemImgL {
		min-height: auto;
		min-width: 100vh;
	}

	#projectSlider ol.projectSliderCtrls li {
		height: 30px;
		width: 30px;
	}
}

@media (max-width: 750px){

	#projectSlider a,
	#projectSlider a:link,
	#projectSlider a:visited,
	#projectSlider a:hover,
	#projectSlider a:active {
		font-size: 9pt;
		line-height: 12pt;
		text-decoration: none;
	}

	#projectSlider .item .itemImg{
		/*min-height: auto;
		min-width: 100vh;*/
	}

	#projectSlider .item .itemImgL {
		/*min-height: auto;
		min-width: 100vh;*/
	}
	/* Slide Contents */
	#projectSlider .caption {
		color: #FFFFFF;
		float: left;
		width: 90%;
	}

	#projectSlider .caption p{
		margin-top: 30px;
		font-size: 16pt;
		line-height: 20pt;
	}

	#projectSlider ol.projectSliderCtrls li {
		height: 20px;
		width: 20px;
	}


}