/*map-details start*/

/*.mapPinLinksBlock  {padding-bottom: 50px}*/

.mapimg::before {content: "";position: absolute;z-index:1;width: 100%;height: 100%;left: 0;top: 0;display: block;
    mix-blend-mode: overlay;background-color:rgba(175,203,255);}
.zoomingIcon { position: absolute;right: 20px;top: 20px;z-index: 10;display: flex; align-items: center;z-index: 5}
.zoomingIcon a {background-color: var(--darkPurple);padding: 0px;margin: 0 4px;font-size: 0;line-height: 0;cursor: pointer;max-width: 35px;max-height: 35px}

.map-tooltip {background: var(--white);padding: 60px;border-radius: 40px;width: 645px;position: absolute;left: 48px;top: 0;}
.map-card.argentina .map-tooltip, .map-card .map-tooltip.openTop{bottom: 0;top: auto;}
.map-card.argentina .map-tooltip, .map-card .map-tooltip.openRight{top: auto;left: auto;right: 0;}
.tooltip-bottom {display: flex;align-items: center; justify-content: space-between;flex-wrap: wrap;padding-top: 20px}
.map-tooltip a:hover {color:var(--darkPurple);}
.tooltip-bottom .tooltip-link a {font-weight: 700;color: var(--darkPurple);text-decoration: underline;}
.map-tooltip p{padding-bottom: 0}

.mappointer > div{display:none;}
.mappointer div > span {position: absolute;display: block;z-index: 1;}
.maplinkList div{ display:none;}
.maplinkList div:first-child, .mappointer div:first-child{ display: block;}
.mappointer > div > span > span {display: none;}
.map-card.active {z-index: 3}
.map-card .locNumber {cursor: pointer;}
/*.map-card .locNumber img {border: 3px solid transparent;}*/

.pinOverlay {position: absolute;top:0;left:0;width:100%;height:100%;display:none;padding:20px;z-index:5;background-color: rgba(23,44,53,0.74);}
.pinOverlay > div {width: 100%;display: flex;align-items: center;justify-content: center;height: 100%;}
.pinOverlay > div > div {background-color: #fff;text-align: left;color: #000;padding: 30px;border-radius: 39px;width: 100%;max-width: 500px;border: 2px solid #fff;position: relative;}
.pincloseIcon {background: url('../images/closeIcon.svg') no-repeat center center;background-size: auto;background-size: auto;background-size: auto;
  width: 25px;height: 25px;position: absolute;top: 18px;right: 30px;background-size: 20px;cursor: pointer;background-color: #fff;z-index: 1;}
.hotspotNumber {width: 40px;height: 40px;text-align: center;background-color: #fff;color: #AD585A;font-size: 24px;line-height: 40px;border-radius: 50%;
  display: block;margin: 0 auto 15px;}

  .pinchzoomTip {
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.56px;
  padding: 20px 64px;
  display: none;
  background-color:var(--purple);
  background-image: url('../images/pinch.svg');
  background-size: 26px;
  background-position: 24px center;
  background-repeat: no-repeat;
}

/* map css end here */

@media screen and (min-width: 0px) and (max-width:1279px) {
.mappointer > div > span > span,.desktop-view  {display:none!important;}
}

@media screen and (min-width: 1280px){
.pinOverlay{display:none!important;}
}

@media screen and (min-width: 0px) and (max-width: 1366px) {
 .zoomingIcon {right: 6px;top: 10px;}
}

@media (min-width:0px) and (max-width:1200px) {
  .locNumber img {width:20px;height: 20px}
}


@media screen and (min-width: 0px) and (max-width: 767px) {
  .pinchzoomTip {
      display: block;
  }
}

@media (min-width:768px) and (max-width:1200px) {
 .pinOverlay > div > div {padding: 25px;transform: scale(1);}
 .hotspotName { overflow-y: scroll;overflow-x: hidden;max-height: 450px;position: relative;display: block; }
 .locNumber img {width:20px;height: 20px}
}


@media(max-width:767px) {
.zoomingIcon{ display: none;}
.pinOverlay > div > div {padding: 25px;transform: scale(0.60);min-width: 480px}
.pinOverlay p {font-size: 16px !important;line-height: 30px !important;padding-bottom: 0 !important}
.hotspotName h3 {padding-bottom: 15px}
.hotspotName { overflow-y: scroll;overflow-x: hidden;max-height: 330px;position: relative;display: block; }
.pinchzoomTip {text-align: left;}
.mapPinLinksBlock  {padding-bottom: 0px}

}

/*
.sweden {left: 54.5%;top: 3.9%;}
.brazil {left: 17.9%;top: 71.7%;}
.argentina {left: 11.2%;top: 88.9%;}
.united-kingdom {left: 46.07%;top: 20.5%;}
.germany { left: 52%;top: 20%;}
.france {left: 47.05%;top: 29.5%;}
.iraq {left: 64.6%;top: 40.8%;}
.belarus {left: 61.5%;top: 17.7%;}*/