/* Map */
.map-bg * {-moz-box-sizing: border-box; box-sizing: border-box;}
svg.world-map {width: 100%; height: 100%;}
.webedia-map .row {display: flex;}
.country-content {display: none;}
.country-content.active {display: block;}
.webedia-map {max-width: 1080px; margin-left: auto; margin-right: auto;}

/* Map style */
.st0 {
    opacity: 0.5;
    fill: #D4D4D4;
    stroke: #D4D4D4;
    stroke-width: 0.5;
    stroke-miterlimit: 10;
}

.st0, .st1, .st2, .st3, .st4, .st5 {
    fill: #D4D4D4 !important;
    stroke: #D4D4D4 !important;
	opacity: 1 !important;
}

.st1 {fill: #D4D4D4;}

.st2 {fill: #E9E9E9;}

.st3 {
    fill: #E9E9E9;
    stroke: #CCCCCC;
    stroke-miterlimit: 10;
}

.st4 {
    opacity: 0.5;
    fill: #AAAAAA;
    stroke: #CCCCCC;
    stroke-width: 0.5;
    stroke-miterlimit: 10;
}
path#WS, path#WF, path#VU, path#TO, path#TK, path#NZ, path#NU, path#NR, path#NC, path#FJ, path#TF {display: none;}
/* END Map Style */
.map-block-here {
    -webkit-transition: all 2s cubic-bezier(.19,1,.22,1);
    transition: all 2s cubic-bezier(.19,1,.22,1);
    position: relative;
    display: flex;
    width: 100%;
}
.map-block-here > svg {width: 100%; height: 100%;}

.map-dots {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.map-dot {
    width: 10px;
    height: 10px;
    position: absolute;
    cursor: pointer;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transition: all .4s cubic-bezier(.19,1,.22,1);
    transition: all .4s cubic-bezier(.19,1,.22,1);
}
.map-dot::before {
    content: '';
    display: block;
    background-color: #000000;
    border-radius: 100%;
    -webkit-transition: all .4s cubic-bezier(.19,1,.22,1);
    transition: all .4s cubic-bezier(.19,1,.22,1);
    width: 100%;
    height: 100%;
}
.map-dot:hover::before {
    background-color: #0528bd;
}
.map-dot.selected-dot::before, .map-dot.selected-dot:hover::before {
    background-color: #0528bd;
}
.map-dot::after {
    content: '';
    display: block;
    border-radius: 100%;
    -webkit-transition: all .4s cubic-bezier(.19,1,.22,1);
    transition: all .4s cubic-bezier(.19,1,.22,1);
    border: 2px solid #000000;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 50%;
    left: 50%;
    box-shadow: 0px 3px 2.82px 0.18px rgba(0, 0, 0, 0.15);
    transform-origin: top left;
}
.map-dot::after {
    animation-name: mappulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-delay: 0;
}
.map-dot:hover::after {border: 4px solid #0528bd;}
.map-dot.selected-dot::after, .map-dot.selected-dot:hover::after {border: 4px solid #0528bd;}

.map-dot.africa_morocco {left: 45.8%; top: 56.1%;}
.map-dot.africa_algeria {left: 48.6%; top: 54.3%;}
.map-dot.africa_tunisia {left: 50.8%; top: 54.3%;}

.map-dot.asia_singapore {left: 76.4%; top: 70.6%;}
.map-dot.asia_thailand {left: 75.3%; top: 64.9%;}

.map-dot.brazil_rio {left: 36%; top: 80.5%;}
.map-dot.brazil_sao-paulo {left: 34.1%; top: 81.5%;}

.map-dot.france {left: 48.3%; top: 47.1%;}
.map-dot.germany {left: 51.5%; top: 44.8%;}

.map-dot.latam_argentina {left: 32.1%; top: 86.9%;}
.map-dot.latam_chili {left: 28.6%; top: 86.4%;}
.map-dot.latam_colombia {left: 28.1%; top: 69.3%;}
.map-dot.latam_mexico {left: 20.6%; top: 62.2%;}

.map-dot.middle-east_lebanon {left: 57.6%; top: 55.7%;}
.map-dot.middle-east_saudi-arabia_djeddah {left: 58.8%; top: 61.3%;}
.map-dot.middle-east_saudi-arabia_riyadh {left: 60.5%; top: 59.8%;}
.map-dot.middle-east_serbia {left: 53.3%; top: 50%;}
.map-dot.middle-east_united-arab-emirates {left: 63%; top: 59.9%;}

.map-dot.poland {left: 53.6%; top: 45%;}
.map-dot.spain {left: 46.9%; top: 51.8%;}
.map-dot.turkey {left: 56.7%; top: 52.1%;}
.map-dot.uk {left: 47.8%; top: 45.2%;}
.map-dot.usa_los-angeles {left: 15.7%; top: 55.3%;}
.map-dot.usa_ridgefield {left: 27.9%; top: 51.4%;}

@keyframes mappulse {
    0% {
        -ms-transform: scale(0) translateY(-50%) translateX(-50%);
        transform: scale(0) translateY(-50%) translateX(-50%);
        -webkit-transform: scale(0) translateY(-50%) translateX(-50%);
        opacity: 0
    }

    10% {
        -ms-transform: scale(0) translateY(-50%) translateX(-50%);
        transform: scale(0) translateY(-50%) translateX(-50%);
        -webkit-transform: scale(0) translateY(-50%) translateX(-50%);
        opacity: 0
    }

    35% {
        -ms-transform: scale(.1) translateY(-50%) translateX(-50%);
        transform: scale(.1) translateY(-50%) translateX(-50%);
        -webkit-transform: scale(.1) translateY(-50%) translateX(-50%);
        opacity: 1
    }

    65% {
        -ms-transform: scale(.5) translateY(-50%) translateX(-50%);
        transform: scale(.5) translateY(-50%) translateX(-50%);
        -webkit-transform: scale(.5) translateY(-50%) translateX(-50%);
        opacity: 1
    }

    to {
        -ms-transform: scale(1) translateY(-50%) translateX(-50%);
        -webkit-transform: scale(1) translateY(-50%) translateX(-50%);
        opacity: 0;
        transform: scale(1) translateY(-50%) translateX(-50%);
    }
}