path#linea-cinese-tirolese {
    stroke: #000000;
    stroke-width: 0.5px;
}

[id*='cartina-'] {
    opacity: 0
}

#cartina-linea-zhejiang-italia, #cartina-linea-fujian-italia {
    opacity: 1;
    stroke: #ED1C24;
    stroke-width: 0.5px;
    fill: none;
}

/* MAPPA */
div#map, div#progress-bar  {
    width: 100%;
    max-width: 1280px;
}

div#progress-bar  {
    margin-top: 20px;
}

div#map {
    height: 500px;
}

div#controls{
  float: right;
}
div#controls ul {
    padding: 0;
    margin: 0;
    height: 23px;
    width: 150px;
    position: relative;
    top: -406px;
}
/* activity filters */
div#controls ul li {
    list-style-type: none;
/* display: inline; */
padding-right: 1px;
font-size: 0.9em;
cursor: pointer;
cursor: hand;
font-family: 'Raleway-Medium', sans-serif;
letter-spacing: 0.04rem;
height: 16px;
}
div#controls ul li:first-child{
    margin-bottom: 0.8125rem;
}
div#controls ul li span:hover {
    color: #e1ded7;
}

span.filtro-mappa {
    text-transform: uppercase;
    padding: 2px 5px;
    font-size: 0.6rem;
}

div#mapCurrentYear {

        font-family: 'Dala Floda Web', sans-serif;
        padding-top: 20px;
        -webkit-font-feature-settings: "lnum";
        font-feature-settings: "lnum";
        font-size: 4.875rem!important;
        color: #4d0007;
        padding: 3.25rem 0 0 1.625rem!important;
        position: relative;
        top: -10px;
        left: -12px;
}



/* overlays on the map (business activities) */
div.business-container, div.business-container svg {
    position: absolute;
}
div.business-container svg {
    width: 15px;
    height: 15px;
}
div.business-container svg circle {
    stroke-width: 0px;
    fill-opacity: 0.7;
}

/*progress bar */

#progress-bar, #business-activity-of-the-year {
    height: 20px;
    position: relative;
    top: -1.4rem;  
}

text.progress-bar-element {
    cursor: pointer;
cursor: hand;
fill: #ffffff;
/* stroke: #ffffff; */
font-family: 'Raleway-Medium', sans-serif;
font-size: 0.7em;
/* height: 19px; */
-webkit-font-feature-settings: "lnum";
font-feature-settings: "lnum";
position: relative;
top: -20px;
}

div#play {
    height:100px;
    width: 50px!important;
    text-align: center;
    font-size:25pt;
    cursor: pointer;
    cursor: hand;
    color: #4d0007;
    padding-top:30px;
    opacity:0.8;
    text-align:center;
    font-weight: bold;
    position: relative;
    top: -205px;
    left: 1105px;
}

div#play div{
    height:50px!important;
    width: 50px!important;
}

/* istogramma */

.nv-axis {
  opacity: 0.5;
}

.nv-axis g.tick line{
  opacity: 0;
}

.nvtooltip, .xy-tooltip, .nvtooltip-pending-removal{
  -webkit-transition: none !important; 
  -moz-transition: none !important;
  transition: none !important; 
  border:none;
  background: white;
  padding: 0.1rem;
  text-transform: lowercase;
  -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
       -moz-font-feature-settings: "lnum";
        -ms-font-feature-settings: "lnum";
         -o-font-feature-settings: "lnum";
            font-feature-settings: "lnum";

}
.nvtooltip p{
    font-family: "Raleway-Medium";
    font-size: 0.8375rem;
}


.nvtooltip, .nvtooltip-pending-removal{
    display:none;
}

/* linea */

path.line {
  fill: none;
  stroke: #ED2224;
  stroke-width: 0.5px;
}

#bolzano-arrivo, #italia-arrivo {
    opacity: 0;
}

/* animazioni, partenza */
#stato-italia,
#titolo-italia,
#abitanti-italia,
#densita-italia,

#stato-zhejiang,
#titolo-zhejiang,
#abitanti-zhejiang,
#densita-zhejiang,

#stato-fujian,
#titolo-fujian,
#abitanti-fujian,
#densita-fujian,

#percentuale-italia,
#cinesi-italia,
#didascalia-italia,

/* freccia italia */
#punta-italia,
#citta-bolzano,
#percentuale-bolzano,
#cinesi-bolzano,
#didascalia-bolzano,

/* freccia bolzano */
#punta-bolzano
{
    opacity: 0;
}

body {
    overflow: hidden;
}

/* Preloader */
#preloader {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:250px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(img/preloader.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -94px; /* is width and height divided by two */
}