@font-face {
  font-family: 'Corbel';
  src: url('font/Corbel-BoldItalic.woff2') format('woff2'),
      url('font/Corbel-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}


.elementor-location-header.header_sticky {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #fff;
    transition: top 0.3s ease-in-out, background-color 0.3s ease-in-out;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}



/* 容器设置相对定位 */
.map-container {
  position: relative;
  width: 100%;
  max-width: 1000px; /* 可自定义 */
}

/* 地图图片 */
.map-img {
  width: 100%;
  height: auto;
  display: block;
}

/* 通用点样式 */
.map-point {
  position: absolute;
  width: 40px;
  height: 70px;
  background-image: url('https://liquasep.com/wp-content/uploads/2025/04/icon-factory.png'); /* 可换成用 FontAwesome 或 SVG */
  background-size: cover;
  cursor: pointer;
}

/* 单个点位置设定：使用百分比而不是px */
.point-1 {
  top: 10%;
  left: 76%;
}

.point-2 {
  top: 18%;
  left: 80%;
}

.point-3 {
  top: 21%;
  left: 82%;
}

.point-4 {
  top: 28%;
  left: 76%;
}

.point-5 {
  top: 37%;
  left: 65%;
}

.point-6 {
   top: 46%;
   left: 72%;
}

.point-7.map-point {
	 background-image: url('https://liquasep.com/wp-content/uploads/2025/04/icon-building.png'); /* 可换成用 FontAwesome 或 SVG */
}
.point-7 {
   top: 10%;
   left: 46%;
}


.popup {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  background: #fff;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
  z-index: 10;
  text-transform: uppercase;
  border-radius: 5px;
  overflow: hidden;
}

/* 显示 Popup */
.map-point:hover .popup {
  opacity: 1;
}

.popup ul {
	padding-left: 0px;
	text-transform: capitalize;
  font-weight: 500;
  background: #224195;
  background: linear-gradient(90deg, rgba(34, 65, 149, 1) 0%, rgba(34, 65, 149, 1) 100%);
  padding: 12px;
}
.popup ul li {
	list-style: none;
	padding-left: 0px;
  color: #fff;

}

.popup h5 {
  font-size: 12px;
  margin: 0px!important;
  padding: 6px 12px;
}

.font-corbel { font-family: 'Corbel'; font-style:italic; font-weight:bold;}

/*#################################################################3*/

@media(min-width:767px){
  .elementor-location-header.header_sticky .elementor-widget-theme-site-logo{
    display: none;
}
}

@media(max-width:767px){
  .elementor-element-53adb35 .elementor-menu-toggle {
    position: relative;
    top: -4px;
  }
  .elementor-element-53adb35 .elementor-menu-toggle.elementor-active {
    z-index: 9999!important;
  }
  .elementor-element-53adb35 .elementor-widget-container > .elementor-nav-menu--dropdown {
      position: fixed;
      z-index: 999;
      left: unset!important;
      right: -12px!important;
      top: -30px!important;
      width: 100%;
      max-width: 230px;
      height: 120vh;
      margin: 0px;
      margin-top: 0px!important;
      transition: transform 0.35s;
      transform: translateX(105%)!important;
      -ms-transform: translateX(105%)!important;
      -webkit-transform: translateX(105%)!important;
      -moz-transform: translateX(105%)!important;
      background-color: #2959A3;
      border-right: 2px solid #fff;
  }
  .elementor-element-53adb35 .elementor-widget-container > .elementor-nav-menu--dropdown ul {
    padding-top: 40px;
  }
   .elementor-element-53adb35 .elementor-widget-container > .elementor-nav-menu--dropdown a {
    color: #fff!important;
   }
  .elementor-element-53adb35 .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown {
      transition: transform 0.35s;
      transform: translateX(0%)!important;
      -ms-transform: translateX(0%)!important;
      -webkit-transform: translateX(0%)!important;
      -moz-transform: translateX(0%)!important;
  }
}

@media(max-width:480px){
.elementor-element-021003b > .e-con-inner { gap: 30px 10px!important;}
.elementor-element-021003b > .e-con-inner .elementor-element:first-child { max-width:100%;}
.elementor-element-021003b > .e-con-inner .elementor-element { max-width:48%;}
.elementor-element-021003b > .e-con-inner .elementor-element:last-child { max-width:100%;}
.elementor-element-021003b > .e-con-inner .elementor-element .elementor-heading-title { font-size:14px!important;}
.elementor-element-021003b > .e-con-inner .elementor-element.e-con-full { padding:15px 10px!important;}
.point-1 {
  top: 0;
  left: 76%;
}

.point-2 {
  top: 10%;
  left: 80%;
}

.point-3 {
  top: 21%;
  left: 82%;
}

.point-4 {
  top: 28%;
  left: 76%;
}

.point-5 {
  top: 20%;
  left: 63%;
}

.point-6 {
  top: 26%;
  left: 70%;
}

.point-7 {
  top: -11px;
  left: 43%;
}
.elementor-7 .elementor-element.elementor-element-bbdea1b,
.elementor-7 .elementor-element.elementor-element-4135bfb,
.elementor-7 .elementor-element.elementor-element-94d8b60,
.elementor-7 .elementor-element.elementor-element-ab7e5f8,
.elementor-7 .elementor-element.elementor-element-0c11afc,
.elementor-7 .elementor-element.elementor-element-aa7deaf,
.elementor-7 .elementor-element.elementor-element-50f97e0,
.elementor-7 .elementor-element.elementor-element-1f32802 { min-height: auto!important;}
}