.striped {
    mask: url(#mask-stripe);
    fill: #9a1d1d;
    fill-opacity: 0.6;
}
.sauvignon,
.muscatWhite,
.aligote,
.plat,
.pinotBlanc,
.citrus,
.moldova,
.augustin,
.firstBorn,
.cardinalis,
.saperavi,
.risus,
.clairette,
.redGold,
.cimBlack,
.pinotNoir,
.bianca,
.hopeAzos,
.cabernetSauvignon,
.merlot,
.chardonnay {
    opacity: 0;
}
.sauvignon:hover,
.sauvignon.active,
.muscatWhite:hover,
.muscatWhite.active,
.aligote:hover,
.aligote.active,
.plat:hover,
.plat.active,
.pinotBlanc:hover,
.pinotBlanc.active,
.citrus:hover,
.citrus.active,
.moldova:hover,
.moldova.active,
.augustin:hover,
.augustin.active,
.firstBorn:hover,
.firstBorn.active,
.cardinalis:hover,
.cardinalis.active,
.saperavi:hover,
.saperavi.active,
.risus:hover,
.risus.active,
.clairette:hover,
.clairette.active,
.redGold:hover,
.redGold.active,
.cimBlack:hover,
.cimBlack.active,
.pinotNoir:hover,
.pinotNoir.active,
.bianca:hover,
.bianca.active,
.hopeAzos:hover,
.hopeAzos.active,
.cabernetSauvignon:hover,
.cabernetSauvignon.active,
.merlot:hover,
.merlot.active,
.chardonnay.active,
.chardonnay:hover {
    opacity: 1;
}
.sauvignon,
.sauvignon.active,
.sauvignon:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
    -webkit-transition: all 0.09s ease-in;
}
.muscatWhite,
.muscatWhite.active,
.muscatWhite:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
    -webkit-transition: all 0.09s ease-in;
}
.aligote,
.aligote.active,
.aligote:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
    -webkit-transition: all 0.09s ease-in;
}
.plat,
.plat.active,
.plat:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
    -webkit-transition: all 0.09s ease-in;
}
.pinotBlanc,
.pinotBlanc.active,
.pinotBlanc:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
    -webkit-transition: all 0.09s ease-in;
}
.citrus,
.citrus.active,
.citrus:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
}
.moldova,
.moldova.active,
.moldova:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
}
.augustin,
.augustin.active,
.augustin:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
}
.firstBorn,
.firstBorn.active,
.firstBorn:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
}
.cardinalis,
.cardinalis.active,
.cardinalis:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
}
.saperavi,
.saperavi.active,
.saperavi:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
}
.risus,
.risus.active,
.risus:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
}
.clairette,
.clairette.active,
.clairette:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
}
.redGold,
.redGold.active,
.redGold:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
}
.cimBlack,
.cimBlack.active,
.cimBlack:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
}
.pinotNoir,
.pinotNoir.active,
.pinotNoir:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
}
.bianca,
.bianca.active,
.bianca:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
}
.hopeAzos,
.hopeAzos.active,
.hopeAzos:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
}
.cabernetSauvignon,
.cabernetSauvignon.active,
.cabernetSauvignon:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
}
.merlot,
.merlot.active,
.merlot:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
}
.chardonnay,
.chardonnay.active,
.chardonnay:hover {
    fill: #9a1d1d;
    fill-opacity: 0.7;
    stroke: #9a1d1d;
    stroke-opacity: 1;
    stroke-width: 1;
}
.st0 {
    fill: none;
    stroke: #ea118d;
    stroke-width: 0.5;
    stroke-miterlimit: 10;
}
.st1 {
    font-family: "GothamPro";
}
.st2 {
    font-size: 6.5202px;
}
.st3 {
    opacity: 0.4;
}
.st4 {
    fill: #9a1d1d;
}
.st5 {
    fill: #9a1d1d;
}
.st6 {
    opacity: 1;
}
.st7 {
    opacity: 1;
    fill: #9a1d1d;
}
.st8 {
    fill: #ffffff;
}