/* --- Stylesheet 7124 () --------- */ 

@media all and (min-width: 768px) and (max-width:1023px) {
	.T3887 .outer .video .play i { font-size: 80px !important; }
}

@media all and (min-width: 568px) and (max-width: 767px) {
	.T3887 .outer .video .play i { font-size: 75px !important; }
}

@media all and (max-width: 567px) {
	.T3887 .outer .video .play i { font-size: 65px !important; }

}

/* --- Stylesheet 6129 () --------- */ 

.T3887 .font_center {
	padding-left: 20%;
}

.T3887 .outer .video {
	display: block;
	position: relative;
	width: 100%;
	margin: 0 2% 2% 0;
}

.T3887 .outer .video:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 56.25%;
}
.T3887 .outer .video > .inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.T3887 .outer .video .play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.T3887 .outer .video .play i {
	font-size: 100px;
	color: #FFF;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.T3887 a .caption {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,0.6);
	padding: 10px 0;
	text-align: center;
	color: #FFF;
	transition: bottom 150ms;
	z-index: 10;
	display: block;
}

.T3887 a:hover .caption {
	bottom: 0px;
	transition: bottom 200ms;
}

/* --- Stylesheet 6130 (optional) --------- */ 

.T3887.S6130 .maxwidth{width:65%!important;max-width:700px;margin:0px auto!important}