/*
Theme Name: Büropartner
Theme URI: https://essentials.pixfort.com/
Author: PixFort
Template: essentials
Author URI: http://themeforest.net/user/pixfort
Description: Essentials child theme
Version: 1.0.2
License: Envato Marketplaces Split Licence
License URI: https://themeforest.net/licenses/standard
Text Domain: essentials-child
Tags: header-builder, footer-builder, divider-builder, popup-builder, premium-design, translation-ready

*/


/* WORLDMAP */

#worldmap {
  width: 100%;
}

#worldmap .cities {
  margin: 20px auto 40px;
}

#worldmap .cities div {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: 0 auto;
  padding: 5px 0;
  overflow: hidden;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  list-style-type: none !important;
  cursor: pointer;
  font-family: Raleway, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

#worldmap .cities div > div {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
#worldmap .cities div > div:not(:last-child):after {
  content: "|";
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translateY(calc(-50% - 1px) );
}

#worldmap .map-wrapper {
  position: relative;
}

.map .map-svg {
  width: 100%;
  height: auto;
}

.map .map-svg path {
  stroke: #FFF;
  stroke-width: 1px;
}

.map .map-svg path.active {
  fill: #828282 !important;
}

.map .marker {
  position: absolute;
  display: none;
  width: 30px;
  height: auto;
  transition: transform 0.3s ease-in-out;
  transform-origin: center bottom;
  opacity: .9;
}
.map .marker.active {
  transform: scale(2.5);
  z-index: 500 !important;
  opacity: 1;
}


.map .marker path.inner {
  fill: #ffcb00 !important;
}

.map .marker.active path.inner {
  fill: #3A8ED9 !important;
}

.map .marker.active path.outline {
  fill: #333333 !important;
}

@media (max-width: 640px) {
  .map {
    overflow-x: auto;
    cursor: grab;
    touch-action: pan-x;
  }

  .map .map-wrapper {
    width: 200%;
  }
  .map .marker {
    width: 26px;
  }
}

.sticky-div .elementor-widget-pix-sliding-text{
  position: sticky;
  top: 210px;
}