/*-------------------------------------------------------------------------------------------------------------------------------*/
/* SVG MAP */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.svg-map {position: relative;display: block;width: 100%;height: 625px;}
.svg-map .svg-map-imgs {position: absolute;top: 50%;left: 50%;width: 930px;height: 100%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;}
.svg-map .svg-map-imgs circle {cursor: pointer;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.point-active {stroke: #282828;}
/*info*/
.svg-map-info {position: absolute;display: inline-block;background-color: #fff;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.04);padding: 12px 40px 12px 12px;opacity: 0;visibility: hidden;-webkit-transform: translate(30px, -22px);-ms-transform: translate(30px, -22px);transform: translate(30px, -22px);}
.svg-map-info.active {opacity: 1;visibility: visible;}
.svg-map-info::before {position: absolute;content: '';top: 50%;left: -8px;display: inline-block;border-top: 10px solid transparent;border-right: 10px solid #fff;border-bottom: 10px solid transparent;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.svg-map-info .svg-map-close {position: absolute;top: 50%;right: 10px;display: inline-block;font-size: 16px;color: #282828;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
/*media*/
@media(min-width: 1200px){
	.svg-map-imgs circle:hover {stroke: #282828;}
	.svg-map-info .svg-map-close:hover {opacity: 0.6;}
}
@media(max-width: 991px){
	.svg-map {display: none;}
}