
#slide-container {
	border: 1px solid #338533;
	border-image: none; background-color: rgb(200, 200, 200);
}
.item a {
	width: 620px; height: 300px; display: block;
}
.item-triple a {
	width:620px; height:300px; display: block;
}
.item .background img {
	max-width: 980px;
}
.item-triple .background img {
	max-width:620px;
}
.foreground .element{
	left:20px; width: 550px; color: rgb(255, 255, 255); position: relative; text-shadow: 1px 1px 2px #000000;
	background-color: transparent;
}
.foreground-triple .element {
	//left:20px;
	width: 550px; color: rgb(255, 255, 255); position: relative; text-shadow: 1px 1px 2px #000000;
	background-color: transparent;
}
.foreground .icon.element {
	background: url("../img/play.png") no-repeat 0px 0px; left: 60px; top: 340px; width: 114px; height: 114px;
}
.foreground-triple .icon.element {
	background: url("../img/play.png") no-repeat 0px 0px; left: 60px; top: 340px; width: 114px; height: 114px;
}
.background .overlay {
	background: -ms-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.8) 80%); left: 0px; width: 100%; height: 50%; bottom: 0px; position: absolute;
}
.foreground .title.element {
	top:80px; 
	left:20px;
	text-transform: uppercase; font-size: 25px;
}

.foreground .subtitle.element {
	top:80px; 
	left:20px;
	text-transform: uppercase; font-size: 25px;
}

.foreground-triple .title.element {
	top:130px;
 
	text-transform: uppercase; font-size: 15px;
}
.foreground .subtitle.element {
	top:160px; font-size: 17px;
}
.ui-loader {
	display: none;
}
#multiple-slide-container .triple-slides {
	width: 600px; height: 300px; overflow: hidden; float: left; position: relative;
}
#multiple-slide-container .triple-slides .foreground-triple .title.element {
	font-size: 28px;
}
#multiple-slide-container .triple-slides .item-triple a {
	width: 600px; height: 300px;
}
