/* Slider */
#events-slider:after { content: ' '; display: block; clear: both; }
#events-slider aside { float: left; width: 25%; height: 25vw; padding: 20px 40px; background: #f4b942; }
#events-slider h2 { color: #fff; margin-top: 0; }
#events-slider hr { margin: 20px 0 40px; background: #48639c; }
#events-slider select, #events-slider select:focus { max-width: 100%; cursor: pointer; border: 1px solid #48639c; border-radius: 5px; padding: 10px 15px; background: #fff; font-size: 11pt; }
#events-slider section { float: right; width: 75%; height: 25vw; position: relative; }
#events-slider .loading:before { content: ' '; position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate( -50%, -50% ); display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px dashed #f4b942; animation: turn 2s infinite; transform-origin: 50%; margin: -1px 6px 0 0; }
@keyframes turn {
	0% { transform: rotate( 0deg ); }
	100% { transform: rotate( 360deg ); }
}
#events-slider .loading:after { content: ' '; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba( 0, 0, 0, .6 ); }
#events-slider section > p { display: block; text-align: center; position: relative; top: 50%; transform: translateY( -50% ); color: #000; padding: 0 10px; }
#events-slider .owl-item div { height: 25vw; background-size: cover; transition: all .4s; position: relative; padding: 20px 40px; filter: grayscale( 1 ); }
#events-slider .owl-item div:before { content: ' '; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: rgba( 0, 0, 0, .2 ); transition: all .4s; }
#events-slider .owl-item div:hover { filter: none; }
#events-slider .owl-item div > * { position: relative; z-index: 1; }
#events-slider .owl-item datetime { position: absolute; top: 0; left: 0; width: 83px; height: 83px; display: flex; align-items: center; background: #48639c; color: #fff; padding: 10px; box-sizing: border-box; text-align: center; font-weight: 600; }
#events-slider .owl-item em { display: block; position: absolute;  top: 0; right: 0; background: #accbe1; font-style: normal; padding: 7px 10px 8px; font-size: 10pt; line-height: 1; border-bottom-left-radius: 10px; color: #fff; }
#events-slider .owl-item h3 { color: #fff; position: absolute; bottom: 60px; font: 600 20pt 'Montserrat', 'Arial', sans-serif; margin: 0; }
#events-slider .owl-item small { font-weight: 400; font-size: 13pt; display: block; }
#events-slider .owl-item a { transition: all .4s; padding: 10px 15px; border-radius: 5px; background: #fff; position: absolute; line-height: 1; bottom: 30px; right: 30px; text-transform: uppercase; font-weight: 500; font-size: 11pt; }
#events-slider .owl-item a:hover { background: #d64933; color: #fff; }

/* Navigation */
#events-slider .owl-nav button { position: absolute; top: 50%; left: 30px; transform: translateY( -50% ); color: #fff; }
#events-slider .owl-nav .disabled { display: none; }
#events-slider .owl-nav button.owl-next { left: auto; right: 30px; }
#events-slider .owl-nav button span { font-size: 50pt; display: block; width: 50px; height: 50px; background: #a4a4a4; border-radius: 50%; line-height: 38px; text-indent: -5px; transition: all .4s; }
#events-slider .owl-nav button.owl-next span { text-indent: 5px; }
#events-slider .owl-nav button span:hover { background: #f4b942; }

@media (max-width: 1300px) {
	#events-slider aside { width: 33.33%; height: 33.33vw; }
	#events-slider section { width: 66.66%; height: 33.33vw; }
	#events-slider .owl-item div { height: 33.33vw; }
}

@media (max-width: 920px) {
	#events-slider aside { padding: 15px 20px; }
	#events-slider .owl-item h3 { font-size: 14pt; }
	#events-slider .owl-item small { font-size: 12pt; }
	#events-slider .owl-item a { font-size: 9pt; bottom: 20px; right: 20px; }
}

@media (max-width: 800px) {
	#events-slider aside { width: 50%; height: 50vw; }
	#events-slider section { width: 50%; height: 50vw; }
	#events-slider .owl-item div { height: 50vw; }
}

@media (max-width: 530px) {
	#events-slider aside { width: 100%; height: auto; padding: 35px 20px; }
	#events-slider h2 { font-size: 19pt; margin: 0 0 14px; }
	#events-slider hr { margin: 0 0 23px; }
	#events-slider section { width: 100%; height: 100vw; }
	#events-slider .owl-item div { height: 100vw; }
}