

/* --- Stylesheet 6088 () --------- */ 

.T3855 {
	position: relative;
}
.T3855 .outer {
	position: relative;
}
.T3855 .outer:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 56.25%;
}
.T3855 .outer > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.T3855 .overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 50%;
	background-color: rgba(0,0,0,0.5);
	color: #FFF;
}

.T3855 .overlay .inner {
	position: absolute;
	bottom: 100px;
	padding-right: 100px;
}

.T3855 .overlay .inner .text p {
	margin: 0 0 30px 0;
}



/* --- Stylesheet 6089 () --------- */ 

@media all and (min-width: 1600px) {
	.T3855 .calc-padding-left { padding-left: calc( (100% - 700px) / 2); }

}

@media all and (min-width: 1024px) and (max-width: 1279px) {

	.T3855 .overlay .inner { bottom: 60px; padding-right: 40px; }
	.T3855 .overlay .inner .text p { margin: 0 0 20px 0; }
}

@media all and (min-width: 768px) and (max-width:1023px) {
	.T3855 .overlay .inner { bottom: 30px; padding-right: 20px; }
	.T3855 .overlay .inner .text p { margin: 0 0 15px 0; }
}

@media all and (min-width: 568px) and (max-width: 767px) {
	.T3855 .overlay { width: 100%; }
	.T3855 .overlay .inner { bottom: 20px; padding-right: 15px; }
	.T3855 .overlay .inner .text p { margin: 0 0 10px 0; }
}

@media all and (max-width: 567px) {
	.T3855 .overlay { 
		position: static;
		top: auto;
		bottom: auto;
		left: auto;
		width: 100%;
		background-color: transparent;
		color: #000;
	}
	.T3855 .overlay .inner { position: relative; bottom: auto; padding-right: 10px; margin: 10px 0; }
	.T3855 .overlay .inner .headline { color: #00303F; }
	.T3855 .overlay .inner .text p { margin: 0 0 5px 0; }
}


