.T3565:after { display: block; content: ""; clear: left; }
.T3565 .item {
	position: relative;
	z-index: 1;
	float: left;
	width: 300px;
	height: 550px;
	background-color: #FFF;
}

.T3565 .item.highlight {
	height: 550px;
	z-index: 2;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
}

.T3565 .item:not(.highlight) {
	margin-top: 35px;
}


.T3565 .item .image {
	position: relative;
}


.T3565 .item .image img {
	aspect-ratio:  3 / 2;
	object-fit:  cover;
}

.T3565 .item .image .play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #FFF;
	font-size: 80px;
}
.T3565 .item .image .play i { text-shadow: 0px 0px 10px rgba(0,0,0,0.5); }



.T3565 .item .image img { width: 100%; height: auto; }

.T3565 .item .inner {
	padding: 0 30px;
}

.T3565 .item .headline {
	font-size: 23px;
	line-height: 1.2;
	margin: 20px 0 15px 0;
}


.T3565 .item .bottom {
	margin-top: 20px;
}
.T3565 .item .bottom:after { display: block; content: ""; clear: both; }
.T3565 .item .bottom a {
	float: right;
}@media all and (min-width: 1024px) and (max-width: 1279px) {
	.T3565 .item {
		width: 245px;
		height: 500px;
	}

	.T3565 .item.highlight {
		height: 550px;
	}

	.T3565 .item:not(.highlight) {
		margin-top: 30px;
	}


	.T3565 .item .image .play { font-size: 75px; }

	.T3565 .item .inner {
		padding: 0 25px;
	}

	.T3565 .item .headline {
		font-size: 20px;
		margin: 18px 0 20px 0;
	}

	.T3565 .item .bottom {
		margin-top: 18px;
	}
	
}

@media all and (min-width: 768px) and (max-width:1023px) {
	.T3565 .item {
		width: 25%;
		height: 450px;
	}

	.T3565 .item.highlight {
		height: 500px;
	}

	.T3565 .item:not(.highlight) {
		margin-top: 30px;
	}


	.T3565 .item .image .play { font-size: 60px; }

	.T3565 .item .inner {
		padding: 0 12px;
	}

	.T3565 .item .headline {
		font-size: 17px;
		margin: 15px 0 10px 0;
	}
	.T3565 .item .textstyle17 { font-size: 14px; line-height: 1.2; }
	.T3565 .item .btn { font-size: 13px; }

	.T3565 .item .bottom {
		margin-top: 15px;
	}
	
}

@media all and (min-width: 568px) and (max-width: 767px) {
	.T3565 .item {
		float: none;
		width: auto;
		height: auto;
		display: flex;
		margin: 0 0 30px 0;
		padding: 0 0 20px 0;
	}

	.T3565 .item.highlight {
		height: auto;

	}

	.T3565 .item:not(.highlight) {
		margin-top: 0;
		margin-left: 30px;
	}

	.T3565 .item .image .play { font-size: 50px; }

	.T3565 .item .inner {
		flex: 1;
		padding: 0 25px;
	}

	.T3565 .item .headline {
		font-size: 17px;
		margin: 15px 0 10px 0;
	}


	.T3565 .item .bottom {
		margin-top: 15px;
	}
}

@media all and (max-width: 567px) {
	.T3565 .item {
		float: none;
		width: auto;
		height: auto;
		display: block;
		margin: 0 0 20px 0;
		padding: 0 0 15px 0;
	}

	.T3565 .item.highlight {
		height: auto;

	}

	.T3565 .item:not(.highlight) {
		margin-top: 0;
	}


	.T3565 .item .image .play { font-size: 70px; }

	.T3565 .item .inner {

		padding: 0 20px;
	}

	.T3565 .item .headline {
		font-size: 15px;
		margin: 15px 0 10px 0;
	}

	.T3565 .item .bottom {
		margin-top: 10px;
	}
	
}