/* input(106,57): run-time error CSS1038: Expected hex color, found '#A62B2F1'
input(255,57): run-time error CSS1038: Expected hex color, found '#A62B2F1' */
/* sf
    $primary: #094da1;
    $regprimary: #094da1;
*/
/* cc
    $primary:  #A62B2F;
    $regprimary:  #A62B2F;
*/
/*$regprimary: #A62B2F;
$primary: #A62B2F;*/
/*
    default: #ff610f;
    default: #ffac80
*/
/*
$blue: #29abe2;
*/
/*
// Default for development haha
$primary: #ff610f;
$primary-gradient: #ffac80;
$secondary: #6c757d;

// CI
$primary: #1D005F   ;
$primary-gradient: #FF5100;
$secondary: #6c757d;    

// D3
$primary: #ff610f;
$primary-gradient: #ffac80;
$secondary: #6c757d;

// Inno Carnival 2020*/
/*// Made in Asia
$primary: #ebc048;
$primary-gradient: #ffac80;
$secondary: #6c757d;

// Belt and Road
$primary: #2c4484;
$primary-gradient: #6c757d;
$secondary: #506cef;

// Exsourcing
$primary: #265430;
$primary-gradient: #265430;
$secondary: #6c757d;

// BIP
$primary: #c51522;
$primary-gradient: #ffac80;
$secondary: #6c757d;

// AES
$primary: #00aec7;
$primary-gradient: #1ad3ed;
$secondary: #6c757d;

// PMI
$primary: #ff610f;
$primary-gradient: #ffac80;
$secondary: #6c757d;

// PRU
$primary: #DA291C;
$primary-gradient: #5B6770;
$secondary: #6c757d;

// AFECA
$primary: #47B8A1;
$primary-gradient: #5B6770;
$secondary: #6c757d;

// HKIE
$primary: #ff7300;
$primary-gradient: #FF5100;
$secondary: #6c757d;

// ENTRELINK
$primary: #604c9e;
$primary-gradient: #ffac80;
$secondary: #6c757d;

// W9VE
$primary: #139EAC;
$primary-gradient: #FF5100;
$secondary: #6c757d;

*/
.box {
  width: 100%;
  border-radius: 80px 0px;
  border: 1px solid #dee2e6 !important; }

.expo-hall-icon {
  padding: 15%;
  height: 185px;
  width: 100%;
  object-fit: contain; }

.expo-hall-text {
  height: 80px;
  width: 100%;
  background-color: #A62B2F;
  background-image: linear-gradient(160deg, #A62B2F 0%, #A62B2F1 100%); }

.expo-hall-container {
  padding-bottom: 12rem;
  width: 100%; }

.categories-background {
  background-color: #A62B2F;
  text-align: center;
  color: white;
  cursor: pointer; }

.categories {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out; }

.main-categories {
  color: #FF6100;
  font-size: 1.5rem; }

.main-categories:after {
  content: "+";
  right: 20px;
  top: .5rem;
  position: absolute;
  font-size: 1.5rem;
  display: none; }

.sub-categories {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out; }

.main-categories.expand:after {
  content: "-"; }

.categories.active .main-categories:after {
  display: block; }

.swiper {
  width: 80%;
  margin: 0 auto;
  position: relative; }

.swiper-background {
  position: absolute; }

.swiper-item {
  position: relative;
  margin-top: 5%;
  margin-bottom: 5%;
  text-align: center; }

.hall-image {
  max-width: 80%;
  height: auto; }

.hall-container {
  position: relative; }

.outline-arrow {
  color: white;
  fill: white;
  position: absolute; }

.inline-arrow {
  color: #A62B2F;
  fill: #A62B2F;
  position: absolute; }

@keyframes move-out {
  0% {
    right: 0px; }
  100% {
    right: 1500px; } }

@keyframes move-in {
  0% {
    left: 1500px; }
  100% {
    left: 0px; } }

.animation-out {
  animation-name: move-out;
  animation-duration: 14s; }

.animation-in {
  animation-name: move-in;
  animation-duration: 14s; }

.temp-position {
  position: absolute;
  top: 0;
  right: 0; }

.carousel-control-prev, .carousel-control-next {
  width: 5%; }

@media (max-width: 576px) {
  .expo-hall-icon {
    padding: 15%;
    height: 170px;
    width: 100%;
    object-fit: contain; }
  .expo-hall-text {
    font-size: .875rem;
    height: 70px;
    width: 100%; } }

.wrapper {
  min-height: unset; }

.content-wrapper.position-relative {
  min-height: 90% !important;
  height: 90% !important; }

body .background {
  width: 100%;
  height: auto !important;
  object-fit: unset !important; }

.clickable {
  /* border: 1px solid black; */
  cursor: pointer; }

/* for mobile */
@media (max-width: 767.98px) {
  .container-fluid {
    height: auto !important; }
  #expo-hall-img {
    height: auto !important; }
  .background {
    height: auto !important;
    object-fit: contain !important; }
  .carousel-control-prev, .carousel-control-next {
    width: 10%; } }

.pointer-none {
  pointer-events: none; }

.swiper-arrow-color {
  color: #A62B2F; }

.min-width-button {
  min-width: 65px; }

.expo-hall-text-2 {
  background-color: #A62B2F;
  background-image: linear-gradient(160deg, #A62B2F 0%, #A62B2F1 100%); }

.bg-f8f9fa {
  background-color: #F8F9FA; }

.filter-container {
  background-color: #ebebeb;
  /*height: 100%;*/
  padding: 1em;
  border-radius: 8px;
  margin: 0.5em;
  margin-left: 2em; }

.filter-container .fa-chevron-down,
.filter-container .fa-chevron-up {
  color: #212529 !important;
  top: 39%;
  position: relative; }

.filter-container .filter-toggle {
  cursor: pointer; }

.filter-tags label {
  font-weight: normal !important; }

.filter-tags div {
  padding-bottom: 0.5em; }

.mr-6 {
  margin-right: 6em; }

.expo-hall-text-2 {
  transition: 0.3s linear; }

.filter-section {
  height: 100%;
  line-height: 1.5;
  font-size: 12px;
  z-index: 1000; }

@media (max-width: 575.98px) {
  .filter-section {
    display: none; }
  .filter-mobile-section {
    display: block;
    padding: 1em;
    background: #ebebeb;
    margin: 0.1em;
    border-radius: 8px; } }

@media (max-width: 991.98px) {
  .mr-6 {
    margin-right: 1em !important; } }

@media (max-width: 575.98px) {
  .mr-6 {
    margin: 0 1.5em !important; } }

.zone-0:hover #zone-0 {
  display: flex; }
  .zone-0:hover #zone-0 > a:hover {
    background: #b15fad;
    color: black; }

.zone-1:hover #zone-1 {
  display: flex; }
  .zone-1:hover #zone-1 > a:hover {
    background: #767171;
    color: black; }

.hover-menu {
  display: none;
  min-width: 200px;
  flex-direction: column; }
  .hover-menu a {
    padding: 8px; }