.main3 {
	padding-top: 140px;
}
.main3 .section_title {
	max-width: 1400px;
	margin: auto;
}
.main3_list {
	margin-top: 70px;
}
.main3_list a {
	position: relative;
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
.main3_list a .thumbnails {
	position: relative;
}
.main3_list a .thumbnails::after {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	border: 0 solid #9f81cd;
	transition: border 0.3s;
}
.main3_list a:hover .thumbnails::after {
	border: 20px solid #9f81cd;
}
.main3_list a .thumbnails .loader {
	position: relative;
	padding-top: 56.25%;
}
.main3_list a .thumbnails .loader::after {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	background-color: transparent;
	transition: background-color 0.3s;
}
.main3_list a:hover .thumbnails .loader::after {
	background-color: rgba(34,34,34,0.7);
}

.main3_list a .info {
	position: absolute;
	top: 56%; right: 0; left: 0;
	margin: auto;
	color: #fff;
	z-index: 20;
	text-align: center;
	transform: translateY(-50%);
	transition: top 0.3s;
}
.main3_list a:hover .info {
	top: 50%;
}
.main3_list a .info .name {
	font-size: 36px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}
.main3_list a:hover .name {
	opacity: 1;
	visibility: visible;
}
.main3_list a .info .eng {
	font-family: 'Hind', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	transition: margin 0.3s;
}
.main3_list a:hover .info .eng {
	margin: 12px 0 42px;
	font-size: 14px;
}
.main3_list a .btn_view {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s, color 0.3s, background-color 0.3s;
}
.main3_list a:hover .btn_view {
	opacity: 1;
	visibility: visible;
}


@media ( max-width: 1024px ) {
	.main3 {
		padding-top: 75px;
	}
	.main3 .section_title {
		max-width: 100%;
	}
	.main3_list {
		margin-top: 35px;
	}
	.main3_list a {
		width: 100%;
		margin-bottom: 5px;
	}
	.main3_list a:last-child {
		margin-bottom: 0;
	}
	.main3_list a:hover .thumbnails::after {
		border: none;
	}
	.main3_list a .thumbnails .loader {
		height: 150px;
		padding-top: 0;
	}
	.main3_list a .thumbnails .loader::after {
		background-color: rgba(34,34,34,0.7);
	}
	.main3_list a:hover .thumbnails .loader::after {
		background-color: transparent;
	}
	.main3_list a .info {
		opacity: 1;
		visibility: visible;
		transition: opacity 0.3s, visibility 0.3s;
	}
	.main3_list a:hover .info {
		opacity: 0;
		visibility: hidden;
	}
	.main3_list a .info .name {
		font-size: 21px;
		opacity: 1;
		visibility: visible;
	}
	.main3_list a .info .eng {
		margin: 8px 0 0 0;
		font-size: 10px;
		text-transform: uppercase;
	}
	.main3_list a:hover .info .eng {
		margin: 8px 0 0 0;
		font-size: 10px;
	}
	.main3_list a .btn_view {
		display: none;
	}
}