div.menuHolder {
user-select: none;
-moz-user-select: none;
position: relative;
margin: 10px auto;
max-height:600px;
max-width:100%;
height:auto!important;
}
svg.icons {
display: none;
}
svg.menu { position:relative;
overflow: visible;
transition: 0.2s;
transition-timing-function: ease-out;
max-height:600px;
max-width:100%;
height:auto!important;
}
svg.menu.inner {
transform: scale(0.66) rotate(-10deg);
opacity: 0;
visibility: hidden;
}
svg.menu.outer {
transform: scale(1.5) rotate(10deg);
opacity: 0;
visibility: hidden;
}
svg.menu > g > path {
fill: #fff; opacity:1;
stroke: none;
transition: all ease 300ms;
}
svg.menu > g.sector > path {
cursor: pointer;
stroke: #c5c5c5;
stroke-width: 0.1px; }
svg.menu > g.sector > text,
svg.menu > g.sector > use {
cursor: pointer;
fill: #0d7c8c;
font-weight: bold; }
svg.menu > g.sector > foreignObject {
text-align: center;
cursor: pointer; color:#333;
font-weight: 700;
font-size: 3.2px;
line-height: 1.2;
overflow:visible;
}
svg.menu > g.sector > foreignObject div {
display:flex;
justify-content:center;
line-height:1.3;
height:auto;
}
svg.menu > g.sector:hover > foreignObject div {
font-weight:700;
}
svg.menu > g.sector > foreignObject .link,
svg.menu > g.center foreignObject .link {
font-size: 3px;
margin-top: 1px;
}
svg.menu > g.center foreignObject {
font-size: 3.5px;
line-height: 1.2;
text-align: center;
color: #fff; }
svg.menu > g.center image {
height: 38.5%!important;
width: 38.5%!important; transform: translate(-14.2%,-20.2%);
display:block;
}
svg.menu > g.sector:hover > path,
svg.menu > g.sector.hover > path{ transform: scale(1.05);
}
svg.menu > g.center > circle {
cursor: pointer; fill: none;
stroke: none;
transition: all ease 300ms;
}
svg.menu > g.center:hover > circle,
svg.menu > g.center.hover > circle { fill: none;
}
svg.menu > g.center > text,
svg.menu > g.center > use {
cursor: pointer;
fill: white;
}
svg.menu g, svg.menu text, svg.menu image {
cursor: pointer;
}
@media (max-width:767px) {
svg.menu > g.sector > foreignObject {
font-size:3.8px!important;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min--moz-device-pixel-ratio: 3),
only screen and (-o-min-device-pixel-ratio: 3/1),
only screen and (min-device-pixel-ratio: 3)
{ 
svg.menu > g.sector > foreignObject {
font-size:3.8px!important;
}
}