0byt3m1n1-V2

Path: /home/yvffpqmy/dataharbor.africa/wp-content/themes/blo/assets/css/ [ Home ]
File: widget-styles-pro.css
/* responsive mixins */
.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;
}