.clicableSvg svg {
  max-width: 100%;
  height: auto; }

.clicableSvg .active {
  opacity: 1;
  transition: all 0.35s; }
  .clicableSvg .active--off {
    fill: #FBFBFB;
    opacity: 0.3; }

.clicableSvg #elementy {
  cursor: pointer; }

.clicableSvg #legend_risk,
.clicableSvg #legend_finanse,
.clicableSvg #legend_earning {
  cursor: pointer; }

.clicableSvg .svgContentWrapper {
  margin-top: 100px;
  margin-bottom: 100px; }
  .clicableSvg .svgContentWrapper .svg_content {
    display: none; }
    @media (max-width: 992px) {
      .clicableSvg .svgContentWrapper .svg_content {
        display: block !important;
        margin: 0 0 8rem; }
        .clicableSvg .svgContentWrapper .svg_content:last-of-type {
          margin: 0; } }
    .clicableSvg .svgContentWrapper .svg_content--active {
      display: block; }