.ekit-wid-con .media {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
-ms-flex-align: start !important;
-webkit-box-align: start !important;
align-items: flex-start !important;
}
.ekit-wid-con .ekit-location-wraper .ekit-location {
position: absolute;
}
.ekit-wid-con .ekit-location-wraper .ekit-location.active .ekit-location_outer, .ekit-wid-con .ekit-location-wraper .ekit-location:hover .ekit-location_outer {
z-index: 2;
}
.ekit-wid-con .ekit-location-wraper .ekit-location-des {
margin-bottom: 0;
}
.ekit-wid-con .ekit-location-wraper .ekit-location-des > * {
margin-bottom: 0;
}
.ekit-wid-con .ekit-location-wraper .ekit-location-des ul,
.ekit-wid-con .ekit-location-wraper .ekit-location-des ol,
.ekit-wid-con .ekit-location-wraper .ekit-location-des li {
list-style: initial;
list-style-position: inside;
}
.ekit-wid-con .ekit-location-wraper .ekit-location-on-hover .ekit-location_outer {
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
pointer-events: none;
}
.ekit-wid-con .ekit-location-wraper .ekit-location-on-hover .ekit-location_outer::after {
content: " ";
position: absolute;
top: -10px;
left: 0;
right: 0;
bottom: -10px;
z-index: -1;
}
.ekit-wid-con .ekit-location-wraper .ekit-location-on-hover .ekit_hotspot_arrow {
top: auto;
bottom: 38px;
opacity: 0;
visibility: hidden;
}
.ekit-wid-con .ekit-location-wraper .ekit-location-on-hover:not(.click):hover .ekit-location_outer, .ekit-wid-con .ekit-location-wraper .ekit-location-on-hover.active .ekit-location_outer {
pointer-events: auto;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.ekit-wid-con .ekit-location-wraper .ekit-location-on-hover:not(.click):hover .ekit-location_inner, .ekit-wid-con .ekit-location-wraper .ekit-location-on-hover.active .ekit-location_inner {
visibility: visible;
opacity: 1;
}
.ekit-wid-con .ekit-location-wraper .ekit-location-on-hover:not(.click):hover .ekit_hotspot_arrow, .ekit-wid-con .ekit-location-wraper .ekit-location-on-hover.active .ekit_hotspot_arrow {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.4s 0.2s;
-o-transition: all 0.4s 0.2s;
transition: all 0.4s 0.2s;
}
.ekit-wid-con .ekit-location-wraper .ekit-location-on-hover.bottom .ekit-location_outer {
top: 43px;
}
.ekit-wid-con .ekit-location-wraper .ekit-location-on-hover.bottom .ekit_hotspot_arrow {
top: 38px;
bottom: auto;
}
.ekit-wid-con .ekit-location-wraper .ekit-location-on-hover.bottom .ekit_hotspot_arrow::before {
border-width: 0 0.4rem 0.4rem;
border-bottom-color: currentColor;
}
.ekit-wid-con .ekit-location-on-click:not(.hotspot-following-line-style):not(.hotspot-following-line-straight).active .ekit-location_outer {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.ekit-wid-con .ekit-location-on-click.active .ekit-location_inner {
visibility: visible;
opacity: 1;
}
.ekit-wid-con .ekit-location_indicator {
position: relative;
height: 34px;
z-index: 1;
width: 34px;
background-color: #fff;
border-radius: 50%;
border: 1px solid #eee;
color: rgba(26, 43, 99, 0.2);
cursor: pointer;
}
.ekit-wid-con .ekit-location_indicator::after {
position: absolute;
left: 50%;
top: 50%;
height: 6px;
width: 6px;
background-color: #f3525a;
border-radius: inherit;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "";
}
@media (max-width: 480px) {
.ekit-wid-con .ekit-location_indicator::after {
height: 3px;
width: 3px;
}
}
.ekit-wid-con .ekit_hotspot_pulse_1,
.ekit-wid-con .ekit_hotspot_pulse_2 {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
border-radius: inherit;
color: inherit;
-webkit-box-shadow: 0 0 0 15px currentColor;
box-shadow: 0 0 0 15px currentColor;
-webkit-animation: pulsekm 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
animation: pulsekm 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
}
.ekit-wid-con .ekit_hotspot_pulse_1 {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes pulsekm {
0% {
-webkit-box-shadow: 0 0 0 0 currentColor;
box-shadow: 0 0 0 0 currentColor;
}
70% {
-webkit-box-shadow: 0 0 0 30px currentColor;
box-shadow: 0 0 0 30px currentColor;
opacity: 0;
}
100% {
-webkit-box-shadow: 0 0 0 0 currentColor;
box-shadow: 0 0 0 0 currentColor;
opacity: 0;
}
}
@keyframes pulsekm {
0% {
-webkit-box-shadow: 0 0 0 0 currentColor;
box-shadow: 0 0 0 0 currentColor;
}
70% {
-webkit-box-shadow: 0 0 0 30px currentColor;
box-shadow: 0 0 0 30px currentColor;
opacity: 0;
}
100% {
-webkit-box-shadow: 0 0 0 0 currentColor;
box-shadow: 0 0 0 0 currentColor;
opacity: 0;
}
}
.ekit-wid-con .ekit_hotspot_image {
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
}
.ekit-wid-con .ekit-location-groups .media-body {
width: 100%;
}
.ekit-wid-con .ekit-location-groups .media {
max-width: 100%;
}
.ekit-wid-con .ekit-location-groups .media.ekit-location_inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ekit-wid-con .ekit-location-groups .media.ekit-location_inner .ekit_hotspot_image {
margin-right: 10px;
}
.ekit-wid-con .ekit-location-groups .media.flex-row-reverse .ekit_hotspot_image {
margin-left: 10px;
}
.ekit-wid-con .ekit-location-groups .media.flex-column-reverse .ekit_hotspot_image, .ekit-wid-con .ekit-location-groups .media.flex-column .ekit_hotspot_image {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ekit-wid-con .ekit-location_outer {
min-width: 350px;
text-align: left;
color: #000;
position: absolute;
bottom: 126%;
left: 50%;
-webkit-transform: translate3d(-50%, -15px, 0);
transform: translate3d(-50%, -15px, 0);
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
z-index: -1;
}
.ekit-wid-con .ekit-location_inner {
opacity: 0;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
visibility: hidden;
padding: 20px 15px;
width: 100%;
background-color: #fff;
-webkit-filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.05));
filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.05));
position: relative;
z-index: 50;
}
.ekit-wid-con .ekit_hotspot_arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem;
bottom: -6px;
z-index: 5;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.ekit-wid-con .ekit_hotspot_arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
border-top-color: currentColor;
top: 0;
border-width: 0.4rem 0.4rem 0;
color: #fff;
left: 0;
}
.ekit-wid-con .hotspot-following-line-style .ekit-location_outer {
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.ekit-wid-con .hotspot-following-line-style .ekit-hotspot-horizontal-line,
.ekit-wid-con .hotspot-following-line-style .ekit-hotspot-vertical-line {
display: block;
-webkit-transition: all 0.4s linear 0.4s;
-o-transition: all 0.4s linear 0.4s;
transition: all 0.4s linear 0.4s;
background-color: #2575fc;
position: absolute;
}
.ekit-wid-con .hotspot-following-line-style .ekit-hotspot-vertical-line {
-webkit-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
width: 2px;
height: 65px;
left: 50%;
}
.ekit-wid-con .hotspot-following-line-style .ekit-hotspot-horizontal-line {
height: 2px;
width: 155px;
margin-top: -1px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
top: 50%;
}
.ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_right_top .ekit-hotspot-horizontal-line, .ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_right_bottom .ekit-hotspot-horizontal-line {
left: 100%;
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
}
.ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_left_top .ekit-hotspot-horizontal-line, .ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_left_bottom .ekit-hotspot-horizontal-line {
left: auto;
right: 100%;
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
}
.ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_right_bottom .ekit-location_outer, .ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_right_top .ekit-location_outer {
left: calc(100% - 2px);
}
.ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_left_top .ekit-location_outer, .ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_left_bottom .ekit-location_outer {
left: auto;
right: 100%;
}
.ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_left_top .ekit-location_outer, .ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_right_top .ekit-location_outer {
bottom: 241%;
}
.ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_left_top .ekit-hotspot-vertical-line, .ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_right_top .ekit-hotspot-vertical-line {
top: 100%;
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
}
.ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_left_top .ekit-hotspot-vertical-line .ekit_hotspot_arrow, .ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_right_top .ekit-hotspot-vertical-line .ekit_hotspot_arrow {
top: 0;
left: 1px;
}
.ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_left_top .ekit-hotspot-horizontal-line .ekit_hotspot_arrow, .ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_right_top .ekit-hotspot-horizontal-line .ekit_hotspot_arrow {
display: none;
}
.ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_right_bottom .ekit_hotspot_arrow, .ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_left_bottom .ekit_hotspot_arrow {
top: -6px;
bottom: auto;
}
.ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_right_bottom .ekit_hotspot_arrow::before, .ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_left_bottom .ekit_hotspot_arrow::before {
border-width: 0 0.4rem 0.4rem;
border-bottom-color: currentColor;
}
.ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_left_bottom .ekit-location_outer, .ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_right_bottom .ekit-location_outer {
bottom: auto;
top: 238%;
}
.ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_left_bottom .ekit-hotspot-vertical-line, .ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_right_bottom .ekit-hotspot-vertical-line {
top: -65px;
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
}
.ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_left_bottom .ekit-hotspot-vertical-line .ekit_hotspot_arrow, .ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_right_bottom .ekit-hotspot-vertical-line .ekit_hotspot_arrow {
bottom: 0;
left: 1px;
top: auto;
}
.ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_left_bottom .ekit-hotspot-horizontal-line .ekit_hotspot_arrow, .ekit-wid-con .hotspot-following-line-style.ekit_hotspot_follow_line_right_bottom .ekit-hotspot-horizontal-line .ekit_hotspot_arrow {
display: none;
}
.ekit-wid-con .hotspot-following-line-style.ekit-location-on-click.active .ekit-hotspot-horizontal-line {
-webkit-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.ekit-wid-con .hotspot-following-line-style.ekit-location-on-click.active .ekit-hotspot-vertical-line {
-webkit-transition: all 0.3s linear 0.4s;
-o-transition: all 0.3s linear 0.4s;
transition: all 0.3s linear 0.4s;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
}
.ekit-wid-con .hotspot-following-line-style.ekit-location-on-click.active .ekit-location_inner {
-webkit-transition: all 0.4s ease 0.7s;
-o-transition: all 0.4s ease 0.7s;
transition: all 0.4s ease 0.7s;
}
.ekit-wid-con .hotspot-following-line-style.ekit-location-on-click.active .ekit-location_outer {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.ekit-wid-con .hotspot-following-line-straight .ekit-hotspot-horizontal-line {
display: block;
position: absolute;
background-color: #2575fc;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
pointer-events: none;
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_top .ekit-hotspot-horizontal-line, .ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_bottom .ekit-hotspot-horizontal-line {
height: 6.25rem;
width: 2px;
left: 50%;
margin-left: -0.0625rem;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_top .ekit-hotspot-horizontal-line .ekit_hotspot_arrow, .ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_bottom .ekit-hotspot-horizontal-line .ekit_hotspot_arrow {
top: 0;
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_top .ekit-hotspot-vertical-line, .ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_bottom .ekit-hotspot-vertical-line {
display: none;
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_top .ekit-location_outer {
bottom: calc(105px + 100%);
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_top .ekit-hotspot-horizontal-line {
bottom: 100%;
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_bottom .ekit-location_outer {
top: calc(105px + 100%);
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_bottom .ekit_hotspot_arrow::before {
border-width: 0 0.4rem 0.4rem;
border-bottom-color: currentColor;
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_bottom .ekit-hotspot-horizontal-line {
top: 100%;
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_bottom .ekit-hotspot-horizontal-line .ekit_hotspot_arrow {
bottom: 0;
top: auto;
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_right .ekit-hotspot-horizontal-line, .ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_left .ekit-hotspot-horizontal-line {
width: 6.25rem;
height: 2px;
top: 50%;
margin-top: -0.0625rem;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_right .ekit-hotspot-horizontal-line .ekit_hotspot_arrow, .ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_left .ekit-hotspot-horizontal-line .ekit_hotspot_arrow {
right: 0;
left: auto;
margin-top: -3px;
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_right .ekit-hotspot-vertical-line, .ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_left .ekit-hotspot-vertical-line {
display: none;
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_right .ekit-hotspot-horizontal-line {
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
left: 100%;
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_right .ekit-location_outer {
-webkit-transform: none;
-ms-transform: none;
transform: none;
left: calc(100% + 105px);
bottom: -160%;
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_right .ekit_hotspot_arrow {
left: -12px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_right .ekit_hotspot_arrow::before {
border-top-color: transparent;
border-right-color: currentColor;
border-width: 0.4rem 0.4rem 0.4rem 0.4rem;
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_left .ekit-hotspot-horizontal-line {
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
right: 100%;
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_left .ekit-location_outer {
-webkit-transform: none;
-ms-transform: none;
transform: none;
right: calc(100% + 105px);
bottom: -160%;
left: auto;
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_left .ekit_hotspot_arrow {
right: -12px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: auto;
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_left .ekit_hotspot_arrow::before {
border-top-color: transparent;
border-left-color: currentColor;
border-width: 0.4rem 0.4rem 0.4rem 0.4rem;
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_left .ekit-hotspot-horizontal-line .ekit_hotspot_arrow {
right: auto;
left: 0;
}
.ekit-wid-con .hotspot-following-line-straight.active.ekit_hotspot_follow_line_top .ekit-hotspot-horizontal-line, .ekit-wid-con .hotspot-following-line-straight.active.ekit_hotspot_follow_line_bottom .ekit-hotspot-horizontal-line {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
}
.ekit-wid-con .hotspot-following-line-straight.active.ekit_hotspot_follow_line_left .ekit-hotspot-horizontal-line, .ekit-wid-con .hotspot-following-line-straight.active.ekit_hotspot_follow_line_right .ekit-hotspot-horizontal-line {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_top .ekit-location_outer, .ekit-wid-con .hotspot-following-line-straight.ekit_hotspot_follow_line_bottom .ekit-location_outer {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.ekit-wid-con .hotspot-following-line-straight .ekit-location_outer {
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
}
.ekit-wid-con .ekit-map-image img {
display: inline-block;
}