@font-face {
   font-family: 'niasans';
   src: url('fonts/nia_sans-webfont.woff2') format('woff2'),
      url('fonts/nia_sans-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

body {
   font-family: "Prompt";
   font-size: 16px;
   color: white;
}

@media only screen and (min-width: 1600px) {
   body {
      font-size: 24px;
   }
}

.font-niasans {
   font-family: 'niasans', "Prompt";
}

header {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   /* height: 80px; */
   z-index: 999;
   color: #FFFFFF;
}

header::before {
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
   width: 100%;
   height: 100%;
   content: '';
   background: #000;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.79) 0%, rgba(0, 0, 0, 0.52) 37%, rgba(0, 0, 0, 0) 100%);
   opacity: 0;
   transition: 0.3s;
}

.scrollmore10 header::before {
   opacity: 1;
}

.header-menu-icon {
   width: 22px;
   vertical-align: top;
   margin-top: 3px;
}

.header-menu-item {
   font-size: 20px;
   text-decoration: none;
   color: #FFFFFF;
   display: block;
   padding: 5px 10px;
   margin: 0 15px;
}

.bgcover {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.bgfix {
   background-attachment: fixed;
}

.footer-logo {
   width: 280px;
}

.footer-register {
   width: 230px;
}

.footer-social-logo {
   width: 120px;
}

.header-logo {
   width: 130px;
   transition: 0.3s;
}

.header-social-icon {
   width: 25px;
   transition: 0.3s;
}

.header-social-logo {
   width: 50px;
   transition: 0.3s;
}

.header-social-logo2 {
   width: 50px;
   transition: 0.3s;
}

@media only screen and (min-width: 1200px) {
   .header-menu-item {
      font-size: 16px;
      padding: 5px 10px;
      margin: 0;
   }

   .header-logo {
      width: 170px;
   }

   .header-social-icon {
      width: 25px;
   }

   .header-social-logo {
      width: 70px;
   }

   .header-social-logo2 {
      width: 50px;
   }

   .scrollmore10 .header-logo {
      width: 150px;
   }

   .scrollmore10 .header-social-icon {
      width: 25px;
   }

   .scrollmore10 .header-social-logo {
      width: 60px;
   }

   .scrollmore10 .header-social-logo2 {
      width: 40px;
   }
}

@media only screen and (min-width: 1400px) {
   .header-menu-item {
      font-size: 20px;
   }
}

@media only screen and (min-width: 1600px) {
   .header-menu-item {
      font-size: 20px;
      padding: 5px 10px;
      margin: 0 15px;
   }

   .container {
      max-width: 1520px;
   }

   .header-logo {
      width: 250px;
   }

   .header-social-icon {
      width: 25px;
   }

   .header-social-logo {
      width: 100px;
   }

   .header-social-logo2 {
      width: 70px;
   }

   .scrollmore10 .header-logo {
      width: 200px;
   }

   .scrollmore10 .header-social-icon {
      width: 25px;
   }

   .scrollmore10 .header-social-logo {
      width: 70px;
   }

   .scrollmore10 .header-social-logo2 {
      width: 40px;
   }
}

.about-item-zone {
   position: relative;
   z-index: 5;
}

.about-item {
   background-color: #FFFFFF;
   border-radius: 200px;
   aspect-ratio: 1 / 1;
}

.about-item-icon {
   max-width: 80px;
}

.about-item-number {
   font-size: 30px;
   line-height: 1em;
}

.about-item-number-1 {
   color: #cb1a30;
}

.about-item-number-2 {
   color: #db8b42;
}

.about-item-number-3 {
   color: #51a7ff;
}

.about-item-number-4 {
   color: #872bd4;
}

.about-item-unit {
   font-size: 16px;
   line-height: 1em;
}

.about-content {
   color: #FFFFFF;
   position: relative;
   z-index: 5;
}

.abouttype-item-zone {

   position: relative;
   z-index: 5;
}

.abouttype-item {
   height: 100%;
}

.abouttype-item-title {
   background-color: #2d2a4a;
   color: #FFFFFF;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   font-size: 15px;
}

.abouttype-item-content {
   background: #CD1D32;
   background: linear-gradient(180deg, rgba(205, 29, 50, 1) 0%, rgba(219, 135, 68, 1) 100%);
   color: #FFFFFF;
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
   font-size: 14px;
}

@media only screen and (min-width: 1200px) {
   .about-item-icon {
      max-width: 110px;
   }

   .about-item-number {
      font-size: 40px;
   }

   .about-item-unit {
      font-size: 22px;
   }

   .abouttype-item-title {
      font-size: 22px;
   }

   .abouttype-item-content {
      font-size: 16px;
   }
}

@media only screen and (min-width: 1600px) {
   .about-item-icon {
      max-width: 110px;
   }

   .about-item-number {
      font-size: 60px;
   }

   .about-item-unit {
      font-size: 32px;
   }

   .abouttype-item-title {
      font-size: 32px;
   }

   .abouttype-item-content {
      font-size: 18px;
   }
}

.about-balloon1 {
   position: absolute;
   top: 18%;
   left: -3%;
   width: 220px;
   opacity: 0.5;
}

.about-balloon2 {
   position: absolute;
   top: 53%;
   left: -3%;
   width: 200px;
}

.about-balloon3 {
   position: absolute;
   top: 26%;
   right: 1%;
   width: 100px;
   z-index: 6;
}

.about-balloon4 {
   position: absolute;
   top: 55%;
   right: -8%;
   width: 380px;
}

@media only screen and (min-width: 1200px) {
   .about-balloon1 {
      top: 30%;
      left: -3%;
      width: 290px;
      opacity: 1;
   }

   .about-balloon3 {
      top: 36%;
      right: 7%;
      width: 130px;
   }
}

@media only screen and (min-width: 1600px) {

   .about-balloon1 {
      top: 28%;
      left: -3%;
      width: 460px;
   }

   .about-balloon2 {
      top: 53%;
      left: -3%;
      width: 340px;
   }

   .about-balloon3 {
      top: 38%;
      right: 10%;
      width: 220px;
      z-index: 6;
   }

   .about-balloon4 {
      top: 42%;
      right: -8%;
      width: 570px;
   }
}

.header-zone {
   position: relative;
   z-index: 5;
}

.header-title {
   color: #FFFFFF;
   font-size: 30px;
}

.exhibitors-balloon1 {
   position: absolute;
   top: -20px;
   left: -50px;
   width: 160px;
}

.exhibitors-item {
   border: 5px solid transparent;
   transition: .3s;
   cursor: pointer;
}

.exhibitors-item2 {
   border: 8px solid transparent;
}

.exhibitors-item:hover {
   border: 5px solid #FFFFFF;
   box-shadow: 0 0 10px 1px #FFFFFF;
}

.exhibitors-item-modal {
   --bs-modal-width: 100% !important;
}

.exhibitors-item-modal .modal-dialog {
   margin: 0;
   transform: none !important;
   transition: opacity 0.3s ease-out !important;
}

.exhibitors-item-modal .modal-content {
   background-color: rgba(0, 0, 0, 0.7);
   border-radius: 0;
}

.exhibitors-item-modal .btn-close {
   filter: invert(1);
   opacity: 1;
   transform: scale(0.6);
   position: absolute;
   top: 0;
   right: 0;
}

.exhibitors-item-modal .modal-title {
   background-image: url(images/exhibitor-modal-title-background.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   display: inline-block;
   padding: 7px;
   width: 100%;
   max-width: 1200px;
   letter-spacing: 2px;
}

.partners-title {
   color: #F49663;
}

@media only screen and (min-width: 1200px) {
   .header-title {
      font-size: 60px;
   }
}

.backtptop-icon {
   width: 80px;
   transition: .3s;
}

.backtptop-icon:hover {
   transform: scale(1.05);
}

.main-header {
   font-size: 40px;
   letter-spacing: 2px;
}

.abouttype-item2 {
   position: relative;
}

.abouttype-item2-title {
   font-size: 28px;
}

.abouttype-item2:last-child {
   border-right: 0 !important;
}

@media only screen and (min-width: 1200px) {
   .main-header {
      font-size: 70px;
   }

   .abouttype-item2 {
      border-right: 2px solid white;
   }

   .abouttype-item2::after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      background-image: url(images/shadowright.webp);
      background-position: center right;
      background-repeat: no-repeat;
      background-size: contain;
   }

   .abouttype-item2:last-child::after {
      display: none;
   }

   .abouttype-item2-title {
      font-size: 42px;
   }
}

.activity-overlay {
   opacity: 0;
}

.activity-item-slide-content {
   text-align: center;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.activity-item-slide-background {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0.5;
}

.activity-item-slide-title {
   font-size: 28px;
}

@media only screen and (min-width: 768px) {
   .activity-item-slide-title {
      font-size: 34px;
   }
}

@media only screen and (min-width: 1200px) {
   .activity-item-slide-title {
      font-size: 50px;
   }
}

@media only screen and (min-width: 1700px) {
   .activity-item-slide-title {
      font-size: 65px;
   }
}

.daythemebg {
   background-position: center bottom;
   background-repeat: no-repeat;
   background-size: cover;
}

.footer-social-logo {
   width: 100px;
}

.footer-social-logo2 {
   width: 65px;
}

.site-footer {
   margin-top: -80px;
   position: relative;
   z-index: 1;
}

@media only screen and (min-width: 768px) {
   .footer-social-logo {
      width: 140px;
   }

   .footer-social-logo2 {
      width: 95px;
   }
}

@media only screen and (min-width: 1700px) {
   .footer-social-logo {
      width: 190px;
   }

   .footer-social-logo2 {
      width: 125px;
   }
}

.partners-item-image {
   padding: 20px;
   border-radius: 15px;
   background-color: white;
}

.activity-modal-background {
   background-image: url(images/activity-modal-background.webp);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.activity-item-modal .modal-dialog {
   max-width: 620px;
}

.activity-item-modal.has-image .modal-dialog {
   max-width: 1140px;
}

.activity-item-modal.fade .modal-dialog {
   transform: none;
   transition: opacity 0.3s ease-out;
}

.activity-item-modal .btn-close {
   transform: scale(0.8);
   filter: invert(1);
   opacity: 1;
}

.activity-item-modal-title {
   font-size: 28px;
}

.activity-item-modal-subtitle {
   font-size: 34px;
}

.activity-item-modal {
   font-size: 16px;
}

.swiper-slide-active .activity-item-open {
   cursor: pointer;
}

@media only screen and (min-width: 1200px) {
   .activity-item-modal .modal-dialog {
      max-width: 500px;
   }

   .activity-item-modal.has-image .modal-dialog {
      max-width: 1000px;
   }

   .activity-item-modal {
      font-size: 20px;
   }
}

@media only screen and (min-width: 1700px) {
   .activity-item-modal .modal-dialog {
      max-width: 620px;
   }

   .activity-item-modal.has-image .modal-dialog {
      max-width: 1140px;
   }

   .activity-item-modal-title {
      font-size: 38px;
   }

   .activity-item-modal-subtitle {
      font-size: 38px;
   }

   .activity-item-modal {
      font-size: 24px;
   }
}

.exhibitor-item img {
   cursor: pointer;
   transition: .3s;
}

.exhibitor-item:hover img {
   transform: scale(1.05);
}

.exhibitor-modal-title2 {
   color: #D41931;
}

.exhibitor-modal-content {
   color: #000000;
}

.xxitem {
   background-color: #ededed;
   font-size: 16px;
}

:root {
   --xxitem-width: 8px;
}

#exhibitor {
   box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.4);
}

.exhibitors-item-modal .modal-body {
   min-height: calc(100vh - 40px);
   max-width: 1200px;
   width: 100%;
   background-color: #FFFFFF;
}

@media (max-width: 767px) {
   .xxitem:nth-child(odd) {
      background-color: #dadada;
   }
}

@media (min-width: 768px) {

   .xxitem-1,
   .xxitem-4,
   .xxitem-5,
   .xxitem-8 {
      background-color: #dadada;
   }

   .col-md-6.xxitem:nth-child(even) {
      width: calc(50% - var(--xxitem-width));
      margin-left: var(--xxitem-width);
   }

   .col-md-6.xxitem:nth-child(odd) {
      width: calc(50% - var(--xxitem-width));
      margin-right: var(--xxitem-width);
   }
}

@media only screen and (min-width: 1200px) {
   .exhibitors-item-modal .modal-body {
      margin: 20px auto;
   }

   .xxitem {
      font-size: 18px;
   }
}

.header-mobile-open {
   font-size: 20px;
}

.mobile-menu-backdrop {
   position: fixed;
   top: 0;
   right: 0;
   width: 100vw;
   min-height: 100vh;
   background-color: rgba(0, 0, 0, 0.4);
   transition: .3s;
   opacity: 0;
   z-index: -1;
   backdrop-filter: blur(10px);
}

.mobile-menu {
   position: fixed;
   top: 0;
   right: -300px;
   width: 300px;
   min-height: 100vh;
   background-color: #FFFFFF;
   color: #000000;
   transition: .3s;
   z-index: 90001;
   background-image: url(images/activity-modal-background.webp);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

body.mobile-menu-opened .mobile-menu-backdrop {
   opacity: 1;
   z-index: 90000;
}

body.mobile-menu-opened .mobile-menu {
   right: 0;
}

.mobile-menu-close {
   font-size: 30px;
   color: #FFFFFF;
}

body:not(.home) header {
   box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
   background: #E49345;
   background: linear-gradient(270deg, rgba(228, 147, 69, 1) 0%, rgba(212, 25, 49, 1) 31%, rgba(45, 42, 74, 1) 94%);
}

.page-header {
   background: #E49345;
   background: linear-gradient(270deg, rgba(228, 147, 69, 1) 0%, rgba(212, 25, 49, 1) 31%, rgba(45, 42, 74, 1) 94%);
}

.page-header h1 {
   font-size: 50px;
}

@media only screen and (min-width: 1900px) {
   .page-header h1 {
      font-size: 80px;
   }
}

.page-template-template-program-child .content-zone {
   color: #000000;
}

.bgmain {
   background: #E49345;
   background: linear-gradient(90deg, rgba(228, 147, 69, 1) 0%, rgba(212, 25, 49, 1) 50%, rgba(45, 42, 74, 1) 100%);
}

.stage-button {
   display: block;
   color: #000000;
   text-align: center;
   border: 2px solid #5A5A5A;
   position: relative;
   z-index: 1;
   font-size: 30px;
   line-height: 1em;
}

.stage-button:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 20%;
   background: #E49345;
   background: linear-gradient(90deg, rgba(228, 147, 69, 1) 0%, rgba(212, 25, 49, 1) 50%, rgba(45, 42, 74, 1) 100%);
   opacity: 0;
   z-index: -1;
   transition: 0.3s;
}

.stage-button.active:after,
.stage-button:hover:after {
   opacity: 1;
}

.day-button {
   display: block;
   color: #000000;
   position: relative;
   z-index: 1;
   text-align: center;
}

.day-button:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 2px solid #5A5A5A;
   z-index: -2;
   transition: 0.3s;
}

.day-button:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #E49345;
   background: linear-gradient(90deg, rgba(228, 147, 69, 1) 0%, rgba(212, 25, 49, 1) 50%, rgba(45, 42, 74, 1) 100%);
   opacity: 0;
   z-index: -1;
   transition: 0.3s;
}

.day-button.active,
.day-button:hover {
   color: #FFFFFF;
}

.day-button.active:after,
.day-button:hover:after {
   opacity: 1;
}

.program-day-content {
   /* font-size: 20px; */
}

.program-day-content ul,
.program-day-content ol {
   margin-left: 0;
}

@media only screen and (min-width: 768px) {
   .stage-button {
      font-size: 26px;
   }

   .day-button {
      font-size: 20px;
   }

   .program-day-content {
      /* font-size: 26px; */
   }
}

@media only screen and (min-width: 1200px) {
   .stage-button {
      font-size: 30px;
   }

   .day-button {
      font-size: 24px;
   }

   .program-day-content {
      /* font-size: 30px; */
   }
}

@media only screen and (min-width: 1400px) {
   .stage-button {
      font-size: 30px;
   }

   .program-day-content {
      /* font-size: 32px; */
   }
}
@media only screen and (min-width: 1900px) {
   .stage-button {
      font-size: 40px;
   }
}

.program-day-item {
   border: 1px solid #5A5A5A;
}

.program-day-item-desc ul,
.program-day-item-desc ol {
   margin-left: 0;
}

.program-day-item-desc>*:last-child {
   margin-bottom: 0;
}

.time-item {
   background: #E49345;
   background: linear-gradient(270deg, rgba(228, 147, 69, 1) 0%, rgba(212, 25, 49, 1) 71%);
   color: #FFFFFF;
   line-height: 1em;
   display: inline-block;
}

.program-day-item-url {
   background: #E49345;
   background: linear-gradient(90deg, rgba(228, 147, 69, 1) 0%, rgba(212, 25, 49, 1) 50%, rgba(45, 42, 74, 1) 100%);
   color: #FFFFFF;
   line-height: 1em;
   display: inline-block;
}

@media only screen and (min-width: 768px) {

   .program-day-item>* {
      border-right: 1px solid #5A5A5A;
   }

   .program-day-item>*:last-child {
      border-right: 0;
   }
}

@media only screen and (min-width: 1200px) {

   .program-day-item-time {
      font-size: 20px;
   }
}

@media only screen and (min-width: 1600px) {
   .program-day-item-time {
      font-size: 26px;
   }

   .program-day-item-url {
      font-size: 18px;
   }
}

.hover-zoom {
   transition: .3s;
}

.hover-zoom:hover {
   transform: scale(1.05);
}