/* ------------------------------------------------------------ */
.cls-2 {
    stroke: #0a3141;
    fill: #285b78;
    opacity: 0.7;
    transition: stroke-width 2000ms ease, opacity 2000ms ease, fill-opacity 1000ms ease, stroke 2000ms ease;
    /* transition: all 3000ms ease; */
    stroke-width: 0.05rem;
}
.cls-2.hl { opacity: 1; }
  
.zoom-global .cls-2 { 
    stroke-width: 0.05rem;
}
  
.zoom-country .cls-2,
.zoom-europe .cls-2 {
    transition: stroke-width 2000ms ease, opacity 2000ms ease, fill-opacity 1000ms ease, stroke 2000ms ease;
    stroke-width: 0.01rem;
}
  
.video-layer .cls-2,
.zoom-fvg .cls-2 {
    transition: stroke-width 2000ms ease, opacity 2000ms ease, fill-opacity 1000ms ease, stroke 2000ms ease;
    stroke-width: 0.003rem;
    stroke: #fff;
    opacity: 1;
    fill-opacity: 0.7;
}

/* ------------------------------------------------------------ */
.map-wrapper svg {
    opacity: 1;
    transition: opacity 1500ms ease;
}

.map-wrapper svg.video-layer,
.map-wrapper svg.hide {
    opacity: 0;
    transition: opacity 1500ms ease;
}

.map-wrapper svg#world_map {
    background-image: url(../../images/mappa_png.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

/* ------------------------------------------------------------ */

.map-wrapper svg {
    position: absolute;
    top: 0;
    left: 0;
}