.section-ax-lite {display: inline-block; width: 100%;}
.section-ax-lite a {text-decoration: none !important;}
.section-ax-lite .content {width: 100%;}
.section-ax-lite .middle-bar {width: 100%; display: flex;}
	.section-ax-lite .middle-bar img {margin: 0 auto;}

.section-ax-lite .block.banner {min-height: auto;height: 80vh;background-size: cover;background-position: right;}
	.section-ax-lite .block.banner .inner {display: flex; height: 100%; align-items: self-end; max-width: 1580px;}
		.section-ax-lite .block.banner .content {padding-left: 10%; width: auto; padding-bottom: 7%;}
		.section-ax-lite .block.banner .title {font-size: 64px; line-height: 1; color: #fff;}
		.section-ax-lite .block.banner .bar {padding-bottom: 8px; background: #fff; margin: 45px 0;}
		.section-ax-lite .block.banner .btn {margin-right: 15px;}
		
.section-ax-lite .block.about {max-width: 1180px; padding: 5% 30px; display: flex; margin: 0 auto; flex-direction: column;}
	.section-ax-lite .block.about .title {font-weight: 800; color: #ee3b33; font-size: 30px; margin-bottom: 15px;}
	
.section-ax-lite .block.schedule {padding: 5% 30px; display: flex; margin: 0 auto; max-width: 1180px; flex-direction: column;}
	.section-ax-lite .block.schedule .title {font-weight: 800; color: #ee3b33; font-size: 30px; margin-bottom: 15px;}
	.section-ax-lite .block.schedule .events {width: calc(100% + 50px); margin-left: -25px;}
	.section-ax-lite .block.schedule .event {display: flex; flex-direction: column; padding: 25px; border-radius: 5px;}
	.section-ax-lite .block.schedule .event:nth-of-type(even) {background: #f7f7f7; box-shadow: 0px 0px 15px -5px #a3a3a3;}
		.section-ax-lite .block.schedule .event .timebar {display: flex; width: 100%; border-radius: 4px; background-color: #ee3b33; color: #fff; padding: 5px 20px; margin: 10px 0; line-height: normal;}
			.section-ax-lite .block.schedule .event .timebar .start {padding-right: 9%;}
			.section-ax-lite .block.schedule .event .timebar .end {padding-right: 9%;}
			.section-ax-lite .block.schedule .event .timebar * {display: flex; width: max-content;}
			.section-ax-lite .block.schedule .event .timebar .bold {padding-left: 8px; font-weight: 800;}
			
			.section-ax-lite .block.schedule .event .image-play .image-play {display: flex; width: 100%;}
			.section-ax-lite .block.schedule .event .image-play a {display: flex; width: 100%; justify-content: space-between; align-items: center;}
			.section-ax-lite .block.schedule .event .image-play .play-button img {width: 40px;}
			.section-ax-lite .block.schedule .event .image-play img {width: auto; max-height: 65px;}
			
			.section-ax-lite .block.schedule .event .title {font-size: 20px; display: flex; align-items: center;}
			.section-ax-lite .block.schedule .event .title .name-ticket {display: flex;}
			
			.section-ax-lite .block.schedule .event .info {display: flex; justify-content: space-between;}
			.section-ax-lite .block.schedule .event .info .date {color: #ee3b33; font-weight: 800;}
				.section-ax-lite .block.schedule .event .info .category {font-weight: 800; display: flex;}
					.section-ax-lite .block.schedule .event .info .category svg path {fill: #000 !important;}
					.section-ax-lite .block.schedule .event .info .category .icon {height: 100%; width: 19px; margin-right: 10px;}
				
			.section-ax-lite .block.schedule .event .desc {font-size: 15px; word-wrap: break-word; color: #000;}
			
		.section-ax-lite .side-date {padding: 0; margin: 0; outline: 0; box-sizing: border-box;transform: translateX(-150%) translateY(100%); text-align: right; display: inline-block;margin-top: -65px;height: 65px;}
		.section-ax-lite .side-date .l-date {color: #07c7ed; font-weight: 900; font-size: 28px;}
		.section-ax-lite .side-date .s-date {font-size: 22px;}
	
	.section-ax-lite .block.faq {max-width: 1180px; padding: 5% 30px; display: flex; margin: 0 auto; flex-direction: column;}
	.section-ax-lite .block.faq .title {font-weight: 800; color: #ee3b33; font-size: 30px; margin-bottom: 15px;}
		.section-ax-lite .block.faq .faqs {display: flex; flex-wrap: wrap;}
		.section-ax-lite .block.faq .faqs .faq:nth-child(odd) {margin-right: 20px;}
		.section-ax-lite .block.faq .faqs .faq {width: calc(50% - 20px); margin: 20px 0;}
		.section-ax-lite .block.faq .faqs .faq .title {font-size: 24px; margin-bottom: 20px; color: #4d98e2;}
		
/* .slider.slider-main.slider-intro.slider-mobile-image {height: fit-content !important;} */


	.htw {margin-top: -35px; color: #fff; font-weight: 700; font-size: 35px;}

	@media (max-width:1550px) {
		.section-ax-lite .side-date {transform: unset; text-align: left; margin-top: 0; margin-bottom: 20px; margin-left: 25px;}
	}
		
	@media (max-width:900px) {
		.section-ax-lite .block.faq .faqs .faq {width: 100%;}
	}
	
	@media (max-width:700px) {
		.section-ax-lite .block.schedule .event .timebar {flex-direction: column;}
		
		.section-ax-lite .block.faq .faqs .faq .desc {display: none;}
		.htw {margin-top: 0px; font-size: 25px;}
	}	
	

html {
	overflow-x: hidden;
}


li.aa-item {display: flex; flex-direction: column;}
	li.aa-item .description {font-size: 16px; max-width: 700px;}
	li.aa-item .website {color: red; font-size: 18px; padding-bottom: 5px; padding-top: 10px;}
	li.aa-item .image {width: 70px; height: 70px; background-size: contain; border-radius: 50%; margin-top: 10px;}
	li.aa-item .social {display: flex;}
		li.aa-item .social a {width: 35px; background: #4d98e2; height: 35px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 17px; margin-right: 10px; margin-top: 10px;}
	
	li.aa-item .title {display: flex;}
		li.aa-item .title .caret {cursor: pointer; font-size: 55px; color: red; line-height: 25px; margin-left: 20px; transition: all .25s ease;}
		li.aa-item .title .caret.active {transform: rotateZ(90deg);}

	@media (max-width:1000px) {
		li.aa-item .title .caret {line-height: 13px;}
	}




.event-tab-nav .item {
    padding: 0 20px;
    font-weight: 800;
	padding-bottom: 5px;
	border-bottom: 5px solid #ee3b33;
	transition: all .25s ease;
	color: #fff;
}

.event-tab-nav .item.active {border-bottom: 5px solid #ffffff;}

.event-tab-nav {
    position: sticky;
    top: 0px;
    display: flex;
    background: #ee3b33;
    padding: 20px;
	transition: all .25s ease;
	width: calc(100% + 50px);
    margin-left: -25px;
	border-radius: 8px;
}

	@media (max-width:1000px) {
		.event-tab-nav {margin-bottom: 20px;}
	}


.ticket a {padding-right: 10px; color: #000; font-size: 15px;}
.ticket {padding-right: 20px;}