section {
	background-color: #ffffff;
}

header#event-n-promo  {
	background: url("/images/others/event-n-promo/event-n-promo-1920x480.jpg") top center;
	background-size: cover;
	padding: 100px 0;
}

header#event-n-promo .bg-overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(70, 109, 106, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.event-n-promo  {
	background-color: #FFF;
}

.event-n-promo  h1 {
	font-size: 28px;
	margin-bottom: 24px;
}

.event-n-promo .block .title {
	position: relative;
	display: block;
	color: #4788BE;
	font-size: 24px;
	font-weight: bold;
	background: #E0E8EF;
	padding: 8px 16px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.event-n-promo .month {
	position: relative;
	display: table;
	width: 100%;
	margin: 24px 0;
}

.event-n-promo .month .m-border {
	display: table-cell;
	width: 8px;
	height: 100%;
	background: #4788BE;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.event-n-promo .month .events {
	padding: 4px 0;
}

.event-n-promo .month .event {
	position: relative;
	display: block;
	padding: 8px 0 7px 0;
}

.event-n-promo .month .event .t-date {
	display: inline-block;
	vertical-align: top;
}

.event-n-promo .month .event .t-month {
	display: inline-block;
	width: 70px;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.72;
	text-transform: uppercase;
	color: #666;
	padding-left: 24px;
}

.event-n-promo .month .event .t-day {
	display: inline-block;
	width: 70px;
	text-align: left;
	vertical-align: top;
	font-size: 24px;
	line-height: 1;
	font-weight: bold;
	color: #333;
	padding-left: 8px;
}

.event-n-promo .month .event .link {
	display: inline-block;
	vertical-align: top;
	padding-left: 4px;
	font-size: 18px;
	font-weight: bold;
	color: #4788BE;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
}

.event-n-promo .month .event .link:hover {
	color: #69abcb;
}

@media only screen and (min-width: 768px) {
	.event-n-promo .month .event .t-month { visibility: hidden; }
	.event-n-promo .month .event .t-day { visibility: hidden; }
	.event-n-promo .month .event .link { width: calc(100% - 150px); }
	.event-n-promo .month .event:first-child .t-month { visibility: visible;  }
	.event-n-promo .month .event .link.w-o-quote { margin-left: -7px; }
	.event-n-promo .pager-w { text-align: left; }
	.event-n-promo .pagination .first { margin-left: 0; }
	.event-n-promo .pagination a[data-page="1"] { margin-left: 0; }
	section#event-n-promo { padding: 44px 0; }
}

@media only screen and (max-width: 991px) {
	header#event-n-promo  { background: url("/images/others/event-n-promo/event-n-promo-1280x700.jpg"); background-size: cover; }
}

@media only screen and (max-width: 767px) {
	.event-n-promo .block .title { font-size: 20px; padding: 4px 16px; }
	.event-n-promo .month .event { padding: 12px 0; }
	.event-n-promo .month .event:first-child { padding-top: 8px; }
	.event-n-promo .month .event:last-child { padding-bottom: 7px; }
	.event-n-promo .month .event .t-month { display:block; text-align: center; line-height: 1.3; padding-left: 0; }
	.event-n-promo .month .event .t-day { text-align: center; padding-left: 0; }
	.event-n-promo .month .event .link { width: calc(100% - 90px); padding-left: 0; font-size: 16px; }
	.event-n-promo .month .m-border { width: 6px; }
	.event-n-promo .month .event .link.single-line { line-height: 2.625;}
	header#event-n-promo  { background: url("/images/others/event-n-promo/event-n-promo-1000x700.jpg") 100% top; background-size: 140%; }
	section#event-n-promo { padding: 36px 0; }
}

@media only screen and (max-width: 320px) {
	header#event-n-promo  { background: url("/images/others/event-n-promo/event-n-promo-800x700.jpg?vd20210715"); background-size: cover; }
}