.worldmap {
    --color-linked: black;
    --color-linked-hover: #1D1D1B;
    --color-path-default: #ccc;
    --color-path-current: #004eff;
    --color-path-hover: #ccc;
    --color-available: #004eff;
		--color-available-hover: #244AA0;
    --color-stroke: white;
    --color-ocean: white;
    --color-caption: orange;
    --color-tooltip-text: white;
    --color-tooltip-bg: black;
		--color-marker: #dd3333;
		--color-marker-hover: #4A4A49;
		--color-popup: #000000;
		--background-popup: #ffffff;
}

.worldmap {
    overflow: hidden;
    position: relative;
}
.worldmap__back {
    display: none;
    margin: 0 5px;
    position: absolute;
    top: 10px;
}
.worldmap__back--select {
    position: relative;
    top: unset;
}
.worldmap__svg {
    /*background-color: var(--color-ocean);*/
    max-height: 750px;
    width: 100%;
}
.worldmap .worldmap__marker_icon path {
		fill:var(--color-marker);
		transform: scale(2.5);
		transform-box: fill-box;
    transform-origin: 50% 100%;
}
.worldmap .worldmap__marker_icon path:hover {
	  fill:var(--color-marker-hover);
		transform: scale(2.75);
}
.worldmap__country-title {
    position: absolute;
    left: 10px;
    top: 10px;
}
.worldmap path {
    fill: var(--color-path-default);
    stroke: var(--color-stroke);
    -webkit-transition: all 600ms ease-out;
    transition: all 600ms ease-out;
}
.worldmap path:hover {
    fill: var(--color-path-hover);
    z-index: 999;
    -webkit-transform: translate(1, 1);
    transform: translate(1, 1);
}
.worldmap path.is-current[data-url] {
    cursor: pointer;
}
.worldmap path.is-selected[data-url]:hover {
    fill: var(--color-linked-hover);
    cursor: pointer;
}
.worldmap path[data-url]:hover {
    cursor: pointer;
}
.worldmap .is-selected {
    fill: var(--color-available);
    stroke: white;
    stroke-width: 0.3;
}
.worldmap .is-selected:hover {
    fill: var(--color-available-hover);
}
.worldmap__select {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.worldmap__zoom-out-icon {
    display: none;
}
.worldmap__zoom-in-icon {
    display: none;
    position: absolute;
    width: 50px;
    height: 50px;
    cursor: pointer;
    margin: 10px;
    opacity: 0.7;
}
.worldmap__zoom-in-icon:hover {
    opacity: 1;
}
.worldmap[data-autozoom="on"] .worldmap__zoom-in-icon {
    display: block;
}
.worldmap__tooltip {
    opacity: 0;
    position: absolute;
    background-color: var(--color-tooltip-bg);
    color: var(--color-tooltip-text);
    top: 0;
    left: 0;
    pointer-events: none;
		clip-path:polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 11px 100%, 0 50%, 10px 0);
}
.worldmap__popup {
		position:absolute;
		background:var(--background-popup);
		font-size:0.9rem;
		line-height:1.3;
		color:var(--color-popup);
		padding:0.25rem 0.5rem;
		/*transform:translateX(-50%);*/
		box-shadow:0 0 10px rgba(0,0,0,0.3);
}
.worldmap .worldmap__popup:before {
		content:'';
		display:block;
		position:absolute;
		top:-8px;
		left:calc(50% - 13px);
		width: 20px;
		height:20px;
		transform:rotate(45deg);
		box-shadow:-3px -3px 4px rgba(0,0,0,0.15);
		background:var(--background-popup);
		border-radius:5px;
}
.worldmap.is-zoomed .worldmap__popup:before {
	left:calc(50% - 10px);
}
.worldmap__popup-close {
		border:none;
		background:url();
		text-indent:-100vw;
		overflow:hidden;
}
.worldmap:hover > .worldmap__tooltip {
    opacity: 1;
}

.worldmap.is-zoomed .worldmap__back {
    display: block;
}

.worldmap.is-zoomed
    path.is-selected:not(.is-single):not(.is-current):not([data-url]):hover {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.worldmap.is-zoomed .worldmap__marker_icon path {
		transform: scale(1.01);
}
.worldmap.is-zoomed .worldmap__marker_icon path:hover {
		transform: scale(1.15);
}
.worldmap.is-zoomed path.is-current {
    fill: var(--color-path-current);
    cursor: unset;
}

.worldmap.is-zoomed path.is-current:hover {
    cursor: default;
}

.worldmap.is-zoomed .worldmap__zoom-out-icon {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    cursor: pointer;
    margin: 10px;
    opacity: 0.7;
}
.worldmap.is-zoomed .worldmap__zoom-out-icon:hover {
    opacity: 1;
}

.worldmap.is-zoomed .worldmap__zoom-in-icon {
    display: none;
}

.worldmap[data-autoreset="off"].is-zoomed {
    cursor: default;
}

.worldmap[data-autoreset="on"].is-zoomed {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.worldmap[data-preventzoomout="on"].is-zoomed {
    cursor: unset;
}

.worldmap[data-zoom="on"]:not(.is-zoomed)
    svg
    path.is-selected:not(.is-single):not([data-url]) {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.worldmap[data-zoom="off"] svg path.is-selected[data-url] {
    fill: var(--color-available);
    cursor: pointer;
}

.worldmap[data-zoom="off"] svg path.is-selected:hover[data-url] {
    fill: var(--color-linked-hover);
}

@media only screen and (max-width: 760px) {
    .worldmap__tooltip {
        display: none;
    }
}

.worldmap path[data-id="AG"],
.worldmap path[data-id="BM"],
.worldmap path[data-id="BB"],
.worldmap path[data-id="KM"],
.worldmap path[data-id="CV"],
.worldmap path[data-id="KY"],
.worldmap path[data-id="DM"],
.worldmap path[data-id="MQ"],
.worldmap path[data-id="GP"],
.worldmap path[data-id="FK"],
.worldmap path[data-id="FO"],
.worldmap path[data-id="GD"],
.worldmap path[data-id="VC"],
.worldmap path[data-id="LC"],
.worldmap path[data-id="VI"],
.worldmap path[data-id="TT"],
.worldmap path[data-id="IC"],
.worldmap path[data-id="PF"],
.worldmap path[data-id="KN"],
.worldmap path[data-id="CW"],
.worldmap path[data-id="AW"],
.worldmap path[data-id="LI"],
.worldmap path[data-id="MV"],
.worldmap path[data-id="MS"],
.worldmap path[data-id="NR"],
.worldmap path[data-id="PN"],
.worldmap path[data-id="SG"],
.worldmap path[data-id="SX"],
.worldmap path[data-id="SC"],
.worldmap path[data-id="BS"],
.worldmap path[data-id="TC"],
.worldmap path[data-id="TO"],
.worldmap path[data-id="TT"],
.worldmap path[data-id="YT"],
.worldmap path[data-id="MQ"],
.worldmap path[data-id="VG"],
.worldmap path[data-id="AI"],
.worldmap path[data-id="PR"],
.worldmap path[data-id="RE"],
.worldmap path[data-id="MU"],
.worldmap path[data-id="FK"] {
    stroke: none;
}