.elementor-6415 .elementor-element.elementor-element-61ad7e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:70px;--padding-bottom:70px;--padding-left:10px;--padding-right:10px;}.elementor-6415 .elementor-element.elementor-element-f496340{--display:flex;}.elementor-6415 .elementor-element.elementor-element-463218e{width:var( --container-widget-width, 146.217% );max-width:146.217%;--container-widget-width:146.217%;--container-widget-flex-grow:0;}.elementor-6415 .elementor-element.elementor-element-463218e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6415 .elementor-element.elementor-element-463218e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6415 .elementor-element.elementor-element-463218e .cms-subheading{font-size:40px;}.elementor-6415 .elementor-element.elementor-element-28477c4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6415 .elementor-element.elementor-element-28477c4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6415 .elementor-element.elementor-element-5b7d455 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6415 .elementor-element.elementor-element-5b7d455.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6415 .elementor-element.elementor-element-5b7d455 .cms-subheading{font-size:40px;}.elementor-6415 .elementor-element.elementor-element-7da4d489 > .elementor-container{max-width:1100px;}.elementor-6415 .elementor-element.elementor-element-7da4d489{padding:0px 0px 0px 0px;}.elementor-6415 .elementor-element.elementor-element-c395aa3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6415 .elementor-element.elementor-element-c395aa3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6415 .elementor-element.elementor-element-debebe6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6415 .elementor-element.elementor-element-debebe6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6415 .elementor-element.elementor-element-debebe6 .cms-subheading{font-size:40px;}@media(max-width:1024px){.elementor-6415 .elementor-element.elementor-element-463218e{width:100%;max-width:100%;}.elementor-6415 .elementor-element.elementor-element-463218e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6415 .elementor-element.elementor-element-5b7d455{width:100%;max-width:100%;}.elementor-6415 .elementor-element.elementor-element-debebe6{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-6415 .elementor-element.elementor-element-463218e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6415 .elementor-element.elementor-element-6a86b793 > .elementor-element-populated{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-111caaf */#mapContainer {
      max-width: 900px;
      margin: auto;
      position: relative;
	  margin-left:115px;
	  margin-right:70px;
	  margin-top:80px;
    }

    #mapContainer img {
      width: 100%;
      max-width: 100%;
      display: block;
    }

    .box, .pointer {
      position: absolute;
    }

.info-header {
    position: absolute;
}
.info-detail {
    position: fixed;
    width: 90%;
    background-color: #333;
    padding: 30px;
    color: #fff;
    display: none;
    max-width: 430px;
    top: 20%;
    left: 38%;
    z-index: 1;
}

    /* Pointer and box positions using % */
    #p1 { top: 25%; left: 25%; }
    #info1 { top: 9%; left: 25%; }

    #p2 { top: 39%; left: 46%; }
    #info2 { top: 2%; left: 46%; }

    #p3 { top: 33%; left: 70.5%; }
    #info3 { top: 18%; left: 70.5%; }
	
	#p4 { top: 55%; left: 73.5%; }
    #info4 { top: 36%; left: 84%; }
	
	#p5 { top: 73%; left: 62%; }
    #info5 { top: 85%; left: 74%; }
	
	#p6 { top: 73%; left: 36%; }
    #info6 { top: 73%; left: 17%; }
	
	#p7 { top: 40%; left: 22%; }
    #info7 { top: 39%; left: 7%; }

    #lineContainer {
      position: absolute;
      top: 0;
      left: 0;
      pointer-events: none;
      z-index: 0;
    }
.info-header {
    position: absolute;
    top: -39px;
    right: -35px;
    display: flex;
    align-items: center;
}
#mapContainer .info-header img {
    width: 70px;
	max-width:70px;
	z-index:1;
	cursor:pointer;
}
.info-header span {
    position: absolute;
	font-weight:700;
	color:#000;
	line-height: 1.2;
}
.info-header.left span {
    right: 0;
    width: 220px;
    padding-right: 86px;
	text-align:right;
}
.info-header.right span {
	left:0;
	right: auto;
	padding-left:84px;
	width:220px;
}
.close-detail {
  position: absolute;
  top: 8px;
  right: 12px;
  background: transparent;
  border: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
}
.box {
  z-index:1;
}
#pinfoContainer {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  min-width: 360px;
  max-width: 500px;
  background-color: #333;
  color: #fff;
  padding: 30px;
  z-index: 10;
  display: none;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.5);
}

#pinfoContainer .close-detail {
  position: absolute;
  top: 10px;
  right: 15px;
  background: transparent;
  border: none;
  color: white;
  font-size: 24px;
  cursor: pointer;
}
#pinfoContainer h4 {
  color:#fff;
}
@media only screen and (min-width:768px) and (max-width:1024px) {
	#mapContainer .info-header img {
		width: 50px;
		max-width: 50px;
	}
	.info-header {
		top: -20px;
		right: -25px;
	}
	.info-header.left span {
		width: 170px;
		padding-right: 55px;
		font-size:14px;
	}
	.info-header.right span {
		padding-left: 55px;
		width: 170px;
		font-size: 14px;
	}
}
@media (max-width:767px) {
	#mapContainer .info-header img {
		width: 35px;
		max-width: 35px;
	}
	.info-header {
		top: -20px;
		right: -19px;
	}
	.info-header.left span {
		width: 130px;
		padding-right: 37px;
		font-size:12px;
	}
	.info-header.right span {
		padding-left: 37px;
		width: 130px;
		font-size: 12px;
	}
}/* End custom CSS */