@charset "UTF-8";


/* --- .home --- */
.home main section { display: block; position: relative; }

.home main section.event h2,
.home main section.video h2,
.home main section.press h2,
.home main section.photo h2 { position: absolute; left: -10px; top: -3.5rem; font-size: 1.7rem; }
.home main section.event h2,
.home main section.video h2,
.home main section.press h2,
.home main section.photo h2 { box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .1); }

:lang(en) .home main section.event h2,
:lang(en) .home main section.video h2,
:lang(en) .home main section.press h2,
:lang(en) .home main section.photo h2 { position: absolute; left: -15px; top: -3.5rem; font-size: 1.7rem; }



.home main section.press { padding: 3rem 0 1rem 0; }
.home main section.press { background-color: #5C1A86; }
.home main section.press .plugin-perfect-scrollbar { width: 100%; height: calc((100vw * .95 * .66 - 10px) * .705 - 3.4rem); margin: 0; padding: 0 1rem; }
.home main section.press .plugin-perfect-scrollbar > ul { margin: 0; padding: 0; list-style: none; }
.home main section.press .plugin-perfect-scrollbar > ul > li { display: flex; flex-wrap: wrap; margin-bottom: 1rem; padding-left: 10px; position: relative; color: #ffffff; }
.home main section.press .plugin-perfect-scrollbar > ul > li::before { content: "-"; display: block; position: absolute; left: 0; top: 0; }
.home main section.press .plugin-perfect-scrollbar > ul > li .date { order: 2; }
.home main section.press .plugin-perfect-scrollbar > ul > li a { order: 1; color: #ffffff; }
.home main section.press .plugin-perfect-scrollbar > ul > li a:hover { color: #BCD400; }

.home main section.video .frame { margin: 0 0; border-top: 4px solid #FFFFFF; border-bottom: 4px solid #FFFFFF;}

@media (min-width: 768px) {    
    .home main { overflow: hidden; }
    .home main .inner-container { width: 95%; }
    
    .home main section { margin: 3rem 0; }
    
    .home main section.event { width: 66%; float: left; }
    
    .home main section.press { width: 31%; float: right; }
    .home main section.press h2 { justify-content: center; width: 108%; left: -4%; top: -3rem; }
    
    .home main section.video { width: 48%; float: left; }
    .home main section.video .frame video { height: calc((100vw * .95 * .48) * .56 - .1rem); }
    
    .home main section.photo { width: 48%; float: right; }
}
@media (min-width: 800px) {    
    .home main section.event { width: 69%; float: left; }
    .home main section.press { width: 29%; float: right; }
	.home main section.press .plugin-perfect-scrollbar { width: 100%; height: calc((100vw * .95 * .69 - 10px) * .705 - 3.4rem); margin: 0; padding: 0 1rem; }
}
@media (min-width: 850px) {    
    .home main section.event { width: 71%; float: left; }
    .home main section.press { width: 27%; float: right; }
	.home main section.press .plugin-perfect-scrollbar { width: 100%; height: calc((100vw * .95 * .71 - 10px) * .705 - 3.4rem); margin: 0; padding: 0 1rem; }
}
@media (min-width: 930px) {    
    .home main section.event { width: 73%; float: left; }
    .home main section.press { width: 24%; float: right; }
	.home main section.press .plugin-perfect-scrollbar { width: 100%; height: calc((100vw * .95 * .73 - 10px) * .705 - 3.4rem); margin: 0; padding: 0 1rem; }
}
@media (min-width: 1024px) {
    .home main section.event { width: 73%; }
    
    .home main section.press { width: 23%; }
    .home main section.press .plugin-perfect-scrollbar { height: 448px; }
    
    .home main section.video .frame video { height: 264px; }
}
@media (max-width: 767.98px) {
    .home main { padding: 1px 0; }
    
    .home main section { margin: 4rem 0; }
    
    .home main section.event h2,
    .home main section.video h2,
    .home main section.press h2,
    .home main section.photo h2 { top: -4rem; }

	:lang(en) .home main section.press h2 { position: absolute; left: -24px; top: -3.5rem; font-size: 1.7rem; }

}


/* --- .new --- */
.new main ul.press-list { margin: 1rem 0; }
.new main ul.press-list > li a { font-weight: bold; }
.new main ul.press-list > li:nth-child(odd) .date,
.new main ul.press-list > li:nth-child(odd) a { color: #FFFFFF; }
.new main ul.press-list > li:nth-child(even) .date,
.new main ul.press-list > li:nth-child(even) a { color: #FFFFFF; }
.new main ul.press-list > li a:hover { color: #F8733F; }


/* --- .gallery --- */
.gallery main ul.photo-list { display: flex; flex-wrap: wrap; margin: 1rem 0; padding: 0; list-style: none; }
.gallery main ul.photo-list > li { margin: .5rem; }
.gallery main ul.photo-list > li .image { display: block; width: 100%; margin: 0; padding: 0; position: relative; }
.gallery main ul.photo-list > li .image.frame::before { left: 0; }
.gallery main ul.photo-list > li .image.frame::after { right: 0; }
.gallery main ul.photo-list > li .card-body { padding: .8rem; font-size: .8rem; }
.gallery main ul.photo-list > li .card-body { background-color: #2E0F6E; }

@media (min-width: 768px) {
    .gallery main ul.photo-list > li { width: calc(100% / 4 - 1rem); }
}
@media (max-width: 767.98px) {
    .gallery main ul.photo-list > li { width: calc(100% / 2 - 1rem); }
}


/* --- .gallery-content --- */
.gallery-content main h2 { text-align: center; font-size: 1.75rem; }
.gallery-content main .plugin-slick .slick-arrow > span { transform: scaleY(2); }
.gallery-content main .plugin-slick .slick-arrow > span::before { color: #F8733F; font-family: bootstrap-icons !important; }
.gallery-content main .plugin-slick .slick-arrow .slick-prev-icon::before { content: "\F22D"; }
.gallery-content main .plugin-slick .slick-arrow .slick-next-icon::before { content: "\F231"; }
.gallery-content main .plugin-slick .slick-dots li button .slick-dot-icon,
.gallery-content main .plugin-slick .slick-dots li.slick-active button .slick-dot-icon { color: #F8733F; }
.gallery-content main .plugin-slick .nav { width: 80%; margin: auto; }
.gallery-content main .plugin-slick .nav .slick-slide { margin: .5rem; }
.gallery-content main .plugin-slick .nav .slick-slide:not(.slick-current) { opacity: .6; }
.gallery-content main .plugin-slick .nav .slick-slide.slick-current .content { border: 2px solid #EB6100; }
.gallery-content main .btn-back { width: 100%; max-width: 280px; }
.gallery-content main .btn-back.btn-link:hover { color: #ffffff; }
.gallery-content main .btn-back.btn-link.bi > span { order: 2; }
.gallery-content main .btn-back.btn-link.bi::before { order: 1; }
.gallery-content main .btn-back.btn-link.bi.bi-triangle-fill::before { transform: rotate(270deg); }

@media (min-width: 768px) {
}
@media (max-width: 767.98px) {
}


/* --- .video --- */
.video main h2 { margin-bottom: 3rem; }

.video main ul.api-list { display: block; margin: 0; margin-top: -1rem; margin-bottom: 3rem; padding: 0; position: relative; list-style: none; }
.video main ul.api-list > li:not(:last-child) { margin-bottom: 1rem; }
.video main ul.api-list > li .content { display: flex; }
.video main ul.api-list > li .content .part { display: flex; flex-wrap: nowrap; align-items: center; }
.video main ul.api-list > li .content .part .btn-link { width: 80%; }
.video main ul.api-list > li .content .part .btn-audio { display: block; margin: 0 5%; position: relative; }
.video main ul.api-list > li .content .part .btn-audio::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.video main ul.api-list > li .content .part .btn-audio::before { background-image: url(../image/video/icon-audio.svg); background-size: 100% auto; background-position: center; background-repeat: no-repeat; }

.video main ul.video-list { margin: 1rem 0; padding: 0; list-style: none; }
.video main ul.video-list > li { flex-direction: row; align-items: center; margin: 1.5rem 0; }
.video main ul.video-list > li { background-color: transparent; }
.video main ul.video-list > li { border: none; }
.video main ul.video-list > li > .image { margin: 0; }
.video main ul.video-list > li .card-body a { color: #FFFFFF; }
.video main ul.video-list > li .card-body a:hover { color: #F8733F; }

@media (min-width: 768px) {
    .video main ul.api-list > li .content { flex-wrap: nowrap; }
    .video main ul.api-list > li .content .part { flex: 1; }
    .video main ul.api-list > li .content .part .btn-audio { width: 8%; padding-top: 15%; }
    .video main ul.api-list > li .content .part.video { justify-content: flex-start; }
    .video main ul.api-list > li .content .part.audio { justify-content: flex-end; }

    .video main ul.video-list > li > .image { flex: 1; }
    .video main ul.video-list > li .card-body { flex: 4; }
}
@media (max-width: 767.98px) {
    .video main ul.api-list > li .content { flex-wrap: wrap; }
    .video main ul.api-list > li .content .part { width: 100%; margin: .5rem 0; justify-content: flex-end; }
    .video main ul.api-list > li .content .part .btn-audio { width: 5%; padding-top: 10%; }
    
    .video main ul.video-list > li > .image { flex: 1; }
    .video main ul.video-list > li .card-body { flex: 1; }
}


/* --- .contact --- */
.contact main table { margin-bottom: 2rem; }
.contact main table tr td p:last-child { margin-bottom: 0; }
.contact main table tr td a.bi::before { margin-right: .5rem; color: #150400; font-size: 1.2rem; }

@media (min-width: 768px) {
    .contact main table tr td:first-child { width: 40%; }
}
@media (max-width: 767.98px) {
    .contact main table tr { margin-bottom: 1rem; }
    .contact main table tr,
    .contact main table tr td { display: block; width: 100%; position: relative; }
}

.slick-dots li button .slick-dot-icon { color: #FFFFFF; }
.slick-dots li.slick-active button .slick-dot-icon { color: #FFFFFF; }
.slick-autoplay-toggle-button { z-index: 2; }

.card { border: none; }

.frame.small .initial-hidden {
  visibility: hidden;
  text-align: center;
  display: inline;
  transform: translate(-50%,-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  color: #E4007F;
  z-index: 2;
  font-size: 1.3rem;
  width: 8rem;
}
.frame.small:hover .initial-hidden { visibility: visible; }
.frame.small:hover img { filter: blur(3px); }
.dataTables_wrapper .dataTables_filter input { color: #FFF; }

.modal-dialog-centered { min-height: calc(50% - 3.5rem); }
.modal-body, .modal-footer .btn { color: #fff; }
 
.rewards #content li { list-style-type: "- "; margin-bottom: 2rem;}

.home .event .plugin-slick .slick-dots { top: 91%; }

@media screen and (max-width: 767px) {
  :lang(en) #nav-main a.nav-link br {
    /* hide the BR tag for wider screens (i.e. no line break) */
    display: none; 
  }
/*  :lang(en) nav .nav-main .navbar-nav .nav-item:nth-child(4) { white-space: nowrap; }*/
	
}

@media screen and (min-width: 768px) {
/*	:lang(en) nav .nav-main .navbar-nav .nav-item:nth-child(4) .nav-link { min-width: 94px; }*/
	
}
/* adjust menu font size according long menu text */
@media screen and (min-width: 768px) and (max-width: 980px) {
	:lang(en) nav .nav-main .navbar-nav .nav-item .nav-link { font-size: 0.8em; }
	
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
  background-color: #2CA02C;
}