@charset "utf-8";

.xet-page-wrp .page-title > small {
	display: block;
}

.xet-page-wrp .item-container {
	padding: 40px 0;
}
.xet-page-wrp .item-container .item {
	position: relative;
	min-height: 200px;
	padding: 40px 20px 20px;
	margin-bottom: 62px;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.xet-page-wrp .item-container .item>h1 {
	font-size: 72px;
	position: absolute;
	font-family: 'Roboto';
	top: -42px;
	left: 15px;
	color: #3b3b3b;
	text-shadow: 2px 4px 8px rgba(0, 0, 0, 0.3);
}
.xet-page-wrp .item-container .item>h1:after {
	z-index: 0;
	content: "";
	position: absolute;
	left: 15px;
	bottom: 19px;
	width: 200%;
	height: 2px;
	background-color: #3b3b3b;
}
.xet-page-wrp .item-container .item>h4 {
	margin-bottom: 20px;
}

.xet-page-wrp .item-container .item.d-day {
	color: #004295;
}
.xet-page-wrp .item-container .item.d-day>h1 {
	color: #004295;
}
.xet-page-wrp .item-container .item.d-day>h1:after {
	background-color: #004295;
}
.xet-page-wrp .item-container .item.d-day>h4 {
	color: #004295;
}
.xet-page-wrp .item-container .item.d-day ul.ul-list>li:after {
	background-color: #004295;
}


.xet-page-wrp .item-container>div:last-child .item {
	margin-bottom: 0;
}


@media (max-width: 767px) {
	
	
}
@media (min-width: 768px) {
	.xet-page-wrp .item-container .item {
		padding: 40px;
	}
	.xet-page-wrp .item-container .item>h1 {
		width: 160px;
		top: 30%;
		left: -160px;
	}
	.xet-page-wrp .item-container .item>h1:after {
		width: 90%;
		right: 0;
	}
	.xet-page-wrp .item-container .item-left>h1 {
		left: auto;
		right: -160px;
		text-align: right;
	}
	.xet-page-wrp .item-container .item-left>h1:after {
		left: 0;
	}
	
	.xet-page-wrp .item-container .item.d-day>h1 {
		color: #004295;
	}
	.xet-page-wrp .item-container .item.d-day>h1:after {
		background-color: #004295;
	}

}
@media (min-width: 992px) {
	
}