/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
.chart__auto {
  /**
 * @license Highcharts
 *
 * (c) 2009-2016 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
  /* Titles */
  /* Axes */
  /* Credits */
  /* Tooltip */
  /* Legend hover affects points and series */
  /* Series options */
  /* Default colors */
  /* Legend */
  /* Bubble legend */
  /* Loading */
  /* Plot bands and polar pane backgrounds */
  /* Highcharts More and modules */
  /* Highstock */
  /* Highmaps */
  /* 3d charts */
  /* Exporting module */
  /* Drilldown module */
  /* No-data module */
  /* Drag-panes module */
  /* Bullet type series */
  /* Lineargauge type series */
  /* Annotations module */
  /* Gantt */
  /* COULEUR SITE PALETTE */
  /*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
  /* COULEUR SITE PALETTE */
  /*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
  /* COULEUR SITE PALETTE */
  /*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */ }
  .chart__auto .highcharts-credits {
    display: none; }
  .chart__auto .highcharts-axis.highcharts-xaxis {
    stroke-width: 1px;
    stroke: #102d40;
    stroke: red; }
  .chart__auto .highcharts-yaxis-grid .highcharts-grid-line {
    stroke-width: 1px;
    stroke: #c1c1c1;
    stroke-opacity: 0.5;
    stroke-linecap: butt; }
    .chart__auto .highcharts-yaxis-grid .highcharts-grid-line:first-child {
      stroke-width: 0; }
    .chart__auto .highcharts-yaxis-grid .highcharts-grid-line:last-child {
      transform: translateX(-1px); }
  .chart__auto .highcharts-container {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
    line-height: normal;
    z-index: 0;
    /* #1072 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: "Montserrat";
    font-size: 12px; }
  .chart__auto .highcharts-root {
    display: block; }
  @media print {
    .chart__auto .chart-sdg-contribution {
      width: 960px !important;
      height: 300px !important; }
      .chart__auto .chart-sdg-contribution .highcharts-root {
        width: 100% !important;
        height: 100% !important; } }
  .chart__auto .highcharts-root text {
    stroke-width: 0; }
  .chart__auto .highcharts-strong {
    font-weight: 700; }
  .chart__auto .highcharts-emphasized {
    font-style: italic; }
  .chart__auto .highcharts-anchor {
    cursor: pointer; }
  .chart__auto .highcharts-background {
    fill: white;
    fill-opacity: 0; }
  .chart__auto .highcharts-plot-border,
  .chart__auto .highcharts-plot-background {
    fill: none; }
  .chart__auto .highcharts-label-box {
    fill: none; }
  .chart__auto .highcharts-button-box {
    fill: inherit; }
  .chart__auto .highcharts-tracker-line {
    stroke-linejoin: round;
    stroke: rgba(192, 192, 192, 0.0001);
    stroke-width: 22;
    fill: none; }
  .chart__auto .highcharts-tracker-area {
    fill: rgba(192, 192, 192, 0.0001);
    stroke-width: 0; }
  .chart__auto .highcharts-title {
    fill: #333333;
    font-size: 1.5em; }
  .chart__auto .highcharts-subtitle {
    fill: #f7f8fb; }
  .chart__auto .highcharts-axis-line {
    fill: none;
    stroke: #ccd6eb; }
  .chart__auto .highcharts-yaxis .highcharts-axis-line {
    stroke-width: 0; }
  .chart__auto .highcharts-axis-title {
    fill: #f7f8fb; }
  .chart__auto .highcharts-axis-labels {
    fill: rgba(92, 119, 173, 0.5);
    color: rgba(92, 119, 173, 0.5);
    cursor: default;
    font-size: 0.9em; }
  .chart__auto .highcharts-grid-line {
    fill: none;
    stroke: #eef1f7; }
  .chart__auto .highcharts-xaxis-grid .highcharts-grid-line {
    stroke-width: 0px; }
  .chart__auto .highcharts-tick {
    stroke: #ccd6eb; }
  .chart__auto .highcharts-yaxis .highcharts-tick {
    stroke-width: 0; }
  .chart__auto .highcharts-minor-grid-line {
    stroke: #eef1f7; }
  .chart__auto .highcharts-crosshair-thin {
    stroke-width: 1px;
    stroke: #cccccc; }
  .chart__auto .highcharts-crosshair-category {
    stroke: #ccd6eb;
    stroke-opacity: 0.25; }
  .chart__auto .highcharts-credits {
    cursor: pointer;
    fill: #999999;
    font-size: 0.7em;
    transition: fill 250ms, font-size 250ms; }
  .chart__auto .highcharts-credits:hover {
    fill: black;
    font-size: 1em; }
  .chart__auto .highcharts-tooltip {
    cursor: default;
    pointer-events: none;
    white-space: nowrap;
    transition: stroke 150ms;
    min-width: 162px;
    width: 100%;
    max-width: 220px;
    /*
    width: 100%;
    height: auto;
    //max-width: 220px;
    padding: 10px;
    @include border-radius(6px);
    background-color: white;
    box-shadow: 0 10px 50px rgba($color-primary-dark, 0.6);
    color: $color-primary-dark;
    font-weight: 700;
    font-size: 16px;
    */ }
    .chart__auto .highcharts-tooltip .highcharts-label-box {
      display: none; }
  .chart__auto .highcharts-tooltip text {
    fill: white; }
  .chart__auto .highcharts-tooltip .highcharts-header {
    font-size: 0.85em; }
  .chart__auto .highcharts-tooltip-box {
    stroke-width: 0px;
    fill: white;
    fill-opacity: 1;
    box-shadow: 0 10px 50px rgba(92, 119, 173, 0.6); }
  .chart__auto .highcharts-tooltip-box .highcharts-label-box {
    fill: white;
    fill-opacity: 0.85; }
  .chart__auto .highcharts-selection-marker {
    fill: #335cad;
    fill-opacity: 0.25; }
  .chart__auto .highcharts-graph {
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round; }
  .chart__auto .highcharts-state-hover .highcharts-graph {
    stroke-width: 3; }
  .chart__auto .highcharts-state-hover path {
    transition: stroke-width 50;
    /* quick in */ }
  .chart__auto .highcharts-state-normal path {
    transition: stroke-width 250ms;
    /* slow out */ }
  .chart__auto g.highcharts-series,
  .chart__auto .highcharts-point,
  .chart__auto .highcharts-markers,
  .chart__auto .highcharts-data-labels {
    transition: opacity 250ms; }
  .chart__auto .highcharts-legend-series-active
g.highcharts-series:not(.highcharts-series-hover),
  .chart__auto .highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
  .chart__auto .highcharts-legend-series-active
.highcharts-markers:not(.highcharts-series-hover),
  .chart__auto .highcharts-legend-series-active
.highcharts-data-labels:not(.highcharts-series-hover) {
    opacity: 0.2; }
  .chart__auto .highcharts-color-0 {
    fill: #af0023;
    stroke: #af0023; }
  .chart__auto .highcharts-color-1 {
    fill: #f05069;
    stroke: #f05069; }
  .chart__auto .highcharts-color-2 {
    fill: #dc002d;
    stroke: #dc002d; }
  .chart__auto .highcharts-color-3 {
    fill: #f7a35c;
    stroke: #f7a35c; }
  .chart__auto .highcharts-color-4 {
    fill: #8085e9;
    stroke: #8085e9; }
  .chart__auto .highcharts-color-5 {
    fill: #f15c80;
    stroke: #f15c80; }
  .chart__auto .highcharts-color-6 {
    fill: #e4d354;
    stroke: #e4d354; }
  .chart__auto .highcharts-color-7 {
    fill: #2b908f;
    stroke: #2b908f; }
  .chart__auto .highcharts-color-8 {
    fill: #f45b5b;
    stroke: #f45b5b; }
  .chart__auto .highcharts-color-9 {
    fill: #91e8e1;
    stroke: #91e8e1; }
  .chart__auto .highcharts-area {
    fill-opacity: 0.75;
    stroke-width: 0; }
  .chart__auto .highcharts-markers {
    stroke-width: 1px;
    stroke: #ffffff; }
  .chart__auto .highcharts-point {
    stroke-width: 0; }
  .chart__auto .highcharts-dense-data .highcharts-point {
    stroke-width: 0; }
  .chart__auto .highcharts-data-label {
    font-size: 0.9em;
    font-weight: 700; }
  .chart__auto .highcharts-data-label-box {
    fill: none;
    stroke-width: 0; }
  .chart__auto .highcharts-data-label text,
  .chart__auto text.highcharts-data-label {
    fill: #5c77ad;
    font-weight: normal;
    font-size: 14px; }
  .chart__auto .highcharts-data-label-connector {
    fill: none; }
  .chart__auto .highcharts-halo {
    fill-opacity: 0.25;
    stroke-width: 0; }
  .chart__auto .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select,
  .chart__auto .highcharts-markers .highcharts-point-select {
    fill: #ff992b;
    stroke: #ff992b;
    fill-opacity: 1; }
  .chart__auto .highcharts-column-series rect.highcharts-point {
    stroke: #ffffff;
    stroke-width: 0;
    stroke-opacity: 0;
    fill-opacity: 0.83;
    outline-color: #ecf4f9;
    outline-style: solid;
    outline-width: 1px;
    outline-offset: 0;
    filter: none;
    box-shadow: none; }
    .chart__auto .highcharts-column-series rect.highcharts-point.highcharts-point-hover {
      fill: #ff992b;
      stroke: #ff992b;
      fill-opacity: 1; }
    .chart__auto .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-0 {
      fill: #2b77a6; }
    .chart__auto .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-1 {
      fill: #2b77a6; }
    .chart__auto .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-2 {
      fill: #24658c; }
    .chart__auto .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-3 {
      fill: #1e5273; }
    .chart__auto .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-4 {
      fill: #174059; }
    .chart__auto .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-5 {
      fill: #102d40; }
    .chart__auto .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-6 {
      fill: #102d40; }
  .chart__auto .chart__bar.chart__auto:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span {
    max-width: 100px; }
  .chart__auto .chart__bar.chart__realestate .highcharts-axis-labels.highcharts-xaxis-labels span {
    max-width: 140px; }
  .chart__auto .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span {
    display: flex !important;
    flex-flow: wrap;
    align-items: center;
    min-height: 30px;
    max-width: 160px; }
    .chart__auto .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span {
      display: block !important;
      width: 100%;
      font-weight: 700;
      text-transform: uppercase;
      min-height: 0;
      white-space: normal; }
      .chart__auto .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-category, .chart__auto .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-icon {
        margin: auto 0;
        white-space: normal; }
        .chart__auto .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-category i, .chart__auto .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-icon i {
          font-size: 16px; }
  .chart__auto .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels:not(.chart__line) .highcharts-axis-labels.highcharts-xaxis-labels span {
    left: 0 !important;
    width: 100% !important; }
    .chart__auto .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels:not(.chart__line) .highcharts-axis-labels.highcharts-xaxis-labels span span {
      text-align: right; }
  .chart__auto .highcharts-column-series .highcharts-point {
    transition: fill-opacity 250ms; }
  .chart__auto .highcharts-column-series .highcharts-point-hover {
    fill-opacity: 1;
    fill: #ff992b;
    transition: fill-opacity 50ms; }
  .chart__auto .highcharts-column-series .highcharts-point-hover {
    fill-opacity: 1;
    fill: #ff992b;
    transition: fill-opacity 50ms; }
  .chart__auto .highcharts-pie-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #ffffff; }
  .chart__auto .highcharts-pie-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms; }
  .chart__auto .highcharts-funnel-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #ffffff; }
  .chart__auto .highcharts-funnel-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms; }
  .chart__auto .highcharts-funnel-series .highcharts-point-select {
    fill: inherit;
    stroke: inherit; }
  .chart__auto .highcharts-pyramid-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #ffffff; }
  .chart__auto .highcharts-pyramid-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms; }
  .chart__auto .highcharts-pyramid-series .highcharts-point-select {
    fill: inherit;
    stroke: inherit; }
  .chart__auto .highcharts-solidgauge-series .highcharts-point {
    stroke-width: 0; }
  .chart__auto .highcharts-treemap-series .highcharts-point {
    stroke-width: 1px;
    stroke: white;
    transition: stroke 250ms, fill 250ms, fill-opacity 250ms; }
  .chart__auto .highcharts-treemap-series .highcharts-point-hover {
    stroke: white;
    transition: stroke 25ms, fill 25ms, fill-opacity 25ms; }
  .chart__auto .highcharts-treemap-series .highcharts-above-level {
    display: none; }
  .chart__auto .highcharts-treemap-series .highcharts-internal-node {
    fill: none; }
  .chart__auto .highcharts-treemap-series .highcharts-internal-node-interactive {
    fill-opacity: 0.15;
    cursor: pointer; }
  .chart__auto .highcharts-treemap-series .highcharts-internal-node-interactive:hover {
    fill-opacity: 0.75; }
  .chart__auto .highcharts-legend-box {
    fill: none;
    stroke-width: 0; }
  .chart__auto .highcharts-legend-item > text {
    fill: #333333;
    font-weight: 700;
    font-size: 1em;
    cursor: pointer;
    stroke-width: 0; }
  .chart__auto .highcharts-legend-item:hover text {
    fill: #000000; }
  .chart__auto .highcharts-legend-item-hidden * {
    fill: #cccccc !important;
    stroke: #cccccc !important;
    transition: fill 250ms; }
  .chart__auto .highcharts-legend-nav-active {
    fill: #003399;
    cursor: pointer; }
  .chart__auto .highcharts-legend-nav-inactive {
    fill: #cccccc; }
  .chart__auto circle.highcharts-legend-nav-active,
  .chart__auto circle.highcharts-legend-nav-inactive {
    /* tracker */
    fill: rgba(192, 192, 192, 0.0001); }
  .chart__auto .highcharts-legend-title-box {
    fill: none;
    stroke-width: 0; }
  .chart__auto .highcharts-bubble-legend-symbol {
    stroke-width: 2;
    fill-opacity: 0.5; }
  .chart__auto .highcharts-bubble-legend-connectors {
    stroke-width: 1; }
  .chart__auto .highcharts-bubble-legend-labels {
    fill: #333333; }
  .chart__auto .highcharts-loading {
    position: absolute;
    background-color: #ffffff;
    opacity: 0.5;
    text-align: center;
    z-index: 10;
    transition: opacity 250ms; }
  .chart__auto .highcharts-loading-hidden {
    height: 0 !important;
    opacity: 0;
    overflow: hidden;
    transition: opacity 250ms, height 250ms step-end; }
  .chart__auto .highcharts-loading-inner {
    font-weight: 700;
    position: relative;
    top: 45%; }
  .chart__auto .highcharts-plot-band,
  .chart__auto .highcharts-pane {
    fill: #000000;
    fill-opacity: 0.05; }
  .chart__auto .highcharts-plot-line {
    fill: none;
    stroke: #9dadce;
    stroke-width: 1px; }
  .chart__auto .highcharts-boxplot-box {
    fill: #ffffff; }
  .chart__auto .highcharts-boxplot-median {
    stroke-width: 2px; }
  .chart__auto .highcharts-bubble-series .highcharts-point {
    fill-opacity: 0.5; }
  .chart__auto .highcharts-errorbar-series .highcharts-point {
    stroke: #000000; }
  .chart__auto .highcharts-gauge-series .highcharts-data-label-box {
    stroke: #cccccc;
    stroke-width: 1px; }
  .chart__auto .highcharts-gauge-series .highcharts-dial {
    fill: #000000;
    stroke-width: 0; }
  .chart__auto .highcharts-polygon-series .highcharts-graph {
    fill: inherit;
    stroke-width: 0; }
  .chart__auto .highcharts-waterfall-series .highcharts-graph {
    stroke: #333333;
    stroke-dasharray: 1, 3; }
  .chart__auto .highcharts-sankey-series .highcharts-point {
    stroke-width: 0; }
  .chart__auto .highcharts-sankey-series .highcharts-link {
    transition: fill 250ms, fill-opacity 250ms;
    fill-opacity: 0.5; }
  .chart__auto .highcharts-sankey-series .highcharts-point-hover.highcharts-link {
    transition: fill 50ms, fill-opacity 50ms;
    fill-opacity: 1; }
  .chart__auto .highcharts-venn-series .highcharts-point {
    fill-opacity: 0.75;
    stroke: #cccccc;
    transition: stroke 250ms, fill-opacity 250ms; }
  .chart__auto .highcharts-venn-series .highcharts-point-hover {
    fill-opacity: 1;
    stroke: #cccccc; }
  .chart__auto .highcharts-navigator-mask-outside {
    fill-opacity: 0; }
  .chart__auto .highcharts-navigator-mask-inside {
    fill: #6685c2;
    /* navigator.maskFill option */
    fill-opacity: 0.25;
    cursor: ew-resize; }
  .chart__auto .highcharts-navigator-outline {
    stroke: #cccccc;
    fill: none; }
  .chart__auto .highcharts-navigator-handle {
    stroke: #cccccc;
    fill: #eef1f7;
    cursor: ew-resize; }
  .chart__auto .highcharts-navigator-series {
    fill: #335cad;
    stroke: #335cad; }
  .chart__auto .highcharts-navigator-series .highcharts-graph {
    stroke-width: 1px; }
  .chart__auto .highcharts-navigator-series .highcharts-area {
    fill-opacity: 0.05; }
  .chart__auto .highcharts-navigator-xaxis .highcharts-axis-line {
    stroke-width: 0; }
  .chart__auto .highcharts-navigator-xaxis .highcharts-grid-line {
    stroke-width: 1px;
    stroke: #f7f8fb; }
  .chart__auto .highcharts-navigator-xaxis.highcharts-axis-labels {
    fill: #999999; }
  .chart__auto .highcharts-navigator-yaxis .highcharts-grid-line {
    stroke-width: 0; }
  .chart__auto .highcharts-scrollbar-thumb {
    fill: #cccccc;
    stroke: #cccccc;
    stroke-width: 1px; }
  .chart__auto .highcharts-scrollbar-button {
    fill: #f7f8fb;
    stroke: #cccccc;
    stroke-width: 1px; }
  .chart__auto .highcharts-scrollbar-arrow {
    fill: #f7f8fb; }
  .chart__auto .highcharts-scrollbar-rifles {
    stroke: #f7f8fb;
    stroke-width: 1px; }
  .chart__auto .highcharts-scrollbar-track {
    fill: #eef1f7;
    stroke: #eef1f7;
    stroke-width: 1px; }
  .chart__auto .highcharts-button {
    fill: white;
    stroke: #cccccc;
    cursor: default;
    stroke-width: 1px;
    transition: fill 250ms; }
  .chart__auto .highcharts-button text {
    fill: #333333; }
  .chart__auto .highcharts-button-hover {
    transition: fill 0ms;
    fill: #f7f8fb;
    stroke: #cccccc; }
  .chart__auto .highcharts-button-hover text {
    fill: #333333; }
  .chart__auto .highcharts-button-pressed {
    font-weight: 700;
    fill: #e6ebf5;
    stroke: #cccccc; }
  .chart__auto .highcharts-button-pressed text {
    fill: #333333;
    font-weight: 700; }
  .chart__auto .highcharts-button-disabled text {
    fill: #333333; }
  .chart__auto .highcharts-range-selector-buttons .highcharts-button {
    stroke-width: 0px; }
  .chart__auto .highcharts-range-label rect {
    fill: none; }
  .chart__auto .highcharts-range-label text {
    fill: #f7f8fb; }
  .chart__auto .highcharts-range-input rect {
    fill: none; }
  .chart__auto .highcharts-range-input text {
    fill: #333333; }
  .chart__auto .highcharts-range-input {
    stroke-width: 1px;
    stroke: #cccccc; }
  .chart__auto input.highcharts-range-selector {
    position: absolute;
    border: 0;
    width: 1px;
    /* Chrome needs a pixel to see it */
    height: 1px;
    padding: 0;
    text-align: center;
    left: -9em;
    /* #4798 */ }
  .chart__auto .highcharts-crosshair-label text {
    fill: #ffffff;
    font-size: 1.1em; }
  .chart__auto .highcharts-crosshair-label .highcharts-label-box {
    fill: inherit; }
  .chart__auto .highcharts-candlestick-series .highcharts-point {
    stroke: #000000;
    stroke-width: 1px; }
  .chart__auto .highcharts-candlestick-series .highcharts-point-up {
    fill: #ffffff; }
  .chart__auto .highcharts-ohlc-series .highcharts-point-hover {
    stroke-width: 3px; }
  .chart__auto .highcharts-flags-series .highcharts-point .highcharts-label-box {
    stroke: #999999;
    fill: #ffffff;
    transition: fill 250ms; }
  .chart__auto .highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
    stroke: #000000;
    fill: #ccd6eb; }
  .chart__auto .highcharts-flags-series .highcharts-point text {
    fill: #000000;
    font-size: 0.9em;
    font-weight: 700; }
  .chart__auto .highcharts-map-series .highcharts-point {
    transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
    stroke: #cccccc; }
  .chart__auto .highcharts-map-series .highcharts-point-hover {
    transition: fill 0ms, fill-opacity 0ms;
    fill-opacity: 0.5;
    stroke-width: 2px; }
  .chart__auto .highcharts-mapline-series .highcharts-point {
    fill: none; }
  .chart__auto .highcharts-heatmap-series .highcharts-point {
    stroke-width: 0; }
  .chart__auto .highcharts-map-navigation {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center; }
  .chart__auto .highcharts-coloraxis {
    stroke-width: 0; }
  .chart__auto .highcharts-coloraxis-marker {
    fill: #999999; }
  .chart__auto .highcharts-null-point {
    fill: white; }
  .chart__auto .highcharts-3d-frame {
    fill: transparent; }
  .chart__auto .highcharts-contextbutton {
    fill: #ffffff;
    /* needed to capture hover */
    stroke: none;
    stroke-linecap: round; }
  .chart__auto .highcharts-contextbutton:hover {
    fill: #f7f8fb;
    stroke: #f7f8fb; }
  .chart__auto .highcharts-button-symbol {
    stroke: #f7f8fb;
    stroke-width: 3px; }
  .chart__auto .highcharts-menu {
    border: 1px solid #999999;
    background: #ffffff;
    padding: 5px 0;
    box-shadow: 3px 3px 10px #888; }
  .chart__auto .highcharts-menu-item {
    padding: 0.5em 1em;
    background: none;
    color: #333333;
    cursor: pointer;
    transition: background 250ms, color 250ms; }
  .chart__auto .highcharts-menu-item:hover {
    background: #335cad;
    color: #ffffff; }
  .chart__auto .highcharts-drilldown-point {
    cursor: pointer; }
  .chart__auto .highcharts-drilldown-data-label text,
  .chart__auto text.highcharts-drilldown-data-label,
  .chart__auto .highcharts-drilldown-axis-label {
    cursor: pointer;
    fill: #003399;
    font-weight: 700;
    text-decoration: underline; }
  .chart__auto .highcharts-no-data text {
    font-weight: 700;
    font-size: 12px;
    fill: #f7f8fb; }
  .chart__auto .highcharts-axis-resizer {
    cursor: ns-resize;
    stroke: black;
    stroke-width: 2px; }
  .chart__auto .highcharts-bullet-target {
    stroke-width: 0; }
  .chart__auto .highcharts-lineargauge-target {
    stroke-width: 1px;
    stroke: #333333; }
  .chart__auto .highcharts-lineargauge-target-line {
    stroke-width: 1px;
    stroke: #333333; }
  .chart__auto .highcharts-annotation-label-box {
    stroke-width: 1px;
    stroke: #000000;
    fill: #000000;
    fill-opacity: 0.75; }
  .chart__auto .highcharts-annotation-label text {
    fill: #f7f8fb; }
  .chart__auto .highcharts-treegrid-node-collapsed,
  .chart__auto .highcharts-treegrid-node-expanded {
    cursor: pointer; }
  .chart__auto .highcharts-point-connecting-path {
    fill: none; }
  .chart__auto .highcharts-grid-axis .highcharts-tick {
    stroke-width: 1px; }
  .chart__auto .highcharts-grid-axis .highcharts-axis-line {
    stroke-width: 1px; }
  .chart__auto .colored__auto {
    color: #dc002d; }
  .chart__auto .chart__auto .chart__split + .chart__split:before {
    background-color: #d7e1f5; }
  .chart__auto .colored__realestate {
    color: #7346aa; }
  .chart__auto .chart__realestate .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__auto .colored__vacation {
    color: #2d5fa0; }
  .chart__auto .chart__vacation .chart__split + .chart__split:before {
    background-color: #3c78c8; }
  .chart__auto .colored__employment {
    color: #04848c; }
  .chart__auto .chart__employment .chart__split + .chart__split:before {
    background-color: #facdd2; }
  .chart__auto .colored__consumption {
    color: #3c3c3c; }
  .chart__auto .chart__consumption .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__auto .colored__vacation__2 {
    color: #666666; }
  .chart__auto .colored__test__2 {
    color: #666666; }
  .chart__auto .chart {
    width: 100%; }
    .chart__auto .chart__inner {
      position: relative;
      width: 100%;
      max-width: 756px;
      margin: 0 auto;
      text-align: center; }
    .chart__auto .chart__global__head {
      width: 100%;
      padding-top: 20px; }
      .chart__auto .chart__global__head h3 {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 5px; }
    .chart__auto .chart__title {
      max-width: 720px;
      margin: 0 auto; }
      .chart__auto .chart__title h2 {
        font-size: 22px;
        font-weight: bold;
        line-height: 1.5; }
        @media screen and (min-width: 768px) {
          .chart__auto .chart__title h2 {
            font-size: 28px; } }
        @media print {
          .chart__auto .chart__title h2 {
            font-size: 28px; } }
      .chart__auto .chart__title h3 {
        font-size: 20px;
        font-weight: bold; }
      .chart__auto .chart__title sup {
        font-size: 16px;
        top: -14px;
        font-weight: 700; }
    .chart__auto .chart__subhead {
      text-align: center; }
      @media screen {
        .chart__auto .chart__subhead {
          padding: 30px 10px 5px 10px; } }
      .chart__auto .chart__subhead h3 {
        font-size: 20px;
        font-weight: bold; }
      .chart__auto .chart__subhead .options__text + .options__input {
        margin-top: 15px; }
      .chart__auto .chart__subhead .options__inputs {
        width: 100%; }
        @media screen and (min-width: 768px) {
          .chart__auto .chart__subhead .options__inputs {
            display: flex; } }
        @media print {
          .chart__auto .chart__subhead .options__inputs {
            display: flex; } }
        @media screen and (min-width: 768px) {
          .chart__auto .chart__subhead .options__inputs .options__input {
            width: 50%; } }
        @media print {
          .chart__auto .chart__subhead .options__inputs .options__input {
            width: 50%; } }
        @media screen and (min-width: 768px) {
          .chart__auto .chart__subhead .options__inputs .options__input:nth-child(odd) .filter {
            margin-left: auto;
            margin-right: 15px; } }
        @media print {
          .chart__auto .chart__subhead .options__inputs .options__input:nth-child(odd) .filter {
            margin-left: auto;
            margin-right: 15px; } }
        @media screen and (min-width: 768px) {
          .chart__auto .chart__subhead .options__inputs .options__input:nth-child(even) .filter {
            margin-right: auto;
            margin-left: 15px; } }
        @media print {
          .chart__auto .chart__subhead .options__inputs .options__input:nth-child(even) .filter {
            margin-right: auto;
            margin-left: 15px; } }
        .chart__auto .chart__subhead .options__inputs .options__input + .options__input {
          margin-top: 10px; }
          @media screen and (min-width: 768px) {
            .chart__auto .chart__subhead .options__inputs .options__input + .options__input {
              margin-top: 0; } }
          @media print {
            .chart__auto .chart__subhead .options__inputs .options__input + .options__input {
              margin-top: 0; } }
    .chart__auto .chart__options {
      position: relative;
      font-weight: 600;
      font-size: 13px; }
      .chart__auto .chart__options:not(.noborder) {
        margin-top: 20px; }
        .chart__auto .chart__options:not(.noborder):before, .chart__auto .chart__options:not(.noborder):after {
          content: "";
          height: 1px;
          width: 100%;
          max-width: 486px;
          margin: 10px auto;
          display: block; }
        .chart__auto .chart__options:not(.noborder):before {
          margin-bottom: 10px; }
        .chart__auto .chart__options:not(.noborder):after {
          margin-top: 10px; }
      .chart__auto .chart__options.noborder .options__inner {
        min-height: 44px; }
      .chart__auto .chart__options .options__inner {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: wrap; }
        .chart__auto .chart__options .options__inner .options__text,
        .chart__auto .chart__options .options__inner .options__input {
          margin: auto 0;
          padding: 0 5px; }
        .chart__auto .chart__options .options__inner .options__inputs {
          width: 100%;
          display: flex;
          flex-flow: wrap;
          justify-content: center; }
          @media screen and (min-width: 768px) {
            .chart__auto .chart__options .options__inner .options__inputs {
              width: auto; } }
          @media print {
            .chart__auto .chart__options .options__inner .options__inputs {
              width: auto; } }
          .chart__auto .chart__options .options__inner .options__inputs + .options__inputs {
            margin-top: 8px; }
            @media screen and (min-width: 768px) {
              .chart__auto .chart__options .options__inner .options__inputs + .options__inputs {
                margin-top: 0; } }
            @media print {
              .chart__auto .chart__options .options__inner .options__inputs + .options__inputs {
                margin-top: 0; } }
    .chart__auto .chart__body {
      width: 100%;
      font-size: 15px; }
      .chart__auto .chart__body strong {
        font-weight: 600; }
      .chart__auto .chart__body .chart__sankey {
        margin-top: 80px;
        margin-bottom: 20px;
        padding: 0; }
        .chart__auto .chart__body .chart__sankey [data-highcharts-chart] {
          overflow: visible !important; }
        .chart__auto .chart__body .chart__sankey .highcharts-node.highcharts-color-0 {
          display: none; }
        .chart__auto .chart__body .chart__sankey .chart__inner {
          position: relative; }
          @media screen and (min-width: 768px) {
            .chart__auto .chart__body .chart__sankey .chart__inner {
              padding-left: 100px; } }
          @media print {
            .chart__auto .chart__body .chart__sankey .chart__inner {
              padding-left: 100px; } }
          @media screen and (min-width: 768px) {
            .chart__auto .chart__body .chart__sankey .chart__inner:before {
              content: "";
              position: absolute;
              top: -6px;
              left: 0;
              height: calc(50% + 10px);
              width: 80px;
              background-image: url("/assets/images/line-dotted.svg");
              background-repeat: no-repeat;
              background-position: 100% 50%; } }
          @media print {
            .chart__auto .chart__body .chart__sankey .chart__inner:before {
              content: "";
              position: absolute;
              top: -6px;
              left: 0;
              height: calc(50% + 10px);
              width: 80px;
              background-image: url("/assets/images/line-dotted.svg");
              background-repeat: no-repeat;
              background-position: 100% 50%; } }
        .chart__auto .chart__body .chart__sankey .highcharts-sankey-series .highcharts-link {
          fill-opacity: 1; }
        .chart__auto .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0 {
          position: relative;
          height: 100%; }
          .chart__auto .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0 .highcharts-data-label-hidden {
            opacity: 1 !important; }
          .chart__auto .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
            position: absolute;
            top: 0;
            right: 8px;
            width: 6px;
            height: 100%; }
            @media screen and (min-width: 768px) {
              .chart__auto .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
                content: ""; } }
            @media print {
              .chart__auto .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
                content: ""; } }
          .chart__auto .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
            position: absolute;
            top: 50%;
            right: 0px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 15px 10px 15px 0;
            transform: translateX(-100%) translateY(-50%); }
            @media screen and (min-width: 768px) {
              .chart__auto .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
                content: ""; } }
            @media print {
              .chart__auto .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
                content: ""; } }
        .chart__auto .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels .highcharts-data-label-color-2 {
          top: 0 !important; }
        .chart__auto .chart__body .chart__sankey .highcharts-sankey-series .highcharts-node.highcharts-color-2 {
          pointer-events: none; }
        .chart__auto .chart__body .chart__sankey .label__from {
          width: 140px !important; }
          @media screen and (min-width: 768px) {
            .chart__auto .chart__body .chart__sankey .label__from {
              width: 160px !important;
              text-align: center;
              transform: translateX(-50%);
              margin-left: -40px; } }
          @media print {
            .chart__auto .chart__body .chart__sankey .label__from {
              width: 160px !important;
              text-align: center;
              transform: translateX(-50%);
              margin-left: -40px; } }
          .chart__auto .chart__body .chart__sankey .label__from b {
            display: block;
            font-family: "PSM";
            font-size: 18px;
            transform: translateY(-50px);
            white-space: initial; }
            @media screen and (min-width: 768px) {
              .chart__auto .chart__body .chart__sankey .label__from b {
                transform: translateY(-50px); } }
            @media print {
              .chart__auto .chart__body .chart__sankey .label__from b {
                transform: translateY(-50px); } }
        .chart__auto .chart__body .chart__sankey .label__to__all {
          position: absolute;
          top: 0;
          right: 0%;
          text-align: left;
          width: 120px; }
          .chart__auto .chart__body .chart__sankey .label__to__all b {
            display: block;
            width: 100%;
            font-family: "PSM";
            font-size: 18px;
            line-height: 1.2;
            transform: translateY(-50px) translateX(0%); }
        .chart__auto .chart__body .chart__sankey .label__other {
          position: relative;
          transform: translateX(40px) translateY(0%);
          width: 10px;
          height: 100%; }
          .chart__auto .chart__body .chart__sankey .label__other .triangle {
            position: absolute;
            top: 50%;
            left: 15px;
            width: 0px;
            height: 0;
            transform: translateY(-50%);
            border-style: solid; }
          .chart__auto .chart__body .chart__sankey .label__other span {
            position: absolute;
            top: 50%;
            left: 40px;
            display: block;
            transform: translateY(-50%);
            font-size: 12px;
            margin-top: -5px;
            font-weight: 400;
            white-space: initial;
            width: 80px; }
            @media screen and (min-width: 768px) {
              .chart__auto .chart__body .chart__sankey .label__other span {
                width: auto;
                white-space: nowrap; } }
            @media print {
              .chart__auto .chart__body .chart__sankey .label__other span {
                width: auto;
                white-space: nowrap; } }
        .chart__auto .chart__body .chart__sankey .label__to {
          position: relative;
          left: 0;
          width: 120px;
          margin-left: 0px;
          text-align: left; }
          @media screen and (min-width: 768px) {
            .chart__auto .chart__body .chart__sankey .label__to {
              width: 140px; } }
          @media print {
            .chart__auto .chart__body .chart__sankey .label__to {
              width: 140px; } }
          .chart__auto .chart__body .chart__sankey .label__to[style="font-weight: bold;"] .city {
            font-weight: 700; }
          .chart__auto .chart__body .chart__sankey .label__to:not(.label__to__same) {
            transform: translateX(100%) translateY(50%); }
            .chart__auto .chart__body .chart__sankey .label__to:not(.label__to__same) .triangle {
              top: 50%;
              transform: translateY(-50%) translateX(-10px); }
          .chart__auto .chart__body .chart__sankey .label__to.label__to__same {
            position: absolute;
            transform: translateX(10px);
            left: 0;
            top: 0; }
            .chart__auto .chart__body .chart__sankey .label__to.label__to__same .triangle {
              transform: translateX(-10px);
              top: 0; }
          .chart__auto .chart__body .chart__sankey .label__to .triangle {
            position: absolute;
            right: 100%;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: transparent transparent transparent white; }
          .chart__auto .chart__body .chart__sankey .label__to .city {
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
            padding-left: 0px;
            font-size: 12px;
            font-weight: 400;
            transform: translateX(-5px); }
            @media screen and (min-width: 768px) {
              .chart__auto .chart__body .chart__sankey .label__to .city {
                transform: translateX(0px); } }
            @media print {
              .chart__auto .chart__body .chart__sankey .label__to .city {
                transform: translateX(0px); } }
            .chart__auto .chart__body .chart__sankey .label__to .city span {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              display: block;
              width: 100%;
              margin: auto 0;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
    .chart__auto .chart .chart__realestate .chart__sankey .triangle.color-1 {
      border-color: transparent transparent transparent #ffd74b; }
    .chart__auto .chart .chart__realestate .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
      background-color: #3c3c3c; }
    .chart__auto .chart .chart__realestate .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
      border-color: transparent #3c3c3c transparent transparent; }
    .chart__auto .chart .chart__realestate .chart__sankey .highcharts-sankey-series .label__to .triangle {
      border-color: transparent transparent transparent #5a3787; }
    .chart__auto .chart .chart__vacation .chart__sankey .triangle.color-1 {
      border-color: transparent transparent transparent #ffd74b; }
    .chart__auto .chart .chart__vacation .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
      background-color: #3c3c3c; }
    .chart__auto .chart .chart__vacation .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
      border-color: transparent #3c3c3c transparent transparent; }
    .chart__auto .chart .chart__vacation .chart__sankey .highcharts-sankey-series .label__to .triangle {
      border-color: transparent transparent transparent #ffbe00; }
    .chart__auto .chart__core {
      width: 100%; }
      @media screen {
        .chart__auto .chart__core {
          display: flex;
          flex-wrap: wrap; } }
      .chart__auto .chart__core .chart__nosplit {
        position: relative;
        width: 100%;
        padding: 0 10px; }
        .chart__auto .chart__core .chart__nosplit .chart__map {
          max-width: 480px;
          margin: 0 auto; }
      .chart__auto .chart__core.split__invert {
        display: flex;
        flex-flow: wrap-reverse; }
        @media screen and (min-width: 768px) {
          .chart__auto .chart__core.split__invert {
            flex-flow: wrap; } }
        @media print {
          .chart__auto .chart__core.split__invert {
            flex-flow: wrap; } }
        .chart__auto .chart__core.split__invert .cmp__edito {
          min-height: 0;
          padding: 20px 0; }
      @media screen and (min-width: 768px) {
        .chart__auto .chart__core.invert {
          display: flex;
          flex-flow: row-reverse; } }
      @media print {
        .chart__auto .chart__core.invert {
          display: flex;
          flex-flow: row-reverse; } }
      .chart__auto .chart__core:not(.split__invert) .chart__split .cmp__edito {
        min-height: 0;
        padding: 20px 0; }
        @media screen and (min-width: 768px) {
          .chart__auto .chart__core:not(.split__invert) .chart__split .cmp__edito {
            min-height: 460px;
            padding: 20px 10px; } }
      .chart__auto .chart__core:not(.split__invert) .chart__split + .chart__split:before {
        content: "";
        width: 100%;
        height: 1px;
        display: block;
        margin: 20px 0 10px 0; }
        @media screen and (min-width: 768px) {
          .chart__auto .chart__core:not(.split__invert) .chart__split + .chart__split:before {
            content: initial; } }
        @media print {
          .chart__auto .chart__core:not(.split__invert) .chart__split + .chart__split:before {
            content: initial; } }
      .chart__auto .chart__core .chart__split {
        position: relative;
        width: 100%;
        padding: 0 10px; }
        @media screen and (min-width: 768px) {
          .chart__auto .chart__core .chart__split {
            width: 50%;
            padding: 0; } }
        @media print {
          .chart__auto .chart__core .chart__split {
            width: 100%;
            padding: 0; } }
        .chart__auto .chart__core .chart__split.split__left {
          text-align: left; }
          @media screen and (min-width: 768px) {
            .chart__auto .chart__core .chart__split.split__left {
              padding-right: 10px; } }
        .chart__auto .chart__core .chart__split.split__right {
          text-align: right; }
          @media screen and (min-width: 768px) {
            .chart__auto .chart__core .chart__split.split__right {
              padding-left: 10px; } }
    .chart__auto .chart__histogram {
      padding: 20px 0; }
      @media screen and (min-width: 768px) {
        .chart__auto .chart__histogram {
          padding: 20px; } }
    .chart__auto .chart__histogram .call-to-action, .chart__auto .chart__map .call-to-action {
      text-align: right;
      margin-top: 20px; }
    .chart__auto .chart__histogram .chart__title, .chart__auto .chart__map .chart__title {
      text-align: center;
      margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .chart__auto .chart__map {
        padding: 20px; } }
    .chart__auto .chart__map .interactive path {
      cursor: pointer;
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease; }
      .chart__auto .chart__map .interactive path:hover {
        fill-opacity: 0.8; }
    .chart__auto .chart__title {
      margin-top: 24px;
      padding: 0 30px; }
      .chart__auto .chart__title br {
        display: none; }
        @media screen and (min-width: 768px) {
          .chart__auto .chart__title br {
            display: block; } }
  .chart__auto .input {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    .chart__auto .input input[type="radio"] {
      appearance: none;
      position: absolute;
      opacity: 0;
      width: 0;
      height: 0;
      padding: 0; }
    .chart__auto .input input:checked + .radio__like:before {
      opacity: 1; }
    .chart__auto .input input[type="checkbox"].cmp__switcher {
      height: 0;
      width: 0;
      visibility: hidden;
      appearance: none;
      -webkit-appearance: none; }
      .chart__auto .input input[type="checkbox"].cmp__switcher:checked ~ .switcher__like:after {
        left: calc(100% - 3px);
        transform: translateX(-100%) translateY(-50%); }
    .chart__auto .input .radio__label, .chart__auto .input .radio__like {
      cursor: pointer; }
    .chart__auto .input .radio__label {
      padding-left: 25px;
      padding-right: 10px; }
    .chart__auto .input .radio__like {
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden; }
      .chart__auto .input .radio__like svg {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 95px;
        height: 17px;
        transform: translateX(-50%); }
      .chart__auto .input .radio__like:before {
        content: "";
        pointer-events: none;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5;
        width: 10px;
        height: 10px;
        transform: translateY(-50%) translateX(-50%);
        background-color: white;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease; }
      .chart__auto .input .radio__like:hover:before {
        opacity: 0.3; }
    .chart__auto .input .switcher__label, .chart__auto .input .switcher__like {
      cursor: pointer; }
    .chart__auto .input .switcher__label {
      padding: 0 5px; }
      .chart__auto .input .switcher__label.label__on {
        padding-right: 15px; }
      .chart__auto .input .switcher__label.label__off {
        padding-left: 15px; }
    .chart__auto .input .switcher__like {
      cursor: pointer;
      text-indent: -9999px;
      width: 40px;
      height: 20px;
      display: block;
      border-radius: 100px;
      position: relative;
      margin-top: auto;
      margin-bottom: auto;
      overflow: hidden; }
      .chart__auto .input .switcher__like svg {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 95px;
        height: 17px;
        transform: translateX(-50%); }
      .chart__auto .input .switcher__like:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 3px;
        transform: translateY(-50%);
        background: #fff;
        -webkit-border-radius: 90px;
        -moz-border-radius: 90px;
        -ms-border-radius: 90px;
        border-radius: 90px;
        box-sizing: border-box;
        height: 15px;
        width: 15px;
        border: 1px solid #e0e7ff;
        background: linear-gradient(180deg, #eaeaea 0%, #ffffff 100%);
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
        transition: 0.3s; }
      .chart__auto .input .switcher__like:hover:after {
        opacity: 0.8; }
      .chart__auto .input .switcher__like:active:after {
        width: 30px; }
  .chart__auto .colored__auto {
    color: #dc002d; }
  .chart__auto .chart__auto .chart__split + .chart__split:before {
    background-color: #d7e1f5; }
  .chart__auto .colored__realestate {
    color: #7346aa; }
  .chart__auto .chart__realestate .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__auto .colored__vacation {
    color: #2d5fa0; }
  .chart__auto .chart__vacation .chart__split + .chart__split:before {
    background-color: #3c78c8; }
  .chart__auto .colored__employment {
    color: #04848c; }
  .chart__auto .chart__employment .chart__split + .chart__split:before {
    background-color: #facdd2; }
  .chart__auto .colored__consumption {
    color: #3c3c3c; }
  .chart__auto .chart__consumption .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__auto .colored__vacation__2 {
    color: #666666; }
  .chart__auto .colored__test__2 {
    color: #666666; }
  .chart__auto .chart__options__auto:before, .chart__auto .chart__options__auto:after {
    background-color: #d7e1f5; }
  .chart__auto .chart__options__realestate:before, .chart__auto .chart__options__realestate:after {
    background-color: #e6d7f0; }
  .chart__auto .chart__options__vacation:before, .chart__auto .chart__options__vacation:after {
    background-color: #7346aa; }
  .chart__auto .chart__options__employment:before, .chart__auto .chart__options__employment:after, .chart__auto #7346aa:before, .chart__auto #7346aa:after {
    background-color: consumption, #7346aa; }
  .chart__auto .chart__options__auto .input .radio__like {
    background-color: #dc002d;
    color: #870019; }
  .chart__auto .chart__options__auto .input .switcher__like {
    background-color: #dc002d;
    color: #870019; }
  .chart__auto .chart__options__realestate .input .radio__like {
    background-color: #7346aa;
    color: #412864; }
  .chart__auto .chart__options__realestate .input .switcher__like {
    background-color: #7346aa;
    color: #412864; }
  .chart__auto .chart__options__vacation .input .radio__like {
    background-color: #7346aa;
    color: #e6d7f0; }
  .chart__auto .chart__options__vacation .input .switcher__like {
    background-color: #7346aa;
    color: #e6d7f0; }
  .chart__auto .cmp__edito {
    text-align: left;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    min-height: 460px; }
    .chart__auto .cmp__edito .cmp__inner {
      position: relative;
      width: 100%;
      margin: auto; }
      .chart__auto .cmp__edito .cmp__inner .pix {
        width: 100%; }
        .chart__auto .cmp__edito .cmp__inner .pix img {
          display: block;
          width: 100%; }
        .chart__auto .cmp__edito .cmp__inner .pix + .edito {
          margin-top: 30px; }
      .chart__auto .cmp__edito .cmp__inner .edito {
        font-size: 15px;
        width: 100%; }
        .chart__auto .cmp__edito .cmp__inner .edito + .call-to-action {
          margin-top: 30px; }
    .chart__auto .cmp__edito .call-to-action {
      width: 100%;
      text-align: right; }
      .chart__auto .cmp__edito .call-to-action .btn {
        width: auto;
        margin-left: auto;
        margin-right: 0; }
  .chart__auto .filter {
    margin: 0 auto; }
    .chart__auto .filter:not(.filter__large) {
      max-width: 240px; }
    .chart__auto .filter.filter__large {
      max-width: 300px; }
  .chart__auto .legends__map {
    display: flex;
    flex-flow: wrap;
    padding: 5px 0;
    align-items: center;
    justify-content: center;
    margin-top: 20px; }
    .chart__auto .legends__map span br {
      display: none; }
      @media screen and (min-width: 768px) {
        .chart__auto .legends__map span br {
          display: inline-block; } }
    .chart__auto .legends__map span.empty {
      display: block;
      min-width: 30px; }
    .chart__auto .legends__map + .link__wrapp {
      font-size: 11px;
      font-weight: 600; }
  .chart__auto .legends__mode__evolution:before {
    content: attr(data-legend-text);
    display: block;
    width: 100%;
    margin-bottom: 8px;
    font-size: 11px; }
  .chart__auto .legends .legend {
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3; }
    @media screen and (min-width: 768px) {
      .chart__auto .legends .legend {
        font-size: 12px; } }
    .chart__auto .legends .legend__min {
      padding-right: 5px;
      text-align: right;
      max-width: calc(50% - 66px); }
    .chart__auto .legends .legend__max {
      text-align: left;
      padding-left: 5px;
      max-width: calc(50% - 66px); }
    .chart__auto .legends .legend__colors {
      position: relative;
      display: flex;
      flex-flow: wrap;
      justify-content: center; }
      .chart__auto .legends .legend__colors:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        background-color: #e0e0e0;
        width: calc(100% - 10px);
        height: 24px;
        transform: translateX(-50%) translateY(-50%);
        border-radius: 6px; }
      .chart__auto .legends .legend__colors .color {
        position: relative;
        width: 16px;
        height: 16px; }
  .chart__auto .colored__auto {
    color: #dc002d; }
  .chart__auto .chart__auto .chart__split + .chart__split:before {
    background-color: #d7e1f5; }
  .chart__auto .colored__realestate {
    color: #7346aa; }
  .chart__auto .chart__realestate .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__auto .colored__vacation {
    color: #2d5fa0; }
  .chart__auto .chart__vacation .chart__split + .chart__split:before {
    background-color: #3c78c8; }
  .chart__auto .colored__employment {
    color: #04848c; }
  .chart__auto .chart__employment .chart__split + .chart__split:before {
    background-color: #facdd2; }
  .chart__auto .colored__consumption {
    color: #3c3c3c; }
  .chart__auto .chart__consumption .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__auto .colored__vacation__2 {
    color: #666666; }
  .chart__auto .colored__test__2 {
    color: #666666; }
  .chart__auto .filter__control {
    position: relative;
    border-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    box-shadow: none !important; }
    .chart__auto .filter__control.filter__control--is-menu-open .filter__dropdown-indicator:before {
      content: "\F068"; }
  .chart__auto .filter__control--is-focused {
    border-color: transparent; }
  .chart__auto .filter__indicator-separator {
    display: none; }
  .chart__auto .filter__value-container {
    padding: 0;
    width: 100%;
    align-items: flex-start; }
    .chart__auto .filter__value-container .filter__single-value {
      font-size: 16px;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding-right: 30px;
      margin-left: 0; }
      @media screen and (min-width: 768px) {
        .chart__auto .filter__value-container .filter__single-value {
          padding-right: 24px;
          font-size: 13px; } }
    .chart__auto .filter__value-container input {
      width: 100%;
      height: 24px;
      font-size: 16px !important; }
      @media screen and (min-width: 768px) {
        .chart__auto .filter__value-container input {
          font-size: 13px !important; } }
  .chart__auto .filter.filter__icon__ .filter__input {
    pointer-events: none; }
  .chart__auto .filter.filter__icon__ .filter__value-container .filter__placeholder {
    color: #666666; }
  .chart__auto .filter:not(.filter__icon__) .filter__value-container .filter__placeholder {
    color: #c1c1c1; }
  .chart__auto .filter:not(.filter__icon__).filter__icon__search .filter__dropdown-indicator svg {
    display: none; }
  .chart__auto .filter:not(.filter__icon__).filter__icon__search .filter__dropdown-indicator:before {
    content: "\F002"; }
  .chart__auto .filter__indicators {
    height: 38px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%); }
  .chart__auto .filter__dropdown-indicator {
    color: #333333 !important; }
    .chart__auto .filter__dropdown-indicator:before {
      font-family: "Font Awesome 5 Pro"; }
  .chart__auto .filter__single-value {
    padding: 0 8px;
    border-radius: 2px;
    font-size: 12px; }
  .chart__auto .filter__menu {
    margin: 0 auto;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25); }
    .chart__auto .filter__menu .filter__option {
      color: inherit;
      font-size: 13px;
      height: auto;
      min-height: 26px; }
      .chart__auto .filter__menu .filter__option:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        opacity: 0; }
      .chart__auto .filter__menu .filter__option:hover {
        background-color: transparent; }
        .chart__auto .filter__menu .filter__option:hover:before {
          opacity: 1; }
    .chart__auto .filter__menu .filter__option--no-options {
      background-color: red !important; }
  .chart__auto .filter__option {
    text-align: left;
    background-color: white;
    position: relative;
    color: #333333;
    font-size: 13px;
    font-weight: 600;
    min-height: 28px;
    cursor: pointer; }
    .chart__auto .filter__option--is-focused {
      background-color: #00395e;
      color: white; }
  .chart__auto .filter__group {
    padding: 0; }
  .chart__auto .filter__noclose .filter__clear-indicator {
    display: none; }
  .chart__auto .filter__clear-indicator {
    position: absolute;
    left: 100%;
    width: 20px;
    height: 20px;
    background-color: #666666;
    border-radius: 50%;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important; }
    .chart__auto .filter__clear-indicator svg {
      display: none; }
    .chart__auto .filter__clear-indicator:before {
      font-family: "Font Awesome 5 Pro";
      content: "\F00D";
      color: white;
      text-align: center;
      margin: auto;
      font-size: 10px; }
  .chart__auto .filter__control {
    color: #000000;
    font-size: 13px;
    font-weight: 600; }
    .chart__auto .filter__control:hover {
      opacity: 0.8; }
  .chart__auto .filter__auto.filter__icon__ .filter__control {
    border-color: #facdd2;
    background-color: #facdd2; }
    .chart__auto .filter__auto.filter__icon__ .filter__control:hover {
      border-color: #facdd2; }
    .chart__auto .filter__auto.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: #facdd2; }
  .chart__auto .filter__auto.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__auto .filter__auto.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__auto .filter__auto:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #facdd2;
    background-color: white; }
    .chart__auto .filter__auto:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #facdd2; }
    .chart__auto .filter__auto:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: white; }
  .chart__auto .filter__realestate.filter__icon__ .filter__control {
    border-color: #facdd2;
    background-color: #facdd2; }
    .chart__auto .filter__realestate.filter__icon__ .filter__control:hover {
      border-color: #facdd2; }
    .chart__auto .filter__realestate.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: #facdd2; }
  .chart__auto .filter__realestate.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(242, 235, 247, 0.3); }
  .chart__auto .filter__realestate.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(242, 235, 247, 0.3); }
  .chart__auto .filter__realestate:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #facdd2;
    background-color: white; }
    .chart__auto .filter__realestate:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #facdd2; }
    .chart__auto .filter__realestate:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: white; }
  .chart__auto .filter__vacation.filter__icon__ .filter__control {
    border-color: #fff0cd;
    background-color: #fff0cd; }
    .chart__auto .filter__vacation.filter__icon__ .filter__control:hover {
      border-color: #fff0cd; }
    .chart__auto .filter__vacation.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #fff0cd;
      background-color: #fff0cd; }
  .chart__auto .filter__vacation.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(255, 247, 230, 0.3); }
  .chart__auto .filter__vacation.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(255, 247, 230, 0.3); }
  .chart__auto .filter__vacation:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #fff0cd;
    background-color: white; }
    .chart__auto .filter__vacation:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #fff0cd; }
    .chart__auto .filter__vacation:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #fff0cd;
      background-color: white; }
  .chart__auto .filter__employment.filter__icon__ .filter__control {
    border-color: #facdd2;
    background-color: #facdd2; }
    .chart__auto .filter__employment.filter__icon__ .filter__control:hover {
      border-color: #facdd2; }
    .chart__auto .filter__employment.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: #facdd2; }
  .chart__auto .filter__employment.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__auto .filter__employment.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__auto .filter__employment:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #facdd2;
    background-color: white; }
    .chart__auto .filter__employment:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #facdd2; }
    .chart__auto .filter__employment:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: white; }
  .chart__auto .filter__consumption.filter__icon__ .filter__control {
    border-color: #ffe381;
    background-color: #ffe381; }
    .chart__auto .filter__consumption.filter__icon__ .filter__control:hover {
      border-color: #ffe381; }
    .chart__auto .filter__consumption.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #ffe381;
      background-color: #ffe381; }
  .chart__auto .filter__consumption.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(255, 227, 129, 0.3); }
  .chart__auto .filter__consumption.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(255, 227, 129, 0.3); }
  .chart__auto .filter__consumption:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #ffe381;
    background-color: white; }
    .chart__auto .filter__consumption:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #ffe381; }
    .chart__auto .filter__consumption:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #ffe381;
      background-color: white; }
  .chart__auto .split__left .chart__histogram {
    padding-left: 0; }
  .chart__auto .highcharts-container.chart__own {
    font-family: "Open Sans";
    /* Tooltip */ }
    .chart__auto .highcharts-container.chart__own.chart-bar-vertical .highcharts-point-hover {
      fill: #dc002d !important; }
    .chart__auto .highcharts-container.chart__own.chart-bar-vertical .axis__labels {
      width: auto;
      display: block; }
      .chart__auto .highcharts-container.chart__own.chart-bar-vertical .axis__labels .axis__label__x {
        text-align: center;
        white-space: normal;
        margin: auto;
        min-width: 68px;
        font-size: 10px; }
    .chart__auto .highcharts-container.chart__own .bar__value {
      color: #dc002d;
      font-size: 18px;
      font-weight: 800;
      font-family: "PSM"; }
    .chart__auto .highcharts-container.chart__own .highcharts-xaxis-labels {
      width: 100%;
      left: 0 !important; }
    .chart__auto .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels {
      width: 100%;
      display: block;
      text-align: right;
      color: #333333;
      white-space: initial; }
      .chart__auto .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels span {
        width: 100%;
        display: block;
        text-transform: none;
        text-align: right; }
        .chart__auto .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels span.axis__label {
          width: 100% !important;
          font-weight: 400;
          font-size: 13px;
          color: inherit;
          line-height: 1.2;
          text-transform: none;
          margin-left: auto;
          margin-right: 0;
          padding-right: 10px;
          white-space: pre-wrap; }
      .chart__auto .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels .axis__label__x {
        text-align: right; }
      .chart__auto .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels .axis__label__y {
        font-size: 10px; }
    .chart__auto .highcharts-container.chart__own.chart-bar-vertical .axis__labels {
      text-align: center;
      line-height: 1; }
      .chart__auto .highcharts-container.chart__own.chart-bar-vertical .axis__labels .axis__label__x {
        text-align: center; }
    .chart__auto .highcharts-container.chart__own .axis__labels {
      color: #333333; }
      .chart__auto .highcharts-container.chart__own .axis__labels span {
        top: 0;
        font-weight: 400;
        font-size: 13px;
        color: inherit;
        line-height: 1.2;
        text-transform: none; }
      .chart__auto .highcharts-container.chart__own .axis__labels .axis__label__x {
        text-align: right; }
      .chart__auto .highcharts-container.chart__own .axis__labels .axis__label__y {
        font-size: 10px; }
    .chart__auto .highcharts-container.chart__own .highcharts-legend-item {
      pointer-events: none; }
      .chart__auto .highcharts-container.chart__own .highcharts-legend-item.bar__ {
        font-weight: 600;
        font-size: 11px;
        padding-right: 5px; }
        @media screen and (min-width: 768px) {
          .chart__auto .highcharts-container.chart__own .highcharts-legend-item.bar__ {
            font-size: 13px; } }
        .chart__auto .highcharts-container.chart__own .highcharts-legend-item.bar__ span {
          transform: translateY(-5px); }
    .chart__auto .highcharts-container.chart__own .highcharts-axis-labels {
      color: #333333;
      fill: #333333;
      font-size: 13px; }
    .chart__auto .highcharts-container.chart__own .highcharts-background {
      background-color: transparent;
      fill: none; }
    .chart__auto .highcharts-container.chart__own .highcharts-tooltip {
      cursor: default;
      pointer-events: none;
      white-space: nowrap;
      transition: stroke 150ms;
      min-width: 162px;
      width: 100%;
      max-width: 220px;
      z-index: 5000; }
    .chart__auto .highcharts-container.chart__own .highcharts-tooltip text {
      fill: white; }
    .chart__auto .highcharts-container.chart__own .highcharts-tooltip .highcharts-header {
      font-size: 0.85em; }
    .chart__auto .highcharts-container.chart__own .highcharts-tooltip-box {
      stroke-width: 0;
      fill: white;
      fill-opacity: 1;
      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25); }
    .chart__auto .highcharts-container.chart__own .highcharts-tooltip-box .highcharts-label-box {
      fill: white;
      fill-opacity: 0.85; }
  .chart__auto .highcharts-container.chart-bar-top10 .highcharts-point.highcharts-color-1 {
    color: red;
    position: relative; }
    .chart__auto .highcharts-container.chart-bar-top10 .highcharts-point.highcharts-color-1:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
      background-color: red;
      z-index: 100;
      fill: url("#uiPattern"); }
  .chart__auto .uk-tooltip.tooltip-map {
    height: auto;
    display: block;
    min-width: 80px;
    max-width: 220px;
    padding: 10px;
    padding: 10px;
    transform: translateX(-50%) translateY(-50%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: white;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    opacity: 1;
    z-index: 5000 !important; }
    .chart__auto .uk-tooltip.tooltip-map .tooltip__value b,
    .chart__auto .uk-tooltip.tooltip-map .tooltip__value strong {
      font-family: "PSM";
      font-weight: 800; }
    .chart__auto .uk-tooltip.tooltip-map .line {
      line-height: 1;
      font-size: 12px;
      font-weight: 600; }
      .chart__auto .uk-tooltip.tooltip-map .line h3 {
        font-size: 14px; }
      .chart__auto .uk-tooltip.tooltip-map .line b,
      .chart__auto .uk-tooltip.tooltip-map .line strong {
        font-weight: 800;
        font-size: 22px; }
        .chart__auto .uk-tooltip.tooltip-map .line b.point__value,
        .chart__auto .uk-tooltip.tooltip-map .line strong.point__value {
          font-size: 22px; }
          .chart__auto .uk-tooltip.tooltip-map .line b.point__value p,
          .chart__auto .uk-tooltip.tooltip-map .line strong.point__value p {
            font-size: 18px; }
      .chart__auto .uk-tooltip.tooltip-map .line span {
        color: #333333; }
  .chart__auto .uk-tooltip.tooltip-chart {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    min-width: 100%;
    max-width: 220px;
    padding: 10px;
    padding: 10px;
    transform: translateX(-50%) translateY(-90%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: white;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    font-size: 13px;
    line-height: 1.2;
    font-weight: normal;
    white-space: initial;
    border: none;
    text-align: left; }
    .chart__auto .uk-tooltip.tooltip-chart.tooltip-chartHorizontalBar {
      transform: translateX(-50%) translateY(-90%); }
    .chart__auto .uk-tooltip.tooltip-chart.tooltip-chartbubble {
      transform: translateX(-50%) translateY(-90%); }
    .chart__auto .uk-tooltip.tooltip-chart * {
      text-shadow: none; }
    .chart__auto .uk-tooltip.tooltip-chart .line {
      line-height: 1; }
      .chart__auto .uk-tooltip.tooltip-chart .line h3 {
        font-size: 14px; }
      .chart__auto .uk-tooltip.tooltip-chart .line b,
      .chart__auto .uk-tooltip.tooltip-chart .line strong {
        font-weight: 800; }
        .chart__auto .uk-tooltip.tooltip-chart .line b.point__value,
        .chart__auto .uk-tooltip.tooltip-chart .line strong.point__value {
          font-size: 22px; }
      .chart__auto .uk-tooltip.tooltip-chart .line span {
        color: #333333; }
      .chart__auto .uk-tooltip.tooltip-chart .line.line1 {
        font-weight: 600; }
    .chart__auto .uk-tooltip.tooltip-chart .color-1 {
      color: "grey" #9ba6b2; }
    .chart__auto .uk-tooltip.tooltip-chart .color-2 {
      color: "grey-light" #ccd4dd; }
    .chart__auto .uk-tooltip.tooltip-chart .color-3 {
      color: "grey-dark" #707982; }
    .chart__auto .uk-tooltip.tooltip-chart .color-4 {
      color: "purple" #8f4c98; }
    .chart__auto .uk-tooltip.tooltip-chart .color-5 {
      color: "purple-light" #bc92c1; }
    .chart__auto .uk-tooltip.tooltip-chart .color-6 {
      color: "purple-dark" #482856; }
    .chart__auto .uk-tooltip.tooltip-chart .color-7 {
      color: "pink" #e72c65; }
    .chart__auto .uk-tooltip.tooltip-chart .color-8 {
      color: "pink-light" #ee7999; }
    .chart__auto .uk-tooltip.tooltip-chart .color-9 {
      color: "pink-dark" #a52248; }
    .chart__auto .uk-tooltip.tooltip-chart .color-10 {
      color: "turquoise" #008c88; }
    .chart__auto .uk-tooltip.tooltip-chart .color-11 {
      color: "turquoise-light" #00aead; }
    .chart__auto .uk-tooltip.tooltip-chart .color-12 {
      color: "turquoise-dark" #136775; }
    .chart__auto .uk-tooltip.tooltip-chart .color-13 {
      color: "yellow" #ffc923; }
    .chart__auto .uk-tooltip.tooltip-chart .color-14 {
      color: "yellow-light" #ffee18; }
    .chart__auto .uk-tooltip.tooltip-chart .color-15 {
      color: "yellow-dark" #ff9622; }
    .chart__auto .uk-tooltip.tooltip-chart .color-16 {
      color: "green" #a3c515; }
    .chart__auto .uk-tooltip.tooltip-chart .color-17 {
      color: "green-light" #d8d90b; }
    .chart__auto .uk-tooltip.tooltip-chart .color-18 {
      color: "green-dark" #74cd50; }
    .chart__auto .uk-tooltip.tooltip-chart .color-19 {
      color: "cyan" #00a6c2; }
    .chart__auto .uk-tooltip.tooltip-chart .color-20 {
      color: "cyan-light" #7fc1da; }
    .chart__auto .uk-tooltip.tooltip-chart .color-21 {
      color: "cyan-dark" #108ba4; }
  .chart__auto .highcharts-tooltip-container {
    z-index: 9999 !important; }
    .chart__auto .highcharts-tooltip-container .highcharts-root {
      display: none !important; }
    .chart__auto .highcharts-tooltip-container .tooltip__chart__bar .uk-tooltip.tooltip-chart {
      min-width: 160px; }
    .chart__auto .highcharts-tooltip-container .tooltip__chart__line .uk-tooltip.tooltip-chart {
      min-width: 140px; }
    .chart__auto .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__employment .color-0 {
      color: #04848c; }
    .chart__auto .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__employment .color-1 {
      color: #f05069; }
    .chart__auto .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__consumption .color-0 {
      color: #3c3c3c; }
    .chart__auto .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__consumption .color-1 {
      color: #faa000; }
    .chart__auto .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__mini .uk-tooltip.tooltip-chart {
      min-width: 100px;
      text-align: center; }
    .chart__auto .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__realestate .color-0 {
      color: #5a3787; }
    .chart__auto .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__realestate .color-1 {
      color: #9b7dc3; }
    .chart__auto .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__vacation .color-0 {
      color: #ffbe00; }
    .chart__auto .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__vacation .color-1 {
      color: #ffd74b; }
    .chart__auto .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__employment .color-0 {
      color: #04848c; }
    .chart__auto .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__employment .color-1 {
      color: #f9b9c3; }
  @media screen {
    .chart__auto .own-html.wf-active #mainHeader {
      transform: translateY(0);
      -webkit-transition: all 0.25s 0.5s ease;
      -moz-transition: all 0.25s 0.5s ease;
      -ms-transition: all 0.25s 0.5s ease;
      -o-transition: all 0.25s 0.5s ease;
      transition: all 0.25s 0.5s ease; }
    .chart__auto .own-html.wf-active .banner.banner__top {
      transform: translateY(0);
      -webkit-transition: all 1s 0.25s ease;
      -moz-transition: all 1s 0.25s ease;
      -ms-transition: all 1s 0.25s ease;
      -o-transition: all 1s 0.25s ease;
      transition: all 1s 0.25s ease; }
      .chart__auto .own-html.wf-active .banner.banner__top .banner__edito {
        transform: translateY(0%);
        opacity: 1;
        -webkit-transition: all 1s 0.25s ease;
        -moz-transition: all 1s 0.25s ease;
        -ms-transition: all 1s 0.25s ease;
        -o-transition: all 1s 0.25s ease;
        transition: all 1s 0.25s ease; }
        .chart__auto .own-html.wf-active .banner.banner__top .banner__edito .banner__data {
          transform: translateY(0%);
          -webkit-transition: all 1.2s 0.25s ease;
          -moz-transition: all 1.2s 0.25s ease;
          -ms-transition: all 1.2s 0.25s ease;
          -o-transition: all 1.2s 0.25s ease;
          transition: all 1.2s 0.25s ease; }
    .chart__auto .own-html.wf-active #sectionKey001 {
      opacity: 1;
      transform: translateY(0%);
      -webkit-transition: all 1.5s 1s ease;
      -moz-transition: all 1.5s 1s ease;
      -ms-transition: all 1.5s 1s ease;
      -o-transition: all 1.5s 1s ease;
      transition: all 1.5s 1s ease; }
      .chart__auto .own-html.wf-active #sectionKey001 .chart__title {
        transform: translateY(0%);
        -webkit-transition: all 1.5s 1.2s ease;
        -moz-transition: all 1.5s 1.2s ease;
        -ms-transition: all 1.5s 1.2s ease;
        -o-transition: all 1.5s 1.2s ease;
        transition: all 1.5s 1.2s ease; }
      .chart__auto .own-html.wf-active #sectionKey001 .chart__body {
        transform: translateY(0%);
        -webkit-transition: all 1.5s 1.1s ease;
        -moz-transition: all 1.5s 1.1s ease;
        -ms-transition: all 1.5s 1.1s ease;
        -o-transition: all 1.5s 1.1s ease;
        transition: all 1.5s 1.1s ease; }
    .chart__auto .own-html.wf-active .nav__anchors {
      transform: translateX(0);
      -webkit-transition: all 2s 2s ease;
      -moz-transition: all 2s 2s ease;
      -ms-transition: all 2s 2s ease;
      -o-transition: all 2s 2s ease;
      transition: all 2s 2s ease; }
    .chart__auto .own-html:not(.wf-active) #mainHeader {
      transform: translateY(-100%); }
    .chart__auto .own-html:not(.wf-active) .banner.banner__top {
      transform: translateY(-100%); }
      .chart__auto .own-html:not(.wf-active) .banner.banner__top .banner__edito {
        transform: translateY(-50%);
        opacity: 0; }
        .chart__auto .own-html:not(.wf-active) .banner.banner__top .banner__edito .banner__data {
          transform: translateY(-100%); }
    .chart__auto .own-html #sectionKey001 {
      opacity: 0;
      transform: translateY(50%); }
      .chart__auto .own-html #sectionKey001 .chart__title {
        transform: translateY(25%); }
      .chart__auto .own-html #sectionKey001 .chart__body {
        transform: translateY(50%); }
    .chart__auto .own-html .nav__anchors {
      transform: translateX(-100%); } }

.bar-under.clr-auto:after {
  background-color: #dc002d; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */

.react-toggle {
  touch-action: pan-x;
  display: inline-block;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }

.react-toggle-screenreader-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.react-toggle--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s; }

.react-toggle-track {
  width: 50px;
  height: 24px;
  padding: 0;
  border-radius: 30px;
  background-color: #4d4d4d;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #000000; }

.react-toggle--checked .react-toggle-track {
  background-color: #19ab27; }

.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #128d15; }

.react-toggle-track-check {
  position: absolute;
  width: 14px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  left: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease; }

.react-toggle--checked .react-toggle-track-check {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease; }

.react-toggle-track-x {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  right: 10px;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease; }

.react-toggle--checked .react-toggle-track-x {
  opacity: 0; }

.react-toggle-thumb {
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 22px;
  height: 22px;
  border: 1px solid #4d4d4d;
  border-radius: 50%;
  background-color: #fafafa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease; }

.react-toggle--checked .react-toggle-thumb {
  left: 27px;
  border-color: #19ab27; }

.react-toggle--focus .react-toggle-thumb {
  -webkit-box-shadow: 0px 0px 3px 2px #0099e0;
  -moz-box-shadow: 0px 0px 3px 2px #0099e0;
  box-shadow: 0px 0px 2px 3px #0099e0; }

.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {
  -webkit-box-shadow: 0px 0px 5px 5px #0099e0;
  -moz-box-shadow: 0px 0px 5px 5px #0099e0;
  box-shadow: 0px 0px 5px 5px #0099e0; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
#chartAutoTopModels .highcharts-axis-labels.highcharts-yaxis-labels {
  display: none; }

#chartAutoTopModels .highcharts-grid.highcharts-yaxis-grid {
  display: none; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
.chart__consumption {
  /**
 * @license Highcharts
 *
 * (c) 2009-2016 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
  /* Titles */
  /* Axes */
  /* Credits */
  /* Tooltip */
  /* Legend hover affects points and series */
  /* Series options */
  /* Default colors */
  /* Legend */
  /* Bubble legend */
  /* Loading */
  /* Plot bands and polar pane backgrounds */
  /* Highcharts More and modules */
  /* Highstock */
  /* Highmaps */
  /* 3d charts */
  /* Exporting module */
  /* Drilldown module */
  /* No-data module */
  /* Drag-panes module */
  /* Bullet type series */
  /* Lineargauge type series */
  /* Annotations module */
  /* Gantt */
  /* COULEUR SITE PALETTE */
  /*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
  /* COULEUR SITE PALETTE */
  /*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
  /* COULEUR SITE PALETTE */
  /*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */ }
  .chart__consumption .highcharts-credits {
    display: none; }
  .chart__consumption .highcharts-axis.highcharts-xaxis {
    stroke-width: 1px;
    stroke: #102d40;
    stroke: red; }
  .chart__consumption .highcharts-yaxis-grid .highcharts-grid-line {
    stroke-width: 1px;
    stroke: #c1c1c1;
    stroke-opacity: 0.5;
    stroke-linecap: butt; }
    .chart__consumption .highcharts-yaxis-grid .highcharts-grid-line:first-child {
      stroke-width: 0; }
    .chart__consumption .highcharts-yaxis-grid .highcharts-grid-line:last-child {
      transform: translateX(-1px); }
  .chart__consumption .highcharts-container {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
    line-height: normal;
    z-index: 0;
    /* #1072 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: "Montserrat";
    font-size: 12px; }
  .chart__consumption .highcharts-root {
    display: block; }
  @media print {
    .chart__consumption .chart-sdg-contribution {
      width: 960px !important;
      height: 300px !important; }
      .chart__consumption .chart-sdg-contribution .highcharts-root {
        width: 100% !important;
        height: 100% !important; } }
  .chart__consumption .highcharts-root text {
    stroke-width: 0; }
  .chart__consumption .highcharts-strong {
    font-weight: 700; }
  .chart__consumption .highcharts-emphasized {
    font-style: italic; }
  .chart__consumption .highcharts-anchor {
    cursor: pointer; }
  .chart__consumption .highcharts-background {
    fill: white;
    fill-opacity: 0; }
  .chart__consumption .highcharts-plot-border,
  .chart__consumption .highcharts-plot-background {
    fill: none; }
  .chart__consumption .highcharts-label-box {
    fill: none; }
  .chart__consumption .highcharts-button-box {
    fill: inherit; }
  .chart__consumption .highcharts-tracker-line {
    stroke-linejoin: round;
    stroke: rgba(192, 192, 192, 0.0001);
    stroke-width: 22;
    fill: none; }
  .chart__consumption .highcharts-tracker-area {
    fill: rgba(192, 192, 192, 0.0001);
    stroke-width: 0; }
  .chart__consumption .highcharts-title {
    fill: #333333;
    font-size: 1.5em; }
  .chart__consumption .highcharts-subtitle {
    fill: #f7f8fb; }
  .chart__consumption .highcharts-axis-line {
    fill: none;
    stroke: #ccd6eb; }
  .chart__consumption .highcharts-yaxis .highcharts-axis-line {
    stroke-width: 0; }
  .chart__consumption .highcharts-axis-title {
    fill: #f7f8fb; }
  .chart__consumption .highcharts-axis-labels {
    fill: rgba(92, 119, 173, 0.5);
    color: rgba(92, 119, 173, 0.5);
    cursor: default;
    font-size: 0.9em; }
  .chart__consumption .highcharts-grid-line {
    fill: none;
    stroke: #eef1f7; }
  .chart__consumption .highcharts-xaxis-grid .highcharts-grid-line {
    stroke-width: 0px; }
  .chart__consumption .highcharts-tick {
    stroke: #ccd6eb; }
  .chart__consumption .highcharts-yaxis .highcharts-tick {
    stroke-width: 0; }
  .chart__consumption .highcharts-minor-grid-line {
    stroke: #eef1f7; }
  .chart__consumption .highcharts-crosshair-thin {
    stroke-width: 1px;
    stroke: #cccccc; }
  .chart__consumption .highcharts-crosshair-category {
    stroke: #ccd6eb;
    stroke-opacity: 0.25; }
  .chart__consumption .highcharts-credits {
    cursor: pointer;
    fill: #999999;
    font-size: 0.7em;
    transition: fill 250ms, font-size 250ms; }
  .chart__consumption .highcharts-credits:hover {
    fill: black;
    font-size: 1em; }
  .chart__consumption .highcharts-tooltip {
    cursor: default;
    pointer-events: none;
    white-space: nowrap;
    transition: stroke 150ms;
    min-width: 162px;
    width: 100%;
    max-width: 220px;
    /*
    width: 100%;
    height: auto;
    //max-width: 220px;
    padding: 10px;
    @include border-radius(6px);
    background-color: white;
    box-shadow: 0 10px 50px rgba($color-primary-dark, 0.6);
    color: $color-primary-dark;
    font-weight: 700;
    font-size: 16px;
    */ }
    .chart__consumption .highcharts-tooltip .highcharts-label-box {
      display: none; }
  .chart__consumption .highcharts-tooltip text {
    fill: white; }
  .chart__consumption .highcharts-tooltip .highcharts-header {
    font-size: 0.85em; }
  .chart__consumption .highcharts-tooltip-box {
    stroke-width: 0px;
    fill: white;
    fill-opacity: 1;
    box-shadow: 0 10px 50px rgba(92, 119, 173, 0.6); }
  .chart__consumption .highcharts-tooltip-box .highcharts-label-box {
    fill: white;
    fill-opacity: 0.85; }
  .chart__consumption .highcharts-selection-marker {
    fill: #335cad;
    fill-opacity: 0.25; }
  .chart__consumption .highcharts-graph {
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round; }
  .chart__consumption .highcharts-state-hover .highcharts-graph {
    stroke-width: 3; }
  .chart__consumption .highcharts-state-hover path {
    transition: stroke-width 50;
    /* quick in */ }
  .chart__consumption .highcharts-state-normal path {
    transition: stroke-width 250ms;
    /* slow out */ }
  .chart__consumption g.highcharts-series,
  .chart__consumption .highcharts-point,
  .chart__consumption .highcharts-markers,
  .chart__consumption .highcharts-data-labels {
    transition: opacity 250ms; }
  .chart__consumption .highcharts-legend-series-active
g.highcharts-series:not(.highcharts-series-hover),
  .chart__consumption .highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
  .chart__consumption .highcharts-legend-series-active
.highcharts-markers:not(.highcharts-series-hover),
  .chart__consumption .highcharts-legend-series-active
.highcharts-data-labels:not(.highcharts-series-hover) {
    opacity: 0.2; }
  .chart__consumption .highcharts-color-0 {
    fill: #faa000;
    stroke: #faa000; }
  .chart__consumption .highcharts-color-1 {
    fill: #3c3c3c;
    stroke: #3c3c3c; }
  .chart__consumption .highcharts-color-2 {
    fill: #ffd74b;
    stroke: #ffd74b; }
  .chart__consumption .highcharts-color-3 {
    fill: #f7a35c;
    stroke: #f7a35c; }
  .chart__consumption .highcharts-color-4 {
    fill: #8085e9;
    stroke: #8085e9; }
  .chart__consumption .highcharts-color-5 {
    fill: #f15c80;
    stroke: #f15c80; }
  .chart__consumption .highcharts-color-6 {
    fill: #e4d354;
    stroke: #e4d354; }
  .chart__consumption .highcharts-color-7 {
    fill: #2b908f;
    stroke: #2b908f; }
  .chart__consumption .highcharts-color-8 {
    fill: #f45b5b;
    stroke: #f45b5b; }
  .chart__consumption .highcharts-color-9 {
    fill: #91e8e1;
    stroke: #91e8e1; }
  .chart__consumption .highcharts-area {
    fill-opacity: 0.75;
    stroke-width: 0; }
  .chart__consumption .highcharts-markers {
    stroke-width: 1px;
    stroke: #ffffff; }
  .chart__consumption .highcharts-point {
    stroke-width: 0; }
  .chart__consumption .highcharts-dense-data .highcharts-point {
    stroke-width: 0; }
  .chart__consumption .highcharts-data-label {
    font-size: 0.9em;
    font-weight: 700; }
  .chart__consumption .highcharts-data-label-box {
    fill: none;
    stroke-width: 0; }
  .chart__consumption .highcharts-data-label text,
  .chart__consumption text.highcharts-data-label {
    fill: #5c77ad;
    font-weight: normal;
    font-size: 14px; }
  .chart__consumption .highcharts-data-label-connector {
    fill: none; }
  .chart__consumption .highcharts-halo {
    fill-opacity: 0.25;
    stroke-width: 0; }
  .chart__consumption .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select,
  .chart__consumption .highcharts-markers .highcharts-point-select {
    fill: #ff992b;
    stroke: #ff992b;
    fill-opacity: 1; }
  .chart__consumption .highcharts-column-series rect.highcharts-point {
    stroke: #ffffff;
    stroke-width: 0;
    stroke-opacity: 0;
    fill-opacity: 0.83;
    outline-color: #ecf4f9;
    outline-style: solid;
    outline-width: 1px;
    outline-offset: 0;
    filter: none;
    box-shadow: none; }
    .chart__consumption .highcharts-column-series rect.highcharts-point.highcharts-point-hover {
      fill: #ff992b;
      stroke: #ff992b;
      fill-opacity: 1; }
    .chart__consumption .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-0 {
      fill: #2b77a6; }
    .chart__consumption .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-1 {
      fill: #2b77a6; }
    .chart__consumption .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-2 {
      fill: #24658c; }
    .chart__consumption .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-3 {
      fill: #1e5273; }
    .chart__consumption .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-4 {
      fill: #174059; }
    .chart__consumption .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-5 {
      fill: #102d40; }
    .chart__consumption .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-6 {
      fill: #102d40; }
  .chart__consumption .chart__bar.chart__auto:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span {
    max-width: 100px; }
  .chart__consumption .chart__bar.chart__realestate .highcharts-axis-labels.highcharts-xaxis-labels span {
    max-width: 140px; }
  .chart__consumption .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span {
    display: flex !important;
    flex-flow: wrap;
    align-items: center;
    min-height: 30px;
    max-width: 160px; }
    .chart__consumption .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span {
      display: block !important;
      width: 100%;
      font-weight: 700;
      text-transform: uppercase;
      min-height: 0;
      white-space: normal; }
      .chart__consumption .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-category, .chart__consumption .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-icon {
        margin: auto 0;
        white-space: normal; }
        .chart__consumption .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-category i, .chart__consumption .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-icon i {
          font-size: 16px; }
  .chart__consumption .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels:not(.chart__line) .highcharts-axis-labels.highcharts-xaxis-labels span {
    left: 0 !important;
    width: 100% !important; }
    .chart__consumption .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels:not(.chart__line) .highcharts-axis-labels.highcharts-xaxis-labels span span {
      text-align: right; }
  .chart__consumption .highcharts-column-series .highcharts-point {
    transition: fill-opacity 250ms; }
  .chart__consumption .highcharts-column-series .highcharts-point-hover {
    fill-opacity: 1;
    fill: #ff992b;
    transition: fill-opacity 50ms; }
  .chart__consumption .highcharts-column-series .highcharts-point-hover {
    fill-opacity: 1;
    fill: #ff992b;
    transition: fill-opacity 50ms; }
  .chart__consumption .highcharts-pie-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #ffffff; }
  .chart__consumption .highcharts-pie-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms; }
  .chart__consumption .highcharts-funnel-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #ffffff; }
  .chart__consumption .highcharts-funnel-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms; }
  .chart__consumption .highcharts-funnel-series .highcharts-point-select {
    fill: inherit;
    stroke: inherit; }
  .chart__consumption .highcharts-pyramid-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #ffffff; }
  .chart__consumption .highcharts-pyramid-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms; }
  .chart__consumption .highcharts-pyramid-series .highcharts-point-select {
    fill: inherit;
    stroke: inherit; }
  .chart__consumption .highcharts-solidgauge-series .highcharts-point {
    stroke-width: 0; }
  .chart__consumption .highcharts-treemap-series .highcharts-point {
    stroke-width: 1px;
    stroke: white;
    transition: stroke 250ms, fill 250ms, fill-opacity 250ms; }
  .chart__consumption .highcharts-treemap-series .highcharts-point-hover {
    stroke: white;
    transition: stroke 25ms, fill 25ms, fill-opacity 25ms; }
  .chart__consumption .highcharts-treemap-series .highcharts-above-level {
    display: none; }
  .chart__consumption .highcharts-treemap-series .highcharts-internal-node {
    fill: none; }
  .chart__consumption .highcharts-treemap-series .highcharts-internal-node-interactive {
    fill-opacity: 0.15;
    cursor: pointer; }
  .chart__consumption .highcharts-treemap-series .highcharts-internal-node-interactive:hover {
    fill-opacity: 0.75; }
  .chart__consumption .highcharts-legend-box {
    fill: none;
    stroke-width: 0; }
  .chart__consumption .highcharts-legend-item > text {
    fill: #333333;
    font-weight: 700;
    font-size: 1em;
    cursor: pointer;
    stroke-width: 0; }
  .chart__consumption .highcharts-legend-item:hover text {
    fill: #000000; }
  .chart__consumption .highcharts-legend-item-hidden * {
    fill: #cccccc !important;
    stroke: #cccccc !important;
    transition: fill 250ms; }
  .chart__consumption .highcharts-legend-nav-active {
    fill: #003399;
    cursor: pointer; }
  .chart__consumption .highcharts-legend-nav-inactive {
    fill: #cccccc; }
  .chart__consumption circle.highcharts-legend-nav-active,
  .chart__consumption circle.highcharts-legend-nav-inactive {
    /* tracker */
    fill: rgba(192, 192, 192, 0.0001); }
  .chart__consumption .highcharts-legend-title-box {
    fill: none;
    stroke-width: 0; }
  .chart__consumption .highcharts-bubble-legend-symbol {
    stroke-width: 2;
    fill-opacity: 0.5; }
  .chart__consumption .highcharts-bubble-legend-connectors {
    stroke-width: 1; }
  .chart__consumption .highcharts-bubble-legend-labels {
    fill: #333333; }
  .chart__consumption .highcharts-loading {
    position: absolute;
    background-color: #ffffff;
    opacity: 0.5;
    text-align: center;
    z-index: 10;
    transition: opacity 250ms; }
  .chart__consumption .highcharts-loading-hidden {
    height: 0 !important;
    opacity: 0;
    overflow: hidden;
    transition: opacity 250ms, height 250ms step-end; }
  .chart__consumption .highcharts-loading-inner {
    font-weight: 700;
    position: relative;
    top: 45%; }
  .chart__consumption .highcharts-plot-band,
  .chart__consumption .highcharts-pane {
    fill: #000000;
    fill-opacity: 0.05; }
  .chart__consumption .highcharts-plot-line {
    fill: none;
    stroke: #9dadce;
    stroke-width: 1px; }
  .chart__consumption .highcharts-boxplot-box {
    fill: #ffffff; }
  .chart__consumption .highcharts-boxplot-median {
    stroke-width: 2px; }
  .chart__consumption .highcharts-bubble-series .highcharts-point {
    fill-opacity: 0.5; }
  .chart__consumption .highcharts-errorbar-series .highcharts-point {
    stroke: #000000; }
  .chart__consumption .highcharts-gauge-series .highcharts-data-label-box {
    stroke: #cccccc;
    stroke-width: 1px; }
  .chart__consumption .highcharts-gauge-series .highcharts-dial {
    fill: #000000;
    stroke-width: 0; }
  .chart__consumption .highcharts-polygon-series .highcharts-graph {
    fill: inherit;
    stroke-width: 0; }
  .chart__consumption .highcharts-waterfall-series .highcharts-graph {
    stroke: #333333;
    stroke-dasharray: 1, 3; }
  .chart__consumption .highcharts-sankey-series .highcharts-point {
    stroke-width: 0; }
  .chart__consumption .highcharts-sankey-series .highcharts-link {
    transition: fill 250ms, fill-opacity 250ms;
    fill-opacity: 0.5; }
  .chart__consumption .highcharts-sankey-series .highcharts-point-hover.highcharts-link {
    transition: fill 50ms, fill-opacity 50ms;
    fill-opacity: 1; }
  .chart__consumption .highcharts-venn-series .highcharts-point {
    fill-opacity: 0.75;
    stroke: #cccccc;
    transition: stroke 250ms, fill-opacity 250ms; }
  .chart__consumption .highcharts-venn-series .highcharts-point-hover {
    fill-opacity: 1;
    stroke: #cccccc; }
  .chart__consumption .highcharts-navigator-mask-outside {
    fill-opacity: 0; }
  .chart__consumption .highcharts-navigator-mask-inside {
    fill: #6685c2;
    /* navigator.maskFill option */
    fill-opacity: 0.25;
    cursor: ew-resize; }
  .chart__consumption .highcharts-navigator-outline {
    stroke: #cccccc;
    fill: none; }
  .chart__consumption .highcharts-navigator-handle {
    stroke: #cccccc;
    fill: #eef1f7;
    cursor: ew-resize; }
  .chart__consumption .highcharts-navigator-series {
    fill: #335cad;
    stroke: #335cad; }
  .chart__consumption .highcharts-navigator-series .highcharts-graph {
    stroke-width: 1px; }
  .chart__consumption .highcharts-navigator-series .highcharts-area {
    fill-opacity: 0.05; }
  .chart__consumption .highcharts-navigator-xaxis .highcharts-axis-line {
    stroke-width: 0; }
  .chart__consumption .highcharts-navigator-xaxis .highcharts-grid-line {
    stroke-width: 1px;
    stroke: #f7f8fb; }
  .chart__consumption .highcharts-navigator-xaxis.highcharts-axis-labels {
    fill: #999999; }
  .chart__consumption .highcharts-navigator-yaxis .highcharts-grid-line {
    stroke-width: 0; }
  .chart__consumption .highcharts-scrollbar-thumb {
    fill: #cccccc;
    stroke: #cccccc;
    stroke-width: 1px; }
  .chart__consumption .highcharts-scrollbar-button {
    fill: #f7f8fb;
    stroke: #cccccc;
    stroke-width: 1px; }
  .chart__consumption .highcharts-scrollbar-arrow {
    fill: #f7f8fb; }
  .chart__consumption .highcharts-scrollbar-rifles {
    stroke: #f7f8fb;
    stroke-width: 1px; }
  .chart__consumption .highcharts-scrollbar-track {
    fill: #eef1f7;
    stroke: #eef1f7;
    stroke-width: 1px; }
  .chart__consumption .highcharts-button {
    fill: white;
    stroke: #cccccc;
    cursor: default;
    stroke-width: 1px;
    transition: fill 250ms; }
  .chart__consumption .highcharts-button text {
    fill: #333333; }
  .chart__consumption .highcharts-button-hover {
    transition: fill 0ms;
    fill: #f7f8fb;
    stroke: #cccccc; }
  .chart__consumption .highcharts-button-hover text {
    fill: #333333; }
  .chart__consumption .highcharts-button-pressed {
    font-weight: 700;
    fill: #e6ebf5;
    stroke: #cccccc; }
  .chart__consumption .highcharts-button-pressed text {
    fill: #333333;
    font-weight: 700; }
  .chart__consumption .highcharts-button-disabled text {
    fill: #333333; }
  .chart__consumption .highcharts-range-selector-buttons .highcharts-button {
    stroke-width: 0px; }
  .chart__consumption .highcharts-range-label rect {
    fill: none; }
  .chart__consumption .highcharts-range-label text {
    fill: #f7f8fb; }
  .chart__consumption .highcharts-range-input rect {
    fill: none; }
  .chart__consumption .highcharts-range-input text {
    fill: #333333; }
  .chart__consumption .highcharts-range-input {
    stroke-width: 1px;
    stroke: #cccccc; }
  .chart__consumption input.highcharts-range-selector {
    position: absolute;
    border: 0;
    width: 1px;
    /* Chrome needs a pixel to see it */
    height: 1px;
    padding: 0;
    text-align: center;
    left: -9em;
    /* #4798 */ }
  .chart__consumption .highcharts-crosshair-label text {
    fill: #ffffff;
    font-size: 1.1em; }
  .chart__consumption .highcharts-crosshair-label .highcharts-label-box {
    fill: inherit; }
  .chart__consumption .highcharts-candlestick-series .highcharts-point {
    stroke: #000000;
    stroke-width: 1px; }
  .chart__consumption .highcharts-candlestick-series .highcharts-point-up {
    fill: #ffffff; }
  .chart__consumption .highcharts-ohlc-series .highcharts-point-hover {
    stroke-width: 3px; }
  .chart__consumption .highcharts-flags-series .highcharts-point .highcharts-label-box {
    stroke: #999999;
    fill: #ffffff;
    transition: fill 250ms; }
  .chart__consumption .highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
    stroke: #000000;
    fill: #ccd6eb; }
  .chart__consumption .highcharts-flags-series .highcharts-point text {
    fill: #000000;
    font-size: 0.9em;
    font-weight: 700; }
  .chart__consumption .highcharts-map-series .highcharts-point {
    transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
    stroke: #cccccc; }
  .chart__consumption .highcharts-map-series .highcharts-point-hover {
    transition: fill 0ms, fill-opacity 0ms;
    fill-opacity: 0.5;
    stroke-width: 2px; }
  .chart__consumption .highcharts-mapline-series .highcharts-point {
    fill: none; }
  .chart__consumption .highcharts-heatmap-series .highcharts-point {
    stroke-width: 0; }
  .chart__consumption .highcharts-map-navigation {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center; }
  .chart__consumption .highcharts-coloraxis {
    stroke-width: 0; }
  .chart__consumption .highcharts-coloraxis-marker {
    fill: #999999; }
  .chart__consumption .highcharts-null-point {
    fill: white; }
  .chart__consumption .highcharts-3d-frame {
    fill: transparent; }
  .chart__consumption .highcharts-contextbutton {
    fill: #ffffff;
    /* needed to capture hover */
    stroke: none;
    stroke-linecap: round; }
  .chart__consumption .highcharts-contextbutton:hover {
    fill: #f7f8fb;
    stroke: #f7f8fb; }
  .chart__consumption .highcharts-button-symbol {
    stroke: #f7f8fb;
    stroke-width: 3px; }
  .chart__consumption .highcharts-menu {
    border: 1px solid #999999;
    background: #ffffff;
    padding: 5px 0;
    box-shadow: 3px 3px 10px #888; }
  .chart__consumption .highcharts-menu-item {
    padding: 0.5em 1em;
    background: none;
    color: #333333;
    cursor: pointer;
    transition: background 250ms, color 250ms; }
  .chart__consumption .highcharts-menu-item:hover {
    background: #335cad;
    color: #ffffff; }
  .chart__consumption .highcharts-drilldown-point {
    cursor: pointer; }
  .chart__consumption .highcharts-drilldown-data-label text,
  .chart__consumption text.highcharts-drilldown-data-label,
  .chart__consumption .highcharts-drilldown-axis-label {
    cursor: pointer;
    fill: #003399;
    font-weight: 700;
    text-decoration: underline; }
  .chart__consumption .highcharts-no-data text {
    font-weight: 700;
    font-size: 12px;
    fill: #f7f8fb; }
  .chart__consumption .highcharts-axis-resizer {
    cursor: ns-resize;
    stroke: black;
    stroke-width: 2px; }
  .chart__consumption .highcharts-bullet-target {
    stroke-width: 0; }
  .chart__consumption .highcharts-lineargauge-target {
    stroke-width: 1px;
    stroke: #333333; }
  .chart__consumption .highcharts-lineargauge-target-line {
    stroke-width: 1px;
    stroke: #333333; }
  .chart__consumption .highcharts-annotation-label-box {
    stroke-width: 1px;
    stroke: #000000;
    fill: #000000;
    fill-opacity: 0.75; }
  .chart__consumption .highcharts-annotation-label text {
    fill: #f7f8fb; }
  .chart__consumption .highcharts-treegrid-node-collapsed,
  .chart__consumption .highcharts-treegrid-node-expanded {
    cursor: pointer; }
  .chart__consumption .highcharts-point-connecting-path {
    fill: none; }
  .chart__consumption .highcharts-grid-axis .highcharts-tick {
    stroke-width: 1px; }
  .chart__consumption .highcharts-grid-axis .highcharts-axis-line {
    stroke-width: 1px; }
  .chart__consumption .colored__auto {
    color: #dc002d; }
  .chart__consumption .chart__auto .chart__split + .chart__split:before {
    background-color: #d7e1f5; }
  .chart__consumption .colored__realestate {
    color: #7346aa; }
  .chart__consumption .chart__realestate .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__consumption .colored__vacation {
    color: #2d5fa0; }
  .chart__consumption .chart__vacation .chart__split + .chart__split:before {
    background-color: #3c78c8; }
  .chart__consumption .colored__employment {
    color: #04848c; }
  .chart__consumption .chart__employment .chart__split + .chart__split:before {
    background-color: #facdd2; }
  .chart__consumption .colored__consumption {
    color: #3c3c3c; }
  .chart__consumption .chart__consumption .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__consumption .colored__vacation__2 {
    color: #666666; }
  .chart__consumption .colored__test__2 {
    color: #666666; }
  .chart__consumption .chart {
    width: 100%; }
    .chart__consumption .chart__inner {
      position: relative;
      width: 100%;
      max-width: 756px;
      margin: 0 auto;
      text-align: center; }
    .chart__consumption .chart__global__head {
      width: 100%;
      padding-top: 20px; }
      .chart__consumption .chart__global__head h3 {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 5px; }
    .chart__consumption .chart__title {
      max-width: 720px;
      margin: 0 auto; }
      .chart__consumption .chart__title h2 {
        font-size: 22px;
        font-weight: bold;
        line-height: 1.5; }
        @media screen and (min-width: 768px) {
          .chart__consumption .chart__title h2 {
            font-size: 28px; } }
        @media print {
          .chart__consumption .chart__title h2 {
            font-size: 28px; } }
      .chart__consumption .chart__title h3 {
        font-size: 20px;
        font-weight: bold; }
      .chart__consumption .chart__title sup {
        font-size: 16px;
        top: -14px;
        font-weight: 700; }
    .chart__consumption .chart__subhead {
      text-align: center; }
      @media screen {
        .chart__consumption .chart__subhead {
          padding: 30px 10px 5px 10px; } }
      .chart__consumption .chart__subhead h3 {
        font-size: 20px;
        font-weight: bold; }
      .chart__consumption .chart__subhead .options__text + .options__input {
        margin-top: 15px; }
      .chart__consumption .chart__subhead .options__inputs {
        width: 100%; }
        @media screen and (min-width: 768px) {
          .chart__consumption .chart__subhead .options__inputs {
            display: flex; } }
        @media print {
          .chart__consumption .chart__subhead .options__inputs {
            display: flex; } }
        @media screen and (min-width: 768px) {
          .chart__consumption .chart__subhead .options__inputs .options__input {
            width: 50%; } }
        @media print {
          .chart__consumption .chart__subhead .options__inputs .options__input {
            width: 50%; } }
        @media screen and (min-width: 768px) {
          .chart__consumption .chart__subhead .options__inputs .options__input:nth-child(odd) .filter {
            margin-left: auto;
            margin-right: 15px; } }
        @media print {
          .chart__consumption .chart__subhead .options__inputs .options__input:nth-child(odd) .filter {
            margin-left: auto;
            margin-right: 15px; } }
        @media screen and (min-width: 768px) {
          .chart__consumption .chart__subhead .options__inputs .options__input:nth-child(even) .filter {
            margin-right: auto;
            margin-left: 15px; } }
        @media print {
          .chart__consumption .chart__subhead .options__inputs .options__input:nth-child(even) .filter {
            margin-right: auto;
            margin-left: 15px; } }
        .chart__consumption .chart__subhead .options__inputs .options__input + .options__input {
          margin-top: 10px; }
          @media screen and (min-width: 768px) {
            .chart__consumption .chart__subhead .options__inputs .options__input + .options__input {
              margin-top: 0; } }
          @media print {
            .chart__consumption .chart__subhead .options__inputs .options__input + .options__input {
              margin-top: 0; } }
    .chart__consumption .chart__options {
      position: relative;
      font-weight: 600;
      font-size: 13px; }
      .chart__consumption .chart__options:not(.noborder) {
        margin-top: 20px; }
        .chart__consumption .chart__options:not(.noborder):before, .chart__consumption .chart__options:not(.noborder):after {
          content: "";
          height: 1px;
          width: 100%;
          max-width: 486px;
          margin: 10px auto;
          display: block; }
        .chart__consumption .chart__options:not(.noborder):before {
          margin-bottom: 10px; }
        .chart__consumption .chart__options:not(.noborder):after {
          margin-top: 10px; }
      .chart__consumption .chart__options.noborder .options__inner {
        min-height: 44px; }
      .chart__consumption .chart__options .options__inner {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: wrap; }
        .chart__consumption .chart__options .options__inner .options__text,
        .chart__consumption .chart__options .options__inner .options__input {
          margin: auto 0;
          padding: 0 5px; }
        .chart__consumption .chart__options .options__inner .options__inputs {
          width: 100%;
          display: flex;
          flex-flow: wrap;
          justify-content: center; }
          @media screen and (min-width: 768px) {
            .chart__consumption .chart__options .options__inner .options__inputs {
              width: auto; } }
          @media print {
            .chart__consumption .chart__options .options__inner .options__inputs {
              width: auto; } }
          .chart__consumption .chart__options .options__inner .options__inputs + .options__inputs {
            margin-top: 8px; }
            @media screen and (min-width: 768px) {
              .chart__consumption .chart__options .options__inner .options__inputs + .options__inputs {
                margin-top: 0; } }
            @media print {
              .chart__consumption .chart__options .options__inner .options__inputs + .options__inputs {
                margin-top: 0; } }
    .chart__consumption .chart__body {
      width: 100%;
      font-size: 15px; }
      .chart__consumption .chart__body strong {
        font-weight: 600; }
      .chart__consumption .chart__body .chart__sankey {
        margin-top: 80px;
        margin-bottom: 20px;
        padding: 0; }
        .chart__consumption .chart__body .chart__sankey [data-highcharts-chart] {
          overflow: visible !important; }
        .chart__consumption .chart__body .chart__sankey .highcharts-node.highcharts-color-0 {
          display: none; }
        .chart__consumption .chart__body .chart__sankey .chart__inner {
          position: relative; }
          @media screen and (min-width: 768px) {
            .chart__consumption .chart__body .chart__sankey .chart__inner {
              padding-left: 100px; } }
          @media print {
            .chart__consumption .chart__body .chart__sankey .chart__inner {
              padding-left: 100px; } }
          @media screen and (min-width: 768px) {
            .chart__consumption .chart__body .chart__sankey .chart__inner:before {
              content: "";
              position: absolute;
              top: -6px;
              left: 0;
              height: calc(50% + 10px);
              width: 80px;
              background-image: url("/assets/images/line-dotted.svg");
              background-repeat: no-repeat;
              background-position: 100% 50%; } }
          @media print {
            .chart__consumption .chart__body .chart__sankey .chart__inner:before {
              content: "";
              position: absolute;
              top: -6px;
              left: 0;
              height: calc(50% + 10px);
              width: 80px;
              background-image: url("/assets/images/line-dotted.svg");
              background-repeat: no-repeat;
              background-position: 100% 50%; } }
        .chart__consumption .chart__body .chart__sankey .highcharts-sankey-series .highcharts-link {
          fill-opacity: 1; }
        .chart__consumption .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0 {
          position: relative;
          height: 100%; }
          .chart__consumption .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0 .highcharts-data-label-hidden {
            opacity: 1 !important; }
          .chart__consumption .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
            position: absolute;
            top: 0;
            right: 8px;
            width: 6px;
            height: 100%; }
            @media screen and (min-width: 768px) {
              .chart__consumption .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
                content: ""; } }
            @media print {
              .chart__consumption .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
                content: ""; } }
          .chart__consumption .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
            position: absolute;
            top: 50%;
            right: 0px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 15px 10px 15px 0;
            transform: translateX(-100%) translateY(-50%); }
            @media screen and (min-width: 768px) {
              .chart__consumption .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
                content: ""; } }
            @media print {
              .chart__consumption .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
                content: ""; } }
        .chart__consumption .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels .highcharts-data-label-color-2 {
          top: 0 !important; }
        .chart__consumption .chart__body .chart__sankey .highcharts-sankey-series .highcharts-node.highcharts-color-2 {
          pointer-events: none; }
        .chart__consumption .chart__body .chart__sankey .label__from {
          width: 140px !important; }
          @media screen and (min-width: 768px) {
            .chart__consumption .chart__body .chart__sankey .label__from {
              width: 160px !important;
              text-align: center;
              transform: translateX(-50%);
              margin-left: -40px; } }
          @media print {
            .chart__consumption .chart__body .chart__sankey .label__from {
              width: 160px !important;
              text-align: center;
              transform: translateX(-50%);
              margin-left: -40px; } }
          .chart__consumption .chart__body .chart__sankey .label__from b {
            display: block;
            font-family: "PSM";
            font-size: 18px;
            transform: translateY(-50px);
            white-space: initial; }
            @media screen and (min-width: 768px) {
              .chart__consumption .chart__body .chart__sankey .label__from b {
                transform: translateY(-50px); } }
            @media print {
              .chart__consumption .chart__body .chart__sankey .label__from b {
                transform: translateY(-50px); } }
        .chart__consumption .chart__body .chart__sankey .label__to__all {
          position: absolute;
          top: 0;
          right: 0%;
          text-align: left;
          width: 120px; }
          .chart__consumption .chart__body .chart__sankey .label__to__all b {
            display: block;
            width: 100%;
            font-family: "PSM";
            font-size: 18px;
            line-height: 1.2;
            transform: translateY(-50px) translateX(0%); }
        .chart__consumption .chart__body .chart__sankey .label__other {
          position: relative;
          transform: translateX(40px) translateY(0%);
          width: 10px;
          height: 100%; }
          .chart__consumption .chart__body .chart__sankey .label__other .triangle {
            position: absolute;
            top: 50%;
            left: 15px;
            width: 0px;
            height: 0;
            transform: translateY(-50%);
            border-style: solid; }
          .chart__consumption .chart__body .chart__sankey .label__other span {
            position: absolute;
            top: 50%;
            left: 40px;
            display: block;
            transform: translateY(-50%);
            font-size: 12px;
            margin-top: -5px;
            font-weight: 400;
            white-space: initial;
            width: 80px; }
            @media screen and (min-width: 768px) {
              .chart__consumption .chart__body .chart__sankey .label__other span {
                width: auto;
                white-space: nowrap; } }
            @media print {
              .chart__consumption .chart__body .chart__sankey .label__other span {
                width: auto;
                white-space: nowrap; } }
        .chart__consumption .chart__body .chart__sankey .label__to {
          position: relative;
          left: 0;
          width: 120px;
          margin-left: 0px;
          text-align: left; }
          @media screen and (min-width: 768px) {
            .chart__consumption .chart__body .chart__sankey .label__to {
              width: 140px; } }
          @media print {
            .chart__consumption .chart__body .chart__sankey .label__to {
              width: 140px; } }
          .chart__consumption .chart__body .chart__sankey .label__to[style="font-weight: bold;"] .city {
            font-weight: 700; }
          .chart__consumption .chart__body .chart__sankey .label__to:not(.label__to__same) {
            transform: translateX(100%) translateY(50%); }
            .chart__consumption .chart__body .chart__sankey .label__to:not(.label__to__same) .triangle {
              top: 50%;
              transform: translateY(-50%) translateX(-10px); }
          .chart__consumption .chart__body .chart__sankey .label__to.label__to__same {
            position: absolute;
            transform: translateX(10px);
            left: 0;
            top: 0; }
            .chart__consumption .chart__body .chart__sankey .label__to.label__to__same .triangle {
              transform: translateX(-10px);
              top: 0; }
          .chart__consumption .chart__body .chart__sankey .label__to .triangle {
            position: absolute;
            right: 100%;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: transparent transparent transparent white; }
          .chart__consumption .chart__body .chart__sankey .label__to .city {
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
            padding-left: 0px;
            font-size: 12px;
            font-weight: 400;
            transform: translateX(-5px); }
            @media screen and (min-width: 768px) {
              .chart__consumption .chart__body .chart__sankey .label__to .city {
                transform: translateX(0px); } }
            @media print {
              .chart__consumption .chart__body .chart__sankey .label__to .city {
                transform: translateX(0px); } }
            .chart__consumption .chart__body .chart__sankey .label__to .city span {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              display: block;
              width: 100%;
              margin: auto 0;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
    .chart__consumption .chart .chart__realestate .chart__sankey .triangle.color-1 {
      border-color: transparent transparent transparent #ffd74b; }
    .chart__consumption .chart .chart__realestate .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
      background-color: #3c3c3c; }
    .chart__consumption .chart .chart__realestate .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
      border-color: transparent #3c3c3c transparent transparent; }
    .chart__consumption .chart .chart__realestate .chart__sankey .highcharts-sankey-series .label__to .triangle {
      border-color: transparent transparent transparent #5a3787; }
    .chart__consumption .chart .chart__vacation .chart__sankey .triangle.color-1 {
      border-color: transparent transparent transparent #ffd74b; }
    .chart__consumption .chart .chart__vacation .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
      background-color: #3c3c3c; }
    .chart__consumption .chart .chart__vacation .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
      border-color: transparent #3c3c3c transparent transparent; }
    .chart__consumption .chart .chart__vacation .chart__sankey .highcharts-sankey-series .label__to .triangle {
      border-color: transparent transparent transparent #ffbe00; }
    .chart__consumption .chart__core {
      width: 100%; }
      @media screen {
        .chart__consumption .chart__core {
          display: flex;
          flex-wrap: wrap; } }
      .chart__consumption .chart__core .chart__nosplit {
        position: relative;
        width: 100%;
        padding: 0 10px; }
        .chart__consumption .chart__core .chart__nosplit .chart__map {
          max-width: 480px;
          margin: 0 auto; }
      .chart__consumption .chart__core.split__invert {
        display: flex;
        flex-flow: wrap-reverse; }
        @media screen and (min-width: 768px) {
          .chart__consumption .chart__core.split__invert {
            flex-flow: wrap; } }
        @media print {
          .chart__consumption .chart__core.split__invert {
            flex-flow: wrap; } }
        .chart__consumption .chart__core.split__invert .cmp__edito {
          min-height: 0;
          padding: 20px 0; }
      @media screen and (min-width: 768px) {
        .chart__consumption .chart__core.invert {
          display: flex;
          flex-flow: row-reverse; } }
      @media print {
        .chart__consumption .chart__core.invert {
          display: flex;
          flex-flow: row-reverse; } }
      .chart__consumption .chart__core:not(.split__invert) .chart__split .cmp__edito {
        min-height: 0;
        padding: 20px 0; }
        @media screen and (min-width: 768px) {
          .chart__consumption .chart__core:not(.split__invert) .chart__split .cmp__edito {
            min-height: 460px;
            padding: 20px 10px; } }
      .chart__consumption .chart__core:not(.split__invert) .chart__split + .chart__split:before {
        content: "";
        width: 100%;
        height: 1px;
        display: block;
        margin: 20px 0 10px 0; }
        @media screen and (min-width: 768px) {
          .chart__consumption .chart__core:not(.split__invert) .chart__split + .chart__split:before {
            content: initial; } }
        @media print {
          .chart__consumption .chart__core:not(.split__invert) .chart__split + .chart__split:before {
            content: initial; } }
      .chart__consumption .chart__core .chart__split {
        position: relative;
        width: 100%;
        padding: 0 10px; }
        @media screen and (min-width: 768px) {
          .chart__consumption .chart__core .chart__split {
            width: 50%;
            padding: 0; } }
        @media print {
          .chart__consumption .chart__core .chart__split {
            width: 100%;
            padding: 0; } }
        .chart__consumption .chart__core .chart__split.split__left {
          text-align: left; }
          @media screen and (min-width: 768px) {
            .chart__consumption .chart__core .chart__split.split__left {
              padding-right: 10px; } }
        .chart__consumption .chart__core .chart__split.split__right {
          text-align: right; }
          @media screen and (min-width: 768px) {
            .chart__consumption .chart__core .chart__split.split__right {
              padding-left: 10px; } }
    .chart__consumption .chart__histogram {
      padding: 20px 0; }
      @media screen and (min-width: 768px) {
        .chart__consumption .chart__histogram {
          padding: 20px; } }
    .chart__consumption .chart__histogram .call-to-action, .chart__consumption .chart__map .call-to-action {
      text-align: right;
      margin-top: 20px; }
    .chart__consumption .chart__histogram .chart__title, .chart__consumption .chart__map .chart__title {
      text-align: center;
      margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .chart__consumption .chart__map {
        padding: 20px; } }
    .chart__consumption .chart__map .interactive path {
      cursor: pointer;
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease; }
      .chart__consumption .chart__map .interactive path:hover {
        fill-opacity: 0.8; }
    .chart__consumption .chart__title {
      margin-top: 24px;
      padding: 0 30px; }
      .chart__consumption .chart__title br {
        display: none; }
        @media screen and (min-width: 768px) {
          .chart__consumption .chart__title br {
            display: block; } }
  .chart__consumption .input {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    .chart__consumption .input input[type="radio"] {
      appearance: none;
      position: absolute;
      opacity: 0;
      width: 0;
      height: 0;
      padding: 0; }
    .chart__consumption .input input:checked + .radio__like:before {
      opacity: 1; }
    .chart__consumption .input input[type="checkbox"].cmp__switcher {
      height: 0;
      width: 0;
      visibility: hidden;
      appearance: none;
      -webkit-appearance: none; }
      .chart__consumption .input input[type="checkbox"].cmp__switcher:checked ~ .switcher__like:after {
        left: calc(100% - 3px);
        transform: translateX(-100%) translateY(-50%); }
    .chart__consumption .input .radio__label, .chart__consumption .input .radio__like {
      cursor: pointer; }
    .chart__consumption .input .radio__label {
      padding-left: 25px;
      padding-right: 10px; }
    .chart__consumption .input .radio__like {
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden; }
      .chart__consumption .input .radio__like svg {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 95px;
        height: 17px;
        transform: translateX(-50%); }
      .chart__consumption .input .radio__like:before {
        content: "";
        pointer-events: none;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5;
        width: 10px;
        height: 10px;
        transform: translateY(-50%) translateX(-50%);
        background-color: white;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease; }
      .chart__consumption .input .radio__like:hover:before {
        opacity: 0.3; }
    .chart__consumption .input .switcher__label, .chart__consumption .input .switcher__like {
      cursor: pointer; }
    .chart__consumption .input .switcher__label {
      padding: 0 5px; }
      .chart__consumption .input .switcher__label.label__on {
        padding-right: 15px; }
      .chart__consumption .input .switcher__label.label__off {
        padding-left: 15px; }
    .chart__consumption .input .switcher__like {
      cursor: pointer;
      text-indent: -9999px;
      width: 40px;
      height: 20px;
      display: block;
      border-radius: 100px;
      position: relative;
      margin-top: auto;
      margin-bottom: auto;
      overflow: hidden; }
      .chart__consumption .input .switcher__like svg {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 95px;
        height: 17px;
        transform: translateX(-50%); }
      .chart__consumption .input .switcher__like:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 3px;
        transform: translateY(-50%);
        background: #fff;
        -webkit-border-radius: 90px;
        -moz-border-radius: 90px;
        -ms-border-radius: 90px;
        border-radius: 90px;
        box-sizing: border-box;
        height: 15px;
        width: 15px;
        border: 1px solid #e0e7ff;
        background: linear-gradient(180deg, #eaeaea 0%, #ffffff 100%);
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
        transition: 0.3s; }
      .chart__consumption .input .switcher__like:hover:after {
        opacity: 0.8; }
      .chart__consumption .input .switcher__like:active:after {
        width: 30px; }
  .chart__consumption .colored__auto {
    color: #dc002d; }
  .chart__consumption .chart__auto .chart__split + .chart__split:before {
    background-color: #d7e1f5; }
  .chart__consumption .colored__realestate {
    color: #7346aa; }
  .chart__consumption .chart__realestate .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__consumption .colored__vacation {
    color: #2d5fa0; }
  .chart__consumption .chart__vacation .chart__split + .chart__split:before {
    background-color: #3c78c8; }
  .chart__consumption .colored__employment {
    color: #04848c; }
  .chart__consumption .chart__employment .chart__split + .chart__split:before {
    background-color: #facdd2; }
  .chart__consumption .colored__consumption {
    color: #3c3c3c; }
  .chart__consumption .chart__consumption .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__consumption .colored__vacation__2 {
    color: #666666; }
  .chart__consumption .colored__test__2 {
    color: #666666; }
  .chart__consumption .chart__options__auto:before, .chart__consumption .chart__options__auto:after {
    background-color: #d7e1f5; }
  .chart__consumption .chart__options__realestate:before, .chart__consumption .chart__options__realestate:after {
    background-color: #e6d7f0; }
  .chart__consumption .chart__options__vacation:before, .chart__consumption .chart__options__vacation:after {
    background-color: #7346aa; }
  .chart__consumption .chart__options__employment:before, .chart__consumption .chart__options__employment:after, .chart__consumption #7346aa:before, .chart__consumption #7346aa:after {
    background-color: consumption, #7346aa; }
  .chart__consumption .chart__options__auto .input .radio__like {
    background-color: #dc002d;
    color: #870019; }
  .chart__consumption .chart__options__auto .input .switcher__like {
    background-color: #dc002d;
    color: #870019; }
  .chart__consumption .chart__options__realestate .input .radio__like {
    background-color: #7346aa;
    color: #412864; }
  .chart__consumption .chart__options__realestate .input .switcher__like {
    background-color: #7346aa;
    color: #412864; }
  .chart__consumption .chart__options__vacation .input .radio__like {
    background-color: #7346aa;
    color: #e6d7f0; }
  .chart__consumption .chart__options__vacation .input .switcher__like {
    background-color: #7346aa;
    color: #e6d7f0; }
  .chart__consumption .cmp__edito {
    text-align: left;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    min-height: 460px; }
    .chart__consumption .cmp__edito .cmp__inner {
      position: relative;
      width: 100%;
      margin: auto; }
      .chart__consumption .cmp__edito .cmp__inner .pix {
        width: 100%; }
        .chart__consumption .cmp__edito .cmp__inner .pix img {
          display: block;
          width: 100%; }
        .chart__consumption .cmp__edito .cmp__inner .pix + .edito {
          margin-top: 30px; }
      .chart__consumption .cmp__edito .cmp__inner .edito {
        font-size: 15px;
        width: 100%; }
        .chart__consumption .cmp__edito .cmp__inner .edito + .call-to-action {
          margin-top: 30px; }
    .chart__consumption .cmp__edito .call-to-action {
      width: 100%;
      text-align: right; }
      .chart__consumption .cmp__edito .call-to-action .btn {
        width: auto;
        margin-left: auto;
        margin-right: 0; }
  .chart__consumption .filter {
    margin: 0 auto; }
    .chart__consumption .filter:not(.filter__large) {
      max-width: 240px; }
    .chart__consumption .filter.filter__large {
      max-width: 300px; }
  .chart__consumption .legends__map {
    display: flex;
    flex-flow: wrap;
    padding: 5px 0;
    align-items: center;
    justify-content: center;
    margin-top: 20px; }
    .chart__consumption .legends__map span br {
      display: none; }
      @media screen and (min-width: 768px) {
        .chart__consumption .legends__map span br {
          display: inline-block; } }
    .chart__consumption .legends__map span.empty {
      display: block;
      min-width: 30px; }
    .chart__consumption .legends__map + .link__wrapp {
      font-size: 11px;
      font-weight: 600; }
  .chart__consumption .legends__mode__evolution:before {
    content: attr(data-legend-text);
    display: block;
    width: 100%;
    margin-bottom: 8px;
    font-size: 11px; }
  .chart__consumption .legends .legend {
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3; }
    @media screen and (min-width: 768px) {
      .chart__consumption .legends .legend {
        font-size: 12px; } }
    .chart__consumption .legends .legend__min {
      padding-right: 5px;
      text-align: right;
      max-width: calc(50% - 66px); }
    .chart__consumption .legends .legend__max {
      text-align: left;
      padding-left: 5px;
      max-width: calc(50% - 66px); }
    .chart__consumption .legends .legend__colors {
      position: relative;
      display: flex;
      flex-flow: wrap;
      justify-content: center; }
      .chart__consumption .legends .legend__colors:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        background-color: #e0e0e0;
        width: calc(100% - 10px);
        height: 24px;
        transform: translateX(-50%) translateY(-50%);
        border-radius: 6px; }
      .chart__consumption .legends .legend__colors .color {
        position: relative;
        width: 16px;
        height: 16px; }
  .chart__consumption .colored__auto {
    color: #dc002d; }
  .chart__consumption .chart__auto .chart__split + .chart__split:before {
    background-color: #d7e1f5; }
  .chart__consumption .colored__realestate {
    color: #7346aa; }
  .chart__consumption .chart__realestate .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__consumption .colored__vacation {
    color: #2d5fa0; }
  .chart__consumption .chart__vacation .chart__split + .chart__split:before {
    background-color: #3c78c8; }
  .chart__consumption .colored__employment {
    color: #04848c; }
  .chart__consumption .chart__employment .chart__split + .chart__split:before {
    background-color: #facdd2; }
  .chart__consumption .colored__consumption {
    color: #3c3c3c; }
  .chart__consumption .chart__consumption .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__consumption .colored__vacation__2 {
    color: #666666; }
  .chart__consumption .colored__test__2 {
    color: #666666; }
  .chart__consumption .filter__control {
    position: relative;
    border-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    box-shadow: none !important; }
    .chart__consumption .filter__control.filter__control--is-menu-open .filter__dropdown-indicator:before {
      content: "\F068"; }
  .chart__consumption .filter__control--is-focused {
    border-color: transparent; }
  .chart__consumption .filter__indicator-separator {
    display: none; }
  .chart__consumption .filter__value-container {
    padding: 0;
    width: 100%;
    align-items: flex-start; }
    .chart__consumption .filter__value-container .filter__single-value {
      font-size: 16px;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding-right: 30px;
      margin-left: 0; }
      @media screen and (min-width: 768px) {
        .chart__consumption .filter__value-container .filter__single-value {
          padding-right: 24px;
          font-size: 13px; } }
    .chart__consumption .filter__value-container input {
      width: 100%;
      height: 24px;
      font-size: 16px !important; }
      @media screen and (min-width: 768px) {
        .chart__consumption .filter__value-container input {
          font-size: 13px !important; } }
  .chart__consumption .filter.filter__icon__ .filter__input {
    pointer-events: none; }
  .chart__consumption .filter.filter__icon__ .filter__value-container .filter__placeholder {
    color: #666666; }
  .chart__consumption .filter:not(.filter__icon__) .filter__value-container .filter__placeholder {
    color: #c1c1c1; }
  .chart__consumption .filter:not(.filter__icon__).filter__icon__search .filter__dropdown-indicator svg {
    display: none; }
  .chart__consumption .filter:not(.filter__icon__).filter__icon__search .filter__dropdown-indicator:before {
    content: "\F002"; }
  .chart__consumption .filter__indicators {
    height: 38px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%); }
  .chart__consumption .filter__dropdown-indicator {
    color: #333333 !important; }
    .chart__consumption .filter__dropdown-indicator:before {
      font-family: "Font Awesome 5 Pro"; }
  .chart__consumption .filter__single-value {
    padding: 0 8px;
    border-radius: 2px;
    font-size: 12px; }
  .chart__consumption .filter__menu {
    margin: 0 auto;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25); }
    .chart__consumption .filter__menu .filter__option {
      color: inherit;
      font-size: 13px;
      height: auto;
      min-height: 26px; }
      .chart__consumption .filter__menu .filter__option:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        opacity: 0; }
      .chart__consumption .filter__menu .filter__option:hover {
        background-color: transparent; }
        .chart__consumption .filter__menu .filter__option:hover:before {
          opacity: 1; }
    .chart__consumption .filter__menu .filter__option--no-options {
      background-color: red !important; }
  .chart__consumption .filter__option {
    text-align: left;
    background-color: white;
    position: relative;
    color: #333333;
    font-size: 13px;
    font-weight: 600;
    min-height: 28px;
    cursor: pointer; }
    .chart__consumption .filter__option--is-focused {
      background-color: #00395e;
      color: white; }
  .chart__consumption .filter__group {
    padding: 0; }
  .chart__consumption .filter__noclose .filter__clear-indicator {
    display: none; }
  .chart__consumption .filter__clear-indicator {
    position: absolute;
    left: 100%;
    width: 20px;
    height: 20px;
    background-color: #666666;
    border-radius: 50%;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important; }
    .chart__consumption .filter__clear-indicator svg {
      display: none; }
    .chart__consumption .filter__clear-indicator:before {
      font-family: "Font Awesome 5 Pro";
      content: "\F00D";
      color: white;
      text-align: center;
      margin: auto;
      font-size: 10px; }
  .chart__consumption .filter__control {
    color: #000000;
    font-size: 13px;
    font-weight: 600; }
    .chart__consumption .filter__control:hover {
      opacity: 0.8; }
  .chart__consumption .filter__auto.filter__icon__ .filter__control {
    border-color: #facdd2;
    background-color: #facdd2; }
    .chart__consumption .filter__auto.filter__icon__ .filter__control:hover {
      border-color: #facdd2; }
    .chart__consumption .filter__auto.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: #facdd2; }
  .chart__consumption .filter__auto.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__consumption .filter__auto.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__consumption .filter__auto:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #facdd2;
    background-color: white; }
    .chart__consumption .filter__auto:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #facdd2; }
    .chart__consumption .filter__auto:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: white; }
  .chart__consumption .filter__realestate.filter__icon__ .filter__control {
    border-color: #facdd2;
    background-color: #facdd2; }
    .chart__consumption .filter__realestate.filter__icon__ .filter__control:hover {
      border-color: #facdd2; }
    .chart__consumption .filter__realestate.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: #facdd2; }
  .chart__consumption .filter__realestate.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(242, 235, 247, 0.3); }
  .chart__consumption .filter__realestate.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(242, 235, 247, 0.3); }
  .chart__consumption .filter__realestate:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #facdd2;
    background-color: white; }
    .chart__consumption .filter__realestate:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #facdd2; }
    .chart__consumption .filter__realestate:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: white; }
  .chart__consumption .filter__vacation.filter__icon__ .filter__control {
    border-color: #fff0cd;
    background-color: #fff0cd; }
    .chart__consumption .filter__vacation.filter__icon__ .filter__control:hover {
      border-color: #fff0cd; }
    .chart__consumption .filter__vacation.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #fff0cd;
      background-color: #fff0cd; }
  .chart__consumption .filter__vacation.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(255, 247, 230, 0.3); }
  .chart__consumption .filter__vacation.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(255, 247, 230, 0.3); }
  .chart__consumption .filter__vacation:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #fff0cd;
    background-color: white; }
    .chart__consumption .filter__vacation:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #fff0cd; }
    .chart__consumption .filter__vacation:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #fff0cd;
      background-color: white; }
  .chart__consumption .filter__employment.filter__icon__ .filter__control {
    border-color: #facdd2;
    background-color: #facdd2; }
    .chart__consumption .filter__employment.filter__icon__ .filter__control:hover {
      border-color: #facdd2; }
    .chart__consumption .filter__employment.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: #facdd2; }
  .chart__consumption .filter__employment.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__consumption .filter__employment.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__consumption .filter__employment:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #facdd2;
    background-color: white; }
    .chart__consumption .filter__employment:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #facdd2; }
    .chart__consumption .filter__employment:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: white; }
  .chart__consumption .filter__consumption.filter__icon__ .filter__control {
    border-color: #ffe381;
    background-color: #ffe381; }
    .chart__consumption .filter__consumption.filter__icon__ .filter__control:hover {
      border-color: #ffe381; }
    .chart__consumption .filter__consumption.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #ffe381;
      background-color: #ffe381; }
  .chart__consumption .filter__consumption.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(255, 227, 129, 0.3); }
  .chart__consumption .filter__consumption.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(255, 227, 129, 0.3); }
  .chart__consumption .filter__consumption:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #ffe381;
    background-color: white; }
    .chart__consumption .filter__consumption:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #ffe381; }
    .chart__consumption .filter__consumption:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #ffe381;
      background-color: white; }
  .chart__consumption .split__left .chart__histogram {
    padding-left: 0; }
  .chart__consumption .highcharts-container.chart__own {
    font-family: "Open Sans";
    /* Tooltip */ }
    .chart__consumption .highcharts-container.chart__own.chart-bar-vertical .highcharts-point-hover {
      fill: #dc002d !important; }
    .chart__consumption .highcharts-container.chart__own.chart-bar-vertical .axis__labels {
      width: auto;
      display: block; }
      .chart__consumption .highcharts-container.chart__own.chart-bar-vertical .axis__labels .axis__label__x {
        text-align: center;
        white-space: normal;
        margin: auto;
        min-width: 68px;
        font-size: 10px; }
    .chart__consumption .highcharts-container.chart__own .bar__value {
      color: #dc002d;
      font-size: 18px;
      font-weight: 800;
      font-family: "PSM"; }
    .chart__consumption .highcharts-container.chart__own .highcharts-xaxis-labels {
      width: 100%;
      left: 0 !important; }
    .chart__consumption .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels {
      width: 100%;
      display: block;
      text-align: right;
      color: #333333;
      white-space: initial; }
      .chart__consumption .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels span {
        width: 100%;
        display: block;
        text-transform: none;
        text-align: right; }
        .chart__consumption .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels span.axis__label {
          width: 100% !important;
          font-weight: 400;
          font-size: 13px;
          color: inherit;
          line-height: 1.2;
          text-transform: none;
          margin-left: auto;
          margin-right: 0;
          padding-right: 10px;
          white-space: pre-wrap; }
      .chart__consumption .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels .axis__label__x {
        text-align: right; }
      .chart__consumption .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels .axis__label__y {
        font-size: 10px; }
    .chart__consumption .highcharts-container.chart__own.chart-bar-vertical .axis__labels {
      text-align: center;
      line-height: 1; }
      .chart__consumption .highcharts-container.chart__own.chart-bar-vertical .axis__labels .axis__label__x {
        text-align: center; }
    .chart__consumption .highcharts-container.chart__own .axis__labels {
      color: #333333; }
      .chart__consumption .highcharts-container.chart__own .axis__labels span {
        top: 0;
        font-weight: 400;
        font-size: 13px;
        color: inherit;
        line-height: 1.2;
        text-transform: none; }
      .chart__consumption .highcharts-container.chart__own .axis__labels .axis__label__x {
        text-align: right; }
      .chart__consumption .highcharts-container.chart__own .axis__labels .axis__label__y {
        font-size: 10px; }
    .chart__consumption .highcharts-container.chart__own .highcharts-legend-item {
      pointer-events: none; }
      .chart__consumption .highcharts-container.chart__own .highcharts-legend-item.bar__ {
        font-weight: 600;
        font-size: 11px;
        padding-right: 5px; }
        @media screen and (min-width: 768px) {
          .chart__consumption .highcharts-container.chart__own .highcharts-legend-item.bar__ {
            font-size: 13px; } }
        .chart__consumption .highcharts-container.chart__own .highcharts-legend-item.bar__ span {
          transform: translateY(-5px); }
    .chart__consumption .highcharts-container.chart__own .highcharts-axis-labels {
      color: #333333;
      fill: #333333;
      font-size: 13px; }
    .chart__consumption .highcharts-container.chart__own .highcharts-background {
      background-color: transparent;
      fill: none; }
    .chart__consumption .highcharts-container.chart__own .highcharts-tooltip {
      cursor: default;
      pointer-events: none;
      white-space: nowrap;
      transition: stroke 150ms;
      min-width: 162px;
      width: 100%;
      max-width: 220px;
      z-index: 5000; }
    .chart__consumption .highcharts-container.chart__own .highcharts-tooltip text {
      fill: white; }
    .chart__consumption .highcharts-container.chart__own .highcharts-tooltip .highcharts-header {
      font-size: 0.85em; }
    .chart__consumption .highcharts-container.chart__own .highcharts-tooltip-box {
      stroke-width: 0;
      fill: white;
      fill-opacity: 1;
      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25); }
    .chart__consumption .highcharts-container.chart__own .highcharts-tooltip-box .highcharts-label-box {
      fill: white;
      fill-opacity: 0.85; }
  .chart__consumption .highcharts-container.chart-bar-top10 .highcharts-point.highcharts-color-1 {
    color: red;
    position: relative; }
    .chart__consumption .highcharts-container.chart-bar-top10 .highcharts-point.highcharts-color-1:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
      background-color: red;
      z-index: 100;
      fill: url("#uiPattern"); }
  .chart__consumption .uk-tooltip.tooltip-map {
    height: auto;
    display: block;
    min-width: 80px;
    max-width: 220px;
    padding: 10px;
    padding: 10px;
    transform: translateX(-50%) translateY(-50%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: white;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    opacity: 1;
    z-index: 5000 !important; }
    .chart__consumption .uk-tooltip.tooltip-map .tooltip__value b,
    .chart__consumption .uk-tooltip.tooltip-map .tooltip__value strong {
      font-family: "PSM";
      font-weight: 800; }
    .chart__consumption .uk-tooltip.tooltip-map .line {
      line-height: 1;
      font-size: 12px;
      font-weight: 600; }
      .chart__consumption .uk-tooltip.tooltip-map .line h3 {
        font-size: 14px; }
      .chart__consumption .uk-tooltip.tooltip-map .line b,
      .chart__consumption .uk-tooltip.tooltip-map .line strong {
        font-weight: 800;
        font-size: 22px; }
        .chart__consumption .uk-tooltip.tooltip-map .line b.point__value,
        .chart__consumption .uk-tooltip.tooltip-map .line strong.point__value {
          font-size: 22px; }
          .chart__consumption .uk-tooltip.tooltip-map .line b.point__value p,
          .chart__consumption .uk-tooltip.tooltip-map .line strong.point__value p {
            font-size: 18px; }
      .chart__consumption .uk-tooltip.tooltip-map .line span {
        color: #333333; }
  .chart__consumption .uk-tooltip.tooltip-chart {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    min-width: 100%;
    max-width: 220px;
    padding: 10px;
    padding: 10px;
    transform: translateX(-50%) translateY(-90%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: white;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    font-size: 13px;
    line-height: 1.2;
    font-weight: normal;
    white-space: initial;
    border: none;
    text-align: left; }
    .chart__consumption .uk-tooltip.tooltip-chart.tooltip-chartHorizontalBar {
      transform: translateX(-50%) translateY(-90%); }
    .chart__consumption .uk-tooltip.tooltip-chart.tooltip-chartbubble {
      transform: translateX(-50%) translateY(-90%); }
    .chart__consumption .uk-tooltip.tooltip-chart * {
      text-shadow: none; }
    .chart__consumption .uk-tooltip.tooltip-chart .line {
      line-height: 1; }
      .chart__consumption .uk-tooltip.tooltip-chart .line h3 {
        font-size: 14px; }
      .chart__consumption .uk-tooltip.tooltip-chart .line b,
      .chart__consumption .uk-tooltip.tooltip-chart .line strong {
        font-weight: 800; }
        .chart__consumption .uk-tooltip.tooltip-chart .line b.point__value,
        .chart__consumption .uk-tooltip.tooltip-chart .line strong.point__value {
          font-size: 22px; }
      .chart__consumption .uk-tooltip.tooltip-chart .line span {
        color: #333333; }
      .chart__consumption .uk-tooltip.tooltip-chart .line.line1 {
        font-weight: 600; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-1 {
      color: "grey" #9ba6b2; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-2 {
      color: "grey-light" #ccd4dd; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-3 {
      color: "grey-dark" #707982; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-4 {
      color: "purple" #8f4c98; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-5 {
      color: "purple-light" #bc92c1; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-6 {
      color: "purple-dark" #482856; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-7 {
      color: "pink" #e72c65; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-8 {
      color: "pink-light" #ee7999; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-9 {
      color: "pink-dark" #a52248; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-10 {
      color: "turquoise" #008c88; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-11 {
      color: "turquoise-light" #00aead; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-12 {
      color: "turquoise-dark" #136775; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-13 {
      color: "yellow" #ffc923; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-14 {
      color: "yellow-light" #ffee18; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-15 {
      color: "yellow-dark" #ff9622; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-16 {
      color: "green" #a3c515; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-17 {
      color: "green-light" #d8d90b; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-18 {
      color: "green-dark" #74cd50; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-19 {
      color: "cyan" #00a6c2; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-20 {
      color: "cyan-light" #7fc1da; }
    .chart__consumption .uk-tooltip.tooltip-chart .color-21 {
      color: "cyan-dark" #108ba4; }
  .chart__consumption .highcharts-tooltip-container {
    z-index: 9999 !important; }
    .chart__consumption .highcharts-tooltip-container .highcharts-root {
      display: none !important; }
    .chart__consumption .highcharts-tooltip-container .tooltip__chart__bar .uk-tooltip.tooltip-chart {
      min-width: 160px; }
    .chart__consumption .highcharts-tooltip-container .tooltip__chart__line .uk-tooltip.tooltip-chart {
      min-width: 140px; }
    .chart__consumption .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__employment .color-0 {
      color: #04848c; }
    .chart__consumption .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__employment .color-1 {
      color: #f05069; }
    .chart__consumption .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__consumption .color-0 {
      color: #3c3c3c; }
    .chart__consumption .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__consumption .color-1 {
      color: #faa000; }
    .chart__consumption .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__mini .uk-tooltip.tooltip-chart {
      min-width: 100px;
      text-align: center; }
    .chart__consumption .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__realestate .color-0 {
      color: #5a3787; }
    .chart__consumption .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__realestate .color-1 {
      color: #9b7dc3; }
    .chart__consumption .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__vacation .color-0 {
      color: #ffbe00; }
    .chart__consumption .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__vacation .color-1 {
      color: #ffd74b; }
    .chart__consumption .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__employment .color-0 {
      color: #04848c; }
    .chart__consumption .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__employment .color-1 {
      color: #f9b9c3; }
  @media screen {
    .chart__consumption .own-html.wf-active #mainHeader {
      transform: translateY(0);
      -webkit-transition: all 0.25s 0.5s ease;
      -moz-transition: all 0.25s 0.5s ease;
      -ms-transition: all 0.25s 0.5s ease;
      -o-transition: all 0.25s 0.5s ease;
      transition: all 0.25s 0.5s ease; }
    .chart__consumption .own-html.wf-active .banner.banner__top {
      transform: translateY(0);
      -webkit-transition: all 1s 0.25s ease;
      -moz-transition: all 1s 0.25s ease;
      -ms-transition: all 1s 0.25s ease;
      -o-transition: all 1s 0.25s ease;
      transition: all 1s 0.25s ease; }
      .chart__consumption .own-html.wf-active .banner.banner__top .banner__edito {
        transform: translateY(0%);
        opacity: 1;
        -webkit-transition: all 1s 0.25s ease;
        -moz-transition: all 1s 0.25s ease;
        -ms-transition: all 1s 0.25s ease;
        -o-transition: all 1s 0.25s ease;
        transition: all 1s 0.25s ease; }
        .chart__consumption .own-html.wf-active .banner.banner__top .banner__edito .banner__data {
          transform: translateY(0%);
          -webkit-transition: all 1.2s 0.25s ease;
          -moz-transition: all 1.2s 0.25s ease;
          -ms-transition: all 1.2s 0.25s ease;
          -o-transition: all 1.2s 0.25s ease;
          transition: all 1.2s 0.25s ease; }
    .chart__consumption .own-html.wf-active #sectionKey001 {
      opacity: 1;
      transform: translateY(0%);
      -webkit-transition: all 1.5s 1s ease;
      -moz-transition: all 1.5s 1s ease;
      -ms-transition: all 1.5s 1s ease;
      -o-transition: all 1.5s 1s ease;
      transition: all 1.5s 1s ease; }
      .chart__consumption .own-html.wf-active #sectionKey001 .chart__title {
        transform: translateY(0%);
        -webkit-transition: all 1.5s 1.2s ease;
        -moz-transition: all 1.5s 1.2s ease;
        -ms-transition: all 1.5s 1.2s ease;
        -o-transition: all 1.5s 1.2s ease;
        transition: all 1.5s 1.2s ease; }
      .chart__consumption .own-html.wf-active #sectionKey001 .chart__body {
        transform: translateY(0%);
        -webkit-transition: all 1.5s 1.1s ease;
        -moz-transition: all 1.5s 1.1s ease;
        -ms-transition: all 1.5s 1.1s ease;
        -o-transition: all 1.5s 1.1s ease;
        transition: all 1.5s 1.1s ease; }
    .chart__consumption .own-html.wf-active .nav__anchors {
      transform: translateX(0);
      -webkit-transition: all 2s 2s ease;
      -moz-transition: all 2s 2s ease;
      -ms-transition: all 2s 2s ease;
      -o-transition: all 2s 2s ease;
      transition: all 2s 2s ease; }
    .chart__consumption .own-html:not(.wf-active) #mainHeader {
      transform: translateY(-100%); }
    .chart__consumption .own-html:not(.wf-active) .banner.banner__top {
      transform: translateY(-100%); }
      .chart__consumption .own-html:not(.wf-active) .banner.banner__top .banner__edito {
        transform: translateY(-50%);
        opacity: 0; }
        .chart__consumption .own-html:not(.wf-active) .banner.banner__top .banner__edito .banner__data {
          transform: translateY(-100%); }
    .chart__consumption .own-html #sectionKey001 {
      opacity: 0;
      transform: translateY(50%); }
      .chart__consumption .own-html #sectionKey001 .chart__title {
        transform: translateY(25%); }
      .chart__consumption .own-html #sectionKey001 .chart__body {
        transform: translateY(50%); }
    .chart__consumption .own-html .nav__anchors {
      transform: translateX(-100%); } }
  .chart__consumption .axis__label__x.no-year small small {
    display: none; }
  .chart__consumption .axis__label__x small {
    font-size: 10px; }
    @media screen and (min-width: 768px) {
      .chart__consumption .axis__label__x small small {
        font-size: 10px !important; } }
  .chart__consumption .tooltip__chart__consumption .tooltip-chart {
    min-width: 145px !important; }
  .chart__consumption .tooltip__chart__consumption .color-0 {
    color: #3c3c3c; }
  .chart__consumption .tooltip__chart__consumption .color-1 {
    color: #faa000; }

.bar-under.clr-consumption:after {
  background-color: #ffd74b; }

.mentions__list {
  list-style: initial; }

.mentions__item {
  text-align: left;
  font-size: 12px;
  opacity: 0.8;
  list-style: decimal;
  margin-left: 12px; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
.nav__anchors__lbc {
  position: fixed;
  top: 300px !important;
  left: 0;
  z-index: 100;
  width: 100% !important;
  max-width: 135px;
  display: none; }
  @media screen and (min-height: 760px) {
    .nav__anchors__lbc {
      top: 50vh; } }
  @media screen and (min-width: 1200px) {
    .nav__anchors__lbc {
      display: block; } }
  .nav__anchors__lbc.uk-active {
    top: 50vh !important; }
    @media screen and (max-height: 760px) {
      .nav__anchors__lbc.uk-active {
        top: 400px !important; } }
    @media screen and (min-height: 760px) {
      .nav__anchors__lbc.uk-active ul {
        transform: translateY(-50%); } }
  .nav__anchors__lbc + .uk-sticky-placeholder {
    display: none; }
  @media screen and (max-height: 760px) {
    .nav__anchors__lbc ul {
      transform: translateY(0%); } }
  .nav__anchors__lbc li {
    position: relative; }
    .nav__anchors__lbc li .nav__inner {
      position: relative;
      width: 100%; }
    .nav__anchors__lbc li.section-active .nav__inner {
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease; }
    .nav__anchors__lbc li.section-active a {
      color: #000000; }
      .nav__anchors__lbc li.section-active a span {
        display: inline-block;
        position: relative; }
        .nav__anchors__lbc li.section-active a span:after {
          content: "";
          display: block;
          width: auto;
          height: 2px;
          background-color: #ff6e14; }
    .nav__anchors__lbc li:not(.section-active) .nav__inner:before {
      width: 0px;
      height: 0px; }
    .nav__anchors__lbc li:not(.section-active) .nav__inner:after {
      border-width: 0 0 0 0; }
    .nav__anchors__lbc li + li {
      margin-top: 5px; }
    .nav__anchors__lbc li a {
      padding: 5px 10px 5px 30px;
      display: flex;
      width: 100%;
      flex-flow: wrap;
      align-items: center;
      color: #333333;
      min-height: 36px;
      font-family: "PSM";
      line-height: 18px;
      font-size: 16px;
      transition: none; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
.chart__consumption .cols {
  padding: 15px; }
  @media screen and (min-width: 768px) {
    .chart__consumption .cols {
      display: flex;
      flex-flow: wrap;
      padding: 15px 0; } }
  .chart__consumption .cols .col {
    text-align: left; }
    @media screen and (min-width: 768px) {
      .chart__consumption .cols .col:nth-child(odd) {
        padding-right: 30px;
        width: 300px; } }
    @media screen and (min-width: 768px) {
      .chart__consumption .cols .col:nth-child(even) {
        padding-left: 15px;
        width: calc(100% - 300px); } }
    @media screen and (min-width: 768px) {
      .chart__consumption .cols .col.col1 {
        padding-top: 20px; } }
    .chart__consumption .cols .col.col1 .title {
      font-family: "PSM";
      font-weight: 800;
      font-size: 20px; }
    .chart__consumption .cols .col.col1 .description {
      padding: 5px 0 0 0;
      font-size: 13px;
      line-height: 1.6; }

.chart__consumption [data-highcharts-chart] {
  overflow: visible !important; }

.chart__consumption .point__base100 {
  position: absolute;
  width: 0px;
  height: 0px; }
  .chart__consumption .point__base100 span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 13px;
    height: 13px;
    transform: translateX(-100%) translateY(-50%);
    background-color: #faa000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
    .chart__consumption .point__base100 span:after {
      content: "Base 100";
      position: absolute;
      font-size: 13px;
      font-weight: 600;
      transform: translateY(100%) translateX(0%); }
      @media screen and (min-width: 768px) {
        .chart__consumption .point__base100 span:after {
          transform: translateY(100%) translateX(-50%); } }

.chart__consumption .highcharts-xaxis-labels .axis__label__x {
  padding-right: 0 !important; }

.chart__consumption .highcharts-xaxis-labels .axis__label {
  white-space: initial !important; }

.chart__consumption .highcharts-xaxis-labels small small {
  display: block;
  font-size: 8px;
  line-height: 1;
  letter-spacing: -0.5pt; }

.chart__consumption .highcharts-xaxis-labels small strong {
  display: block;
  font-weight: 500 !important;
  line-height: 1;
  padding: 0;
  margin: 0; }

@media screen and (min-width: 768px) {
  .smartphone__only {
    display: none; } }

.tabs {
  display: none;
  position: relative;
  padding: 30px 0 0 0; }
  @media screen and (min-width: 768px) {
    .tabs {
      display: block; } }
  .tabs:after {
    content: "";
    width: 100%;
    height: 8px;
    background-color: #3c3c3c;
    position: absolute;
    bottom: 0;
    left: 0; }
  .tabs__inner {
    display: flex;
    justify-content: space-between; }
    .tabs__inner li {
      position: relative;
      padding-bottom: 40px; }
      .tabs__inner li:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%) translateY(-7px);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 25px 0 25px;
        border-color: transparent transparent #3c3c3c transparent;
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease; }
      .tabs__inner li.active .tab .tab__btn {
        background-color: #ffbe00; }
      .tabs__inner li.active:after {
        border-width: 0 25px 20px 25px; }
  .tabs .tab__btn {
    position: relative;
    background-color: #ffd74b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    width: 69px;
    height: 69px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto; }
    .tabs .tab__btn + .tab__label {
      margin-top: 8px; }
    .tabs .tab__btn img {
      max-width: 100%; }
  .tabs .tab__label {
    font-size: 15px;
    font-weight: bold;
    max-width: 80px;
    display: block;
    line-height: 1.2; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
.own-html.wf-active #sectionKeyemployment01 .chart__head {
  opacity: 1;
  transform: translateY(0%);
  -webkit-transition: all 1.5s 2.75s ease;
  -moz-transition: all 1.5s 2.75s ease;
  -ms-transition: all 1.5s 2.75s ease;
  -o-transition: all 1.5s 2.75s ease;
  transition: all 1.5s 2.75s ease; }

.own-html.wf-active #sectionKeyemployment01 .chart__body {
  opacity: 1;
  transform: translateY(0%);
  -webkit-transition: all 1.5s 3.25s ease;
  -moz-transition: all 1.5s 3.25s ease;
  -ms-transition: all 1.5s 3.25s ease;
  -o-transition: all 1.5s 3.25s ease;
  transition: all 1.5s 3.25s ease; }

@media print {
  .own-html #sectionKeyemployment01 .chart__head {
    opacity: 1;
    transform: translateY(0%);
    -webkit-transition: all 1.5s 2.75s ease;
    -moz-transition: all 1.5s 2.75s ease;
    -ms-transition: all 1.5s 2.75s ease;
    -o-transition: all 1.5s 2.75s ease;
    transition: all 1.5s 2.75s ease; }
  .own-html #sectionKeyemployment01 .chart__body {
    opacity: 1;
    transform: translateY(0%);
    -webkit-transition: all 1.5s 3.25s ease;
    -moz-transition: all 1.5s 3.25s ease;
    -ms-transition: all 1.5s 3.25s ease;
    -o-transition: all 1.5s 3.25s ease;
    transition: all 1.5s 3.25s ease; } }

#sectionKeyemployment01 .chart__head {
  position: relative;
  z-index: 10; }

.chart__employment {
  /**
 * @license Highcharts
 *
 * (c) 2009-2016 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
  /* Titles */
  /* Axes */
  /* Credits */
  /* Tooltip */
  /* Legend hover affects points and series */
  /* Series options */
  /* Default colors */
  /* Legend */
  /* Bubble legend */
  /* Loading */
  /* Plot bands and polar pane backgrounds */
  /* Highcharts More and modules */
  /* Highstock */
  /* Highmaps */
  /* 3d charts */
  /* Exporting module */
  /* Drilldown module */
  /* No-data module */
  /* Drag-panes module */
  /* Bullet type series */
  /* Lineargauge type series */
  /* Annotations module */
  /* Gantt */
  /* COULEUR SITE PALETTE */
  /*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
  /* COULEUR SITE PALETTE */
  /*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
  /* COULEUR SITE PALETTE */
  /*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */ }
  .chart__employment .highcharts-credits {
    display: none; }
  .chart__employment .highcharts-axis.highcharts-xaxis {
    stroke-width: 1px;
    stroke: #102d40;
    stroke: red; }
  .chart__employment .highcharts-yaxis-grid .highcharts-grid-line {
    stroke-width: 1px;
    stroke: #c1c1c1;
    stroke-opacity: 0.5;
    stroke-linecap: butt; }
    .chart__employment .highcharts-yaxis-grid .highcharts-grid-line:first-child {
      stroke-width: 0; }
    .chart__employment .highcharts-yaxis-grid .highcharts-grid-line:last-child {
      transform: translateX(-1px); }
  .chart__employment .highcharts-container {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
    line-height: normal;
    z-index: 0;
    /* #1072 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: "Montserrat";
    font-size: 12px; }
  .chart__employment .highcharts-root {
    display: block; }
  @media print {
    .chart__employment .chart-sdg-contribution {
      width: 960px !important;
      height: 300px !important; }
      .chart__employment .chart-sdg-contribution .highcharts-root {
        width: 100% !important;
        height: 100% !important; } }
  .chart__employment .highcharts-root text {
    stroke-width: 0; }
  .chart__employment .highcharts-strong {
    font-weight: 700; }
  .chart__employment .highcharts-emphasized {
    font-style: italic; }
  .chart__employment .highcharts-anchor {
    cursor: pointer; }
  .chart__employment .highcharts-background {
    fill: white;
    fill-opacity: 0; }
  .chart__employment .highcharts-plot-border,
  .chart__employment .highcharts-plot-background {
    fill: none; }
  .chart__employment .highcharts-label-box {
    fill: none; }
  .chart__employment .highcharts-button-box {
    fill: inherit; }
  .chart__employment .highcharts-tracker-line {
    stroke-linejoin: round;
    stroke: rgba(192, 192, 192, 0.0001);
    stroke-width: 22;
    fill: none; }
  .chart__employment .highcharts-tracker-area {
    fill: rgba(192, 192, 192, 0.0001);
    stroke-width: 0; }
  .chart__employment .highcharts-title {
    fill: #333333;
    font-size: 1.5em; }
  .chart__employment .highcharts-subtitle {
    fill: #f7f8fb; }
  .chart__employment .highcharts-axis-line {
    fill: none;
    stroke: #ccd6eb; }
  .chart__employment .highcharts-yaxis .highcharts-axis-line {
    stroke-width: 0; }
  .chart__employment .highcharts-axis-title {
    fill: #f7f8fb; }
  .chart__employment .highcharts-axis-labels {
    fill: rgba(92, 119, 173, 0.5);
    color: rgba(92, 119, 173, 0.5);
    cursor: default;
    font-size: 0.9em; }
  .chart__employment .highcharts-grid-line {
    fill: none;
    stroke: #eef1f7; }
  .chart__employment .highcharts-xaxis-grid .highcharts-grid-line {
    stroke-width: 0px; }
  .chart__employment .highcharts-tick {
    stroke: #ccd6eb; }
  .chart__employment .highcharts-yaxis .highcharts-tick {
    stroke-width: 0; }
  .chart__employment .highcharts-minor-grid-line {
    stroke: #eef1f7; }
  .chart__employment .highcharts-crosshair-thin {
    stroke-width: 1px;
    stroke: #cccccc; }
  .chart__employment .highcharts-crosshair-category {
    stroke: #ccd6eb;
    stroke-opacity: 0.25; }
  .chart__employment .highcharts-credits {
    cursor: pointer;
    fill: #999999;
    font-size: 0.7em;
    transition: fill 250ms, font-size 250ms; }
  .chart__employment .highcharts-credits:hover {
    fill: black;
    font-size: 1em; }
  .chart__employment .highcharts-tooltip {
    cursor: default;
    pointer-events: none;
    white-space: nowrap;
    transition: stroke 150ms;
    min-width: 162px;
    width: 100%;
    max-width: 220px;
    /*
    width: 100%;
    height: auto;
    //max-width: 220px;
    padding: 10px;
    @include border-radius(6px);
    background-color: white;
    box-shadow: 0 10px 50px rgba($color-primary-dark, 0.6);
    color: $color-primary-dark;
    font-weight: 700;
    font-size: 16px;
    */ }
    .chart__employment .highcharts-tooltip .highcharts-label-box {
      display: none; }
  .chart__employment .highcharts-tooltip text {
    fill: white; }
  .chart__employment .highcharts-tooltip .highcharts-header {
    font-size: 0.85em; }
  .chart__employment .highcharts-tooltip-box {
    stroke-width: 0px;
    fill: white;
    fill-opacity: 1;
    box-shadow: 0 10px 50px rgba(92, 119, 173, 0.6); }
  .chart__employment .highcharts-tooltip-box .highcharts-label-box {
    fill: white;
    fill-opacity: 0.85; }
  .chart__employment .highcharts-selection-marker {
    fill: #335cad;
    fill-opacity: 0.25; }
  .chart__employment .highcharts-graph {
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round; }
  .chart__employment .highcharts-state-hover .highcharts-graph {
    stroke-width: 3; }
  .chart__employment .highcharts-state-hover path {
    transition: stroke-width 50;
    /* quick in */ }
  .chart__employment .highcharts-state-normal path {
    transition: stroke-width 250ms;
    /* slow out */ }
  .chart__employment g.highcharts-series,
  .chart__employment .highcharts-point,
  .chart__employment .highcharts-markers,
  .chart__employment .highcharts-data-labels {
    transition: opacity 250ms; }
  .chart__employment .highcharts-legend-series-active
g.highcharts-series:not(.highcharts-series-hover),
  .chart__employment .highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
  .chart__employment .highcharts-legend-series-active
.highcharts-markers:not(.highcharts-series-hover),
  .chart__employment .highcharts-legend-series-active
.highcharts-data-labels:not(.highcharts-series-hover) {
    opacity: 0.2; }
  .chart__employment .highcharts-color-0 {
    fill: #04848c;
    stroke: #04848c; }
  .chart__employment .highcharts-color-1 {
    fill: #f9b9c3;
    stroke: #f9b9c3; }
  .chart__employment .highcharts-color-2 {
    fill: #f9b9c3;
    stroke: #f9b9c3; }
  .chart__employment .highcharts-color-3 {
    fill: #04848c;
    stroke: #04848c; }
  .chart__employment .highcharts-color-4 {
    fill: #8085e9;
    stroke: #8085e9; }
  .chart__employment .highcharts-color-5 {
    fill: #f15c80;
    stroke: #f15c80; }
  .chart__employment .highcharts-color-6 {
    fill: #e4d354;
    stroke: #e4d354; }
  .chart__employment .highcharts-color-7 {
    fill: #2b908f;
    stroke: #2b908f; }
  .chart__employment .highcharts-color-8 {
    fill: #f45b5b;
    stroke: #f45b5b; }
  .chart__employment .highcharts-color-9 {
    fill: #91e8e1;
    stroke: #91e8e1; }
  .chart__employment .highcharts-area {
    fill-opacity: 0.75;
    stroke-width: 0; }
  .chart__employment .highcharts-markers {
    stroke-width: 1px;
    stroke: #ffffff; }
  .chart__employment .highcharts-point {
    stroke-width: 0; }
  .chart__employment .highcharts-dense-data .highcharts-point {
    stroke-width: 0; }
  .chart__employment .highcharts-data-label {
    font-size: 0.9em;
    font-weight: 700; }
  .chart__employment .highcharts-data-label-box {
    fill: none;
    stroke-width: 0; }
  .chart__employment .highcharts-data-label text,
  .chart__employment text.highcharts-data-label {
    fill: #5c77ad;
    font-weight: normal;
    font-size: 14px; }
  .chart__employment .highcharts-data-label-connector {
    fill: none; }
  .chart__employment .highcharts-halo {
    fill-opacity: 0.25;
    stroke-width: 0; }
  .chart__employment .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select,
  .chart__employment .highcharts-markers .highcharts-point-select {
    fill: #ff992b;
    stroke: #ff992b;
    fill-opacity: 1; }
  .chart__employment .highcharts-column-series rect.highcharts-point {
    stroke: #ffffff;
    stroke-width: 0;
    stroke-opacity: 0;
    fill-opacity: 0.83;
    outline-color: #ecf4f9;
    outline-style: solid;
    outline-width: 1px;
    outline-offset: 0;
    filter: none;
    box-shadow: none; }
    .chart__employment .highcharts-column-series rect.highcharts-point.highcharts-point-hover {
      fill: #ff992b;
      stroke: #ff992b;
      fill-opacity: 1; }
    .chart__employment .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-0 {
      fill: #2b77a6; }
    .chart__employment .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-1 {
      fill: #2b77a6; }
    .chart__employment .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-2 {
      fill: #24658c; }
    .chart__employment .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-3 {
      fill: #1e5273; }
    .chart__employment .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-4 {
      fill: #174059; }
    .chart__employment .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-5 {
      fill: #102d40; }
    .chart__employment .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-6 {
      fill: #102d40; }
  .chart__employment .chart__bar.chart__auto:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span {
    max-width: 100px; }
  .chart__employment .chart__bar.chart__realestate .highcharts-axis-labels.highcharts-xaxis-labels span {
    max-width: 140px; }
  .chart__employment .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span {
    display: flex !important;
    flex-flow: wrap;
    align-items: center;
    min-height: 30px;
    max-width: 160px; }
    .chart__employment .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span {
      display: block !important;
      width: 100%;
      font-weight: 700;
      text-transform: uppercase;
      min-height: 0;
      white-space: normal; }
      .chart__employment .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-category, .chart__employment .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-icon {
        margin: auto 0;
        white-space: normal; }
        .chart__employment .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-category i, .chart__employment .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-icon i {
          font-size: 16px; }
  .chart__employment .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels:not(.chart__line) .highcharts-axis-labels.highcharts-xaxis-labels span {
    left: 0 !important;
    width: 100% !important; }
    .chart__employment .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels:not(.chart__line) .highcharts-axis-labels.highcharts-xaxis-labels span span {
      text-align: right; }
  .chart__employment .highcharts-column-series .highcharts-point {
    transition: fill-opacity 250ms; }
  .chart__employment .highcharts-column-series .highcharts-point-hover {
    fill-opacity: 1;
    fill: #ff992b;
    transition: fill-opacity 50ms; }
  .chart__employment .highcharts-column-series .highcharts-point-hover {
    fill-opacity: 1;
    fill: #ff992b;
    transition: fill-opacity 50ms; }
  .chart__employment .highcharts-pie-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #ffffff; }
  .chart__employment .highcharts-pie-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms; }
  .chart__employment .highcharts-funnel-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #ffffff; }
  .chart__employment .highcharts-funnel-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms; }
  .chart__employment .highcharts-funnel-series .highcharts-point-select {
    fill: inherit;
    stroke: inherit; }
  .chart__employment .highcharts-pyramid-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #ffffff; }
  .chart__employment .highcharts-pyramid-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms; }
  .chart__employment .highcharts-pyramid-series .highcharts-point-select {
    fill: inherit;
    stroke: inherit; }
  .chart__employment .highcharts-solidgauge-series .highcharts-point {
    stroke-width: 0; }
  .chart__employment .highcharts-treemap-series .highcharts-point {
    stroke-width: 1px;
    stroke: white;
    transition: stroke 250ms, fill 250ms, fill-opacity 250ms; }
  .chart__employment .highcharts-treemap-series .highcharts-point-hover {
    stroke: white;
    transition: stroke 25ms, fill 25ms, fill-opacity 25ms; }
  .chart__employment .highcharts-treemap-series .highcharts-above-level {
    display: none; }
  .chart__employment .highcharts-treemap-series .highcharts-internal-node {
    fill: none; }
  .chart__employment .highcharts-treemap-series .highcharts-internal-node-interactive {
    fill-opacity: 0.15;
    cursor: pointer; }
  .chart__employment .highcharts-treemap-series .highcharts-internal-node-interactive:hover {
    fill-opacity: 0.75; }
  .chart__employment .highcharts-legend-box {
    fill: none;
    stroke-width: 0; }
  .chart__employment .highcharts-legend-item > text {
    fill: #333333;
    font-weight: 700;
    font-size: 1em;
    cursor: pointer;
    stroke-width: 0; }
  .chart__employment .highcharts-legend-item:hover text {
    fill: #000000; }
  .chart__employment .highcharts-legend-item-hidden * {
    fill: #cccccc !important;
    stroke: #cccccc !important;
    transition: fill 250ms; }
  .chart__employment .highcharts-legend-nav-active {
    fill: #003399;
    cursor: pointer; }
  .chart__employment .highcharts-legend-nav-inactive {
    fill: #cccccc; }
  .chart__employment circle.highcharts-legend-nav-active,
  .chart__employment circle.highcharts-legend-nav-inactive {
    /* tracker */
    fill: rgba(192, 192, 192, 0.0001); }
  .chart__employment .highcharts-legend-title-box {
    fill: none;
    stroke-width: 0; }
  .chart__employment .highcharts-bubble-legend-symbol {
    stroke-width: 2;
    fill-opacity: 0.5; }
  .chart__employment .highcharts-bubble-legend-connectors {
    stroke-width: 1; }
  .chart__employment .highcharts-bubble-legend-labels {
    fill: #333333; }
  .chart__employment .highcharts-loading {
    position: absolute;
    background-color: #ffffff;
    opacity: 0.5;
    text-align: center;
    z-index: 10;
    transition: opacity 250ms; }
  .chart__employment .highcharts-loading-hidden {
    height: 0 !important;
    opacity: 0;
    overflow: hidden;
    transition: opacity 250ms, height 250ms step-end; }
  .chart__employment .highcharts-loading-inner {
    font-weight: 700;
    position: relative;
    top: 45%; }
  .chart__employment .highcharts-plot-band,
  .chart__employment .highcharts-pane {
    fill: #000000;
    fill-opacity: 0.05; }
  .chart__employment .highcharts-plot-line {
    fill: none;
    stroke: #9dadce;
    stroke-width: 1px; }
  .chart__employment .highcharts-boxplot-box {
    fill: #ffffff; }
  .chart__employment .highcharts-boxplot-median {
    stroke-width: 2px; }
  .chart__employment .highcharts-bubble-series .highcharts-point {
    fill-opacity: 0.5; }
  .chart__employment .highcharts-errorbar-series .highcharts-point {
    stroke: #000000; }
  .chart__employment .highcharts-gauge-series .highcharts-data-label-box {
    stroke: #cccccc;
    stroke-width: 1px; }
  .chart__employment .highcharts-gauge-series .highcharts-dial {
    fill: #000000;
    stroke-width: 0; }
  .chart__employment .highcharts-polygon-series .highcharts-graph {
    fill: inherit;
    stroke-width: 0; }
  .chart__employment .highcharts-waterfall-series .highcharts-graph {
    stroke: #333333;
    stroke-dasharray: 1, 3; }
  .chart__employment .highcharts-sankey-series .highcharts-point {
    stroke-width: 0; }
  .chart__employment .highcharts-sankey-series .highcharts-link {
    transition: fill 250ms, fill-opacity 250ms;
    fill-opacity: 0.5; }
  .chart__employment .highcharts-sankey-series .highcharts-point-hover.highcharts-link {
    transition: fill 50ms, fill-opacity 50ms;
    fill-opacity: 1; }
  .chart__employment .highcharts-venn-series .highcharts-point {
    fill-opacity: 0.75;
    stroke: #cccccc;
    transition: stroke 250ms, fill-opacity 250ms; }
  .chart__employment .highcharts-venn-series .highcharts-point-hover {
    fill-opacity: 1;
    stroke: #cccccc; }
  .chart__employment .highcharts-navigator-mask-outside {
    fill-opacity: 0; }
  .chart__employment .highcharts-navigator-mask-inside {
    fill: #6685c2;
    /* navigator.maskFill option */
    fill-opacity: 0.25;
    cursor: ew-resize; }
  .chart__employment .highcharts-navigator-outline {
    stroke: #cccccc;
    fill: none; }
  .chart__employment .highcharts-navigator-handle {
    stroke: #cccccc;
    fill: #eef1f7;
    cursor: ew-resize; }
  .chart__employment .highcharts-navigator-series {
    fill: #335cad;
    stroke: #335cad; }
  .chart__employment .highcharts-navigator-series .highcharts-graph {
    stroke-width: 1px; }
  .chart__employment .highcharts-navigator-series .highcharts-area {
    fill-opacity: 0.05; }
  .chart__employment .highcharts-navigator-xaxis .highcharts-axis-line {
    stroke-width: 0; }
  .chart__employment .highcharts-navigator-xaxis .highcharts-grid-line {
    stroke-width: 1px;
    stroke: #f7f8fb; }
  .chart__employment .highcharts-navigator-xaxis.highcharts-axis-labels {
    fill: #999999; }
  .chart__employment .highcharts-navigator-yaxis .highcharts-grid-line {
    stroke-width: 0; }
  .chart__employment .highcharts-scrollbar-thumb {
    fill: #cccccc;
    stroke: #cccccc;
    stroke-width: 1px; }
  .chart__employment .highcharts-scrollbar-button {
    fill: #f7f8fb;
    stroke: #cccccc;
    stroke-width: 1px; }
  .chart__employment .highcharts-scrollbar-arrow {
    fill: #f7f8fb; }
  .chart__employment .highcharts-scrollbar-rifles {
    stroke: #f7f8fb;
    stroke-width: 1px; }
  .chart__employment .highcharts-scrollbar-track {
    fill: #eef1f7;
    stroke: #eef1f7;
    stroke-width: 1px; }
  .chart__employment .highcharts-button {
    fill: white;
    stroke: #cccccc;
    cursor: default;
    stroke-width: 1px;
    transition: fill 250ms; }
  .chart__employment .highcharts-button text {
    fill: #333333; }
  .chart__employment .highcharts-button-hover {
    transition: fill 0ms;
    fill: #f7f8fb;
    stroke: #cccccc; }
  .chart__employment .highcharts-button-hover text {
    fill: #333333; }
  .chart__employment .highcharts-button-pressed {
    font-weight: 700;
    fill: #e6ebf5;
    stroke: #cccccc; }
  .chart__employment .highcharts-button-pressed text {
    fill: #333333;
    font-weight: 700; }
  .chart__employment .highcharts-button-disabled text {
    fill: #333333; }
  .chart__employment .highcharts-range-selector-buttons .highcharts-button {
    stroke-width: 0px; }
  .chart__employment .highcharts-range-label rect {
    fill: none; }
  .chart__employment .highcharts-range-label text {
    fill: #f7f8fb; }
  .chart__employment .highcharts-range-input rect {
    fill: none; }
  .chart__employment .highcharts-range-input text {
    fill: #333333; }
  .chart__employment .highcharts-range-input {
    stroke-width: 1px;
    stroke: #cccccc; }
  .chart__employment input.highcharts-range-selector {
    position: absolute;
    border: 0;
    width: 1px;
    /* Chrome needs a pixel to see it */
    height: 1px;
    padding: 0;
    text-align: center;
    left: -9em;
    /* #4798 */ }
  .chart__employment .highcharts-crosshair-label text {
    fill: #ffffff;
    font-size: 1.1em; }
  .chart__employment .highcharts-crosshair-label .highcharts-label-box {
    fill: inherit; }
  .chart__employment .highcharts-candlestick-series .highcharts-point {
    stroke: #000000;
    stroke-width: 1px; }
  .chart__employment .highcharts-candlestick-series .highcharts-point-up {
    fill: #ffffff; }
  .chart__employment .highcharts-ohlc-series .highcharts-point-hover {
    stroke-width: 3px; }
  .chart__employment .highcharts-flags-series .highcharts-point .highcharts-label-box {
    stroke: #999999;
    fill: #ffffff;
    transition: fill 250ms; }
  .chart__employment .highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
    stroke: #000000;
    fill: #ccd6eb; }
  .chart__employment .highcharts-flags-series .highcharts-point text {
    fill: #000000;
    font-size: 0.9em;
    font-weight: 700; }
  .chart__employment .highcharts-map-series .highcharts-point {
    transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
    stroke: #cccccc; }
  .chart__employment .highcharts-map-series .highcharts-point-hover {
    transition: fill 0ms, fill-opacity 0ms;
    fill-opacity: 0.5;
    stroke-width: 2px; }
  .chart__employment .highcharts-mapline-series .highcharts-point {
    fill: none; }
  .chart__employment .highcharts-heatmap-series .highcharts-point {
    stroke-width: 0; }
  .chart__employment .highcharts-map-navigation {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center; }
  .chart__employment .highcharts-coloraxis {
    stroke-width: 0; }
  .chart__employment .highcharts-coloraxis-marker {
    fill: #999999; }
  .chart__employment .highcharts-null-point {
    fill: white; }
  .chart__employment .highcharts-3d-frame {
    fill: transparent; }
  .chart__employment .highcharts-contextbutton {
    fill: #ffffff;
    /* needed to capture hover */
    stroke: none;
    stroke-linecap: round; }
  .chart__employment .highcharts-contextbutton:hover {
    fill: #f7f8fb;
    stroke: #f7f8fb; }
  .chart__employment .highcharts-button-symbol {
    stroke: #f7f8fb;
    stroke-width: 3px; }
  .chart__employment .highcharts-menu {
    border: 1px solid #999999;
    background: #ffffff;
    padding: 5px 0;
    box-shadow: 3px 3px 10px #888; }
  .chart__employment .highcharts-menu-item {
    padding: 0.5em 1em;
    background: none;
    color: #333333;
    cursor: pointer;
    transition: background 250ms, color 250ms; }
  .chart__employment .highcharts-menu-item:hover {
    background: #335cad;
    color: #ffffff; }
  .chart__employment .highcharts-drilldown-point {
    cursor: pointer; }
  .chart__employment .highcharts-drilldown-data-label text,
  .chart__employment text.highcharts-drilldown-data-label,
  .chart__employment .highcharts-drilldown-axis-label {
    cursor: pointer;
    fill: #003399;
    font-weight: 700;
    text-decoration: underline; }
  .chart__employment .highcharts-no-data text {
    font-weight: 700;
    font-size: 12px;
    fill: #f7f8fb; }
  .chart__employment .highcharts-axis-resizer {
    cursor: ns-resize;
    stroke: black;
    stroke-width: 2px; }
  .chart__employment .highcharts-bullet-target {
    stroke-width: 0; }
  .chart__employment .highcharts-lineargauge-target {
    stroke-width: 1px;
    stroke: #333333; }
  .chart__employment .highcharts-lineargauge-target-line {
    stroke-width: 1px;
    stroke: #333333; }
  .chart__employment .highcharts-annotation-label-box {
    stroke-width: 1px;
    stroke: #000000;
    fill: #000000;
    fill-opacity: 0.75; }
  .chart__employment .highcharts-annotation-label text {
    fill: #f7f8fb; }
  .chart__employment .highcharts-treegrid-node-collapsed,
  .chart__employment .highcharts-treegrid-node-expanded {
    cursor: pointer; }
  .chart__employment .highcharts-point-connecting-path {
    fill: none; }
  .chart__employment .highcharts-grid-axis .highcharts-tick {
    stroke-width: 1px; }
  .chart__employment .highcharts-grid-axis .highcharts-axis-line {
    stroke-width: 1px; }
  .chart__employment .colored__auto {
    color: #dc002d; }
  .chart__employment .chart__auto .chart__split + .chart__split:before {
    background-color: #d7e1f5; }
  .chart__employment .colored__realestate {
    color: #7346aa; }
  .chart__employment .chart__realestate .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__employment .colored__vacation {
    color: #2d5fa0; }
  .chart__employment .chart__vacation .chart__split + .chart__split:before {
    background-color: #3c78c8; }
  .chart__employment .colored__employment {
    color: #04848c; }
  .chart__employment .chart__employment .chart__split + .chart__split:before {
    background-color: #facdd2; }
  .chart__employment .colored__consumption {
    color: #3c3c3c; }
  .chart__employment .chart__consumption .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__employment .colored__vacation__2 {
    color: #666666; }
  .chart__employment .colored__test__2 {
    color: #666666; }
  .chart__employment .chart {
    width: 100%; }
    .chart__employment .chart__inner {
      position: relative;
      width: 100%;
      max-width: 756px;
      margin: 0 auto;
      text-align: center; }
    .chart__employment .chart__global__head {
      width: 100%;
      padding-top: 20px; }
      .chart__employment .chart__global__head h3 {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 5px; }
    .chart__employment .chart__title {
      max-width: 720px;
      margin: 0 auto; }
      .chart__employment .chart__title h2 {
        font-size: 22px;
        font-weight: bold;
        line-height: 1.5; }
        @media screen and (min-width: 768px) {
          .chart__employment .chart__title h2 {
            font-size: 28px; } }
        @media print {
          .chart__employment .chart__title h2 {
            font-size: 28px; } }
      .chart__employment .chart__title h3 {
        font-size: 20px;
        font-weight: bold; }
      .chart__employment .chart__title sup {
        font-size: 16px;
        top: -14px;
        font-weight: 700; }
    .chart__employment .chart__subhead {
      text-align: center; }
      @media screen {
        .chart__employment .chart__subhead {
          padding: 30px 10px 5px 10px; } }
      .chart__employment .chart__subhead h3 {
        font-size: 20px;
        font-weight: bold; }
      .chart__employment .chart__subhead .options__text + .options__input {
        margin-top: 15px; }
      .chart__employment .chart__subhead .options__inputs {
        width: 100%; }
        @media screen and (min-width: 768px) {
          .chart__employment .chart__subhead .options__inputs {
            display: flex; } }
        @media print {
          .chart__employment .chart__subhead .options__inputs {
            display: flex; } }
        @media screen and (min-width: 768px) {
          .chart__employment .chart__subhead .options__inputs .options__input {
            width: 50%; } }
        @media print {
          .chart__employment .chart__subhead .options__inputs .options__input {
            width: 50%; } }
        @media screen and (min-width: 768px) {
          .chart__employment .chart__subhead .options__inputs .options__input:nth-child(odd) .filter {
            margin-left: auto;
            margin-right: 15px; } }
        @media print {
          .chart__employment .chart__subhead .options__inputs .options__input:nth-child(odd) .filter {
            margin-left: auto;
            margin-right: 15px; } }
        @media screen and (min-width: 768px) {
          .chart__employment .chart__subhead .options__inputs .options__input:nth-child(even) .filter {
            margin-right: auto;
            margin-left: 15px; } }
        @media print {
          .chart__employment .chart__subhead .options__inputs .options__input:nth-child(even) .filter {
            margin-right: auto;
            margin-left: 15px; } }
        .chart__employment .chart__subhead .options__inputs .options__input + .options__input {
          margin-top: 10px; }
          @media screen and (min-width: 768px) {
            .chart__employment .chart__subhead .options__inputs .options__input + .options__input {
              margin-top: 0; } }
          @media print {
            .chart__employment .chart__subhead .options__inputs .options__input + .options__input {
              margin-top: 0; } }
    .chart__employment .chart__options {
      position: relative;
      font-weight: 600;
      font-size: 13px; }
      .chart__employment .chart__options:not(.noborder) {
        margin-top: 20px; }
        .chart__employment .chart__options:not(.noborder):before, .chart__employment .chart__options:not(.noborder):after {
          content: "";
          height: 1px;
          width: 100%;
          max-width: 486px;
          margin: 10px auto;
          display: block; }
        .chart__employment .chart__options:not(.noborder):before {
          margin-bottom: 10px; }
        .chart__employment .chart__options:not(.noborder):after {
          margin-top: 10px; }
      .chart__employment .chart__options.noborder .options__inner {
        min-height: 44px; }
      .chart__employment .chart__options .options__inner {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: wrap; }
        .chart__employment .chart__options .options__inner .options__text,
        .chart__employment .chart__options .options__inner .options__input {
          margin: auto 0;
          padding: 0 5px; }
        .chart__employment .chart__options .options__inner .options__inputs {
          width: 100%;
          display: flex;
          flex-flow: wrap;
          justify-content: center; }
          @media screen and (min-width: 768px) {
            .chart__employment .chart__options .options__inner .options__inputs {
              width: auto; } }
          @media print {
            .chart__employment .chart__options .options__inner .options__inputs {
              width: auto; } }
          .chart__employment .chart__options .options__inner .options__inputs + .options__inputs {
            margin-top: 8px; }
            @media screen and (min-width: 768px) {
              .chart__employment .chart__options .options__inner .options__inputs + .options__inputs {
                margin-top: 0; } }
            @media print {
              .chart__employment .chart__options .options__inner .options__inputs + .options__inputs {
                margin-top: 0; } }
    .chart__employment .chart__body {
      width: 100%;
      font-size: 15px; }
      .chart__employment .chart__body strong {
        font-weight: 600; }
      .chart__employment .chart__body .chart__sankey {
        margin-top: 80px;
        margin-bottom: 20px;
        padding: 0; }
        .chart__employment .chart__body .chart__sankey [data-highcharts-chart] {
          overflow: visible !important; }
        .chart__employment .chart__body .chart__sankey .highcharts-node.highcharts-color-0 {
          display: none; }
        .chart__employment .chart__body .chart__sankey .chart__inner {
          position: relative; }
          @media screen and (min-width: 768px) {
            .chart__employment .chart__body .chart__sankey .chart__inner {
              padding-left: 100px; } }
          @media print {
            .chart__employment .chart__body .chart__sankey .chart__inner {
              padding-left: 100px; } }
          @media screen and (min-width: 768px) {
            .chart__employment .chart__body .chart__sankey .chart__inner:before {
              content: "";
              position: absolute;
              top: -6px;
              left: 0;
              height: calc(50% + 10px);
              width: 80px;
              background-image: url("/assets/images/line-dotted.svg");
              background-repeat: no-repeat;
              background-position: 100% 50%; } }
          @media print {
            .chart__employment .chart__body .chart__sankey .chart__inner:before {
              content: "";
              position: absolute;
              top: -6px;
              left: 0;
              height: calc(50% + 10px);
              width: 80px;
              background-image: url("/assets/images/line-dotted.svg");
              background-repeat: no-repeat;
              background-position: 100% 50%; } }
        .chart__employment .chart__body .chart__sankey .highcharts-sankey-series .highcharts-link {
          fill-opacity: 1; }
        .chart__employment .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0 {
          position: relative;
          height: 100%; }
          .chart__employment .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0 .highcharts-data-label-hidden {
            opacity: 1 !important; }
          .chart__employment .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
            position: absolute;
            top: 0;
            right: 8px;
            width: 6px;
            height: 100%; }
            @media screen and (min-width: 768px) {
              .chart__employment .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
                content: ""; } }
            @media print {
              .chart__employment .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
                content: ""; } }
          .chart__employment .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
            position: absolute;
            top: 50%;
            right: 0px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 15px 10px 15px 0;
            transform: translateX(-100%) translateY(-50%); }
            @media screen and (min-width: 768px) {
              .chart__employment .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
                content: ""; } }
            @media print {
              .chart__employment .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
                content: ""; } }
        .chart__employment .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels .highcharts-data-label-color-2 {
          top: 0 !important; }
        .chart__employment .chart__body .chart__sankey .highcharts-sankey-series .highcharts-node.highcharts-color-2 {
          pointer-events: none; }
        .chart__employment .chart__body .chart__sankey .label__from {
          width: 140px !important; }
          @media screen and (min-width: 768px) {
            .chart__employment .chart__body .chart__sankey .label__from {
              width: 160px !important;
              text-align: center;
              transform: translateX(-50%);
              margin-left: -40px; } }
          @media print {
            .chart__employment .chart__body .chart__sankey .label__from {
              width: 160px !important;
              text-align: center;
              transform: translateX(-50%);
              margin-left: -40px; } }
          .chart__employment .chart__body .chart__sankey .label__from b {
            display: block;
            font-family: "PSM";
            font-size: 18px;
            transform: translateY(-50px);
            white-space: initial; }
            @media screen and (min-width: 768px) {
              .chart__employment .chart__body .chart__sankey .label__from b {
                transform: translateY(-50px); } }
            @media print {
              .chart__employment .chart__body .chart__sankey .label__from b {
                transform: translateY(-50px); } }
        .chart__employment .chart__body .chart__sankey .label__to__all {
          position: absolute;
          top: 0;
          right: 0%;
          text-align: left;
          width: 120px; }
          .chart__employment .chart__body .chart__sankey .label__to__all b {
            display: block;
            width: 100%;
            font-family: "PSM";
            font-size: 18px;
            line-height: 1.2;
            transform: translateY(-50px) translateX(0%); }
        .chart__employment .chart__body .chart__sankey .label__other {
          position: relative;
          transform: translateX(40px) translateY(0%);
          width: 10px;
          height: 100%; }
          .chart__employment .chart__body .chart__sankey .label__other .triangle {
            position: absolute;
            top: 50%;
            left: 15px;
            width: 0px;
            height: 0;
            transform: translateY(-50%);
            border-style: solid; }
          .chart__employment .chart__body .chart__sankey .label__other span {
            position: absolute;
            top: 50%;
            left: 40px;
            display: block;
            transform: translateY(-50%);
            font-size: 12px;
            margin-top: -5px;
            font-weight: 400;
            white-space: initial;
            width: 80px; }
            @media screen and (min-width: 768px) {
              .chart__employment .chart__body .chart__sankey .label__other span {
                width: auto;
                white-space: nowrap; } }
            @media print {
              .chart__employment .chart__body .chart__sankey .label__other span {
                width: auto;
                white-space: nowrap; } }
        .chart__employment .chart__body .chart__sankey .label__to {
          position: relative;
          left: 0;
          width: 120px;
          margin-left: 0px;
          text-align: left; }
          @media screen and (min-width: 768px) {
            .chart__employment .chart__body .chart__sankey .label__to {
              width: 140px; } }
          @media print {
            .chart__employment .chart__body .chart__sankey .label__to {
              width: 140px; } }
          .chart__employment .chart__body .chart__sankey .label__to[style="font-weight: bold;"] .city {
            font-weight: 700; }
          .chart__employment .chart__body .chart__sankey .label__to:not(.label__to__same) {
            transform: translateX(100%) translateY(50%); }
            .chart__employment .chart__body .chart__sankey .label__to:not(.label__to__same) .triangle {
              top: 50%;
              transform: translateY(-50%) translateX(-10px); }
          .chart__employment .chart__body .chart__sankey .label__to.label__to__same {
            position: absolute;
            transform: translateX(10px);
            left: 0;
            top: 0; }
            .chart__employment .chart__body .chart__sankey .label__to.label__to__same .triangle {
              transform: translateX(-10px);
              top: 0; }
          .chart__employment .chart__body .chart__sankey .label__to .triangle {
            position: absolute;
            right: 100%;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: transparent transparent transparent white; }
          .chart__employment .chart__body .chart__sankey .label__to .city {
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
            padding-left: 0px;
            font-size: 12px;
            font-weight: 400;
            transform: translateX(-5px); }
            @media screen and (min-width: 768px) {
              .chart__employment .chart__body .chart__sankey .label__to .city {
                transform: translateX(0px); } }
            @media print {
              .chart__employment .chart__body .chart__sankey .label__to .city {
                transform: translateX(0px); } }
            .chart__employment .chart__body .chart__sankey .label__to .city span {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              display: block;
              width: 100%;
              margin: auto 0;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
    .chart__employment .chart .chart__realestate .chart__sankey .triangle.color-1 {
      border-color: transparent transparent transparent #ffd74b; }
    .chart__employment .chart .chart__realestate .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
      background-color: #3c3c3c; }
    .chart__employment .chart .chart__realestate .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
      border-color: transparent #3c3c3c transparent transparent; }
    .chart__employment .chart .chart__realestate .chart__sankey .highcharts-sankey-series .label__to .triangle {
      border-color: transparent transparent transparent #5a3787; }
    .chart__employment .chart .chart__vacation .chart__sankey .triangle.color-1 {
      border-color: transparent transparent transparent #ffd74b; }
    .chart__employment .chart .chart__vacation .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
      background-color: #3c3c3c; }
    .chart__employment .chart .chart__vacation .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
      border-color: transparent #3c3c3c transparent transparent; }
    .chart__employment .chart .chart__vacation .chart__sankey .highcharts-sankey-series .label__to .triangle {
      border-color: transparent transparent transparent #ffbe00; }
    .chart__employment .chart__core {
      width: 100%; }
      @media screen {
        .chart__employment .chart__core {
          display: flex;
          flex-wrap: wrap; } }
      .chart__employment .chart__core .chart__nosplit {
        position: relative;
        width: 100%;
        padding: 0 10px; }
        .chart__employment .chart__core .chart__nosplit .chart__map {
          max-width: 480px;
          margin: 0 auto; }
      .chart__employment .chart__core.split__invert {
        display: flex;
        flex-flow: wrap-reverse; }
        @media screen and (min-width: 768px) {
          .chart__employment .chart__core.split__invert {
            flex-flow: wrap; } }
        @media print {
          .chart__employment .chart__core.split__invert {
            flex-flow: wrap; } }
        .chart__employment .chart__core.split__invert .cmp__edito {
          min-height: 0;
          padding: 20px 0; }
      @media screen and (min-width: 768px) {
        .chart__employment .chart__core.invert {
          display: flex;
          flex-flow: row-reverse; } }
      @media print {
        .chart__employment .chart__core.invert {
          display: flex;
          flex-flow: row-reverse; } }
      .chart__employment .chart__core:not(.split__invert) .chart__split .cmp__edito {
        min-height: 0;
        padding: 20px 0; }
        @media screen and (min-width: 768px) {
          .chart__employment .chart__core:not(.split__invert) .chart__split .cmp__edito {
            min-height: 460px;
            padding: 20px 10px; } }
      .chart__employment .chart__core:not(.split__invert) .chart__split + .chart__split:before {
        content: "";
        width: 100%;
        height: 1px;
        display: block;
        margin: 20px 0 10px 0; }
        @media screen and (min-width: 768px) {
          .chart__employment .chart__core:not(.split__invert) .chart__split + .chart__split:before {
            content: initial; } }
        @media print {
          .chart__employment .chart__core:not(.split__invert) .chart__split + .chart__split:before {
            content: initial; } }
      .chart__employment .chart__core .chart__split {
        position: relative;
        width: 100%;
        padding: 0 10px; }
        @media screen and (min-width: 768px) {
          .chart__employment .chart__core .chart__split {
            width: 50%;
            padding: 0; } }
        @media print {
          .chart__employment .chart__core .chart__split {
            width: 100%;
            padding: 0; } }
        .chart__employment .chart__core .chart__split.split__left {
          text-align: left; }
          @media screen and (min-width: 768px) {
            .chart__employment .chart__core .chart__split.split__left {
              padding-right: 10px; } }
        .chart__employment .chart__core .chart__split.split__right {
          text-align: right; }
          @media screen and (min-width: 768px) {
            .chart__employment .chart__core .chart__split.split__right {
              padding-left: 10px; } }
    .chart__employment .chart__histogram {
      padding: 20px 0; }
      @media screen and (min-width: 768px) {
        .chart__employment .chart__histogram {
          padding: 20px; } }
    .chart__employment .chart__histogram .call-to-action, .chart__employment .chart__map .call-to-action {
      text-align: right;
      margin-top: 20px; }
    .chart__employment .chart__histogram .chart__title, .chart__employment .chart__map .chart__title {
      text-align: center;
      margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .chart__employment .chart__map {
        padding: 20px; } }
    .chart__employment .chart__map .interactive path {
      cursor: pointer;
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease; }
      .chart__employment .chart__map .interactive path:hover {
        fill-opacity: 0.8; }
    .chart__employment .chart__title {
      margin-top: 24px;
      padding: 0 30px; }
      .chart__employment .chart__title br {
        display: none; }
        @media screen and (min-width: 768px) {
          .chart__employment .chart__title br {
            display: block; } }
  .chart__employment .input {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    .chart__employment .input input[type="radio"] {
      appearance: none;
      position: absolute;
      opacity: 0;
      width: 0;
      height: 0;
      padding: 0; }
    .chart__employment .input input:checked + .radio__like:before {
      opacity: 1; }
    .chart__employment .input input[type="checkbox"].cmp__switcher {
      height: 0;
      width: 0;
      visibility: hidden;
      appearance: none;
      -webkit-appearance: none; }
      .chart__employment .input input[type="checkbox"].cmp__switcher:checked ~ .switcher__like:after {
        left: calc(100% - 3px);
        transform: translateX(-100%) translateY(-50%); }
    .chart__employment .input .radio__label, .chart__employment .input .radio__like {
      cursor: pointer; }
    .chart__employment .input .radio__label {
      padding-left: 25px;
      padding-right: 10px; }
    .chart__employment .input .radio__like {
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden; }
      .chart__employment .input .radio__like svg {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 95px;
        height: 17px;
        transform: translateX(-50%); }
      .chart__employment .input .radio__like:before {
        content: "";
        pointer-events: none;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5;
        width: 10px;
        height: 10px;
        transform: translateY(-50%) translateX(-50%);
        background-color: white;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease; }
      .chart__employment .input .radio__like:hover:before {
        opacity: 0.3; }
    .chart__employment .input .switcher__label, .chart__employment .input .switcher__like {
      cursor: pointer; }
    .chart__employment .input .switcher__label {
      padding: 0 5px; }
      .chart__employment .input .switcher__label.label__on {
        padding-right: 15px; }
      .chart__employment .input .switcher__label.label__off {
        padding-left: 15px; }
    .chart__employment .input .switcher__like {
      cursor: pointer;
      text-indent: -9999px;
      width: 40px;
      height: 20px;
      display: block;
      border-radius: 100px;
      position: relative;
      margin-top: auto;
      margin-bottom: auto;
      overflow: hidden; }
      .chart__employment .input .switcher__like svg {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 95px;
        height: 17px;
        transform: translateX(-50%); }
      .chart__employment .input .switcher__like:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 3px;
        transform: translateY(-50%);
        background: #fff;
        -webkit-border-radius: 90px;
        -moz-border-radius: 90px;
        -ms-border-radius: 90px;
        border-radius: 90px;
        box-sizing: border-box;
        height: 15px;
        width: 15px;
        border: 1px solid #e0e7ff;
        background: linear-gradient(180deg, #eaeaea 0%, #ffffff 100%);
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
        transition: 0.3s; }
      .chart__employment .input .switcher__like:hover:after {
        opacity: 0.8; }
      .chart__employment .input .switcher__like:active:after {
        width: 30px; }
  .chart__employment .colored__auto {
    color: #dc002d; }
  .chart__employment .chart__auto .chart__split + .chart__split:before {
    background-color: #d7e1f5; }
  .chart__employment .colored__realestate {
    color: #7346aa; }
  .chart__employment .chart__realestate .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__employment .colored__vacation {
    color: #2d5fa0; }
  .chart__employment .chart__vacation .chart__split + .chart__split:before {
    background-color: #3c78c8; }
  .chart__employment .colored__employment {
    color: #04848c; }
  .chart__employment .chart__employment .chart__split + .chart__split:before {
    background-color: #facdd2; }
  .chart__employment .colored__consumption {
    color: #3c3c3c; }
  .chart__employment .chart__consumption .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__employment .colored__vacation__2 {
    color: #666666; }
  .chart__employment .colored__test__2 {
    color: #666666; }
  .chart__employment .chart__options__auto:before, .chart__employment .chart__options__auto:after {
    background-color: #d7e1f5; }
  .chart__employment .chart__options__realestate:before, .chart__employment .chart__options__realestate:after {
    background-color: #e6d7f0; }
  .chart__employment .chart__options__vacation:before, .chart__employment .chart__options__vacation:after {
    background-color: #7346aa; }
  .chart__employment .chart__options__employment:before, .chart__employment .chart__options__employment:after, .chart__employment #7346aa:before, .chart__employment #7346aa:after {
    background-color: consumption, #7346aa; }
  .chart__employment .chart__options__auto .input .radio__like {
    background-color: #dc002d;
    color: #870019; }
  .chart__employment .chart__options__auto .input .switcher__like {
    background-color: #dc002d;
    color: #870019; }
  .chart__employment .chart__options__realestate .input .radio__like {
    background-color: #7346aa;
    color: #412864; }
  .chart__employment .chart__options__realestate .input .switcher__like {
    background-color: #7346aa;
    color: #412864; }
  .chart__employment .chart__options__vacation .input .radio__like {
    background-color: #7346aa;
    color: #e6d7f0; }
  .chart__employment .chart__options__vacation .input .switcher__like {
    background-color: #7346aa;
    color: #e6d7f0; }
  .chart__employment .cmp__edito {
    text-align: left;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    min-height: 460px; }
    .chart__employment .cmp__edito .cmp__inner {
      position: relative;
      width: 100%;
      margin: auto; }
      .chart__employment .cmp__edito .cmp__inner .pix {
        width: 100%; }
        .chart__employment .cmp__edito .cmp__inner .pix img {
          display: block;
          width: 100%; }
        .chart__employment .cmp__edito .cmp__inner .pix + .edito {
          margin-top: 30px; }
      .chart__employment .cmp__edito .cmp__inner .edito {
        font-size: 15px;
        width: 100%; }
        .chart__employment .cmp__edito .cmp__inner .edito + .call-to-action {
          margin-top: 30px; }
    .chart__employment .cmp__edito .call-to-action {
      width: 100%;
      text-align: right; }
      .chart__employment .cmp__edito .call-to-action .btn {
        width: auto;
        margin-left: auto;
        margin-right: 0; }
  .chart__employment .filter {
    margin: 0 auto; }
    .chart__employment .filter:not(.filter__large) {
      max-width: 240px; }
    .chart__employment .filter.filter__large {
      max-width: 300px; }
  .chart__employment .legends__map {
    display: flex;
    flex-flow: wrap;
    padding: 5px 0;
    align-items: center;
    justify-content: center;
    margin-top: 20px; }
    .chart__employment .legends__map span br {
      display: none; }
      @media screen and (min-width: 768px) {
        .chart__employment .legends__map span br {
          display: inline-block; } }
    .chart__employment .legends__map span.empty {
      display: block;
      min-width: 30px; }
    .chart__employment .legends__map + .link__wrapp {
      font-size: 11px;
      font-weight: 600; }
  .chart__employment .legends__mode__evolution:before {
    content: attr(data-legend-text);
    display: block;
    width: 100%;
    margin-bottom: 8px;
    font-size: 11px; }
  .chart__employment .legends .legend {
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3; }
    @media screen and (min-width: 768px) {
      .chart__employment .legends .legend {
        font-size: 12px; } }
    .chart__employment .legends .legend__min {
      padding-right: 5px;
      text-align: right;
      max-width: calc(50% - 66px); }
    .chart__employment .legends .legend__max {
      text-align: left;
      padding-left: 5px;
      max-width: calc(50% - 66px); }
    .chart__employment .legends .legend__colors {
      position: relative;
      display: flex;
      flex-flow: wrap;
      justify-content: center; }
      .chart__employment .legends .legend__colors:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        background-color: #e0e0e0;
        width: calc(100% - 10px);
        height: 24px;
        transform: translateX(-50%) translateY(-50%);
        border-radius: 6px; }
      .chart__employment .legends .legend__colors .color {
        position: relative;
        width: 16px;
        height: 16px; }
  .chart__employment .colored__auto {
    color: #dc002d; }
  .chart__employment .chart__auto .chart__split + .chart__split:before {
    background-color: #d7e1f5; }
  .chart__employment .colored__realestate {
    color: #7346aa; }
  .chart__employment .chart__realestate .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__employment .colored__vacation {
    color: #2d5fa0; }
  .chart__employment .chart__vacation .chart__split + .chart__split:before {
    background-color: #3c78c8; }
  .chart__employment .colored__employment {
    color: #04848c; }
  .chart__employment .chart__employment .chart__split + .chart__split:before {
    background-color: #facdd2; }
  .chart__employment .colored__consumption {
    color: #3c3c3c; }
  .chart__employment .chart__consumption .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__employment .colored__vacation__2 {
    color: #666666; }
  .chart__employment .colored__test__2 {
    color: #666666; }
  .chart__employment .filter__control {
    position: relative;
    border-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    box-shadow: none !important; }
    .chart__employment .filter__control.filter__control--is-menu-open .filter__dropdown-indicator:before {
      content: "\F068"; }
  .chart__employment .filter__control--is-focused {
    border-color: transparent; }
  .chart__employment .filter__indicator-separator {
    display: none; }
  .chart__employment .filter__value-container {
    padding: 0;
    width: 100%;
    align-items: flex-start; }
    .chart__employment .filter__value-container .filter__single-value {
      font-size: 16px;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding-right: 30px;
      margin-left: 0; }
      @media screen and (min-width: 768px) {
        .chart__employment .filter__value-container .filter__single-value {
          padding-right: 24px;
          font-size: 13px; } }
    .chart__employment .filter__value-container input {
      width: 100%;
      height: 24px;
      font-size: 16px !important; }
      @media screen and (min-width: 768px) {
        .chart__employment .filter__value-container input {
          font-size: 13px !important; } }
  .chart__employment .filter.filter__icon__ .filter__input {
    pointer-events: none; }
  .chart__employment .filter.filter__icon__ .filter__value-container .filter__placeholder {
    color: #666666; }
  .chart__employment .filter:not(.filter__icon__) .filter__value-container .filter__placeholder {
    color: #c1c1c1; }
  .chart__employment .filter:not(.filter__icon__).filter__icon__search .filter__dropdown-indicator svg {
    display: none; }
  .chart__employment .filter:not(.filter__icon__).filter__icon__search .filter__dropdown-indicator:before {
    content: "\F002"; }
  .chart__employment .filter__indicators {
    height: 38px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%); }
  .chart__employment .filter__dropdown-indicator {
    color: #333333 !important; }
    .chart__employment .filter__dropdown-indicator:before {
      font-family: "Font Awesome 5 Pro"; }
  .chart__employment .filter__single-value {
    padding: 0 8px;
    border-radius: 2px;
    font-size: 12px; }
  .chart__employment .filter__menu {
    margin: 0 auto;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25); }
    .chart__employment .filter__menu .filter__option {
      color: inherit;
      font-size: 13px;
      height: auto;
      min-height: 26px; }
      .chart__employment .filter__menu .filter__option:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        opacity: 0; }
      .chart__employment .filter__menu .filter__option:hover {
        background-color: transparent; }
        .chart__employment .filter__menu .filter__option:hover:before {
          opacity: 1; }
    .chart__employment .filter__menu .filter__option--no-options {
      background-color: red !important; }
  .chart__employment .filter__option {
    text-align: left;
    background-color: white;
    position: relative;
    color: #333333;
    font-size: 13px;
    font-weight: 600;
    min-height: 28px;
    cursor: pointer; }
    .chart__employment .filter__option--is-focused {
      background-color: #00395e;
      color: white; }
  .chart__employment .filter__group {
    padding: 0; }
  .chart__employment .filter__noclose .filter__clear-indicator {
    display: none; }
  .chart__employment .filter__clear-indicator {
    position: absolute;
    left: 100%;
    width: 20px;
    height: 20px;
    background-color: #666666;
    border-radius: 50%;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important; }
    .chart__employment .filter__clear-indicator svg {
      display: none; }
    .chart__employment .filter__clear-indicator:before {
      font-family: "Font Awesome 5 Pro";
      content: "\F00D";
      color: white;
      text-align: center;
      margin: auto;
      font-size: 10px; }
  .chart__employment .filter__control {
    color: #000000;
    font-size: 13px;
    font-weight: 600; }
    .chart__employment .filter__control:hover {
      opacity: 0.8; }
  .chart__employment .filter__auto.filter__icon__ .filter__control {
    border-color: #facdd2;
    background-color: #facdd2; }
    .chart__employment .filter__auto.filter__icon__ .filter__control:hover {
      border-color: #facdd2; }
    .chart__employment .filter__auto.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: #facdd2; }
  .chart__employment .filter__auto.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__employment .filter__auto.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__employment .filter__auto:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #facdd2;
    background-color: white; }
    .chart__employment .filter__auto:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #facdd2; }
    .chart__employment .filter__auto:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: white; }
  .chart__employment .filter__realestate.filter__icon__ .filter__control {
    border-color: #facdd2;
    background-color: #facdd2; }
    .chart__employment .filter__realestate.filter__icon__ .filter__control:hover {
      border-color: #facdd2; }
    .chart__employment .filter__realestate.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: #facdd2; }
  .chart__employment .filter__realestate.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(242, 235, 247, 0.3); }
  .chart__employment .filter__realestate.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(242, 235, 247, 0.3); }
  .chart__employment .filter__realestate:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #facdd2;
    background-color: white; }
    .chart__employment .filter__realestate:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #facdd2; }
    .chart__employment .filter__realestate:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: white; }
  .chart__employment .filter__vacation.filter__icon__ .filter__control {
    border-color: #fff0cd;
    background-color: #fff0cd; }
    .chart__employment .filter__vacation.filter__icon__ .filter__control:hover {
      border-color: #fff0cd; }
    .chart__employment .filter__vacation.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #fff0cd;
      background-color: #fff0cd; }
  .chart__employment .filter__vacation.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(255, 247, 230, 0.3); }
  .chart__employment .filter__vacation.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(255, 247, 230, 0.3); }
  .chart__employment .filter__vacation:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #fff0cd;
    background-color: white; }
    .chart__employment .filter__vacation:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #fff0cd; }
    .chart__employment .filter__vacation:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #fff0cd;
      background-color: white; }
  .chart__employment .filter__employment.filter__icon__ .filter__control {
    border-color: #facdd2;
    background-color: #facdd2; }
    .chart__employment .filter__employment.filter__icon__ .filter__control:hover {
      border-color: #facdd2; }
    .chart__employment .filter__employment.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: #facdd2; }
  .chart__employment .filter__employment.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__employment .filter__employment.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__employment .filter__employment:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #facdd2;
    background-color: white; }
    .chart__employment .filter__employment:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #facdd2; }
    .chart__employment .filter__employment:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: white; }
  .chart__employment .filter__consumption.filter__icon__ .filter__control {
    border-color: #ffe381;
    background-color: #ffe381; }
    .chart__employment .filter__consumption.filter__icon__ .filter__control:hover {
      border-color: #ffe381; }
    .chart__employment .filter__consumption.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #ffe381;
      background-color: #ffe381; }
  .chart__employment .filter__consumption.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(255, 227, 129, 0.3); }
  .chart__employment .filter__consumption.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(255, 227, 129, 0.3); }
  .chart__employment .filter__consumption:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #ffe381;
    background-color: white; }
    .chart__employment .filter__consumption:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #ffe381; }
    .chart__employment .filter__consumption:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #ffe381;
      background-color: white; }
  .chart__employment .split__left .chart__histogram {
    padding-left: 0; }
  .chart__employment .highcharts-container.chart__own {
    font-family: "Open Sans";
    /* Tooltip */ }
    .chart__employment .highcharts-container.chart__own.chart-bar-vertical .highcharts-point-hover {
      fill: #dc002d !important; }
    .chart__employment .highcharts-container.chart__own.chart-bar-vertical .axis__labels {
      width: auto;
      display: block; }
      .chart__employment .highcharts-container.chart__own.chart-bar-vertical .axis__labels .axis__label__x {
        text-align: center;
        white-space: normal;
        margin: auto;
        min-width: 68px;
        font-size: 10px; }
    .chart__employment .highcharts-container.chart__own .bar__value {
      color: #dc002d;
      font-size: 18px;
      font-weight: 800;
      font-family: "PSM"; }
    .chart__employment .highcharts-container.chart__own .highcharts-xaxis-labels {
      width: 100%;
      left: 0 !important; }
    .chart__employment .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels {
      width: 100%;
      display: block;
      text-align: right;
      color: #333333;
      white-space: initial; }
      .chart__employment .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels span {
        width: 100%;
        display: block;
        text-transform: none;
        text-align: right; }
        .chart__employment .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels span.axis__label {
          width: 100% !important;
          font-weight: 400;
          font-size: 13px;
          color: inherit;
          line-height: 1.2;
          text-transform: none;
          margin-left: auto;
          margin-right: 0;
          padding-right: 10px;
          white-space: pre-wrap; }
      .chart__employment .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels .axis__label__x {
        text-align: right; }
      .chart__employment .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels .axis__label__y {
        font-size: 10px; }
    .chart__employment .highcharts-container.chart__own.chart-bar-vertical .axis__labels {
      text-align: center;
      line-height: 1; }
      .chart__employment .highcharts-container.chart__own.chart-bar-vertical .axis__labels .axis__label__x {
        text-align: center; }
    .chart__employment .highcharts-container.chart__own .axis__labels {
      color: #333333; }
      .chart__employment .highcharts-container.chart__own .axis__labels span {
        top: 0;
        font-weight: 400;
        font-size: 13px;
        color: inherit;
        line-height: 1.2;
        text-transform: none; }
      .chart__employment .highcharts-container.chart__own .axis__labels .axis__label__x {
        text-align: right; }
      .chart__employment .highcharts-container.chart__own .axis__labels .axis__label__y {
        font-size: 10px; }
    .chart__employment .highcharts-container.chart__own .highcharts-legend-item {
      pointer-events: none; }
      .chart__employment .highcharts-container.chart__own .highcharts-legend-item.bar__ {
        font-weight: 600;
        font-size: 11px;
        padding-right: 5px; }
        @media screen and (min-width: 768px) {
          .chart__employment .highcharts-container.chart__own .highcharts-legend-item.bar__ {
            font-size: 13px; } }
        .chart__employment .highcharts-container.chart__own .highcharts-legend-item.bar__ span {
          transform: translateY(-5px); }
    .chart__employment .highcharts-container.chart__own .highcharts-axis-labels {
      color: #333333;
      fill: #333333;
      font-size: 13px; }
    .chart__employment .highcharts-container.chart__own .highcharts-background {
      background-color: transparent;
      fill: none; }
    .chart__employment .highcharts-container.chart__own .highcharts-tooltip {
      cursor: default;
      pointer-events: none;
      white-space: nowrap;
      transition: stroke 150ms;
      min-width: 162px;
      width: 100%;
      max-width: 220px;
      z-index: 5000; }
    .chart__employment .highcharts-container.chart__own .highcharts-tooltip text {
      fill: white; }
    .chart__employment .highcharts-container.chart__own .highcharts-tooltip .highcharts-header {
      font-size: 0.85em; }
    .chart__employment .highcharts-container.chart__own .highcharts-tooltip-box {
      stroke-width: 0;
      fill: white;
      fill-opacity: 1;
      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25); }
    .chart__employment .highcharts-container.chart__own .highcharts-tooltip-box .highcharts-label-box {
      fill: white;
      fill-opacity: 0.85; }
  .chart__employment .highcharts-container.chart-bar-top10 .highcharts-point.highcharts-color-1 {
    color: red;
    position: relative; }
    .chart__employment .highcharts-container.chart-bar-top10 .highcharts-point.highcharts-color-1:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
      background-color: red;
      z-index: 100;
      fill: url("#uiPattern"); }
  .chart__employment .uk-tooltip.tooltip-map {
    height: auto;
    display: block;
    min-width: 80px;
    max-width: 220px;
    padding: 10px;
    padding: 10px;
    transform: translateX(-50%) translateY(-50%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: white;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    opacity: 1;
    z-index: 5000 !important; }
    .chart__employment .uk-tooltip.tooltip-map .tooltip__value b,
    .chart__employment .uk-tooltip.tooltip-map .tooltip__value strong {
      font-family: "PSM";
      font-weight: 800; }
    .chart__employment .uk-tooltip.tooltip-map .line {
      line-height: 1;
      font-size: 12px;
      font-weight: 600; }
      .chart__employment .uk-tooltip.tooltip-map .line h3 {
        font-size: 14px; }
      .chart__employment .uk-tooltip.tooltip-map .line b,
      .chart__employment .uk-tooltip.tooltip-map .line strong {
        font-weight: 800;
        font-size: 22px; }
        .chart__employment .uk-tooltip.tooltip-map .line b.point__value,
        .chart__employment .uk-tooltip.tooltip-map .line strong.point__value {
          font-size: 22px; }
          .chart__employment .uk-tooltip.tooltip-map .line b.point__value p,
          .chart__employment .uk-tooltip.tooltip-map .line strong.point__value p {
            font-size: 18px; }
      .chart__employment .uk-tooltip.tooltip-map .line span {
        color: #333333; }
  .chart__employment .uk-tooltip.tooltip-chart {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    min-width: 100%;
    max-width: 220px;
    padding: 10px;
    padding: 10px;
    transform: translateX(-50%) translateY(-90%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: white;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    font-size: 13px;
    line-height: 1.2;
    font-weight: normal;
    white-space: initial;
    border: none;
    text-align: left; }
    .chart__employment .uk-tooltip.tooltip-chart.tooltip-chartHorizontalBar {
      transform: translateX(-50%) translateY(-90%); }
    .chart__employment .uk-tooltip.tooltip-chart.tooltip-chartbubble {
      transform: translateX(-50%) translateY(-90%); }
    .chart__employment .uk-tooltip.tooltip-chart * {
      text-shadow: none; }
    .chart__employment .uk-tooltip.tooltip-chart .line {
      line-height: 1; }
      .chart__employment .uk-tooltip.tooltip-chart .line h3 {
        font-size: 14px; }
      .chart__employment .uk-tooltip.tooltip-chart .line b,
      .chart__employment .uk-tooltip.tooltip-chart .line strong {
        font-weight: 800; }
        .chart__employment .uk-tooltip.tooltip-chart .line b.point__value,
        .chart__employment .uk-tooltip.tooltip-chart .line strong.point__value {
          font-size: 22px; }
      .chart__employment .uk-tooltip.tooltip-chart .line span {
        color: #333333; }
      .chart__employment .uk-tooltip.tooltip-chart .line.line1 {
        font-weight: 600; }
    .chart__employment .uk-tooltip.tooltip-chart .color-1 {
      color: "grey" #9ba6b2; }
    .chart__employment .uk-tooltip.tooltip-chart .color-2 {
      color: "grey-light" #ccd4dd; }
    .chart__employment .uk-tooltip.tooltip-chart .color-3 {
      color: "grey-dark" #707982; }
    .chart__employment .uk-tooltip.tooltip-chart .color-4 {
      color: "purple" #8f4c98; }
    .chart__employment .uk-tooltip.tooltip-chart .color-5 {
      color: "purple-light" #bc92c1; }
    .chart__employment .uk-tooltip.tooltip-chart .color-6 {
      color: "purple-dark" #482856; }
    .chart__employment .uk-tooltip.tooltip-chart .color-7 {
      color: "pink" #e72c65; }
    .chart__employment .uk-tooltip.tooltip-chart .color-8 {
      color: "pink-light" #ee7999; }
    .chart__employment .uk-tooltip.tooltip-chart .color-9 {
      color: "pink-dark" #a52248; }
    .chart__employment .uk-tooltip.tooltip-chart .color-10 {
      color: "turquoise" #008c88; }
    .chart__employment .uk-tooltip.tooltip-chart .color-11 {
      color: "turquoise-light" #00aead; }
    .chart__employment .uk-tooltip.tooltip-chart .color-12 {
      color: "turquoise-dark" #136775; }
    .chart__employment .uk-tooltip.tooltip-chart .color-13 {
      color: "yellow" #ffc923; }
    .chart__employment .uk-tooltip.tooltip-chart .color-14 {
      color: "yellow-light" #ffee18; }
    .chart__employment .uk-tooltip.tooltip-chart .color-15 {
      color: "yellow-dark" #ff9622; }
    .chart__employment .uk-tooltip.tooltip-chart .color-16 {
      color: "green" #a3c515; }
    .chart__employment .uk-tooltip.tooltip-chart .color-17 {
      color: "green-light" #d8d90b; }
    .chart__employment .uk-tooltip.tooltip-chart .color-18 {
      color: "green-dark" #74cd50; }
    .chart__employment .uk-tooltip.tooltip-chart .color-19 {
      color: "cyan" #00a6c2; }
    .chart__employment .uk-tooltip.tooltip-chart .color-20 {
      color: "cyan-light" #7fc1da; }
    .chart__employment .uk-tooltip.tooltip-chart .color-21 {
      color: "cyan-dark" #108ba4; }
  .chart__employment .highcharts-tooltip-container {
    z-index: 9999 !important; }
    .chart__employment .highcharts-tooltip-container .highcharts-root {
      display: none !important; }
    .chart__employment .highcharts-tooltip-container .tooltip__chart__bar .uk-tooltip.tooltip-chart {
      min-width: 160px; }
    .chart__employment .highcharts-tooltip-container .tooltip__chart__line .uk-tooltip.tooltip-chart {
      min-width: 140px; }
    .chart__employment .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__employment .color-0 {
      color: #04848c; }
    .chart__employment .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__employment .color-1 {
      color: #f05069; }
    .chart__employment .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__consumption .color-0 {
      color: #3c3c3c; }
    .chart__employment .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__consumption .color-1 {
      color: #faa000; }
    .chart__employment .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__mini .uk-tooltip.tooltip-chart {
      min-width: 100px;
      text-align: center; }
    .chart__employment .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__realestate .color-0 {
      color: #5a3787; }
    .chart__employment .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__realestate .color-1 {
      color: #9b7dc3; }
    .chart__employment .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__vacation .color-0 {
      color: #ffbe00; }
    .chart__employment .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__vacation .color-1 {
      color: #ffd74b; }
    .chart__employment .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__employment .color-0 {
      color: #04848c; }
    .chart__employment .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__employment .color-1 {
      color: #f9b9c3; }
  @media screen {
    .chart__employment .own-html.wf-active #mainHeader {
      transform: translateY(0);
      -webkit-transition: all 0.25s 0.5s ease;
      -moz-transition: all 0.25s 0.5s ease;
      -ms-transition: all 0.25s 0.5s ease;
      -o-transition: all 0.25s 0.5s ease;
      transition: all 0.25s 0.5s ease; }
    .chart__employment .own-html.wf-active .banner.banner__top {
      transform: translateY(0);
      -webkit-transition: all 1s 0.25s ease;
      -moz-transition: all 1s 0.25s ease;
      -ms-transition: all 1s 0.25s ease;
      -o-transition: all 1s 0.25s ease;
      transition: all 1s 0.25s ease; }
      .chart__employment .own-html.wf-active .banner.banner__top .banner__edito {
        transform: translateY(0%);
        opacity: 1;
        -webkit-transition: all 1s 0.25s ease;
        -moz-transition: all 1s 0.25s ease;
        -ms-transition: all 1s 0.25s ease;
        -o-transition: all 1s 0.25s ease;
        transition: all 1s 0.25s ease; }
        .chart__employment .own-html.wf-active .banner.banner__top .banner__edito .banner__data {
          transform: translateY(0%);
          -webkit-transition: all 1.2s 0.25s ease;
          -moz-transition: all 1.2s 0.25s ease;
          -ms-transition: all 1.2s 0.25s ease;
          -o-transition: all 1.2s 0.25s ease;
          transition: all 1.2s 0.25s ease; }
    .chart__employment .own-html.wf-active #sectionKey001 {
      opacity: 1;
      transform: translateY(0%);
      -webkit-transition: all 1.5s 1s ease;
      -moz-transition: all 1.5s 1s ease;
      -ms-transition: all 1.5s 1s ease;
      -o-transition: all 1.5s 1s ease;
      transition: all 1.5s 1s ease; }
      .chart__employment .own-html.wf-active #sectionKey001 .chart__title {
        transform: translateY(0%);
        -webkit-transition: all 1.5s 1.2s ease;
        -moz-transition: all 1.5s 1.2s ease;
        -ms-transition: all 1.5s 1.2s ease;
        -o-transition: all 1.5s 1.2s ease;
        transition: all 1.5s 1.2s ease; }
      .chart__employment .own-html.wf-active #sectionKey001 .chart__body {
        transform: translateY(0%);
        -webkit-transition: all 1.5s 1.1s ease;
        -moz-transition: all 1.5s 1.1s ease;
        -ms-transition: all 1.5s 1.1s ease;
        -o-transition: all 1.5s 1.1s ease;
        transition: all 1.5s 1.1s ease; }
    .chart__employment .own-html.wf-active .nav__anchors {
      transform: translateX(0);
      -webkit-transition: all 2s 2s ease;
      -moz-transition: all 2s 2s ease;
      -ms-transition: all 2s 2s ease;
      -o-transition: all 2s 2s ease;
      transition: all 2s 2s ease; }
    .chart__employment .own-html:not(.wf-active) #mainHeader {
      transform: translateY(-100%); }
    .chart__employment .own-html:not(.wf-active) .banner.banner__top {
      transform: translateY(-100%); }
      .chart__employment .own-html:not(.wf-active) .banner.banner__top .banner__edito {
        transform: translateY(-50%);
        opacity: 0; }
        .chart__employment .own-html:not(.wf-active) .banner.banner__top .banner__edito .banner__data {
          transform: translateY(-100%); }
    .chart__employment .own-html #sectionKey001 {
      opacity: 0;
      transform: translateY(50%); }
      .chart__employment .own-html #sectionKey001 .chart__title {
        transform: translateY(25%); }
      .chart__employment .own-html #sectionKey001 .chart__body {
        transform: translateY(50%); }
    .chart__employment .own-html .nav__anchors {
      transform: translateX(-100%); } }
  .chart__employment .chart__sankey .triangle.color-1 {
    border-color: transparent transparent transparent #f9b9c3; }
  .chart__employment .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
    background-color: #3c3c3c; }
  .chart__employment .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
    border-color: transparent #3c3c3c transparent transparent; }
  .chart__employment .chart__sankey .label__to .triangle {
    border-color: transparent transparent transparent #04848c; }
  .chart__employment .chart__line .highcharts-graph {
    stroke-width: 4px; }
  .chart__employment .chart__line .point__circle {
    width: 10px; }
  .chart__employment#chartEmploymentSquareRange [data-highcharts-chart="1"], .chart__employment#chartEmploymentSeasonnality [data-highcharts-chart="1"] {
    overflow: visible !important; }
  .chart__employment#chartEmploymentSquareRange .highcharts-axis-labels.highcharts-yaxis-labels, .chart__employment#chartEmploymentSeasonnality .highcharts-axis-labels.highcharts-yaxis-labels {
    display: none; }
  .chart__employment#chartEmploymentSquareRange .highcharts-grid.highcharts-yaxis-grid, .chart__employment#chartEmploymentSeasonnality .highcharts-grid.highcharts-yaxis-grid {
    display: none; }
  .chart__employment .highcharts-container.chart__own:not(.chart-bar-vertical).chart__bar .highcharts-xaxis-labels span:not(.axis__label) {
    width: 100% !important; }
  .chart__employment .highcharts-container.chart__own:not(.chart-bar-vertical).chart__bar .axis__labels.with-icon {
    display: flex;
    align-items: center;
    transform: translateY(-2px); }
    .chart__employment .highcharts-container.chart__own:not(.chart-bar-vertical).chart__bar .axis__labels.with-icon .axis__label {
      margin-left: auto;
      margin-right: 0;
      text-align: right;
      padding-right: 5px;
      font-size: 12px;
      width: 120px !important; }
      @media screen and (min-width: 768px) {
        .chart__employment .highcharts-container.chart__own:not(.chart-bar-vertical).chart__bar .axis__labels.with-icon .axis__label {
          width: calc(100% - 44px) !important;
          padding-right: 0;
          font-size: 13px; } }
      @media print {
        .chart__employment .highcharts-container.chart__own:not(.chart-bar-vertical).chart__bar .axis__labels.with-icon .axis__label {
          width: calc(100% - 44px) !important;
          padding-right: 0;
          font-size: 13px; } }
      .chart__employment .highcharts-container.chart__own:not(.chart-bar-vertical).chart__bar .axis__labels.with-icon .axis__label + svg {
        width: 34px;
        height: 23px;
        margin-left: 5px;
        text-align: center;
        display: none; }
        @media screen and (min-width: 768px) {
          .chart__employment .highcharts-container.chart__own:not(.chart-bar-vertical).chart__bar .axis__labels.with-icon .axis__label + svg {
            display: block; } }
        @media print {
          .chart__employment .highcharts-container.chart__own:not(.chart-bar-vertical).chart__bar .axis__labels.with-icon .axis__label + svg {
            display: block; } }

.tooltip__chart__employment .tooltip-chart {
  min-width: 145px !important; }
  .tooltip__chart__employment .tooltip-chart.tooltip-chart-employment-underpressure {
    min-width: 220px !important; }
  .tooltip__chart__employment .tooltip-chart.tooltip-chart-employlment-seasonnality {
    min-width: 200px !important; }

.tooltip__chart__employment .color-0 {
  color: #04848c; }

.tooltip__chart__employment .color-1 {
  color: #f05069; }

.box__employment.box__graph {
  position: relative;
  margin-top: 0px;
  margin-bottom: 20px; }
  .box__employment.box__graph.graph__nodata {
    max-width: 480px;
    margin: 0 auto; }
  .box__employment.box__graph .edito {
    color: #c1c1c1;
    font-family: "PSM";
    position: absolute;
    left: 50%;
    bottom: 35px;
    width: 100%;
    transform: translateX(-50%); }
    @media screen and (min-width: 768px) {
      .box__employment.box__graph .edito {
        bottom: 45px; } }
    .box__employment.box__graph .edito .data {
      padding-left: 90px; }
      @media screen and (min-width: 768px) {
        .box__employment.box__graph .edito .data {
          padding-left: 130px; } }
      .box__employment.box__graph .edito .data .label {
        font-size: 20px;
        font-weight: bold;
        line-height: 1.1;
        display: block;
        width: 100%; }
        @media screen and (min-width: 768px) {
          .box__employment.box__graph .edito .data .label {
            font-size: 34px;
            display: inline; } }
  .box__employment.box__graph .pix {
    width: 100%;
    height: 100%; }
    .box__employment.box__graph .pix img {
      width: 100%; }

.bar-under.clr-employment:after {
  background-color: #04848c; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
#chartEmploymentMoveMetrics .box {
  position: relative;
  width: 100%;
  text-align: center; }
  #chartEmploymentMoveMetrics .box__head {
    padding: 10px 0; }
  #chartEmploymentMoveMetrics .box h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px; }
  #chartEmploymentMoveMetrics .box__graph .edito, #chartEmploymentMoveMetrics .box__data .edito {
    color: #412864;
    font-family: "PSM"; }
    #chartEmploymentMoveMetrics .box__graph .edito .data .value,
    #chartEmploymentMoveMetrics .box__graph .edito .data .unity, #chartEmploymentMoveMetrics .box__data .edito .data .value,
    #chartEmploymentMoveMetrics .box__data .edito .data .unity {
      font-size: 42px;
      font-weight: 800;
      line-height: 1; }
    #chartEmploymentMoveMetrics .box__graph .edito .data .label, #chartEmploymentMoveMetrics .box__data .edito .data .label {
      font-size: 25px;
      font-weight: bold;
      line-height: 1.2;
      display: block;
      width: 100%; }
      @media screen and (min-width: 768px) {
        #chartEmploymentMoveMetrics .box__graph .edito .data .label, #chartEmploymentMoveMetrics .box__data .edito .data .label {
          display: inline; } }
  #chartEmploymentMoveMetrics .box__graph {
    position: relative;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-top: 24px; }
    #chartEmploymentMoveMetrics .box__graph .edito {
      position: absolute;
      left: 50%;
      width: 100%;
      transform: translateX(-50%);
      font-family: "PSM"; }
    #chartEmploymentMoveMetrics .box__graph .pix {
      width: 100%;
      height: 100%; }
      #chartEmploymentMoveMetrics .box__graph .pix img {
        width: 100%; }
  #chartEmploymentMoveMetrics .box.graph__outside .edito {
    bottom: 0%;
    padding-bottom: 0px; }
  #chartEmploymentMoveMetrics .box.graph__distance .edito {
    top: 15px; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
.chart__realestate {
  /**
 * @license Highcharts
 *
 * (c) 2009-2016 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
  /* Titles */
  /* Axes */
  /* Credits */
  /* Tooltip */
  /* Legend hover affects points and series */
  /* Series options */
  /* Default colors */
  /* Legend */
  /* Bubble legend */
  /* Loading */
  /* Plot bands and polar pane backgrounds */
  /* Highcharts More and modules */
  /* Highstock */
  /* Highmaps */
  /* 3d charts */
  /* Exporting module */
  /* Drilldown module */
  /* No-data module */
  /* Drag-panes module */
  /* Bullet type series */
  /* Lineargauge type series */
  /* Annotations module */
  /* Gantt */
  /* COULEUR SITE PALETTE */
  /*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
  /* COULEUR SITE PALETTE */
  /*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
  /* COULEUR SITE PALETTE */
  /*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */ }
  .chart__realestate .highcharts-credits {
    display: none; }
  .chart__realestate .highcharts-axis.highcharts-xaxis {
    stroke-width: 1px;
    stroke: #102d40;
    stroke: red; }
  .chart__realestate .highcharts-yaxis-grid .highcharts-grid-line {
    stroke-width: 1px;
    stroke: #c1c1c1;
    stroke-opacity: 0.5;
    stroke-linecap: butt; }
    .chart__realestate .highcharts-yaxis-grid .highcharts-grid-line:first-child {
      stroke-width: 0; }
    .chart__realestate .highcharts-yaxis-grid .highcharts-grid-line:last-child {
      transform: translateX(-1px); }
  .chart__realestate .highcharts-container {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
    line-height: normal;
    z-index: 0;
    /* #1072 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: "Montserrat";
    font-size: 12px; }
  .chart__realestate .highcharts-root {
    display: block; }
  @media print {
    .chart__realestate .chart-sdg-contribution {
      width: 960px !important;
      height: 300px !important; }
      .chart__realestate .chart-sdg-contribution .highcharts-root {
        width: 100% !important;
        height: 100% !important; } }
  .chart__realestate .highcharts-root text {
    stroke-width: 0; }
  .chart__realestate .highcharts-strong {
    font-weight: 700; }
  .chart__realestate .highcharts-emphasized {
    font-style: italic; }
  .chart__realestate .highcharts-anchor {
    cursor: pointer; }
  .chart__realestate .highcharts-background {
    fill: white;
    fill-opacity: 0; }
  .chart__realestate .highcharts-plot-border,
  .chart__realestate .highcharts-plot-background {
    fill: none; }
  .chart__realestate .highcharts-label-box {
    fill: none; }
  .chart__realestate .highcharts-button-box {
    fill: inherit; }
  .chart__realestate .highcharts-tracker-line {
    stroke-linejoin: round;
    stroke: rgba(192, 192, 192, 0.0001);
    stroke-width: 22;
    fill: none; }
  .chart__realestate .highcharts-tracker-area {
    fill: rgba(192, 192, 192, 0.0001);
    stroke-width: 0; }
  .chart__realestate .highcharts-title {
    fill: #333333;
    font-size: 1.5em; }
  .chart__realestate .highcharts-subtitle {
    fill: #f7f8fb; }
  .chart__realestate .highcharts-axis-line {
    fill: none;
    stroke: #ccd6eb; }
  .chart__realestate .highcharts-yaxis .highcharts-axis-line {
    stroke-width: 0; }
  .chart__realestate .highcharts-axis-title {
    fill: #f7f8fb; }
  .chart__realestate .highcharts-axis-labels {
    fill: rgba(92, 119, 173, 0.5);
    color: rgba(92, 119, 173, 0.5);
    cursor: default;
    font-size: 0.9em; }
  .chart__realestate .highcharts-grid-line {
    fill: none;
    stroke: #eef1f7; }
  .chart__realestate .highcharts-xaxis-grid .highcharts-grid-line {
    stroke-width: 0px; }
  .chart__realestate .highcharts-tick {
    stroke: #ccd6eb; }
  .chart__realestate .highcharts-yaxis .highcharts-tick {
    stroke-width: 0; }
  .chart__realestate .highcharts-minor-grid-line {
    stroke: #eef1f7; }
  .chart__realestate .highcharts-crosshair-thin {
    stroke-width: 1px;
    stroke: #cccccc; }
  .chart__realestate .highcharts-crosshair-category {
    stroke: #ccd6eb;
    stroke-opacity: 0.25; }
  .chart__realestate .highcharts-credits {
    cursor: pointer;
    fill: #999999;
    font-size: 0.7em;
    transition: fill 250ms, font-size 250ms; }
  .chart__realestate .highcharts-credits:hover {
    fill: black;
    font-size: 1em; }
  .chart__realestate .highcharts-tooltip {
    cursor: default;
    pointer-events: none;
    white-space: nowrap;
    transition: stroke 150ms;
    min-width: 162px;
    width: 100%;
    max-width: 220px;
    /*
    width: 100%;
    height: auto;
    //max-width: 220px;
    padding: 10px;
    @include border-radius(6px);
    background-color: white;
    box-shadow: 0 10px 50px rgba($color-primary-dark, 0.6);
    color: $color-primary-dark;
    font-weight: 700;
    font-size: 16px;
    */ }
    .chart__realestate .highcharts-tooltip .highcharts-label-box {
      display: none; }
  .chart__realestate .highcharts-tooltip text {
    fill: white; }
  .chart__realestate .highcharts-tooltip .highcharts-header {
    font-size: 0.85em; }
  .chart__realestate .highcharts-tooltip-box {
    stroke-width: 0px;
    fill: white;
    fill-opacity: 1;
    box-shadow: 0 10px 50px rgba(92, 119, 173, 0.6); }
  .chart__realestate .highcharts-tooltip-box .highcharts-label-box {
    fill: white;
    fill-opacity: 0.85; }
  .chart__realestate .highcharts-selection-marker {
    fill: #335cad;
    fill-opacity: 0.25; }
  .chart__realestate .highcharts-graph {
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round; }
  .chart__realestate .highcharts-state-hover .highcharts-graph {
    stroke-width: 3; }
  .chart__realestate .highcharts-state-hover path {
    transition: stroke-width 50;
    /* quick in */ }
  .chart__realestate .highcharts-state-normal path {
    transition: stroke-width 250ms;
    /* slow out */ }
  .chart__realestate g.highcharts-series,
  .chart__realestate .highcharts-point,
  .chart__realestate .highcharts-markers,
  .chart__realestate .highcharts-data-labels {
    transition: opacity 250ms; }
  .chart__realestate .highcharts-legend-series-active
g.highcharts-series:not(.highcharts-series-hover),
  .chart__realestate .highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
  .chart__realestate .highcharts-legend-series-active
.highcharts-markers:not(.highcharts-series-hover),
  .chart__realestate .highcharts-legend-series-active
.highcharts-data-labels:not(.highcharts-series-hover) {
    opacity: 0.2; }
  .chart__realestate .highcharts-color-0 {
    fill: #5a3787;
    stroke: #5a3787; }
  .chart__realestate .highcharts-color-1 {
    fill: #9b7dc3;
    stroke: #9b7dc3; }
  .chart__realestate .highcharts-color-2 {
    fill: #ffd74b;
    stroke: #ffd74b; }
  .chart__realestate .highcharts-color-3 {
    fill: #5a3787;
    stroke: #5a3787; }
  .chart__realestate .highcharts-color-4 {
    fill: #8085e9;
    stroke: #8085e9; }
  .chart__realestate .highcharts-color-5 {
    fill: #f15c80;
    stroke: #f15c80; }
  .chart__realestate .highcharts-color-6 {
    fill: #e4d354;
    stroke: #e4d354; }
  .chart__realestate .highcharts-color-7 {
    fill: #2b908f;
    stroke: #2b908f; }
  .chart__realestate .highcharts-color-8 {
    fill: #f45b5b;
    stroke: #f45b5b; }
  .chart__realestate .highcharts-color-9 {
    fill: #91e8e1;
    stroke: #91e8e1; }
  .chart__realestate .highcharts-area {
    fill-opacity: 0.75;
    stroke-width: 0; }
  .chart__realestate .highcharts-markers {
    stroke-width: 1px;
    stroke: #ffffff; }
  .chart__realestate .highcharts-point {
    stroke-width: 0; }
  .chart__realestate .highcharts-dense-data .highcharts-point {
    stroke-width: 0; }
  .chart__realestate .highcharts-data-label {
    font-size: 0.9em;
    font-weight: 700; }
  .chart__realestate .highcharts-data-label-box {
    fill: none;
    stroke-width: 0; }
  .chart__realestate .highcharts-data-label text,
  .chart__realestate text.highcharts-data-label {
    fill: #5c77ad;
    font-weight: normal;
    font-size: 14px; }
  .chart__realestate .highcharts-data-label-connector {
    fill: none; }
  .chart__realestate .highcharts-halo {
    fill-opacity: 0.25;
    stroke-width: 0; }
  .chart__realestate .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select,
  .chart__realestate .highcharts-markers .highcharts-point-select {
    fill: #ff992b;
    stroke: #ff992b;
    fill-opacity: 1; }
  .chart__realestate .highcharts-column-series rect.highcharts-point {
    stroke: #ffffff;
    stroke-width: 0;
    stroke-opacity: 0;
    fill-opacity: 0.83;
    outline-color: #ecf4f9;
    outline-style: solid;
    outline-width: 1px;
    outline-offset: 0;
    filter: none;
    box-shadow: none; }
    .chart__realestate .highcharts-column-series rect.highcharts-point.highcharts-point-hover {
      fill: #ff992b;
      stroke: #ff992b;
      fill-opacity: 1; }
    .chart__realestate .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-0 {
      fill: #2b77a6; }
    .chart__realestate .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-1 {
      fill: #2b77a6; }
    .chart__realestate .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-2 {
      fill: #24658c; }
    .chart__realestate .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-3 {
      fill: #1e5273; }
    .chart__realestate .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-4 {
      fill: #174059; }
    .chart__realestate .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-5 {
      fill: #102d40; }
    .chart__realestate .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-6 {
      fill: #102d40; }
  .chart__realestate .chart__bar.chart__auto:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span {
    max-width: 100px; }
  .chart__realestate .chart__bar.chart__realestate .highcharts-axis-labels.highcharts-xaxis-labels span {
    max-width: 140px; }
  .chart__realestate .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span {
    display: flex !important;
    flex-flow: wrap;
    align-items: center;
    min-height: 30px;
    max-width: 160px; }
    .chart__realestate .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span {
      display: block !important;
      width: 100%;
      font-weight: 700;
      text-transform: uppercase;
      min-height: 0;
      white-space: normal; }
      .chart__realestate .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-category, .chart__realestate .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-icon {
        margin: auto 0;
        white-space: normal; }
        .chart__realestate .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-category i, .chart__realestate .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-icon i {
          font-size: 16px; }
  .chart__realestate .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels:not(.chart__line) .highcharts-axis-labels.highcharts-xaxis-labels span {
    left: 0 !important;
    width: 100% !important; }
    .chart__realestate .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels:not(.chart__line) .highcharts-axis-labels.highcharts-xaxis-labels span span {
      text-align: right; }
  .chart__realestate .highcharts-column-series .highcharts-point {
    transition: fill-opacity 250ms; }
  .chart__realestate .highcharts-column-series .highcharts-point-hover {
    fill-opacity: 1;
    fill: #ff992b;
    transition: fill-opacity 50ms; }
  .chart__realestate .highcharts-column-series .highcharts-point-hover {
    fill-opacity: 1;
    fill: #ff992b;
    transition: fill-opacity 50ms; }
  .chart__realestate .highcharts-pie-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #ffffff; }
  .chart__realestate .highcharts-pie-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms; }
  .chart__realestate .highcharts-funnel-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #ffffff; }
  .chart__realestate .highcharts-funnel-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms; }
  .chart__realestate .highcharts-funnel-series .highcharts-point-select {
    fill: inherit;
    stroke: inherit; }
  .chart__realestate .highcharts-pyramid-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #ffffff; }
  .chart__realestate .highcharts-pyramid-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms; }
  .chart__realestate .highcharts-pyramid-series .highcharts-point-select {
    fill: inherit;
    stroke: inherit; }
  .chart__realestate .highcharts-solidgauge-series .highcharts-point {
    stroke-width: 0; }
  .chart__realestate .highcharts-treemap-series .highcharts-point {
    stroke-width: 1px;
    stroke: white;
    transition: stroke 250ms, fill 250ms, fill-opacity 250ms; }
  .chart__realestate .highcharts-treemap-series .highcharts-point-hover {
    stroke: white;
    transition: stroke 25ms, fill 25ms, fill-opacity 25ms; }
  .chart__realestate .highcharts-treemap-series .highcharts-above-level {
    display: none; }
  .chart__realestate .highcharts-treemap-series .highcharts-internal-node {
    fill: none; }
  .chart__realestate .highcharts-treemap-series .highcharts-internal-node-interactive {
    fill-opacity: 0.15;
    cursor: pointer; }
  .chart__realestate .highcharts-treemap-series .highcharts-internal-node-interactive:hover {
    fill-opacity: 0.75; }
  .chart__realestate .highcharts-legend-box {
    fill: none;
    stroke-width: 0; }
  .chart__realestate .highcharts-legend-item > text {
    fill: #333333;
    font-weight: 700;
    font-size: 1em;
    cursor: pointer;
    stroke-width: 0; }
  .chart__realestate .highcharts-legend-item:hover text {
    fill: #000000; }
  .chart__realestate .highcharts-legend-item-hidden * {
    fill: #cccccc !important;
    stroke: #cccccc !important;
    transition: fill 250ms; }
  .chart__realestate .highcharts-legend-nav-active {
    fill: #003399;
    cursor: pointer; }
  .chart__realestate .highcharts-legend-nav-inactive {
    fill: #cccccc; }
  .chart__realestate circle.highcharts-legend-nav-active,
  .chart__realestate circle.highcharts-legend-nav-inactive {
    /* tracker */
    fill: rgba(192, 192, 192, 0.0001); }
  .chart__realestate .highcharts-legend-title-box {
    fill: none;
    stroke-width: 0; }
  .chart__realestate .highcharts-bubble-legend-symbol {
    stroke-width: 2;
    fill-opacity: 0.5; }
  .chart__realestate .highcharts-bubble-legend-connectors {
    stroke-width: 1; }
  .chart__realestate .highcharts-bubble-legend-labels {
    fill: #333333; }
  .chart__realestate .highcharts-loading {
    position: absolute;
    background-color: #ffffff;
    opacity: 0.5;
    text-align: center;
    z-index: 10;
    transition: opacity 250ms; }
  .chart__realestate .highcharts-loading-hidden {
    height: 0 !important;
    opacity: 0;
    overflow: hidden;
    transition: opacity 250ms, height 250ms step-end; }
  .chart__realestate .highcharts-loading-inner {
    font-weight: 700;
    position: relative;
    top: 45%; }
  .chart__realestate .highcharts-plot-band,
  .chart__realestate .highcharts-pane {
    fill: #000000;
    fill-opacity: 0.05; }
  .chart__realestate .highcharts-plot-line {
    fill: none;
    stroke: #9dadce;
    stroke-width: 1px; }
  .chart__realestate .highcharts-boxplot-box {
    fill: #ffffff; }
  .chart__realestate .highcharts-boxplot-median {
    stroke-width: 2px; }
  .chart__realestate .highcharts-bubble-series .highcharts-point {
    fill-opacity: 0.5; }
  .chart__realestate .highcharts-errorbar-series .highcharts-point {
    stroke: #000000; }
  .chart__realestate .highcharts-gauge-series .highcharts-data-label-box {
    stroke: #cccccc;
    stroke-width: 1px; }
  .chart__realestate .highcharts-gauge-series .highcharts-dial {
    fill: #000000;
    stroke-width: 0; }
  .chart__realestate .highcharts-polygon-series .highcharts-graph {
    fill: inherit;
    stroke-width: 0; }
  .chart__realestate .highcharts-waterfall-series .highcharts-graph {
    stroke: #333333;
    stroke-dasharray: 1, 3; }
  .chart__realestate .highcharts-sankey-series .highcharts-point {
    stroke-width: 0; }
  .chart__realestate .highcharts-sankey-series .highcharts-link {
    transition: fill 250ms, fill-opacity 250ms;
    fill-opacity: 0.5; }
  .chart__realestate .highcharts-sankey-series .highcharts-point-hover.highcharts-link {
    transition: fill 50ms, fill-opacity 50ms;
    fill-opacity: 1; }
  .chart__realestate .highcharts-venn-series .highcharts-point {
    fill-opacity: 0.75;
    stroke: #cccccc;
    transition: stroke 250ms, fill-opacity 250ms; }
  .chart__realestate .highcharts-venn-series .highcharts-point-hover {
    fill-opacity: 1;
    stroke: #cccccc; }
  .chart__realestate .highcharts-navigator-mask-outside {
    fill-opacity: 0; }
  .chart__realestate .highcharts-navigator-mask-inside {
    fill: #6685c2;
    /* navigator.maskFill option */
    fill-opacity: 0.25;
    cursor: ew-resize; }
  .chart__realestate .highcharts-navigator-outline {
    stroke: #cccccc;
    fill: none; }
  .chart__realestate .highcharts-navigator-handle {
    stroke: #cccccc;
    fill: #eef1f7;
    cursor: ew-resize; }
  .chart__realestate .highcharts-navigator-series {
    fill: #335cad;
    stroke: #335cad; }
  .chart__realestate .highcharts-navigator-series .highcharts-graph {
    stroke-width: 1px; }
  .chart__realestate .highcharts-navigator-series .highcharts-area {
    fill-opacity: 0.05; }
  .chart__realestate .highcharts-navigator-xaxis .highcharts-axis-line {
    stroke-width: 0; }
  .chart__realestate .highcharts-navigator-xaxis .highcharts-grid-line {
    stroke-width: 1px;
    stroke: #f7f8fb; }
  .chart__realestate .highcharts-navigator-xaxis.highcharts-axis-labels {
    fill: #999999; }
  .chart__realestate .highcharts-navigator-yaxis .highcharts-grid-line {
    stroke-width: 0; }
  .chart__realestate .highcharts-scrollbar-thumb {
    fill: #cccccc;
    stroke: #cccccc;
    stroke-width: 1px; }
  .chart__realestate .highcharts-scrollbar-button {
    fill: #f7f8fb;
    stroke: #cccccc;
    stroke-width: 1px; }
  .chart__realestate .highcharts-scrollbar-arrow {
    fill: #f7f8fb; }
  .chart__realestate .highcharts-scrollbar-rifles {
    stroke: #f7f8fb;
    stroke-width: 1px; }
  .chart__realestate .highcharts-scrollbar-track {
    fill: #eef1f7;
    stroke: #eef1f7;
    stroke-width: 1px; }
  .chart__realestate .highcharts-button {
    fill: white;
    stroke: #cccccc;
    cursor: default;
    stroke-width: 1px;
    transition: fill 250ms; }
  .chart__realestate .highcharts-button text {
    fill: #333333; }
  .chart__realestate .highcharts-button-hover {
    transition: fill 0ms;
    fill: #f7f8fb;
    stroke: #cccccc; }
  .chart__realestate .highcharts-button-hover text {
    fill: #333333; }
  .chart__realestate .highcharts-button-pressed {
    font-weight: 700;
    fill: #e6ebf5;
    stroke: #cccccc; }
  .chart__realestate .highcharts-button-pressed text {
    fill: #333333;
    font-weight: 700; }
  .chart__realestate .highcharts-button-disabled text {
    fill: #333333; }
  .chart__realestate .highcharts-range-selector-buttons .highcharts-button {
    stroke-width: 0px; }
  .chart__realestate .highcharts-range-label rect {
    fill: none; }
  .chart__realestate .highcharts-range-label text {
    fill: #f7f8fb; }
  .chart__realestate .highcharts-range-input rect {
    fill: none; }
  .chart__realestate .highcharts-range-input text {
    fill: #333333; }
  .chart__realestate .highcharts-range-input {
    stroke-width: 1px;
    stroke: #cccccc; }
  .chart__realestate input.highcharts-range-selector {
    position: absolute;
    border: 0;
    width: 1px;
    /* Chrome needs a pixel to see it */
    height: 1px;
    padding: 0;
    text-align: center;
    left: -9em;
    /* #4798 */ }
  .chart__realestate .highcharts-crosshair-label text {
    fill: #ffffff;
    font-size: 1.1em; }
  .chart__realestate .highcharts-crosshair-label .highcharts-label-box {
    fill: inherit; }
  .chart__realestate .highcharts-candlestick-series .highcharts-point {
    stroke: #000000;
    stroke-width: 1px; }
  .chart__realestate .highcharts-candlestick-series .highcharts-point-up {
    fill: #ffffff; }
  .chart__realestate .highcharts-ohlc-series .highcharts-point-hover {
    stroke-width: 3px; }
  .chart__realestate .highcharts-flags-series .highcharts-point .highcharts-label-box {
    stroke: #999999;
    fill: #ffffff;
    transition: fill 250ms; }
  .chart__realestate .highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
    stroke: #000000;
    fill: #ccd6eb; }
  .chart__realestate .highcharts-flags-series .highcharts-point text {
    fill: #000000;
    font-size: 0.9em;
    font-weight: 700; }
  .chart__realestate .highcharts-map-series .highcharts-point {
    transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
    stroke: #cccccc; }
  .chart__realestate .highcharts-map-series .highcharts-point-hover {
    transition: fill 0ms, fill-opacity 0ms;
    fill-opacity: 0.5;
    stroke-width: 2px; }
  .chart__realestate .highcharts-mapline-series .highcharts-point {
    fill: none; }
  .chart__realestate .highcharts-heatmap-series .highcharts-point {
    stroke-width: 0; }
  .chart__realestate .highcharts-map-navigation {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center; }
  .chart__realestate .highcharts-coloraxis {
    stroke-width: 0; }
  .chart__realestate .highcharts-coloraxis-marker {
    fill: #999999; }
  .chart__realestate .highcharts-null-point {
    fill: white; }
  .chart__realestate .highcharts-3d-frame {
    fill: transparent; }
  .chart__realestate .highcharts-contextbutton {
    fill: #ffffff;
    /* needed to capture hover */
    stroke: none;
    stroke-linecap: round; }
  .chart__realestate .highcharts-contextbutton:hover {
    fill: #f7f8fb;
    stroke: #f7f8fb; }
  .chart__realestate .highcharts-button-symbol {
    stroke: #f7f8fb;
    stroke-width: 3px; }
  .chart__realestate .highcharts-menu {
    border: 1px solid #999999;
    background: #ffffff;
    padding: 5px 0;
    box-shadow: 3px 3px 10px #888; }
  .chart__realestate .highcharts-menu-item {
    padding: 0.5em 1em;
    background: none;
    color: #333333;
    cursor: pointer;
    transition: background 250ms, color 250ms; }
  .chart__realestate .highcharts-menu-item:hover {
    background: #335cad;
    color: #ffffff; }
  .chart__realestate .highcharts-drilldown-point {
    cursor: pointer; }
  .chart__realestate .highcharts-drilldown-data-label text,
  .chart__realestate text.highcharts-drilldown-data-label,
  .chart__realestate .highcharts-drilldown-axis-label {
    cursor: pointer;
    fill: #003399;
    font-weight: 700;
    text-decoration: underline; }
  .chart__realestate .highcharts-no-data text {
    font-weight: 700;
    font-size: 12px;
    fill: #f7f8fb; }
  .chart__realestate .highcharts-axis-resizer {
    cursor: ns-resize;
    stroke: black;
    stroke-width: 2px; }
  .chart__realestate .highcharts-bullet-target {
    stroke-width: 0; }
  .chart__realestate .highcharts-lineargauge-target {
    stroke-width: 1px;
    stroke: #333333; }
  .chart__realestate .highcharts-lineargauge-target-line {
    stroke-width: 1px;
    stroke: #333333; }
  .chart__realestate .highcharts-annotation-label-box {
    stroke-width: 1px;
    stroke: #000000;
    fill: #000000;
    fill-opacity: 0.75; }
  .chart__realestate .highcharts-annotation-label text {
    fill: #f7f8fb; }
  .chart__realestate .highcharts-treegrid-node-collapsed,
  .chart__realestate .highcharts-treegrid-node-expanded {
    cursor: pointer; }
  .chart__realestate .highcharts-point-connecting-path {
    fill: none; }
  .chart__realestate .highcharts-grid-axis .highcharts-tick {
    stroke-width: 1px; }
  .chart__realestate .highcharts-grid-axis .highcharts-axis-line {
    stroke-width: 1px; }
  .chart__realestate .colored__auto {
    color: #dc002d; }
  .chart__realestate .chart__auto .chart__split + .chart__split:before {
    background-color: #d7e1f5; }
  .chart__realestate .colored__realestate {
    color: #7346aa; }
  .chart__realestate .chart__realestate .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__realestate .colored__vacation {
    color: #2d5fa0; }
  .chart__realestate .chart__vacation .chart__split + .chart__split:before {
    background-color: #3c78c8; }
  .chart__realestate .colored__employment {
    color: #04848c; }
  .chart__realestate .chart__employment .chart__split + .chart__split:before {
    background-color: #facdd2; }
  .chart__realestate .colored__consumption {
    color: #3c3c3c; }
  .chart__realestate .chart__consumption .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__realestate .colored__vacation__2 {
    color: #666666; }
  .chart__realestate .colored__test__2 {
    color: #666666; }
  .chart__realestate .chart {
    width: 100%; }
    .chart__realestate .chart__inner {
      position: relative;
      width: 100%;
      max-width: 756px;
      margin: 0 auto;
      text-align: center; }
    .chart__realestate .chart__global__head {
      width: 100%;
      padding-top: 20px; }
      .chart__realestate .chart__global__head h3 {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 5px; }
    .chart__realestate .chart__title {
      max-width: 720px;
      margin: 0 auto; }
      .chart__realestate .chart__title h2 {
        font-size: 22px;
        font-weight: bold;
        line-height: 1.5; }
        @media screen and (min-width: 768px) {
          .chart__realestate .chart__title h2 {
            font-size: 28px; } }
        @media print {
          .chart__realestate .chart__title h2 {
            font-size: 28px; } }
      .chart__realestate .chart__title h3 {
        font-size: 20px;
        font-weight: bold; }
      .chart__realestate .chart__title sup {
        font-size: 16px;
        top: -14px;
        font-weight: 700; }
    .chart__realestate .chart__subhead {
      text-align: center; }
      @media screen {
        .chart__realestate .chart__subhead {
          padding: 30px 10px 5px 10px; } }
      .chart__realestate .chart__subhead h3 {
        font-size: 20px;
        font-weight: bold; }
      .chart__realestate .chart__subhead .options__text + .options__input {
        margin-top: 15px; }
      .chart__realestate .chart__subhead .options__inputs {
        width: 100%; }
        @media screen and (min-width: 768px) {
          .chart__realestate .chart__subhead .options__inputs {
            display: flex; } }
        @media print {
          .chart__realestate .chart__subhead .options__inputs {
            display: flex; } }
        @media screen and (min-width: 768px) {
          .chart__realestate .chart__subhead .options__inputs .options__input {
            width: 50%; } }
        @media print {
          .chart__realestate .chart__subhead .options__inputs .options__input {
            width: 50%; } }
        @media screen and (min-width: 768px) {
          .chart__realestate .chart__subhead .options__inputs .options__input:nth-child(odd) .filter {
            margin-left: auto;
            margin-right: 15px; } }
        @media print {
          .chart__realestate .chart__subhead .options__inputs .options__input:nth-child(odd) .filter {
            margin-left: auto;
            margin-right: 15px; } }
        @media screen and (min-width: 768px) {
          .chart__realestate .chart__subhead .options__inputs .options__input:nth-child(even) .filter {
            margin-right: auto;
            margin-left: 15px; } }
        @media print {
          .chart__realestate .chart__subhead .options__inputs .options__input:nth-child(even) .filter {
            margin-right: auto;
            margin-left: 15px; } }
        .chart__realestate .chart__subhead .options__inputs .options__input + .options__input {
          margin-top: 10px; }
          @media screen and (min-width: 768px) {
            .chart__realestate .chart__subhead .options__inputs .options__input + .options__input {
              margin-top: 0; } }
          @media print {
            .chart__realestate .chart__subhead .options__inputs .options__input + .options__input {
              margin-top: 0; } }
    .chart__realestate .chart__options {
      position: relative;
      font-weight: 600;
      font-size: 13px; }
      .chart__realestate .chart__options:not(.noborder) {
        margin-top: 20px; }
        .chart__realestate .chart__options:not(.noborder):before, .chart__realestate .chart__options:not(.noborder):after {
          content: "";
          height: 1px;
          width: 100%;
          max-width: 486px;
          margin: 10px auto;
          display: block; }
        .chart__realestate .chart__options:not(.noborder):before {
          margin-bottom: 10px; }
        .chart__realestate .chart__options:not(.noborder):after {
          margin-top: 10px; }
      .chart__realestate .chart__options.noborder .options__inner {
        min-height: 44px; }
      .chart__realestate .chart__options .options__inner {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: wrap; }
        .chart__realestate .chart__options .options__inner .options__text,
        .chart__realestate .chart__options .options__inner .options__input {
          margin: auto 0;
          padding: 0 5px; }
        .chart__realestate .chart__options .options__inner .options__inputs {
          width: 100%;
          display: flex;
          flex-flow: wrap;
          justify-content: center; }
          @media screen and (min-width: 768px) {
            .chart__realestate .chart__options .options__inner .options__inputs {
              width: auto; } }
          @media print {
            .chart__realestate .chart__options .options__inner .options__inputs {
              width: auto; } }
          .chart__realestate .chart__options .options__inner .options__inputs + .options__inputs {
            margin-top: 8px; }
            @media screen and (min-width: 768px) {
              .chart__realestate .chart__options .options__inner .options__inputs + .options__inputs {
                margin-top: 0; } }
            @media print {
              .chart__realestate .chart__options .options__inner .options__inputs + .options__inputs {
                margin-top: 0; } }
    .chart__realestate .chart__body {
      width: 100%;
      font-size: 15px; }
      .chart__realestate .chart__body strong {
        font-weight: 600; }
      .chart__realestate .chart__body .chart__sankey {
        margin-top: 80px;
        margin-bottom: 20px;
        padding: 0; }
        .chart__realestate .chart__body .chart__sankey [data-highcharts-chart] {
          overflow: visible !important; }
        .chart__realestate .chart__body .chart__sankey .highcharts-node.highcharts-color-0 {
          display: none; }
        .chart__realestate .chart__body .chart__sankey .chart__inner {
          position: relative; }
          @media screen and (min-width: 768px) {
            .chart__realestate .chart__body .chart__sankey .chart__inner {
              padding-left: 100px; } }
          @media print {
            .chart__realestate .chart__body .chart__sankey .chart__inner {
              padding-left: 100px; } }
          @media screen and (min-width: 768px) {
            .chart__realestate .chart__body .chart__sankey .chart__inner:before {
              content: "";
              position: absolute;
              top: -6px;
              left: 0;
              height: calc(50% + 10px);
              width: 80px;
              background-image: url("/assets/images/line-dotted.svg");
              background-repeat: no-repeat;
              background-position: 100% 50%; } }
          @media print {
            .chart__realestate .chart__body .chart__sankey .chart__inner:before {
              content: "";
              position: absolute;
              top: -6px;
              left: 0;
              height: calc(50% + 10px);
              width: 80px;
              background-image: url("/assets/images/line-dotted.svg");
              background-repeat: no-repeat;
              background-position: 100% 50%; } }
        .chart__realestate .chart__body .chart__sankey .highcharts-sankey-series .highcharts-link {
          fill-opacity: 1; }
        .chart__realestate .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0 {
          position: relative;
          height: 100%; }
          .chart__realestate .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0 .highcharts-data-label-hidden {
            opacity: 1 !important; }
          .chart__realestate .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
            position: absolute;
            top: 0;
            right: 8px;
            width: 6px;
            height: 100%; }
            @media screen and (min-width: 768px) {
              .chart__realestate .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
                content: ""; } }
            @media print {
              .chart__realestate .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
                content: ""; } }
          .chart__realestate .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
            position: absolute;
            top: 50%;
            right: 0px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 15px 10px 15px 0;
            transform: translateX(-100%) translateY(-50%); }
            @media screen and (min-width: 768px) {
              .chart__realestate .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
                content: ""; } }
            @media print {
              .chart__realestate .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
                content: ""; } }
        .chart__realestate .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels .highcharts-data-label-color-2 {
          top: 0 !important; }
        .chart__realestate .chart__body .chart__sankey .highcharts-sankey-series .highcharts-node.highcharts-color-2 {
          pointer-events: none; }
        .chart__realestate .chart__body .chart__sankey .label__from {
          width: 140px !important; }
          @media screen and (min-width: 768px) {
            .chart__realestate .chart__body .chart__sankey .label__from {
              width: 160px !important;
              text-align: center;
              transform: translateX(-50%);
              margin-left: -40px; } }
          @media print {
            .chart__realestate .chart__body .chart__sankey .label__from {
              width: 160px !important;
              text-align: center;
              transform: translateX(-50%);
              margin-left: -40px; } }
          .chart__realestate .chart__body .chart__sankey .label__from b {
            display: block;
            font-family: "PSM";
            font-size: 18px;
            transform: translateY(-50px);
            white-space: initial; }
            @media screen and (min-width: 768px) {
              .chart__realestate .chart__body .chart__sankey .label__from b {
                transform: translateY(-50px); } }
            @media print {
              .chart__realestate .chart__body .chart__sankey .label__from b {
                transform: translateY(-50px); } }
        .chart__realestate .chart__body .chart__sankey .label__to__all {
          position: absolute;
          top: 0;
          right: 0%;
          text-align: left;
          width: 120px; }
          .chart__realestate .chart__body .chart__sankey .label__to__all b {
            display: block;
            width: 100%;
            font-family: "PSM";
            font-size: 18px;
            line-height: 1.2;
            transform: translateY(-50px) translateX(0%); }
        .chart__realestate .chart__body .chart__sankey .label__other {
          position: relative;
          transform: translateX(40px) translateY(0%);
          width: 10px;
          height: 100%; }
          .chart__realestate .chart__body .chart__sankey .label__other .triangle {
            position: absolute;
            top: 50%;
            left: 15px;
            width: 0px;
            height: 0;
            transform: translateY(-50%);
            border-style: solid; }
          .chart__realestate .chart__body .chart__sankey .label__other span {
            position: absolute;
            top: 50%;
            left: 40px;
            display: block;
            transform: translateY(-50%);
            font-size: 12px;
            margin-top: -5px;
            font-weight: 400;
            white-space: initial;
            width: 80px; }
            @media screen and (min-width: 768px) {
              .chart__realestate .chart__body .chart__sankey .label__other span {
                width: auto;
                white-space: nowrap; } }
            @media print {
              .chart__realestate .chart__body .chart__sankey .label__other span {
                width: auto;
                white-space: nowrap; } }
        .chart__realestate .chart__body .chart__sankey .label__to {
          position: relative;
          left: 0;
          width: 120px;
          margin-left: 0px;
          text-align: left; }
          @media screen and (min-width: 768px) {
            .chart__realestate .chart__body .chart__sankey .label__to {
              width: 140px; } }
          @media print {
            .chart__realestate .chart__body .chart__sankey .label__to {
              width: 140px; } }
          .chart__realestate .chart__body .chart__sankey .label__to[style="font-weight: bold;"] .city {
            font-weight: 700; }
          .chart__realestate .chart__body .chart__sankey .label__to:not(.label__to__same) {
            transform: translateX(100%) translateY(50%); }
            .chart__realestate .chart__body .chart__sankey .label__to:not(.label__to__same) .triangle {
              top: 50%;
              transform: translateY(-50%) translateX(-10px); }
          .chart__realestate .chart__body .chart__sankey .label__to.label__to__same {
            position: absolute;
            transform: translateX(10px);
            left: 0;
            top: 0; }
            .chart__realestate .chart__body .chart__sankey .label__to.label__to__same .triangle {
              transform: translateX(-10px);
              top: 0; }
          .chart__realestate .chart__body .chart__sankey .label__to .triangle {
            position: absolute;
            right: 100%;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: transparent transparent transparent white; }
          .chart__realestate .chart__body .chart__sankey .label__to .city {
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
            padding-left: 0px;
            font-size: 12px;
            font-weight: 400;
            transform: translateX(-5px); }
            @media screen and (min-width: 768px) {
              .chart__realestate .chart__body .chart__sankey .label__to .city {
                transform: translateX(0px); } }
            @media print {
              .chart__realestate .chart__body .chart__sankey .label__to .city {
                transform: translateX(0px); } }
            .chart__realestate .chart__body .chart__sankey .label__to .city span {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              display: block;
              width: 100%;
              margin: auto 0;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
    .chart__realestate .chart .chart__realestate .chart__sankey .triangle.color-1 {
      border-color: transparent transparent transparent #ffd74b; }
    .chart__realestate .chart .chart__realestate .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
      background-color: #3c3c3c; }
    .chart__realestate .chart .chart__realestate .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
      border-color: transparent #3c3c3c transparent transparent; }
    .chart__realestate .chart .chart__realestate .chart__sankey .highcharts-sankey-series .label__to .triangle {
      border-color: transparent transparent transparent #5a3787; }
    .chart__realestate .chart .chart__vacation .chart__sankey .triangle.color-1 {
      border-color: transparent transparent transparent #ffd74b; }
    .chart__realestate .chart .chart__vacation .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
      background-color: #3c3c3c; }
    .chart__realestate .chart .chart__vacation .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
      border-color: transparent #3c3c3c transparent transparent; }
    .chart__realestate .chart .chart__vacation .chart__sankey .highcharts-sankey-series .label__to .triangle {
      border-color: transparent transparent transparent #ffbe00; }
    .chart__realestate .chart__core {
      width: 100%; }
      @media screen {
        .chart__realestate .chart__core {
          display: flex;
          flex-wrap: wrap; } }
      .chart__realestate .chart__core .chart__nosplit {
        position: relative;
        width: 100%;
        padding: 0 10px; }
        .chart__realestate .chart__core .chart__nosplit .chart__map {
          max-width: 480px;
          margin: 0 auto; }
      .chart__realestate .chart__core.split__invert {
        display: flex;
        flex-flow: wrap-reverse; }
        @media screen and (min-width: 768px) {
          .chart__realestate .chart__core.split__invert {
            flex-flow: wrap; } }
        @media print {
          .chart__realestate .chart__core.split__invert {
            flex-flow: wrap; } }
        .chart__realestate .chart__core.split__invert .cmp__edito {
          min-height: 0;
          padding: 20px 0; }
      @media screen and (min-width: 768px) {
        .chart__realestate .chart__core.invert {
          display: flex;
          flex-flow: row-reverse; } }
      @media print {
        .chart__realestate .chart__core.invert {
          display: flex;
          flex-flow: row-reverse; } }
      .chart__realestate .chart__core:not(.split__invert) .chart__split .cmp__edito {
        min-height: 0;
        padding: 20px 0; }
        @media screen and (min-width: 768px) {
          .chart__realestate .chart__core:not(.split__invert) .chart__split .cmp__edito {
            min-height: 460px;
            padding: 20px 10px; } }
      .chart__realestate .chart__core:not(.split__invert) .chart__split + .chart__split:before {
        content: "";
        width: 100%;
        height: 1px;
        display: block;
        margin: 20px 0 10px 0; }
        @media screen and (min-width: 768px) {
          .chart__realestate .chart__core:not(.split__invert) .chart__split + .chart__split:before {
            content: initial; } }
        @media print {
          .chart__realestate .chart__core:not(.split__invert) .chart__split + .chart__split:before {
            content: initial; } }
      .chart__realestate .chart__core .chart__split {
        position: relative;
        width: 100%;
        padding: 0 10px; }
        @media screen and (min-width: 768px) {
          .chart__realestate .chart__core .chart__split {
            width: 50%;
            padding: 0; } }
        @media print {
          .chart__realestate .chart__core .chart__split {
            width: 100%;
            padding: 0; } }
        .chart__realestate .chart__core .chart__split.split__left {
          text-align: left; }
          @media screen and (min-width: 768px) {
            .chart__realestate .chart__core .chart__split.split__left {
              padding-right: 10px; } }
        .chart__realestate .chart__core .chart__split.split__right {
          text-align: right; }
          @media screen and (min-width: 768px) {
            .chart__realestate .chart__core .chart__split.split__right {
              padding-left: 10px; } }
    .chart__realestate .chart__histogram {
      padding: 20px 0; }
      @media screen and (min-width: 768px) {
        .chart__realestate .chart__histogram {
          padding: 20px; } }
    .chart__realestate .chart__histogram .call-to-action, .chart__realestate .chart__map .call-to-action {
      text-align: right;
      margin-top: 20px; }
    .chart__realestate .chart__histogram .chart__title, .chart__realestate .chart__map .chart__title {
      text-align: center;
      margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .chart__realestate .chart__map {
        padding: 20px; } }
    .chart__realestate .chart__map .interactive path {
      cursor: pointer;
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease; }
      .chart__realestate .chart__map .interactive path:hover {
        fill-opacity: 0.8; }
    .chart__realestate .chart__title {
      margin-top: 24px;
      padding: 0 30px; }
      .chart__realestate .chart__title br {
        display: none; }
        @media screen and (min-width: 768px) {
          .chart__realestate .chart__title br {
            display: block; } }
  .chart__realestate .input {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    .chart__realestate .input input[type="radio"] {
      appearance: none;
      position: absolute;
      opacity: 0;
      width: 0;
      height: 0;
      padding: 0; }
    .chart__realestate .input input:checked + .radio__like:before {
      opacity: 1; }
    .chart__realestate .input input[type="checkbox"].cmp__switcher {
      height: 0;
      width: 0;
      visibility: hidden;
      appearance: none;
      -webkit-appearance: none; }
      .chart__realestate .input input[type="checkbox"].cmp__switcher:checked ~ .switcher__like:after {
        left: calc(100% - 3px);
        transform: translateX(-100%) translateY(-50%); }
    .chart__realestate .input .radio__label, .chart__realestate .input .radio__like {
      cursor: pointer; }
    .chart__realestate .input .radio__label {
      padding-left: 25px;
      padding-right: 10px; }
    .chart__realestate .input .radio__like {
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden; }
      .chart__realestate .input .radio__like svg {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 95px;
        height: 17px;
        transform: translateX(-50%); }
      .chart__realestate .input .radio__like:before {
        content: "";
        pointer-events: none;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5;
        width: 10px;
        height: 10px;
        transform: translateY(-50%) translateX(-50%);
        background-color: white;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease; }
      .chart__realestate .input .radio__like:hover:before {
        opacity: 0.3; }
    .chart__realestate .input .switcher__label, .chart__realestate .input .switcher__like {
      cursor: pointer; }
    .chart__realestate .input .switcher__label {
      padding: 0 5px; }
      .chart__realestate .input .switcher__label.label__on {
        padding-right: 15px; }
      .chart__realestate .input .switcher__label.label__off {
        padding-left: 15px; }
    .chart__realestate .input .switcher__like {
      cursor: pointer;
      text-indent: -9999px;
      width: 40px;
      height: 20px;
      display: block;
      border-radius: 100px;
      position: relative;
      margin-top: auto;
      margin-bottom: auto;
      overflow: hidden; }
      .chart__realestate .input .switcher__like svg {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 95px;
        height: 17px;
        transform: translateX(-50%); }
      .chart__realestate .input .switcher__like:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 3px;
        transform: translateY(-50%);
        background: #fff;
        -webkit-border-radius: 90px;
        -moz-border-radius: 90px;
        -ms-border-radius: 90px;
        border-radius: 90px;
        box-sizing: border-box;
        height: 15px;
        width: 15px;
        border: 1px solid #e0e7ff;
        background: linear-gradient(180deg, #eaeaea 0%, #ffffff 100%);
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
        transition: 0.3s; }
      .chart__realestate .input .switcher__like:hover:after {
        opacity: 0.8; }
      .chart__realestate .input .switcher__like:active:after {
        width: 30px; }
  .chart__realestate .colored__auto {
    color: #dc002d; }
  .chart__realestate .chart__auto .chart__split + .chart__split:before {
    background-color: #d7e1f5; }
  .chart__realestate .colored__realestate {
    color: #7346aa; }
  .chart__realestate .chart__realestate .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__realestate .colored__vacation {
    color: #2d5fa0; }
  .chart__realestate .chart__vacation .chart__split + .chart__split:before {
    background-color: #3c78c8; }
  .chart__realestate .colored__employment {
    color: #04848c; }
  .chart__realestate .chart__employment .chart__split + .chart__split:before {
    background-color: #facdd2; }
  .chart__realestate .colored__consumption {
    color: #3c3c3c; }
  .chart__realestate .chart__consumption .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__realestate .colored__vacation__2 {
    color: #666666; }
  .chart__realestate .colored__test__2 {
    color: #666666; }
  .chart__realestate .chart__options__auto:before, .chart__realestate .chart__options__auto:after {
    background-color: #d7e1f5; }
  .chart__realestate .chart__options__realestate:before, .chart__realestate .chart__options__realestate:after {
    background-color: #e6d7f0; }
  .chart__realestate .chart__options__vacation:before, .chart__realestate .chart__options__vacation:after {
    background-color: #7346aa; }
  .chart__realestate .chart__options__employment:before, .chart__realestate .chart__options__employment:after, .chart__realestate #7346aa:before, .chart__realestate #7346aa:after {
    background-color: consumption, #7346aa; }
  .chart__realestate .chart__options__auto .input .radio__like {
    background-color: #dc002d;
    color: #870019; }
  .chart__realestate .chart__options__auto .input .switcher__like {
    background-color: #dc002d;
    color: #870019; }
  .chart__realestate .chart__options__realestate .input .radio__like {
    background-color: #7346aa;
    color: #412864; }
  .chart__realestate .chart__options__realestate .input .switcher__like {
    background-color: #7346aa;
    color: #412864; }
  .chart__realestate .chart__options__vacation .input .radio__like {
    background-color: #7346aa;
    color: #e6d7f0; }
  .chart__realestate .chart__options__vacation .input .switcher__like {
    background-color: #7346aa;
    color: #e6d7f0; }
  .chart__realestate .cmp__edito {
    text-align: left;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    min-height: 460px; }
    .chart__realestate .cmp__edito .cmp__inner {
      position: relative;
      width: 100%;
      margin: auto; }
      .chart__realestate .cmp__edito .cmp__inner .pix {
        width: 100%; }
        .chart__realestate .cmp__edito .cmp__inner .pix img {
          display: block;
          width: 100%; }
        .chart__realestate .cmp__edito .cmp__inner .pix + .edito {
          margin-top: 30px; }
      .chart__realestate .cmp__edito .cmp__inner .edito {
        font-size: 15px;
        width: 100%; }
        .chart__realestate .cmp__edito .cmp__inner .edito + .call-to-action {
          margin-top: 30px; }
    .chart__realestate .cmp__edito .call-to-action {
      width: 100%;
      text-align: right; }
      .chart__realestate .cmp__edito .call-to-action .btn {
        width: auto;
        margin-left: auto;
        margin-right: 0; }
  .chart__realestate .filter {
    margin: 0 auto; }
    .chart__realestate .filter:not(.filter__large) {
      max-width: 240px; }
    .chart__realestate .filter.filter__large {
      max-width: 300px; }
  .chart__realestate .legends__map {
    display: flex;
    flex-flow: wrap;
    padding: 5px 0;
    align-items: center;
    justify-content: center;
    margin-top: 20px; }
    .chart__realestate .legends__map span br {
      display: none; }
      @media screen and (min-width: 768px) {
        .chart__realestate .legends__map span br {
          display: inline-block; } }
    .chart__realestate .legends__map span.empty {
      display: block;
      min-width: 30px; }
    .chart__realestate .legends__map + .link__wrapp {
      font-size: 11px;
      font-weight: 600; }
  .chart__realestate .legends__mode__evolution:before {
    content: attr(data-legend-text);
    display: block;
    width: 100%;
    margin-bottom: 8px;
    font-size: 11px; }
  .chart__realestate .legends .legend {
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3; }
    @media screen and (min-width: 768px) {
      .chart__realestate .legends .legend {
        font-size: 12px; } }
    .chart__realestate .legends .legend__min {
      padding-right: 5px;
      text-align: right;
      max-width: calc(50% - 66px); }
    .chart__realestate .legends .legend__max {
      text-align: left;
      padding-left: 5px;
      max-width: calc(50% - 66px); }
    .chart__realestate .legends .legend__colors {
      position: relative;
      display: flex;
      flex-flow: wrap;
      justify-content: center; }
      .chart__realestate .legends .legend__colors:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        background-color: #e0e0e0;
        width: calc(100% - 10px);
        height: 24px;
        transform: translateX(-50%) translateY(-50%);
        border-radius: 6px; }
      .chart__realestate .legends .legend__colors .color {
        position: relative;
        width: 16px;
        height: 16px; }
  .chart__realestate .colored__auto {
    color: #dc002d; }
  .chart__realestate .chart__auto .chart__split + .chart__split:before {
    background-color: #d7e1f5; }
  .chart__realestate .colored__realestate {
    color: #7346aa; }
  .chart__realestate .chart__realestate .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__realestate .colored__vacation {
    color: #2d5fa0; }
  .chart__realestate .chart__vacation .chart__split + .chart__split:before {
    background-color: #3c78c8; }
  .chart__realestate .colored__employment {
    color: #04848c; }
  .chart__realestate .chart__employment .chart__split + .chart__split:before {
    background-color: #facdd2; }
  .chart__realestate .colored__consumption {
    color: #3c3c3c; }
  .chart__realestate .chart__consumption .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__realestate .colored__vacation__2 {
    color: #666666; }
  .chart__realestate .colored__test__2 {
    color: #666666; }
  .chart__realestate .filter__control {
    position: relative;
    border-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    box-shadow: none !important; }
    .chart__realestate .filter__control.filter__control--is-menu-open .filter__dropdown-indicator:before {
      content: "\F068"; }
  .chart__realestate .filter__control--is-focused {
    border-color: transparent; }
  .chart__realestate .filter__indicator-separator {
    display: none; }
  .chart__realestate .filter__value-container {
    padding: 0;
    width: 100%;
    align-items: flex-start; }
    .chart__realestate .filter__value-container .filter__single-value {
      font-size: 16px;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding-right: 30px;
      margin-left: 0; }
      @media screen and (min-width: 768px) {
        .chart__realestate .filter__value-container .filter__single-value {
          padding-right: 24px;
          font-size: 13px; } }
    .chart__realestate .filter__value-container input {
      width: 100%;
      height: 24px;
      font-size: 16px !important; }
      @media screen and (min-width: 768px) {
        .chart__realestate .filter__value-container input {
          font-size: 13px !important; } }
  .chart__realestate .filter.filter__icon__ .filter__input {
    pointer-events: none; }
  .chart__realestate .filter.filter__icon__ .filter__value-container .filter__placeholder {
    color: #666666; }
  .chart__realestate .filter:not(.filter__icon__) .filter__value-container .filter__placeholder {
    color: #c1c1c1; }
  .chart__realestate .filter:not(.filter__icon__).filter__icon__search .filter__dropdown-indicator svg {
    display: none; }
  .chart__realestate .filter:not(.filter__icon__).filter__icon__search .filter__dropdown-indicator:before {
    content: "\F002"; }
  .chart__realestate .filter__indicators {
    height: 38px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%); }
  .chart__realestate .filter__dropdown-indicator {
    color: #333333 !important; }
    .chart__realestate .filter__dropdown-indicator:before {
      font-family: "Font Awesome 5 Pro"; }
  .chart__realestate .filter__single-value {
    padding: 0 8px;
    border-radius: 2px;
    font-size: 12px; }
  .chart__realestate .filter__menu {
    margin: 0 auto;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25); }
    .chart__realestate .filter__menu .filter__option {
      color: inherit;
      font-size: 13px;
      height: auto;
      min-height: 26px; }
      .chart__realestate .filter__menu .filter__option:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        opacity: 0; }
      .chart__realestate .filter__menu .filter__option:hover {
        background-color: transparent; }
        .chart__realestate .filter__menu .filter__option:hover:before {
          opacity: 1; }
    .chart__realestate .filter__menu .filter__option--no-options {
      background-color: red !important; }
  .chart__realestate .filter__option {
    text-align: left;
    background-color: white;
    position: relative;
    color: #333333;
    font-size: 13px;
    font-weight: 600;
    min-height: 28px;
    cursor: pointer; }
    .chart__realestate .filter__option--is-focused {
      background-color: #00395e;
      color: white; }
  .chart__realestate .filter__group {
    padding: 0; }
  .chart__realestate .filter__noclose .filter__clear-indicator {
    display: none; }
  .chart__realestate .filter__clear-indicator {
    position: absolute;
    left: 100%;
    width: 20px;
    height: 20px;
    background-color: #666666;
    border-radius: 50%;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important; }
    .chart__realestate .filter__clear-indicator svg {
      display: none; }
    .chart__realestate .filter__clear-indicator:before {
      font-family: "Font Awesome 5 Pro";
      content: "\F00D";
      color: white;
      text-align: center;
      margin: auto;
      font-size: 10px; }
  .chart__realestate .filter__control {
    color: #000000;
    font-size: 13px;
    font-weight: 600; }
    .chart__realestate .filter__control:hover {
      opacity: 0.8; }
  .chart__realestate .filter__auto.filter__icon__ .filter__control {
    border-color: #facdd2;
    background-color: #facdd2; }
    .chart__realestate .filter__auto.filter__icon__ .filter__control:hover {
      border-color: #facdd2; }
    .chart__realestate .filter__auto.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: #facdd2; }
  .chart__realestate .filter__auto.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__realestate .filter__auto.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__realestate .filter__auto:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #facdd2;
    background-color: white; }
    .chart__realestate .filter__auto:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #facdd2; }
    .chart__realestate .filter__auto:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: white; }
  .chart__realestate .filter__realestate.filter__icon__ .filter__control {
    border-color: #facdd2;
    background-color: #facdd2; }
    .chart__realestate .filter__realestate.filter__icon__ .filter__control:hover {
      border-color: #facdd2; }
    .chart__realestate .filter__realestate.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: #facdd2; }
  .chart__realestate .filter__realestate.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(242, 235, 247, 0.3); }
  .chart__realestate .filter__realestate.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(242, 235, 247, 0.3); }
  .chart__realestate .filter__realestate:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #facdd2;
    background-color: white; }
    .chart__realestate .filter__realestate:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #facdd2; }
    .chart__realestate .filter__realestate:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: white; }
  .chart__realestate .filter__vacation.filter__icon__ .filter__control {
    border-color: #fff0cd;
    background-color: #fff0cd; }
    .chart__realestate .filter__vacation.filter__icon__ .filter__control:hover {
      border-color: #fff0cd; }
    .chart__realestate .filter__vacation.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #fff0cd;
      background-color: #fff0cd; }
  .chart__realestate .filter__vacation.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(255, 247, 230, 0.3); }
  .chart__realestate .filter__vacation.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(255, 247, 230, 0.3); }
  .chart__realestate .filter__vacation:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #fff0cd;
    background-color: white; }
    .chart__realestate .filter__vacation:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #fff0cd; }
    .chart__realestate .filter__vacation:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #fff0cd;
      background-color: white; }
  .chart__realestate .filter__employment.filter__icon__ .filter__control {
    border-color: #facdd2;
    background-color: #facdd2; }
    .chart__realestate .filter__employment.filter__icon__ .filter__control:hover {
      border-color: #facdd2; }
    .chart__realestate .filter__employment.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: #facdd2; }
  .chart__realestate .filter__employment.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__realestate .filter__employment.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__realestate .filter__employment:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #facdd2;
    background-color: white; }
    .chart__realestate .filter__employment:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #facdd2; }
    .chart__realestate .filter__employment:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: white; }
  .chart__realestate .filter__consumption.filter__icon__ .filter__control {
    border-color: #ffe381;
    background-color: #ffe381; }
    .chart__realestate .filter__consumption.filter__icon__ .filter__control:hover {
      border-color: #ffe381; }
    .chart__realestate .filter__consumption.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #ffe381;
      background-color: #ffe381; }
  .chart__realestate .filter__consumption.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(255, 227, 129, 0.3); }
  .chart__realestate .filter__consumption.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(255, 227, 129, 0.3); }
  .chart__realestate .filter__consumption:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #ffe381;
    background-color: white; }
    .chart__realestate .filter__consumption:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #ffe381; }
    .chart__realestate .filter__consumption:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #ffe381;
      background-color: white; }
  .chart__realestate .split__left .chart__histogram {
    padding-left: 0; }
  .chart__realestate .highcharts-container.chart__own {
    font-family: "Open Sans";
    /* Tooltip */ }
    .chart__realestate .highcharts-container.chart__own.chart-bar-vertical .highcharts-point-hover {
      fill: #dc002d !important; }
    .chart__realestate .highcharts-container.chart__own.chart-bar-vertical .axis__labels {
      width: auto;
      display: block; }
      .chart__realestate .highcharts-container.chart__own.chart-bar-vertical .axis__labels .axis__label__x {
        text-align: center;
        white-space: normal;
        margin: auto;
        min-width: 68px;
        font-size: 10px; }
    .chart__realestate .highcharts-container.chart__own .bar__value {
      color: #dc002d;
      font-size: 18px;
      font-weight: 800;
      font-family: "PSM"; }
    .chart__realestate .highcharts-container.chart__own .highcharts-xaxis-labels {
      width: 100%;
      left: 0 !important; }
    .chart__realestate .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels {
      width: 100%;
      display: block;
      text-align: right;
      color: #333333;
      white-space: initial; }
      .chart__realestate .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels span {
        width: 100%;
        display: block;
        text-transform: none;
        text-align: right; }
        .chart__realestate .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels span.axis__label {
          width: 100% !important;
          font-weight: 400;
          font-size: 13px;
          color: inherit;
          line-height: 1.2;
          text-transform: none;
          margin-left: auto;
          margin-right: 0;
          padding-right: 10px;
          white-space: pre-wrap; }
      .chart__realestate .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels .axis__label__x {
        text-align: right; }
      .chart__realestate .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels .axis__label__y {
        font-size: 10px; }
    .chart__realestate .highcharts-container.chart__own.chart-bar-vertical .axis__labels {
      text-align: center;
      line-height: 1; }
      .chart__realestate .highcharts-container.chart__own.chart-bar-vertical .axis__labels .axis__label__x {
        text-align: center; }
    .chart__realestate .highcharts-container.chart__own .axis__labels {
      color: #333333; }
      .chart__realestate .highcharts-container.chart__own .axis__labels span {
        top: 0;
        font-weight: 400;
        font-size: 13px;
        color: inherit;
        line-height: 1.2;
        text-transform: none; }
      .chart__realestate .highcharts-container.chart__own .axis__labels .axis__label__x {
        text-align: right; }
      .chart__realestate .highcharts-container.chart__own .axis__labels .axis__label__y {
        font-size: 10px; }
    .chart__realestate .highcharts-container.chart__own .highcharts-legend-item {
      pointer-events: none; }
      .chart__realestate .highcharts-container.chart__own .highcharts-legend-item.bar__ {
        font-weight: 600;
        font-size: 11px;
        padding-right: 5px; }
        @media screen and (min-width: 768px) {
          .chart__realestate .highcharts-container.chart__own .highcharts-legend-item.bar__ {
            font-size: 13px; } }
        .chart__realestate .highcharts-container.chart__own .highcharts-legend-item.bar__ span {
          transform: translateY(-5px); }
    .chart__realestate .highcharts-container.chart__own .highcharts-axis-labels {
      color: #333333;
      fill: #333333;
      font-size: 13px; }
    .chart__realestate .highcharts-container.chart__own .highcharts-background {
      background-color: transparent;
      fill: none; }
    .chart__realestate .highcharts-container.chart__own .highcharts-tooltip {
      cursor: default;
      pointer-events: none;
      white-space: nowrap;
      transition: stroke 150ms;
      min-width: 162px;
      width: 100%;
      max-width: 220px;
      z-index: 5000; }
    .chart__realestate .highcharts-container.chart__own .highcharts-tooltip text {
      fill: white; }
    .chart__realestate .highcharts-container.chart__own .highcharts-tooltip .highcharts-header {
      font-size: 0.85em; }
    .chart__realestate .highcharts-container.chart__own .highcharts-tooltip-box {
      stroke-width: 0;
      fill: white;
      fill-opacity: 1;
      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25); }
    .chart__realestate .highcharts-container.chart__own .highcharts-tooltip-box .highcharts-label-box {
      fill: white;
      fill-opacity: 0.85; }
  .chart__realestate .highcharts-container.chart-bar-top10 .highcharts-point.highcharts-color-1 {
    color: red;
    position: relative; }
    .chart__realestate .highcharts-container.chart-bar-top10 .highcharts-point.highcharts-color-1:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
      background-color: red;
      z-index: 100;
      fill: url("#uiPattern"); }
  .chart__realestate .uk-tooltip.tooltip-map {
    height: auto;
    display: block;
    min-width: 80px;
    max-width: 220px;
    padding: 10px;
    padding: 10px;
    transform: translateX(-50%) translateY(-50%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: white;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    opacity: 1;
    z-index: 5000 !important; }
    .chart__realestate .uk-tooltip.tooltip-map .tooltip__value b,
    .chart__realestate .uk-tooltip.tooltip-map .tooltip__value strong {
      font-family: "PSM";
      font-weight: 800; }
    .chart__realestate .uk-tooltip.tooltip-map .line {
      line-height: 1;
      font-size: 12px;
      font-weight: 600; }
      .chart__realestate .uk-tooltip.tooltip-map .line h3 {
        font-size: 14px; }
      .chart__realestate .uk-tooltip.tooltip-map .line b,
      .chart__realestate .uk-tooltip.tooltip-map .line strong {
        font-weight: 800;
        font-size: 22px; }
        .chart__realestate .uk-tooltip.tooltip-map .line b.point__value,
        .chart__realestate .uk-tooltip.tooltip-map .line strong.point__value {
          font-size: 22px; }
          .chart__realestate .uk-tooltip.tooltip-map .line b.point__value p,
          .chart__realestate .uk-tooltip.tooltip-map .line strong.point__value p {
            font-size: 18px; }
      .chart__realestate .uk-tooltip.tooltip-map .line span {
        color: #333333; }
  .chart__realestate .uk-tooltip.tooltip-chart {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    min-width: 100%;
    max-width: 220px;
    padding: 10px;
    padding: 10px;
    transform: translateX(-50%) translateY(-90%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: white;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    font-size: 13px;
    line-height: 1.2;
    font-weight: normal;
    white-space: initial;
    border: none;
    text-align: left; }
    .chart__realestate .uk-tooltip.tooltip-chart.tooltip-chartHorizontalBar {
      transform: translateX(-50%) translateY(-90%); }
    .chart__realestate .uk-tooltip.tooltip-chart.tooltip-chartbubble {
      transform: translateX(-50%) translateY(-90%); }
    .chart__realestate .uk-tooltip.tooltip-chart * {
      text-shadow: none; }
    .chart__realestate .uk-tooltip.tooltip-chart .line {
      line-height: 1; }
      .chart__realestate .uk-tooltip.tooltip-chart .line h3 {
        font-size: 14px; }
      .chart__realestate .uk-tooltip.tooltip-chart .line b,
      .chart__realestate .uk-tooltip.tooltip-chart .line strong {
        font-weight: 800; }
        .chart__realestate .uk-tooltip.tooltip-chart .line b.point__value,
        .chart__realestate .uk-tooltip.tooltip-chart .line strong.point__value {
          font-size: 22px; }
      .chart__realestate .uk-tooltip.tooltip-chart .line span {
        color: #333333; }
      .chart__realestate .uk-tooltip.tooltip-chart .line.line1 {
        font-weight: 600; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-1 {
      color: "grey" #9ba6b2; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-2 {
      color: "grey-light" #ccd4dd; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-3 {
      color: "grey-dark" #707982; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-4 {
      color: "purple" #8f4c98; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-5 {
      color: "purple-light" #bc92c1; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-6 {
      color: "purple-dark" #482856; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-7 {
      color: "pink" #e72c65; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-8 {
      color: "pink-light" #ee7999; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-9 {
      color: "pink-dark" #a52248; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-10 {
      color: "turquoise" #008c88; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-11 {
      color: "turquoise-light" #00aead; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-12 {
      color: "turquoise-dark" #136775; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-13 {
      color: "yellow" #ffc923; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-14 {
      color: "yellow-light" #ffee18; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-15 {
      color: "yellow-dark" #ff9622; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-16 {
      color: "green" #a3c515; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-17 {
      color: "green-light" #d8d90b; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-18 {
      color: "green-dark" #74cd50; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-19 {
      color: "cyan" #00a6c2; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-20 {
      color: "cyan-light" #7fc1da; }
    .chart__realestate .uk-tooltip.tooltip-chart .color-21 {
      color: "cyan-dark" #108ba4; }
  .chart__realestate .highcharts-tooltip-container {
    z-index: 9999 !important; }
    .chart__realestate .highcharts-tooltip-container .highcharts-root {
      display: none !important; }
    .chart__realestate .highcharts-tooltip-container .tooltip__chart__bar .uk-tooltip.tooltip-chart {
      min-width: 160px; }
    .chart__realestate .highcharts-tooltip-container .tooltip__chart__line .uk-tooltip.tooltip-chart {
      min-width: 140px; }
    .chart__realestate .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__employment .color-0 {
      color: #04848c; }
    .chart__realestate .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__employment .color-1 {
      color: #f05069; }
    .chart__realestate .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__consumption .color-0 {
      color: #3c3c3c; }
    .chart__realestate .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__consumption .color-1 {
      color: #faa000; }
    .chart__realestate .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__mini .uk-tooltip.tooltip-chart {
      min-width: 100px;
      text-align: center; }
    .chart__realestate .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__realestate .color-0 {
      color: #5a3787; }
    .chart__realestate .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__realestate .color-1 {
      color: #9b7dc3; }
    .chart__realestate .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__vacation .color-0 {
      color: #ffbe00; }
    .chart__realestate .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__vacation .color-1 {
      color: #ffd74b; }
    .chart__realestate .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__employment .color-0 {
      color: #04848c; }
    .chart__realestate .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__employment .color-1 {
      color: #f9b9c3; }
  @media screen {
    .chart__realestate .own-html.wf-active #mainHeader {
      transform: translateY(0);
      -webkit-transition: all 0.25s 0.5s ease;
      -moz-transition: all 0.25s 0.5s ease;
      -ms-transition: all 0.25s 0.5s ease;
      -o-transition: all 0.25s 0.5s ease;
      transition: all 0.25s 0.5s ease; }
    .chart__realestate .own-html.wf-active .banner.banner__top {
      transform: translateY(0);
      -webkit-transition: all 1s 0.25s ease;
      -moz-transition: all 1s 0.25s ease;
      -ms-transition: all 1s 0.25s ease;
      -o-transition: all 1s 0.25s ease;
      transition: all 1s 0.25s ease; }
      .chart__realestate .own-html.wf-active .banner.banner__top .banner__edito {
        transform: translateY(0%);
        opacity: 1;
        -webkit-transition: all 1s 0.25s ease;
        -moz-transition: all 1s 0.25s ease;
        -ms-transition: all 1s 0.25s ease;
        -o-transition: all 1s 0.25s ease;
        transition: all 1s 0.25s ease; }
        .chart__realestate .own-html.wf-active .banner.banner__top .banner__edito .banner__data {
          transform: translateY(0%);
          -webkit-transition: all 1.2s 0.25s ease;
          -moz-transition: all 1.2s 0.25s ease;
          -ms-transition: all 1.2s 0.25s ease;
          -o-transition: all 1.2s 0.25s ease;
          transition: all 1.2s 0.25s ease; }
    .chart__realestate .own-html.wf-active #sectionKey001 {
      opacity: 1;
      transform: translateY(0%);
      -webkit-transition: all 1.5s 1s ease;
      -moz-transition: all 1.5s 1s ease;
      -ms-transition: all 1.5s 1s ease;
      -o-transition: all 1.5s 1s ease;
      transition: all 1.5s 1s ease; }
      .chart__realestate .own-html.wf-active #sectionKey001 .chart__title {
        transform: translateY(0%);
        -webkit-transition: all 1.5s 1.2s ease;
        -moz-transition: all 1.5s 1.2s ease;
        -ms-transition: all 1.5s 1.2s ease;
        -o-transition: all 1.5s 1.2s ease;
        transition: all 1.5s 1.2s ease; }
      .chart__realestate .own-html.wf-active #sectionKey001 .chart__body {
        transform: translateY(0%);
        -webkit-transition: all 1.5s 1.1s ease;
        -moz-transition: all 1.5s 1.1s ease;
        -ms-transition: all 1.5s 1.1s ease;
        -o-transition: all 1.5s 1.1s ease;
        transition: all 1.5s 1.1s ease; }
    .chart__realestate .own-html.wf-active .nav__anchors {
      transform: translateX(0);
      -webkit-transition: all 2s 2s ease;
      -moz-transition: all 2s 2s ease;
      -ms-transition: all 2s 2s ease;
      -o-transition: all 2s 2s ease;
      transition: all 2s 2s ease; }
    .chart__realestate .own-html:not(.wf-active) #mainHeader {
      transform: translateY(-100%); }
    .chart__realestate .own-html:not(.wf-active) .banner.banner__top {
      transform: translateY(-100%); }
      .chart__realestate .own-html:not(.wf-active) .banner.banner__top .banner__edito {
        transform: translateY(-50%);
        opacity: 0; }
        .chart__realestate .own-html:not(.wf-active) .banner.banner__top .banner__edito .banner__data {
          transform: translateY(-100%); }
    .chart__realestate .own-html #sectionKey001 {
      opacity: 0;
      transform: translateY(50%); }
      .chart__realestate .own-html #sectionKey001 .chart__title {
        transform: translateY(25%); }
      .chart__realestate .own-html #sectionKey001 .chart__body {
        transform: translateY(50%); }
    .chart__realestate .own-html .nav__anchors {
      transform: translateX(-100%); } }

.bar-under.clr-realestate:after {
  background-color: #7346aa; }

.tooltip__chart__bar.tooltip-chart-realestate-square-range .tooltip-chart {
  min-width: 180px !important; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
#chartRealestateMoveMetrics .box {
  position: relative;
  width: 100%;
  text-align: center; }
  #chartRealestateMoveMetrics .box__head {
    padding: 10px 0; }
  #chartRealestateMoveMetrics .box h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px; }
  #chartRealestateMoveMetrics .box__graph .edito, #chartRealestateMoveMetrics .box__data .edito {
    font-family: "PSM"; }
    #chartRealestateMoveMetrics .box__graph .edito .data .value,
    #chartRealestateMoveMetrics .box__graph .edito .data .unity, #chartRealestateMoveMetrics .box__data .edito .data .value,
    #chartRealestateMoveMetrics .box__data .edito .data .unity {
      font-size: 42px;
      font-weight: 800;
      line-height: 1; }
    #chartRealestateMoveMetrics .box__graph .edito .data .label, #chartRealestateMoveMetrics .box__data .edito .data .label {
      font-size: 25px;
      font-weight: bold;
      line-height: 1.2;
      display: block;
      width: 100%; }
      @media screen and (min-width: 768px) {
        #chartRealestateMoveMetrics .box__graph .edito .data .label, #chartRealestateMoveMetrics .box__data .edito .data .label {
          display: inline; } }
      @media print {
        #chartRealestateMoveMetrics .box__graph .edito .data .label, #chartRealestateMoveMetrics .box__data .edito .data .label {
          display: inline; } }
  #chartRealestateMoveMetrics .box__graph {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 15px; }
    #chartRealestateMoveMetrics .box__graph .edito {
      position: absolute;
      left: 50%;
      width: 100%;
      transform: translateX(-50%);
      font-family: "PSM"; }
    #chartRealestateMoveMetrics .box__graph .pix {
      width: 100%;
      height: 100%; }
      #chartRealestateMoveMetrics .box__graph .pix img {
        width: 100%; }
  #chartRealestateMoveMetrics .box.graph__outside .edito {
    top: 0%; }
  #chartRealestateMoveMetrics .box.graph__distance .edito {
    bottom: 0%;
    padding-bottom: 10px; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
#chartRealestatePriceVariation.chart__core {
  padding: 20px 0 0 0; }
  #chartRealestatePriceVariation.chart__core + .call-to-action {
    margin: 30px 0 40px 0; }
    #chartRealestatePriceVariation.chart__core + .call-to-action.right {
      text-align: right; }
      #chartRealestatePriceVariation.chart__core + .call-to-action.right button {
        margin-left: auto;
        margin-right: 0; }

#chartRealestatePriceVariation .box__head__wrapper {
  width: 100%;
  color: #333333;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    #chartRealestatePriceVariation .box__head__wrapper {
      display: none; } }
  @media print {
    #chartRealestatePriceVariation .box__head__wrapper {
      display: none; } }
  #chartRealestatePriceVariation .box__head__wrapper .box__head__inner {
    border-top: 1px solid #e6d7f0;
    border-bottom: 1px solid #e6d7f0;
    width: 100%;
    padding: 10px;
    display: flex;
    flex-flow: wrap;
    justify-content: center; }
    #chartRealestatePriceVariation .box__head__wrapper .box__head__inner .data__labels {
      display: flex;
      align-items: center;
      width: auto;
      justify-content: flex-start; }
      #chartRealestatePriceVariation .box__head__wrapper .box__head__inner .data__labels + .data__labels {
        margin-left: 10px; }
      #chartRealestatePriceVariation .box__head__wrapper .box__head__inner .data__labels span {
        display: block;
        width: calc(100% - 30px);
        margin: auto 0;
        padding: 0 8px;
        text-align: left;
        font-weight: 600; }
      #chartRealestatePriceVariation .box__head__wrapper .box__head__inner .data__labels svg {
        width: 24px;
        height: 24px; }
        @media screen and (min-width: 768px) {
          #chartRealestatePriceVariation .box__head__wrapper .box__head__inner .data__labels svg {
            display: none; } }
        @media print {
          #chartRealestatePriceVariation .box__head__wrapper .box__head__inner .data__labels svg {
            display: none; } }

#chartRealestatePriceVariation .box {
  position: relative;
  width: 100%;
  text-align: center; }
  #chartRealestatePriceVariation .box + .box {
    margin-top: 20px; }
    @media screen and (min-width: 768px) {
      #chartRealestatePriceVariation .box + .box {
        margin-top: 40px; } }
    @media print {
      #chartRealestatePriceVariation .box + .box {
        margin-top: 40px; } }
  #chartRealestatePriceVariation .box__head {
    padding: 10px 0; }
  #chartRealestatePriceVariation .box h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px; }
  #chartRealestatePriceVariation .box__datas .box__data {
    width: 100%; }
    #chartRealestatePriceVariation .box__datas .box__data + .box__data {
      margin-top: 10px; }
    #chartRealestatePriceVariation .box__datas .box__data__inner {
      width: 100%;
      display: flex;
      flex-flow: wrap; }
      #chartRealestatePriceVariation .box__datas .box__data__inner .data__labels {
        display: flex;
        align-items: center;
        width: 50px;
        justify-content: center; }
        @media screen and (min-width: 768px) {
          #chartRealestatePriceVariation .box__datas .box__data__inner .data__labels {
            width: 120px;
            padding-right: 10px;
            text-align: right;
            justify-content: flex-end; } }
        @media print {
          #chartRealestatePriceVariation .box__datas .box__data__inner .data__labels {
            width: 120px;
            padding-right: 10px;
            text-align: right;
            justify-content: flex-end; } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__labels span {
          display: none;
          width: 100%;
          margin: auto; }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__labels span {
              display: block; } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__labels span {
              display: block; } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__labels svg {
          width: 24px;
          height: 24px; }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__labels svg {
              display: none; } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__labels svg {
              display: none; } }
      #chartRealestatePriceVariation .box__datas .box__data__inner .data__graph {
        height: 100%;
        display: flex;
        flex-flow: wrap;
        justify-content: flex-start;
        width: calc(100% - 50px); }
        @media screen and (min-width: 768px) {
          #chartRealestatePriceVariation .box__datas .box__data__inner .data__graph {
            width: calc(100% - 120px); } }
        @media print {
          #chartRealestatePriceVariation .box__datas .box__data__inner .data__graph {
            width: calc(100% - 120px); } }
      #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar {
        position: relative;
        height: 39px;
        overflow: hidden;
        width: calc(100% - 100px);
        margin: auto 0; }
        @media screen and (min-width: 768px) {
          #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar {
            margin: auto;
            width: calc(100% - 260px); } }
        @media print {
          #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar {
            margin: auto;
            width: calc(100% - 260px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar .bar__inner {
          position: relative;
          overflow: hidden;
          height: 100%; }
          #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar .bar__inner:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="1"] .bar__inner {
          width: 1%;
          -webkit-transition: all 0.01s ease-out;
          -moz-transition: all 0.01s ease-out;
          -ms-transition: all 0.01s ease-out;
          -o-transition: all 0.01s ease-out;
          transition: all 0.01s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="1"] + .data__value {
          transform: translateX(-3333.33333px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="1"] + .data__value {
              transform: translateX(-6666.66667px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="1"] + .data__value {
              transform: translateX(-6666.66667px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="2"] .bar__inner {
          width: 2%;
          -webkit-transition: all 0.02s ease-out;
          -moz-transition: all 0.02s ease-out;
          -ms-transition: all 0.02s ease-out;
          -o-transition: all 0.02s ease-out;
          transition: all 0.02s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="2"] + .data__value {
          transform: translateX(-1666.66667px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="2"] + .data__value {
              transform: translateX(-3333.33333px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="2"] + .data__value {
              transform: translateX(-3333.33333px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="3"] .bar__inner {
          width: 3%;
          -webkit-transition: all 0.03s ease-out;
          -moz-transition: all 0.03s ease-out;
          -ms-transition: all 0.03s ease-out;
          -o-transition: all 0.03s ease-out;
          transition: all 0.03s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="3"] + .data__value {
          transform: translateX(-1111.11111px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="3"] + .data__value {
              transform: translateX(-2222.22222px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="3"] + .data__value {
              transform: translateX(-2222.22222px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="4"] .bar__inner {
          width: 4%;
          -webkit-transition: all 0.04s ease-out;
          -moz-transition: all 0.04s ease-out;
          -ms-transition: all 0.04s ease-out;
          -o-transition: all 0.04s ease-out;
          transition: all 0.04s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="4"] + .data__value {
          transform: translateX(-833.33333px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="4"] + .data__value {
              transform: translateX(-1666.66667px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="4"] + .data__value {
              transform: translateX(-1666.66667px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="5"] .bar__inner {
          width: 5%;
          -webkit-transition: all 0.05s ease-out;
          -moz-transition: all 0.05s ease-out;
          -ms-transition: all 0.05s ease-out;
          -o-transition: all 0.05s ease-out;
          transition: all 0.05s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="5"] + .data__value {
          transform: translateX(-666.66667px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="5"] + .data__value {
              transform: translateX(-1333.33333px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="5"] + .data__value {
              transform: translateX(-1333.33333px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="6"] .bar__inner {
          width: 6%;
          -webkit-transition: all 0.06s ease-out;
          -moz-transition: all 0.06s ease-out;
          -ms-transition: all 0.06s ease-out;
          -o-transition: all 0.06s ease-out;
          transition: all 0.06s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="6"] + .data__value {
          transform: translateX(-555.55556px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="6"] + .data__value {
              transform: translateX(-1111.11111px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="6"] + .data__value {
              transform: translateX(-1111.11111px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="7"] .bar__inner {
          width: 7%;
          -webkit-transition: all 0.07s ease-out;
          -moz-transition: all 0.07s ease-out;
          -ms-transition: all 0.07s ease-out;
          -o-transition: all 0.07s ease-out;
          transition: all 0.07s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="7"] + .data__value {
          transform: translateX(-476.19048px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="7"] + .data__value {
              transform: translateX(-952.38095px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="7"] + .data__value {
              transform: translateX(-952.38095px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="8"] .bar__inner {
          width: 8%;
          -webkit-transition: all 0.08s ease-out;
          -moz-transition: all 0.08s ease-out;
          -ms-transition: all 0.08s ease-out;
          -o-transition: all 0.08s ease-out;
          transition: all 0.08s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="8"] + .data__value {
          transform: translateX(-416.66667px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="8"] + .data__value {
              transform: translateX(-833.33333px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="8"] + .data__value {
              transform: translateX(-833.33333px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="9"] .bar__inner {
          width: 9%;
          -webkit-transition: all 0.09s ease-out;
          -moz-transition: all 0.09s ease-out;
          -ms-transition: all 0.09s ease-out;
          -o-transition: all 0.09s ease-out;
          transition: all 0.09s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="9"] + .data__value {
          transform: translateX(-370.37037px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="9"] + .data__value {
              transform: translateX(-740.74074px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="9"] + .data__value {
              transform: translateX(-740.74074px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="10"] .bar__inner {
          width: 10%;
          -webkit-transition: all 0.1s ease-out;
          -moz-transition: all 0.1s ease-out;
          -ms-transition: all 0.1s ease-out;
          -o-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="10"] + .data__value {
          transform: translateX(-333.33333px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="10"] + .data__value {
              transform: translateX(-666.66667px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="10"] + .data__value {
              transform: translateX(-666.66667px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="11"] .bar__inner {
          width: 11%;
          -webkit-transition: all 0.11s ease-out;
          -moz-transition: all 0.11s ease-out;
          -ms-transition: all 0.11s ease-out;
          -o-transition: all 0.11s ease-out;
          transition: all 0.11s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="11"] + .data__value {
          transform: translateX(-303.0303px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="11"] + .data__value {
              transform: translateX(-606.06061px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="11"] + .data__value {
              transform: translateX(-606.06061px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="12"] .bar__inner {
          width: 12%;
          -webkit-transition: all 0.12s ease-out;
          -moz-transition: all 0.12s ease-out;
          -ms-transition: all 0.12s ease-out;
          -o-transition: all 0.12s ease-out;
          transition: all 0.12s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="12"] + .data__value {
          transform: translateX(-277.77778px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="12"] + .data__value {
              transform: translateX(-555.55556px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="12"] + .data__value {
              transform: translateX(-555.55556px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="13"] .bar__inner {
          width: 13%;
          -webkit-transition: all 0.13s ease-out;
          -moz-transition: all 0.13s ease-out;
          -ms-transition: all 0.13s ease-out;
          -o-transition: all 0.13s ease-out;
          transition: all 0.13s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="13"] + .data__value {
          transform: translateX(-256.41026px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="13"] + .data__value {
              transform: translateX(-512.82051px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="13"] + .data__value {
              transform: translateX(-512.82051px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="14"] .bar__inner {
          width: 14%;
          -webkit-transition: all 0.14s ease-out;
          -moz-transition: all 0.14s ease-out;
          -ms-transition: all 0.14s ease-out;
          -o-transition: all 0.14s ease-out;
          transition: all 0.14s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="14"] + .data__value {
          transform: translateX(-238.09524px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="14"] + .data__value {
              transform: translateX(-476.19048px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="14"] + .data__value {
              transform: translateX(-476.19048px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="15"] .bar__inner {
          width: 15%;
          -webkit-transition: all 0.15s ease-out;
          -moz-transition: all 0.15s ease-out;
          -ms-transition: all 0.15s ease-out;
          -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="15"] + .data__value {
          transform: translateX(-222.22222px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="15"] + .data__value {
              transform: translateX(-444.44444px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="15"] + .data__value {
              transform: translateX(-444.44444px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="16"] .bar__inner {
          width: 16%;
          -webkit-transition: all 0.16s ease-out;
          -moz-transition: all 0.16s ease-out;
          -ms-transition: all 0.16s ease-out;
          -o-transition: all 0.16s ease-out;
          transition: all 0.16s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="16"] + .data__value {
          transform: translateX(-208.33333px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="16"] + .data__value {
              transform: translateX(-416.66667px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="16"] + .data__value {
              transform: translateX(-416.66667px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="17"] .bar__inner {
          width: 17%;
          -webkit-transition: all 0.17s ease-out;
          -moz-transition: all 0.17s ease-out;
          -ms-transition: all 0.17s ease-out;
          -o-transition: all 0.17s ease-out;
          transition: all 0.17s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="17"] + .data__value {
          transform: translateX(-196.07843px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="17"] + .data__value {
              transform: translateX(-392.15686px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="17"] + .data__value {
              transform: translateX(-392.15686px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="18"] .bar__inner {
          width: 18%;
          -webkit-transition: all 0.18s ease-out;
          -moz-transition: all 0.18s ease-out;
          -ms-transition: all 0.18s ease-out;
          -o-transition: all 0.18s ease-out;
          transition: all 0.18s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="18"] + .data__value {
          transform: translateX(-185.18519px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="18"] + .data__value {
              transform: translateX(-370.37037px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="18"] + .data__value {
              transform: translateX(-370.37037px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="19"] .bar__inner {
          width: 19%;
          -webkit-transition: all 0.19s ease-out;
          -moz-transition: all 0.19s ease-out;
          -ms-transition: all 0.19s ease-out;
          -o-transition: all 0.19s ease-out;
          transition: all 0.19s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="19"] + .data__value {
          transform: translateX(-175.4386px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="19"] + .data__value {
              transform: translateX(-350.87719px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="19"] + .data__value {
              transform: translateX(-350.87719px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="20"] .bar__inner {
          width: 20%;
          -webkit-transition: all 0.2s ease-out;
          -moz-transition: all 0.2s ease-out;
          -ms-transition: all 0.2s ease-out;
          -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="20"] + .data__value {
          transform: translateX(-166.66667px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="20"] + .data__value {
              transform: translateX(-333.33333px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="20"] + .data__value {
              transform: translateX(-333.33333px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="21"] .bar__inner {
          width: 21%;
          -webkit-transition: all 0.21s ease-out;
          -moz-transition: all 0.21s ease-out;
          -ms-transition: all 0.21s ease-out;
          -o-transition: all 0.21s ease-out;
          transition: all 0.21s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="21"] + .data__value {
          transform: translateX(-158.73016px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="21"] + .data__value {
              transform: translateX(-317.46032px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="21"] + .data__value {
              transform: translateX(-317.46032px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="22"] .bar__inner {
          width: 22%;
          -webkit-transition: all 0.22s ease-out;
          -moz-transition: all 0.22s ease-out;
          -ms-transition: all 0.22s ease-out;
          -o-transition: all 0.22s ease-out;
          transition: all 0.22s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="22"] + .data__value {
          transform: translateX(-151.51515px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="22"] + .data__value {
              transform: translateX(-303.0303px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="22"] + .data__value {
              transform: translateX(-303.0303px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="23"] .bar__inner {
          width: 23%;
          -webkit-transition: all 0.23s ease-out;
          -moz-transition: all 0.23s ease-out;
          -ms-transition: all 0.23s ease-out;
          -o-transition: all 0.23s ease-out;
          transition: all 0.23s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="23"] + .data__value {
          transform: translateX(-144.92754px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="23"] + .data__value {
              transform: translateX(-289.85507px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="23"] + .data__value {
              transform: translateX(-289.85507px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="24"] .bar__inner {
          width: 24%;
          -webkit-transition: all 0.24s ease-out;
          -moz-transition: all 0.24s ease-out;
          -ms-transition: all 0.24s ease-out;
          -o-transition: all 0.24s ease-out;
          transition: all 0.24s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="24"] + .data__value {
          transform: translateX(-138.88889px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="24"] + .data__value {
              transform: translateX(-277.77778px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="24"] + .data__value {
              transform: translateX(-277.77778px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="25"] .bar__inner {
          width: 25%;
          -webkit-transition: all 0.25s ease-out;
          -moz-transition: all 0.25s ease-out;
          -ms-transition: all 0.25s ease-out;
          -o-transition: all 0.25s ease-out;
          transition: all 0.25s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="25"] + .data__value {
          transform: translateX(-133.33333px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="25"] + .data__value {
              transform: translateX(-266.66667px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="25"] + .data__value {
              transform: translateX(-266.66667px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="26"] .bar__inner {
          width: 26%;
          -webkit-transition: all 0.26s ease-out;
          -moz-transition: all 0.26s ease-out;
          -ms-transition: all 0.26s ease-out;
          -o-transition: all 0.26s ease-out;
          transition: all 0.26s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="26"] + .data__value {
          transform: translateX(-128.20513px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="26"] + .data__value {
              transform: translateX(-256.41026px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="26"] + .data__value {
              transform: translateX(-256.41026px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="27"] .bar__inner {
          width: 27%;
          -webkit-transition: all 0.27s ease-out;
          -moz-transition: all 0.27s ease-out;
          -ms-transition: all 0.27s ease-out;
          -o-transition: all 0.27s ease-out;
          transition: all 0.27s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="27"] + .data__value {
          transform: translateX(-123.45679px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="27"] + .data__value {
              transform: translateX(-246.91358px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="27"] + .data__value {
              transform: translateX(-246.91358px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="28"] .bar__inner {
          width: 28%;
          -webkit-transition: all 0.28s ease-out;
          -moz-transition: all 0.28s ease-out;
          -ms-transition: all 0.28s ease-out;
          -o-transition: all 0.28s ease-out;
          transition: all 0.28s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="28"] + .data__value {
          transform: translateX(-119.04762px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="28"] + .data__value {
              transform: translateX(-238.09524px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="28"] + .data__value {
              transform: translateX(-238.09524px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="29"] .bar__inner {
          width: 29%;
          -webkit-transition: all 0.29s ease-out;
          -moz-transition: all 0.29s ease-out;
          -ms-transition: all 0.29s ease-out;
          -o-transition: all 0.29s ease-out;
          transition: all 0.29s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="29"] + .data__value {
          transform: translateX(-114.94253px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="29"] + .data__value {
              transform: translateX(-229.88506px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="29"] + .data__value {
              transform: translateX(-229.88506px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="30"] .bar__inner {
          width: 30%;
          -webkit-transition: all 0.3s ease-out;
          -moz-transition: all 0.3s ease-out;
          -ms-transition: all 0.3s ease-out;
          -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="30"] + .data__value {
          transform: translateX(-111.11111px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="30"] + .data__value {
              transform: translateX(-222.22222px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="30"] + .data__value {
              transform: translateX(-222.22222px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="31"] .bar__inner {
          width: 31%;
          -webkit-transition: all 0.31s ease-out;
          -moz-transition: all 0.31s ease-out;
          -ms-transition: all 0.31s ease-out;
          -o-transition: all 0.31s ease-out;
          transition: all 0.31s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="31"] + .data__value {
          transform: translateX(-107.52688px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="31"] + .data__value {
              transform: translateX(-215.05376px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="31"] + .data__value {
              transform: translateX(-215.05376px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="32"] .bar__inner {
          width: 32%;
          -webkit-transition: all 0.32s ease-out;
          -moz-transition: all 0.32s ease-out;
          -ms-transition: all 0.32s ease-out;
          -o-transition: all 0.32s ease-out;
          transition: all 0.32s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="32"] + .data__value {
          transform: translateX(-104.16667px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="32"] + .data__value {
              transform: translateX(-208.33333px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="32"] + .data__value {
              transform: translateX(-208.33333px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="33"] .bar__inner {
          width: 33%;
          -webkit-transition: all 0.33s ease-out;
          -moz-transition: all 0.33s ease-out;
          -ms-transition: all 0.33s ease-out;
          -o-transition: all 0.33s ease-out;
          transition: all 0.33s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="33"] + .data__value {
          transform: translateX(-101.0101px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="33"] + .data__value {
              transform: translateX(-202.0202px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="33"] + .data__value {
              transform: translateX(-202.0202px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="34"] .bar__inner {
          width: 34%;
          -webkit-transition: all 0.34s ease-out;
          -moz-transition: all 0.34s ease-out;
          -ms-transition: all 0.34s ease-out;
          -o-transition: all 0.34s ease-out;
          transition: all 0.34s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="34"] + .data__value {
          transform: translateX(-98.03922px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="34"] + .data__value {
              transform: translateX(-196.07843px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="34"] + .data__value {
              transform: translateX(-196.07843px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="35"] .bar__inner {
          width: 35%;
          -webkit-transition: all 0.35s ease-out;
          -moz-transition: all 0.35s ease-out;
          -ms-transition: all 0.35s ease-out;
          -o-transition: all 0.35s ease-out;
          transition: all 0.35s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="35"] + .data__value {
          transform: translateX(-95.2381px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="35"] + .data__value {
              transform: translateX(-190.47619px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="35"] + .data__value {
              transform: translateX(-190.47619px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="36"] .bar__inner {
          width: 36%;
          -webkit-transition: all 0.36s ease-out;
          -moz-transition: all 0.36s ease-out;
          -ms-transition: all 0.36s ease-out;
          -o-transition: all 0.36s ease-out;
          transition: all 0.36s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="36"] + .data__value {
          transform: translateX(-92.59259px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="36"] + .data__value {
              transform: translateX(-185.18519px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="36"] + .data__value {
              transform: translateX(-185.18519px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="37"] .bar__inner {
          width: 37%;
          -webkit-transition: all 0.37s ease-out;
          -moz-transition: all 0.37s ease-out;
          -ms-transition: all 0.37s ease-out;
          -o-transition: all 0.37s ease-out;
          transition: all 0.37s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="37"] + .data__value {
          transform: translateX(-90.09009px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="37"] + .data__value {
              transform: translateX(-180.18018px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="37"] + .data__value {
              transform: translateX(-180.18018px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="38"] .bar__inner {
          width: 38%;
          -webkit-transition: all 0.38s ease-out;
          -moz-transition: all 0.38s ease-out;
          -ms-transition: all 0.38s ease-out;
          -o-transition: all 0.38s ease-out;
          transition: all 0.38s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="38"] + .data__value {
          transform: translateX(-87.7193px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="38"] + .data__value {
              transform: translateX(-175.4386px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="38"] + .data__value {
              transform: translateX(-175.4386px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="39"] .bar__inner {
          width: 39%;
          -webkit-transition: all 0.39s ease-out;
          -moz-transition: all 0.39s ease-out;
          -ms-transition: all 0.39s ease-out;
          -o-transition: all 0.39s ease-out;
          transition: all 0.39s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="39"] + .data__value {
          transform: translateX(-85.47009px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="39"] + .data__value {
              transform: translateX(-170.94017px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="39"] + .data__value {
              transform: translateX(-170.94017px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="40"] .bar__inner {
          width: 40%;
          -webkit-transition: all 0.4s ease-out;
          -moz-transition: all 0.4s ease-out;
          -ms-transition: all 0.4s ease-out;
          -o-transition: all 0.4s ease-out;
          transition: all 0.4s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="40"] + .data__value {
          transform: translateX(-83.33333px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="40"] + .data__value {
              transform: translateX(-166.66667px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="40"] + .data__value {
              transform: translateX(-166.66667px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="41"] .bar__inner {
          width: 41%;
          -webkit-transition: all 0.41s ease-out;
          -moz-transition: all 0.41s ease-out;
          -ms-transition: all 0.41s ease-out;
          -o-transition: all 0.41s ease-out;
          transition: all 0.41s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="41"] + .data__value {
          transform: translateX(-81.30081px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="41"] + .data__value {
              transform: translateX(-162.60163px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="41"] + .data__value {
              transform: translateX(-162.60163px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="42"] .bar__inner {
          width: 42%;
          -webkit-transition: all 0.42s ease-out;
          -moz-transition: all 0.42s ease-out;
          -ms-transition: all 0.42s ease-out;
          -o-transition: all 0.42s ease-out;
          transition: all 0.42s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="42"] + .data__value {
          transform: translateX(-79.36508px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="42"] + .data__value {
              transform: translateX(-158.73016px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="42"] + .data__value {
              transform: translateX(-158.73016px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="43"] .bar__inner {
          width: 43%;
          -webkit-transition: all 0.43s ease-out;
          -moz-transition: all 0.43s ease-out;
          -ms-transition: all 0.43s ease-out;
          -o-transition: all 0.43s ease-out;
          transition: all 0.43s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="43"] + .data__value {
          transform: translateX(-77.51938px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="43"] + .data__value {
              transform: translateX(-155.03876px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="43"] + .data__value {
              transform: translateX(-155.03876px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="44"] .bar__inner {
          width: 44%;
          -webkit-transition: all 0.44s ease-out;
          -moz-transition: all 0.44s ease-out;
          -ms-transition: all 0.44s ease-out;
          -o-transition: all 0.44s ease-out;
          transition: all 0.44s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="44"] + .data__value {
          transform: translateX(-75.75758px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="44"] + .data__value {
              transform: translateX(-151.51515px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="44"] + .data__value {
              transform: translateX(-151.51515px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="45"] .bar__inner {
          width: 45%;
          -webkit-transition: all 0.45s ease-out;
          -moz-transition: all 0.45s ease-out;
          -ms-transition: all 0.45s ease-out;
          -o-transition: all 0.45s ease-out;
          transition: all 0.45s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="45"] + .data__value {
          transform: translateX(-74.07407px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="45"] + .data__value {
              transform: translateX(-148.14815px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="45"] + .data__value {
              transform: translateX(-148.14815px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="46"] .bar__inner {
          width: 46%;
          -webkit-transition: all 0.46s ease-out;
          -moz-transition: all 0.46s ease-out;
          -ms-transition: all 0.46s ease-out;
          -o-transition: all 0.46s ease-out;
          transition: all 0.46s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="46"] + .data__value {
          transform: translateX(-72.46377px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="46"] + .data__value {
              transform: translateX(-144.92754px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="46"] + .data__value {
              transform: translateX(-144.92754px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="47"] .bar__inner {
          width: 47%;
          -webkit-transition: all 0.47s ease-out;
          -moz-transition: all 0.47s ease-out;
          -ms-transition: all 0.47s ease-out;
          -o-transition: all 0.47s ease-out;
          transition: all 0.47s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="47"] + .data__value {
          transform: translateX(-70.92199px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="47"] + .data__value {
              transform: translateX(-141.84397px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="47"] + .data__value {
              transform: translateX(-141.84397px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="48"] .bar__inner {
          width: 48%;
          -webkit-transition: all 0.48s ease-out;
          -moz-transition: all 0.48s ease-out;
          -ms-transition: all 0.48s ease-out;
          -o-transition: all 0.48s ease-out;
          transition: all 0.48s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="48"] + .data__value {
          transform: translateX(-69.44444px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="48"] + .data__value {
              transform: translateX(-138.88889px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="48"] + .data__value {
              transform: translateX(-138.88889px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="49"] .bar__inner {
          width: 49%;
          -webkit-transition: all 0.49s ease-out;
          -moz-transition: all 0.49s ease-out;
          -ms-transition: all 0.49s ease-out;
          -o-transition: all 0.49s ease-out;
          transition: all 0.49s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="49"] + .data__value {
          transform: translateX(-68.02721px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="49"] + .data__value {
              transform: translateX(-136.05442px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="49"] + .data__value {
              transform: translateX(-136.05442px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="50"] .bar__inner {
          width: 50%;
          -webkit-transition: all 0.5s ease-out;
          -moz-transition: all 0.5s ease-out;
          -ms-transition: all 0.5s ease-out;
          -o-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="50"] + .data__value {
          transform: translateX(-66.66667px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="50"] + .data__value {
              transform: translateX(-133.33333px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="50"] + .data__value {
              transform: translateX(-133.33333px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="51"] .bar__inner {
          width: 51%;
          -webkit-transition: all 0.51s ease-out;
          -moz-transition: all 0.51s ease-out;
          -ms-transition: all 0.51s ease-out;
          -o-transition: all 0.51s ease-out;
          transition: all 0.51s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="51"] + .data__value {
          transform: translateX(-65.35948px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="51"] + .data__value {
              transform: translateX(-130.71895px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="51"] + .data__value {
              transform: translateX(-130.71895px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="52"] .bar__inner {
          width: 52%;
          -webkit-transition: all 0.52s ease-out;
          -moz-transition: all 0.52s ease-out;
          -ms-transition: all 0.52s ease-out;
          -o-transition: all 0.52s ease-out;
          transition: all 0.52s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="52"] + .data__value {
          transform: translateX(-64.10256px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="52"] + .data__value {
              transform: translateX(-128.20513px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="52"] + .data__value {
              transform: translateX(-128.20513px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="53"] .bar__inner {
          width: 53%;
          -webkit-transition: all 0.53s ease-out;
          -moz-transition: all 0.53s ease-out;
          -ms-transition: all 0.53s ease-out;
          -o-transition: all 0.53s ease-out;
          transition: all 0.53s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="53"] + .data__value {
          transform: translateX(-62.89308px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="53"] + .data__value {
              transform: translateX(-125.78616px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="53"] + .data__value {
              transform: translateX(-125.78616px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="54"] .bar__inner {
          width: 54%;
          -webkit-transition: all 0.54s ease-out;
          -moz-transition: all 0.54s ease-out;
          -ms-transition: all 0.54s ease-out;
          -o-transition: all 0.54s ease-out;
          transition: all 0.54s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="54"] + .data__value {
          transform: translateX(-61.7284px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="54"] + .data__value {
              transform: translateX(-123.45679px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="54"] + .data__value {
              transform: translateX(-123.45679px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="55"] .bar__inner {
          width: 55%;
          -webkit-transition: all 0.55s ease-out;
          -moz-transition: all 0.55s ease-out;
          -ms-transition: all 0.55s ease-out;
          -o-transition: all 0.55s ease-out;
          transition: all 0.55s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="55"] + .data__value {
          transform: translateX(-60.60606px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="55"] + .data__value {
              transform: translateX(-121.21212px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="55"] + .data__value {
              transform: translateX(-121.21212px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="56"] .bar__inner {
          width: 56%;
          -webkit-transition: all 0.56s ease-out;
          -moz-transition: all 0.56s ease-out;
          -ms-transition: all 0.56s ease-out;
          -o-transition: all 0.56s ease-out;
          transition: all 0.56s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="56"] + .data__value {
          transform: translateX(-59.52381px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="56"] + .data__value {
              transform: translateX(-119.04762px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="56"] + .data__value {
              transform: translateX(-119.04762px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="57"] .bar__inner {
          width: 57%;
          -webkit-transition: all 0.57s ease-out;
          -moz-transition: all 0.57s ease-out;
          -ms-transition: all 0.57s ease-out;
          -o-transition: all 0.57s ease-out;
          transition: all 0.57s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="57"] + .data__value {
          transform: translateX(-58.47953px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="57"] + .data__value {
              transform: translateX(-116.95906px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="57"] + .data__value {
              transform: translateX(-116.95906px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="58"] .bar__inner {
          width: 58%;
          -webkit-transition: all 0.58s ease-out;
          -moz-transition: all 0.58s ease-out;
          -ms-transition: all 0.58s ease-out;
          -o-transition: all 0.58s ease-out;
          transition: all 0.58s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="58"] + .data__value {
          transform: translateX(-57.47126px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="58"] + .data__value {
              transform: translateX(-114.94253px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="58"] + .data__value {
              transform: translateX(-114.94253px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="59"] .bar__inner {
          width: 59%;
          -webkit-transition: all 0.59s ease-out;
          -moz-transition: all 0.59s ease-out;
          -ms-transition: all 0.59s ease-out;
          -o-transition: all 0.59s ease-out;
          transition: all 0.59s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="59"] + .data__value {
          transform: translateX(-56.49718px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="59"] + .data__value {
              transform: translateX(-112.99435px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="59"] + .data__value {
              transform: translateX(-112.99435px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="60"] .bar__inner {
          width: 60%;
          -webkit-transition: all 0.6s ease-out;
          -moz-transition: all 0.6s ease-out;
          -ms-transition: all 0.6s ease-out;
          -o-transition: all 0.6s ease-out;
          transition: all 0.6s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="60"] + .data__value {
          transform: translateX(-55.55556px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="60"] + .data__value {
              transform: translateX(-111.11111px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="60"] + .data__value {
              transform: translateX(-111.11111px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="61"] .bar__inner {
          width: 61%;
          -webkit-transition: all 0.61s ease-out;
          -moz-transition: all 0.61s ease-out;
          -ms-transition: all 0.61s ease-out;
          -o-transition: all 0.61s ease-out;
          transition: all 0.61s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="61"] + .data__value {
          transform: translateX(-54.64481px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="61"] + .data__value {
              transform: translateX(-109.28962px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="61"] + .data__value {
              transform: translateX(-109.28962px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="62"] .bar__inner {
          width: 62%;
          -webkit-transition: all 0.62s ease-out;
          -moz-transition: all 0.62s ease-out;
          -ms-transition: all 0.62s ease-out;
          -o-transition: all 0.62s ease-out;
          transition: all 0.62s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="62"] + .data__value {
          transform: translateX(-53.76344px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="62"] + .data__value {
              transform: translateX(-107.52688px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="62"] + .data__value {
              transform: translateX(-107.52688px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="63"] .bar__inner {
          width: 63%;
          -webkit-transition: all 0.63s ease-out;
          -moz-transition: all 0.63s ease-out;
          -ms-transition: all 0.63s ease-out;
          -o-transition: all 0.63s ease-out;
          transition: all 0.63s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="63"] + .data__value {
          transform: translateX(-52.91005px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="63"] + .data__value {
              transform: translateX(-105.82011px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="63"] + .data__value {
              transform: translateX(-105.82011px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="64"] .bar__inner {
          width: 64%;
          -webkit-transition: all 0.64s ease-out;
          -moz-transition: all 0.64s ease-out;
          -ms-transition: all 0.64s ease-out;
          -o-transition: all 0.64s ease-out;
          transition: all 0.64s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="64"] + .data__value {
          transform: translateX(-52.08333px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="64"] + .data__value {
              transform: translateX(-104.16667px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="64"] + .data__value {
              transform: translateX(-104.16667px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="65"] .bar__inner {
          width: 65%;
          -webkit-transition: all 0.65s ease-out;
          -moz-transition: all 0.65s ease-out;
          -ms-transition: all 0.65s ease-out;
          -o-transition: all 0.65s ease-out;
          transition: all 0.65s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="65"] + .data__value {
          transform: translateX(-51.28205px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="65"] + .data__value {
              transform: translateX(-102.5641px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="65"] + .data__value {
              transform: translateX(-102.5641px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="66"] .bar__inner {
          width: 66%;
          -webkit-transition: all 0.66s ease-out;
          -moz-transition: all 0.66s ease-out;
          -ms-transition: all 0.66s ease-out;
          -o-transition: all 0.66s ease-out;
          transition: all 0.66s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="66"] + .data__value {
          transform: translateX(-50.50505px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="66"] + .data__value {
              transform: translateX(-101.0101px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="66"] + .data__value {
              transform: translateX(-101.0101px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="67"] .bar__inner {
          width: 67%;
          -webkit-transition: all 0.67s ease-out;
          -moz-transition: all 0.67s ease-out;
          -ms-transition: all 0.67s ease-out;
          -o-transition: all 0.67s ease-out;
          transition: all 0.67s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="67"] + .data__value {
          transform: translateX(-49.75124px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="67"] + .data__value {
              transform: translateX(-99.50249px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="67"] + .data__value {
              transform: translateX(-99.50249px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="68"] .bar__inner {
          width: 68%;
          -webkit-transition: all 0.68s ease-out;
          -moz-transition: all 0.68s ease-out;
          -ms-transition: all 0.68s ease-out;
          -o-transition: all 0.68s ease-out;
          transition: all 0.68s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="68"] + .data__value {
          transform: translateX(-49.01961px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="68"] + .data__value {
              transform: translateX(-98.03922px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="68"] + .data__value {
              transform: translateX(-98.03922px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="69"] .bar__inner {
          width: 69%;
          -webkit-transition: all 0.69s ease-out;
          -moz-transition: all 0.69s ease-out;
          -ms-transition: all 0.69s ease-out;
          -o-transition: all 0.69s ease-out;
          transition: all 0.69s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="69"] + .data__value {
          transform: translateX(-48.30918px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="69"] + .data__value {
              transform: translateX(-96.61836px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="69"] + .data__value {
              transform: translateX(-96.61836px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="70"] .bar__inner {
          width: 70%;
          -webkit-transition: all 0.7s ease-out;
          -moz-transition: all 0.7s ease-out;
          -ms-transition: all 0.7s ease-out;
          -o-transition: all 0.7s ease-out;
          transition: all 0.7s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="70"] + .data__value {
          transform: translateX(-47.61905px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="70"] + .data__value {
              transform: translateX(-95.2381px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="70"] + .data__value {
              transform: translateX(-95.2381px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="71"] .bar__inner {
          width: 71%;
          -webkit-transition: all 0.71s ease-out;
          -moz-transition: all 0.71s ease-out;
          -ms-transition: all 0.71s ease-out;
          -o-transition: all 0.71s ease-out;
          transition: all 0.71s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="71"] + .data__value {
          transform: translateX(-46.94836px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="71"] + .data__value {
              transform: translateX(-93.89671px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="71"] + .data__value {
              transform: translateX(-93.89671px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="72"] .bar__inner {
          width: 72%;
          -webkit-transition: all 0.72s ease-out;
          -moz-transition: all 0.72s ease-out;
          -ms-transition: all 0.72s ease-out;
          -o-transition: all 0.72s ease-out;
          transition: all 0.72s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="72"] + .data__value {
          transform: translateX(-46.2963px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="72"] + .data__value {
              transform: translateX(-92.59259px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="72"] + .data__value {
              transform: translateX(-92.59259px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="73"] .bar__inner {
          width: 73%;
          -webkit-transition: all 0.73s ease-out;
          -moz-transition: all 0.73s ease-out;
          -ms-transition: all 0.73s ease-out;
          -o-transition: all 0.73s ease-out;
          transition: all 0.73s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="73"] + .data__value {
          transform: translateX(-45.6621px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="73"] + .data__value {
              transform: translateX(-91.3242px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="73"] + .data__value {
              transform: translateX(-91.3242px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="74"] .bar__inner {
          width: 74%;
          -webkit-transition: all 0.74s ease-out;
          -moz-transition: all 0.74s ease-out;
          -ms-transition: all 0.74s ease-out;
          -o-transition: all 0.74s ease-out;
          transition: all 0.74s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="74"] + .data__value {
          transform: translateX(-45.04505px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="74"] + .data__value {
              transform: translateX(-90.09009px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="74"] + .data__value {
              transform: translateX(-90.09009px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="75"] .bar__inner {
          width: 75%;
          -webkit-transition: all 0.75s ease-out;
          -moz-transition: all 0.75s ease-out;
          -ms-transition: all 0.75s ease-out;
          -o-transition: all 0.75s ease-out;
          transition: all 0.75s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="75"] + .data__value {
          transform: translateX(-44.44444px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="75"] + .data__value {
              transform: translateX(-88.88889px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="75"] + .data__value {
              transform: translateX(-88.88889px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="76"] .bar__inner {
          width: 76%;
          -webkit-transition: all 0.76s ease-out;
          -moz-transition: all 0.76s ease-out;
          -ms-transition: all 0.76s ease-out;
          -o-transition: all 0.76s ease-out;
          transition: all 0.76s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="76"] + .data__value {
          transform: translateX(-43.85965px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="76"] + .data__value {
              transform: translateX(-87.7193px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="76"] + .data__value {
              transform: translateX(-87.7193px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="77"] .bar__inner {
          width: 77%;
          -webkit-transition: all 0.77s ease-out;
          -moz-transition: all 0.77s ease-out;
          -ms-transition: all 0.77s ease-out;
          -o-transition: all 0.77s ease-out;
          transition: all 0.77s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="77"] + .data__value {
          transform: translateX(-43.29004px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="77"] + .data__value {
              transform: translateX(-86.58009px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="77"] + .data__value {
              transform: translateX(-86.58009px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="78"] .bar__inner {
          width: 78%;
          -webkit-transition: all 0.78s ease-out;
          -moz-transition: all 0.78s ease-out;
          -ms-transition: all 0.78s ease-out;
          -o-transition: all 0.78s ease-out;
          transition: all 0.78s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="78"] + .data__value {
          transform: translateX(-42.73504px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="78"] + .data__value {
              transform: translateX(-85.47009px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="78"] + .data__value {
              transform: translateX(-85.47009px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="79"] .bar__inner {
          width: 79%;
          -webkit-transition: all 0.79s ease-out;
          -moz-transition: all 0.79s ease-out;
          -ms-transition: all 0.79s ease-out;
          -o-transition: all 0.79s ease-out;
          transition: all 0.79s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="79"] + .data__value {
          transform: translateX(-42.19409px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="79"] + .data__value {
              transform: translateX(-84.38819px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="79"] + .data__value {
              transform: translateX(-84.38819px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="80"] .bar__inner {
          width: 80%;
          -webkit-transition: all 0.8s ease-out;
          -moz-transition: all 0.8s ease-out;
          -ms-transition: all 0.8s ease-out;
          -o-transition: all 0.8s ease-out;
          transition: all 0.8s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="80"] + .data__value {
          transform: translateX(-41.66667px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="80"] + .data__value {
              transform: translateX(-83.33333px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="80"] + .data__value {
              transform: translateX(-83.33333px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="81"] .bar__inner {
          width: 81%;
          -webkit-transition: all 0.81s ease-out;
          -moz-transition: all 0.81s ease-out;
          -ms-transition: all 0.81s ease-out;
          -o-transition: all 0.81s ease-out;
          transition: all 0.81s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="81"] + .data__value {
          transform: translateX(-41.15226px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="81"] + .data__value {
              transform: translateX(-82.30453px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="81"] + .data__value {
              transform: translateX(-82.30453px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="82"] .bar__inner {
          width: 82%;
          -webkit-transition: all 0.82s ease-out;
          -moz-transition: all 0.82s ease-out;
          -ms-transition: all 0.82s ease-out;
          -o-transition: all 0.82s ease-out;
          transition: all 0.82s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="82"] + .data__value {
          transform: translateX(-40.65041px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="82"] + .data__value {
              transform: translateX(-81.30081px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="82"] + .data__value {
              transform: translateX(-81.30081px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="83"] .bar__inner {
          width: 83%;
          -webkit-transition: all 0.83s ease-out;
          -moz-transition: all 0.83s ease-out;
          -ms-transition: all 0.83s ease-out;
          -o-transition: all 0.83s ease-out;
          transition: all 0.83s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="83"] + .data__value {
          transform: translateX(-40.16064px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="83"] + .data__value {
              transform: translateX(-80.32129px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="83"] + .data__value {
              transform: translateX(-80.32129px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="84"] .bar__inner {
          width: 84%;
          -webkit-transition: all 0.84s ease-out;
          -moz-transition: all 0.84s ease-out;
          -ms-transition: all 0.84s ease-out;
          -o-transition: all 0.84s ease-out;
          transition: all 0.84s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="84"] + .data__value {
          transform: translateX(-39.68254px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="84"] + .data__value {
              transform: translateX(-79.36508px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="84"] + .data__value {
              transform: translateX(-79.36508px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="85"] .bar__inner {
          width: 85%;
          -webkit-transition: all 0.85s ease-out;
          -moz-transition: all 0.85s ease-out;
          -ms-transition: all 0.85s ease-out;
          -o-transition: all 0.85s ease-out;
          transition: all 0.85s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="85"] + .data__value {
          transform: translateX(-39.21569px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="85"] + .data__value {
              transform: translateX(-78.43137px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="85"] + .data__value {
              transform: translateX(-78.43137px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="86"] .bar__inner {
          width: 86%;
          -webkit-transition: all 0.86s ease-out;
          -moz-transition: all 0.86s ease-out;
          -ms-transition: all 0.86s ease-out;
          -o-transition: all 0.86s ease-out;
          transition: all 0.86s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="86"] + .data__value {
          transform: translateX(-38.75969px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="86"] + .data__value {
              transform: translateX(-77.51938px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="86"] + .data__value {
              transform: translateX(-77.51938px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="87"] .bar__inner {
          width: 87%;
          -webkit-transition: all 0.87s ease-out;
          -moz-transition: all 0.87s ease-out;
          -ms-transition: all 0.87s ease-out;
          -o-transition: all 0.87s ease-out;
          transition: all 0.87s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="87"] + .data__value {
          transform: translateX(-38.31418px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="87"] + .data__value {
              transform: translateX(-76.62835px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="87"] + .data__value {
              transform: translateX(-76.62835px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="88"] .bar__inner {
          width: 88%;
          -webkit-transition: all 0.88s ease-out;
          -moz-transition: all 0.88s ease-out;
          -ms-transition: all 0.88s ease-out;
          -o-transition: all 0.88s ease-out;
          transition: all 0.88s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="88"] + .data__value {
          transform: translateX(-37.87879px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="88"] + .data__value {
              transform: translateX(-75.75758px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="88"] + .data__value {
              transform: translateX(-75.75758px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="89"] .bar__inner {
          width: 89%;
          -webkit-transition: all 0.89s ease-out;
          -moz-transition: all 0.89s ease-out;
          -ms-transition: all 0.89s ease-out;
          -o-transition: all 0.89s ease-out;
          transition: all 0.89s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="89"] + .data__value {
          transform: translateX(-37.45318px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="89"] + .data__value {
              transform: translateX(-74.90637px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="89"] + .data__value {
              transform: translateX(-74.90637px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="90"] .bar__inner {
          width: 90%;
          -webkit-transition: all 0.9s ease-out;
          -moz-transition: all 0.9s ease-out;
          -ms-transition: all 0.9s ease-out;
          -o-transition: all 0.9s ease-out;
          transition: all 0.9s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="90"] + .data__value {
          transform: translateX(-37.03704px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="90"] + .data__value {
              transform: translateX(-74.07407px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="90"] + .data__value {
              transform: translateX(-74.07407px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="91"] .bar__inner {
          width: 91%;
          -webkit-transition: all 0.91s ease-out;
          -moz-transition: all 0.91s ease-out;
          -ms-transition: all 0.91s ease-out;
          -o-transition: all 0.91s ease-out;
          transition: all 0.91s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="91"] + .data__value {
          transform: translateX(-36.63004px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="91"] + .data__value {
              transform: translateX(-73.26007px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="91"] + .data__value {
              transform: translateX(-73.26007px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="92"] .bar__inner {
          width: 92%;
          -webkit-transition: all 0.92s ease-out;
          -moz-transition: all 0.92s ease-out;
          -ms-transition: all 0.92s ease-out;
          -o-transition: all 0.92s ease-out;
          transition: all 0.92s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="92"] + .data__value {
          transform: translateX(-36.23188px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="92"] + .data__value {
              transform: translateX(-72.46377px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="92"] + .data__value {
              transform: translateX(-72.46377px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="93"] .bar__inner {
          width: 93%;
          -webkit-transition: all 0.93s ease-out;
          -moz-transition: all 0.93s ease-out;
          -ms-transition: all 0.93s ease-out;
          -o-transition: all 0.93s ease-out;
          transition: all 0.93s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="93"] + .data__value {
          transform: translateX(-35.84229px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="93"] + .data__value {
              transform: translateX(-71.68459px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="93"] + .data__value {
              transform: translateX(-71.68459px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="94"] .bar__inner {
          width: 94%;
          -webkit-transition: all 0.94s ease-out;
          -moz-transition: all 0.94s ease-out;
          -ms-transition: all 0.94s ease-out;
          -o-transition: all 0.94s ease-out;
          transition: all 0.94s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="94"] + .data__value {
          transform: translateX(-35.46099px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="94"] + .data__value {
              transform: translateX(-70.92199px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="94"] + .data__value {
              transform: translateX(-70.92199px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="95"] .bar__inner {
          width: 95%;
          -webkit-transition: all 0.95s ease-out;
          -moz-transition: all 0.95s ease-out;
          -ms-transition: all 0.95s ease-out;
          -o-transition: all 0.95s ease-out;
          transition: all 0.95s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="95"] + .data__value {
          transform: translateX(-35.08772px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="95"] + .data__value {
              transform: translateX(-70.17544px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="95"] + .data__value {
              transform: translateX(-70.17544px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="96"] .bar__inner {
          width: 96%;
          -webkit-transition: all 0.96s ease-out;
          -moz-transition: all 0.96s ease-out;
          -ms-transition: all 0.96s ease-out;
          -o-transition: all 0.96s ease-out;
          transition: all 0.96s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="96"] + .data__value {
          transform: translateX(-34.72222px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="96"] + .data__value {
              transform: translateX(-69.44444px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="96"] + .data__value {
              transform: translateX(-69.44444px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="97"] .bar__inner {
          width: 97%;
          -webkit-transition: all 0.97s ease-out;
          -moz-transition: all 0.97s ease-out;
          -ms-transition: all 0.97s ease-out;
          -o-transition: all 0.97s ease-out;
          transition: all 0.97s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="97"] + .data__value {
          transform: translateX(-34.36426px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="97"] + .data__value {
              transform: translateX(-68.72852px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="97"] + .data__value {
              transform: translateX(-68.72852px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="98"] .bar__inner {
          width: 98%;
          -webkit-transition: all 0.98s ease-out;
          -moz-transition: all 0.98s ease-out;
          -ms-transition: all 0.98s ease-out;
          -o-transition: all 0.98s ease-out;
          transition: all 0.98s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="98"] + .data__value {
          transform: translateX(-34.01361px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="98"] + .data__value {
              transform: translateX(-68.02721px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="98"] + .data__value {
              transform: translateX(-68.02721px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="99"] .bar__inner {
          width: 99%;
          -webkit-transition: all 0.99s ease-out;
          -moz-transition: all 0.99s ease-out;
          -ms-transition: all 0.99s ease-out;
          -o-transition: all 0.99s ease-out;
          transition: all 0.99s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="99"] + .data__value {
          transform: translateX(-33.67003px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="99"] + .data__value {
              transform: translateX(-67.34007px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="99"] + .data__value {
              transform: translateX(-67.34007px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="100"] .bar__inner {
          width: 100%;
          -webkit-transition: all 1s ease-out;
          -moz-transition: all 1s ease-out;
          -ms-transition: all 1s ease-out;
          -o-transition: all 1s ease-out;
          transition: all 1s ease-out; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="100"] + .data__value {
          transform: translateX(-33.33333px); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="100"] + .data__value {
              transform: translateX(-66.66667px); } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar[data-percent="100"] + .data__value {
              transform: translateX(-66.66667px); } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar svg {
          position: absolute;
          bottom: -1px;
          left: -5px;
          height: 28px;
          width: 155px; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar.color__chart1 {
          color: #412864; }
          #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar.color__chart1 .bar__inner:before {
            background-color: #5a3787; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar.color__chart2 {
          color: #5a3787; }
          #chartRealestatePriceVariation .box__datas .box__data__inner .data__bar.color__chart2 .bar__inner:before {
            background-color: #9b7dc3; }
      #chartRealestatePriceVariation .box__datas .box__data__inner .data .data__value {
        width: 100px;
        display: flex;
        flex-flow: wrap;
        align-items: center; }
        @media screen and (min-width: 768px) {
          #chartRealestatePriceVariation .box__datas .box__data__inner .data .data__value {
            width: 260px; } }
        @media print {
          #chartRealestatePriceVariation .box__datas .box__data__inner .data .data__value {
            width: 260px; } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data .data__value div {
          margin: auto;
          text-align: left;
          padding: 0 10px;
          font-size: 18px;
          font-weight: 800;
          font-family: "PSM";
          line-height: 1; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data .data__value.data__bar {
          color: #faa000; }
      #chartRealestatePriceVariation .box__datas .box__data__inner .data__price {
        width: 124px; }
        @media screen and (min-width: 768px) {
          #chartRealestatePriceVariation .box__datas .box__data__inner .data__price {
            text-align: left; } }
        @media print {
          #chartRealestatePriceVariation .box__datas .box__data__inner .data__price {
            text-align: left; } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__price sup {
          font-size: 50%;
          top: -8px; }
      #chartRealestatePriceVariation .box__datas .box__data__inner .data__trends {
        width: 136px;
        display: flex;
        align-items: center;
        flex-flow: wrap;
        font-family: "PSM"; }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__trends .data__icon {
          width: 42px;
          height: 42px;
          border-radius: 50%;
          color: #fafafa;
          background-color: #faa000;
          align-items: center;
          flex-flow: wrap;
          display: none; }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__trends .data__icon {
              display: flex; } }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__trends .data__icon {
              display: flex; } }
          #chartRealestatePriceVariation .box__datas .box__data__inner .data__trends .data__icon svg {
            width: 24px;
            height: 24px;
            margin: auto;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__trends .data__icon svg.positif {
              -webkit-transform: rotate(-45deg);
              -moz-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
              -o-transform: rotate(-45deg);
              transform: rotate(-45deg); }
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__trends .data__icon svg.negatif {
              -webkit-transform: rotate(45deg);
              -moz-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              -o-transform: rotate(45deg);
              transform: rotate(45deg); }
          @media screen and (min-width: 768px) {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__trends .data__icon {
              display: flex; } }
          @media print {
            #chartRealestatePriceVariation .box__datas .box__data__inner .data__trends .data__icon {
              display: flex; } }
          #chartRealestatePriceVariation .box__datas .box__data__inner .data__trends .data__icon + .data__val {
            line-height: 1; }
            @media screen and (min-width: 768px) {
              #chartRealestatePriceVariation .box__datas .box__data__inner .data__trends .data__icon + .data__val {
                margin-left: 10px; } }
            @media print {
              #chartRealestatePriceVariation .box__datas .box__data__inner .data__trends .data__icon + .data__val {
                margin-left: 10px; } }
        #chartRealestatePriceVariation .box__datas .box__data__inner .data__trends .data__val {
          font-weight: 800;
          color: #faa000; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="0"]:before {
  width: 0%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(0):before {
  -webkit-transition: all 0.25s 3.25s ease;
  -moz-transition: all 0.25s 3.25s ease;
  -ms-transition: all 0.25s 3.25s ease;
  -o-transition: all 0.25s 3.25s ease;
  transition: all 0.25s 3.25s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="1"]:before {
  width: 1%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(1):before {
  -webkit-transition: all 0.25s 3.35s ease;
  -moz-transition: all 0.25s 3.35s ease;
  -ms-transition: all 0.25s 3.35s ease;
  -o-transition: all 0.25s 3.35s ease;
  transition: all 0.25s 3.35s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="2"]:before {
  width: 2%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(2):before {
  -webkit-transition: all 0.25s 3.45s ease;
  -moz-transition: all 0.25s 3.45s ease;
  -ms-transition: all 0.25s 3.45s ease;
  -o-transition: all 0.25s 3.45s ease;
  transition: all 0.25s 3.45s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="3"]:before {
  width: 3%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(3):before {
  -webkit-transition: all 0.25s 3.55s ease;
  -moz-transition: all 0.25s 3.55s ease;
  -ms-transition: all 0.25s 3.55s ease;
  -o-transition: all 0.25s 3.55s ease;
  transition: all 0.25s 3.55s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="4"]:before {
  width: 4%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(4):before {
  -webkit-transition: all 0.25s 3.65s ease;
  -moz-transition: all 0.25s 3.65s ease;
  -ms-transition: all 0.25s 3.65s ease;
  -o-transition: all 0.25s 3.65s ease;
  transition: all 0.25s 3.65s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="5"]:before {
  width: 5%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(5):before {
  -webkit-transition: all 0.25s 3.75s ease;
  -moz-transition: all 0.25s 3.75s ease;
  -ms-transition: all 0.25s 3.75s ease;
  -o-transition: all 0.25s 3.75s ease;
  transition: all 0.25s 3.75s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="6"]:before {
  width: 6%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(6):before {
  -webkit-transition: all 0.25s 3.85s ease;
  -moz-transition: all 0.25s 3.85s ease;
  -ms-transition: all 0.25s 3.85s ease;
  -o-transition: all 0.25s 3.85s ease;
  transition: all 0.25s 3.85s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="7"]:before {
  width: 7%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(7):before {
  -webkit-transition: all 0.25s 3.95s ease;
  -moz-transition: all 0.25s 3.95s ease;
  -ms-transition: all 0.25s 3.95s ease;
  -o-transition: all 0.25s 3.95s ease;
  transition: all 0.25s 3.95s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="8"]:before {
  width: 8%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(8):before {
  -webkit-transition: all 0.25s 4.05s ease;
  -moz-transition: all 0.25s 4.05s ease;
  -ms-transition: all 0.25s 4.05s ease;
  -o-transition: all 0.25s 4.05s ease;
  transition: all 0.25s 4.05s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="9"]:before {
  width: 9%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(9):before {
  -webkit-transition: all 0.25s 4.15s ease;
  -moz-transition: all 0.25s 4.15s ease;
  -ms-transition: all 0.25s 4.15s ease;
  -o-transition: all 0.25s 4.15s ease;
  transition: all 0.25s 4.15s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="10"]:before {
  width: 10%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(10):before {
  -webkit-transition: all 0.25s 4.25s ease;
  -moz-transition: all 0.25s 4.25s ease;
  -ms-transition: all 0.25s 4.25s ease;
  -o-transition: all 0.25s 4.25s ease;
  transition: all 0.25s 4.25s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="11"]:before {
  width: 11%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(11):before {
  -webkit-transition: all 0.25s 4.35s ease;
  -moz-transition: all 0.25s 4.35s ease;
  -ms-transition: all 0.25s 4.35s ease;
  -o-transition: all 0.25s 4.35s ease;
  transition: all 0.25s 4.35s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="12"]:before {
  width: 12%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(12):before {
  -webkit-transition: all 0.25s 4.45s ease;
  -moz-transition: all 0.25s 4.45s ease;
  -ms-transition: all 0.25s 4.45s ease;
  -o-transition: all 0.25s 4.45s ease;
  transition: all 0.25s 4.45s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="13"]:before {
  width: 13%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(13):before {
  -webkit-transition: all 0.25s 4.55s ease;
  -moz-transition: all 0.25s 4.55s ease;
  -ms-transition: all 0.25s 4.55s ease;
  -o-transition: all 0.25s 4.55s ease;
  transition: all 0.25s 4.55s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="14"]:before {
  width: 14%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(14):before {
  -webkit-transition: all 0.25s 4.65s ease;
  -moz-transition: all 0.25s 4.65s ease;
  -ms-transition: all 0.25s 4.65s ease;
  -o-transition: all 0.25s 4.65s ease;
  transition: all 0.25s 4.65s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="15"]:before {
  width: 15%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(15):before {
  -webkit-transition: all 0.25s 4.75s ease;
  -moz-transition: all 0.25s 4.75s ease;
  -ms-transition: all 0.25s 4.75s ease;
  -o-transition: all 0.25s 4.75s ease;
  transition: all 0.25s 4.75s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="16"]:before {
  width: 16%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(16):before {
  -webkit-transition: all 0.25s 4.85s ease;
  -moz-transition: all 0.25s 4.85s ease;
  -ms-transition: all 0.25s 4.85s ease;
  -o-transition: all 0.25s 4.85s ease;
  transition: all 0.25s 4.85s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="17"]:before {
  width: 17%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(17):before {
  -webkit-transition: all 0.25s 4.95s ease;
  -moz-transition: all 0.25s 4.95s ease;
  -ms-transition: all 0.25s 4.95s ease;
  -o-transition: all 0.25s 4.95s ease;
  transition: all 0.25s 4.95s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="18"]:before {
  width: 18%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(18):before {
  -webkit-transition: all 0.25s 5.05s ease;
  -moz-transition: all 0.25s 5.05s ease;
  -ms-transition: all 0.25s 5.05s ease;
  -o-transition: all 0.25s 5.05s ease;
  transition: all 0.25s 5.05s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="19"]:before {
  width: 19%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(19):before {
  -webkit-transition: all 0.25s 5.15s ease;
  -moz-transition: all 0.25s 5.15s ease;
  -ms-transition: all 0.25s 5.15s ease;
  -o-transition: all 0.25s 5.15s ease;
  transition: all 0.25s 5.15s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="20"]:before {
  width: 20%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(20):before {
  -webkit-transition: all 0.25s 5.25s ease;
  -moz-transition: all 0.25s 5.25s ease;
  -ms-transition: all 0.25s 5.25s ease;
  -o-transition: all 0.25s 5.25s ease;
  transition: all 0.25s 5.25s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="21"]:before {
  width: 21%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(21):before {
  -webkit-transition: all 0.25s 5.35s ease;
  -moz-transition: all 0.25s 5.35s ease;
  -ms-transition: all 0.25s 5.35s ease;
  -o-transition: all 0.25s 5.35s ease;
  transition: all 0.25s 5.35s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="22"]:before {
  width: 22%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(22):before {
  -webkit-transition: all 0.25s 5.45s ease;
  -moz-transition: all 0.25s 5.45s ease;
  -ms-transition: all 0.25s 5.45s ease;
  -o-transition: all 0.25s 5.45s ease;
  transition: all 0.25s 5.45s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="23"]:before {
  width: 23%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(23):before {
  -webkit-transition: all 0.25s 5.55s ease;
  -moz-transition: all 0.25s 5.55s ease;
  -ms-transition: all 0.25s 5.55s ease;
  -o-transition: all 0.25s 5.55s ease;
  transition: all 0.25s 5.55s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="24"]:before {
  width: 24%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(24):before {
  -webkit-transition: all 0.25s 5.65s ease;
  -moz-transition: all 0.25s 5.65s ease;
  -ms-transition: all 0.25s 5.65s ease;
  -o-transition: all 0.25s 5.65s ease;
  transition: all 0.25s 5.65s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="25"]:before {
  width: 25%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(25):before {
  -webkit-transition: all 0.25s 5.75s ease;
  -moz-transition: all 0.25s 5.75s ease;
  -ms-transition: all 0.25s 5.75s ease;
  -o-transition: all 0.25s 5.75s ease;
  transition: all 0.25s 5.75s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="26"]:before {
  width: 26%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(26):before {
  -webkit-transition: all 0.25s 5.85s ease;
  -moz-transition: all 0.25s 5.85s ease;
  -ms-transition: all 0.25s 5.85s ease;
  -o-transition: all 0.25s 5.85s ease;
  transition: all 0.25s 5.85s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="27"]:before {
  width: 27%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(27):before {
  -webkit-transition: all 0.25s 5.95s ease;
  -moz-transition: all 0.25s 5.95s ease;
  -ms-transition: all 0.25s 5.95s ease;
  -o-transition: all 0.25s 5.95s ease;
  transition: all 0.25s 5.95s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="28"]:before {
  width: 28%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(28):before {
  -webkit-transition: all 0.25s 6.05s ease;
  -moz-transition: all 0.25s 6.05s ease;
  -ms-transition: all 0.25s 6.05s ease;
  -o-transition: all 0.25s 6.05s ease;
  transition: all 0.25s 6.05s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="29"]:before {
  width: 29%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(29):before {
  -webkit-transition: all 0.25s 6.15s ease;
  -moz-transition: all 0.25s 6.15s ease;
  -ms-transition: all 0.25s 6.15s ease;
  -o-transition: all 0.25s 6.15s ease;
  transition: all 0.25s 6.15s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="30"]:before {
  width: 30%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(30):before {
  -webkit-transition: all 0.25s 6.25s ease;
  -moz-transition: all 0.25s 6.25s ease;
  -ms-transition: all 0.25s 6.25s ease;
  -o-transition: all 0.25s 6.25s ease;
  transition: all 0.25s 6.25s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="31"]:before {
  width: 31%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(31):before {
  -webkit-transition: all 0.25s 6.35s ease;
  -moz-transition: all 0.25s 6.35s ease;
  -ms-transition: all 0.25s 6.35s ease;
  -o-transition: all 0.25s 6.35s ease;
  transition: all 0.25s 6.35s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="32"]:before {
  width: 32%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(32):before {
  -webkit-transition: all 0.25s 6.45s ease;
  -moz-transition: all 0.25s 6.45s ease;
  -ms-transition: all 0.25s 6.45s ease;
  -o-transition: all 0.25s 6.45s ease;
  transition: all 0.25s 6.45s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="33"]:before {
  width: 33%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(33):before {
  -webkit-transition: all 0.25s 6.55s ease;
  -moz-transition: all 0.25s 6.55s ease;
  -ms-transition: all 0.25s 6.55s ease;
  -o-transition: all 0.25s 6.55s ease;
  transition: all 0.25s 6.55s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="34"]:before {
  width: 34%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(34):before {
  -webkit-transition: all 0.25s 6.65s ease;
  -moz-transition: all 0.25s 6.65s ease;
  -ms-transition: all 0.25s 6.65s ease;
  -o-transition: all 0.25s 6.65s ease;
  transition: all 0.25s 6.65s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="35"]:before {
  width: 35%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(35):before {
  -webkit-transition: all 0.25s 6.75s ease;
  -moz-transition: all 0.25s 6.75s ease;
  -ms-transition: all 0.25s 6.75s ease;
  -o-transition: all 0.25s 6.75s ease;
  transition: all 0.25s 6.75s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="36"]:before {
  width: 36%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(36):before {
  -webkit-transition: all 0.25s 6.85s ease;
  -moz-transition: all 0.25s 6.85s ease;
  -ms-transition: all 0.25s 6.85s ease;
  -o-transition: all 0.25s 6.85s ease;
  transition: all 0.25s 6.85s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="37"]:before {
  width: 37%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(37):before {
  -webkit-transition: all 0.25s 6.95s ease;
  -moz-transition: all 0.25s 6.95s ease;
  -ms-transition: all 0.25s 6.95s ease;
  -o-transition: all 0.25s 6.95s ease;
  transition: all 0.25s 6.95s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="38"]:before {
  width: 38%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(38):before {
  -webkit-transition: all 0.25s 7.05s ease;
  -moz-transition: all 0.25s 7.05s ease;
  -ms-transition: all 0.25s 7.05s ease;
  -o-transition: all 0.25s 7.05s ease;
  transition: all 0.25s 7.05s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="39"]:before {
  width: 39%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(39):before {
  -webkit-transition: all 0.25s 7.15s ease;
  -moz-transition: all 0.25s 7.15s ease;
  -ms-transition: all 0.25s 7.15s ease;
  -o-transition: all 0.25s 7.15s ease;
  transition: all 0.25s 7.15s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="40"]:before {
  width: 40%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(40):before {
  -webkit-transition: all 0.25s 7.25s ease;
  -moz-transition: all 0.25s 7.25s ease;
  -ms-transition: all 0.25s 7.25s ease;
  -o-transition: all 0.25s 7.25s ease;
  transition: all 0.25s 7.25s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="41"]:before {
  width: 41%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(41):before {
  -webkit-transition: all 0.25s 7.35s ease;
  -moz-transition: all 0.25s 7.35s ease;
  -ms-transition: all 0.25s 7.35s ease;
  -o-transition: all 0.25s 7.35s ease;
  transition: all 0.25s 7.35s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="42"]:before {
  width: 42%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(42):before {
  -webkit-transition: all 0.25s 7.45s ease;
  -moz-transition: all 0.25s 7.45s ease;
  -ms-transition: all 0.25s 7.45s ease;
  -o-transition: all 0.25s 7.45s ease;
  transition: all 0.25s 7.45s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="43"]:before {
  width: 43%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(43):before {
  -webkit-transition: all 0.25s 7.55s ease;
  -moz-transition: all 0.25s 7.55s ease;
  -ms-transition: all 0.25s 7.55s ease;
  -o-transition: all 0.25s 7.55s ease;
  transition: all 0.25s 7.55s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="44"]:before {
  width: 44%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(44):before {
  -webkit-transition: all 0.25s 7.65s ease;
  -moz-transition: all 0.25s 7.65s ease;
  -ms-transition: all 0.25s 7.65s ease;
  -o-transition: all 0.25s 7.65s ease;
  transition: all 0.25s 7.65s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="45"]:before {
  width: 45%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(45):before {
  -webkit-transition: all 0.25s 7.75s ease;
  -moz-transition: all 0.25s 7.75s ease;
  -ms-transition: all 0.25s 7.75s ease;
  -o-transition: all 0.25s 7.75s ease;
  transition: all 0.25s 7.75s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="46"]:before {
  width: 46%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(46):before {
  -webkit-transition: all 0.25s 7.85s ease;
  -moz-transition: all 0.25s 7.85s ease;
  -ms-transition: all 0.25s 7.85s ease;
  -o-transition: all 0.25s 7.85s ease;
  transition: all 0.25s 7.85s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="47"]:before {
  width: 47%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(47):before {
  -webkit-transition: all 0.25s 7.95s ease;
  -moz-transition: all 0.25s 7.95s ease;
  -ms-transition: all 0.25s 7.95s ease;
  -o-transition: all 0.25s 7.95s ease;
  transition: all 0.25s 7.95s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="48"]:before {
  width: 48%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(48):before {
  -webkit-transition: all 0.25s 8.05s ease;
  -moz-transition: all 0.25s 8.05s ease;
  -ms-transition: all 0.25s 8.05s ease;
  -o-transition: all 0.25s 8.05s ease;
  transition: all 0.25s 8.05s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="49"]:before {
  width: 49%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(49):before {
  -webkit-transition: all 0.25s 8.15s ease;
  -moz-transition: all 0.25s 8.15s ease;
  -ms-transition: all 0.25s 8.15s ease;
  -o-transition: all 0.25s 8.15s ease;
  transition: all 0.25s 8.15s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="50"]:before {
  width: 50%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(50):before {
  -webkit-transition: all 0.25s 8.25s ease;
  -moz-transition: all 0.25s 8.25s ease;
  -ms-transition: all 0.25s 8.25s ease;
  -o-transition: all 0.25s 8.25s ease;
  transition: all 0.25s 8.25s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="51"]:before {
  width: 51%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(51):before {
  -webkit-transition: all 0.25s 8.35s ease;
  -moz-transition: all 0.25s 8.35s ease;
  -ms-transition: all 0.25s 8.35s ease;
  -o-transition: all 0.25s 8.35s ease;
  transition: all 0.25s 8.35s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="52"]:before {
  width: 52%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(52):before {
  -webkit-transition: all 0.25s 8.45s ease;
  -moz-transition: all 0.25s 8.45s ease;
  -ms-transition: all 0.25s 8.45s ease;
  -o-transition: all 0.25s 8.45s ease;
  transition: all 0.25s 8.45s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="53"]:before {
  width: 53%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(53):before {
  -webkit-transition: all 0.25s 8.55s ease;
  -moz-transition: all 0.25s 8.55s ease;
  -ms-transition: all 0.25s 8.55s ease;
  -o-transition: all 0.25s 8.55s ease;
  transition: all 0.25s 8.55s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="54"]:before {
  width: 54%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(54):before {
  -webkit-transition: all 0.25s 8.65s ease;
  -moz-transition: all 0.25s 8.65s ease;
  -ms-transition: all 0.25s 8.65s ease;
  -o-transition: all 0.25s 8.65s ease;
  transition: all 0.25s 8.65s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="55"]:before {
  width: 55%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(55):before {
  -webkit-transition: all 0.25s 8.75s ease;
  -moz-transition: all 0.25s 8.75s ease;
  -ms-transition: all 0.25s 8.75s ease;
  -o-transition: all 0.25s 8.75s ease;
  transition: all 0.25s 8.75s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="56"]:before {
  width: 56%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(56):before {
  -webkit-transition: all 0.25s 8.85s ease;
  -moz-transition: all 0.25s 8.85s ease;
  -ms-transition: all 0.25s 8.85s ease;
  -o-transition: all 0.25s 8.85s ease;
  transition: all 0.25s 8.85s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="57"]:before {
  width: 57%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(57):before {
  -webkit-transition: all 0.25s 8.95s ease;
  -moz-transition: all 0.25s 8.95s ease;
  -ms-transition: all 0.25s 8.95s ease;
  -o-transition: all 0.25s 8.95s ease;
  transition: all 0.25s 8.95s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="58"]:before {
  width: 58%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(58):before {
  -webkit-transition: all 0.25s 9.05s ease;
  -moz-transition: all 0.25s 9.05s ease;
  -ms-transition: all 0.25s 9.05s ease;
  -o-transition: all 0.25s 9.05s ease;
  transition: all 0.25s 9.05s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="59"]:before {
  width: 59%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(59):before {
  -webkit-transition: all 0.25s 9.15s ease;
  -moz-transition: all 0.25s 9.15s ease;
  -ms-transition: all 0.25s 9.15s ease;
  -o-transition: all 0.25s 9.15s ease;
  transition: all 0.25s 9.15s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="60"]:before {
  width: 60%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(60):before {
  -webkit-transition: all 0.25s 9.25s ease;
  -moz-transition: all 0.25s 9.25s ease;
  -ms-transition: all 0.25s 9.25s ease;
  -o-transition: all 0.25s 9.25s ease;
  transition: all 0.25s 9.25s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="61"]:before {
  width: 61%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(61):before {
  -webkit-transition: all 0.25s 9.35s ease;
  -moz-transition: all 0.25s 9.35s ease;
  -ms-transition: all 0.25s 9.35s ease;
  -o-transition: all 0.25s 9.35s ease;
  transition: all 0.25s 9.35s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="62"]:before {
  width: 62%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(62):before {
  -webkit-transition: all 0.25s 9.45s ease;
  -moz-transition: all 0.25s 9.45s ease;
  -ms-transition: all 0.25s 9.45s ease;
  -o-transition: all 0.25s 9.45s ease;
  transition: all 0.25s 9.45s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="63"]:before {
  width: 63%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(63):before {
  -webkit-transition: all 0.25s 9.55s ease;
  -moz-transition: all 0.25s 9.55s ease;
  -ms-transition: all 0.25s 9.55s ease;
  -o-transition: all 0.25s 9.55s ease;
  transition: all 0.25s 9.55s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="64"]:before {
  width: 64%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(64):before {
  -webkit-transition: all 0.25s 9.65s ease;
  -moz-transition: all 0.25s 9.65s ease;
  -ms-transition: all 0.25s 9.65s ease;
  -o-transition: all 0.25s 9.65s ease;
  transition: all 0.25s 9.65s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="65"]:before {
  width: 65%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(65):before {
  -webkit-transition: all 0.25s 9.75s ease;
  -moz-transition: all 0.25s 9.75s ease;
  -ms-transition: all 0.25s 9.75s ease;
  -o-transition: all 0.25s 9.75s ease;
  transition: all 0.25s 9.75s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="66"]:before {
  width: 66%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(66):before {
  -webkit-transition: all 0.25s 9.85s ease;
  -moz-transition: all 0.25s 9.85s ease;
  -ms-transition: all 0.25s 9.85s ease;
  -o-transition: all 0.25s 9.85s ease;
  transition: all 0.25s 9.85s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="67"]:before {
  width: 67%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(67):before {
  -webkit-transition: all 0.25s 9.95s ease;
  -moz-transition: all 0.25s 9.95s ease;
  -ms-transition: all 0.25s 9.95s ease;
  -o-transition: all 0.25s 9.95s ease;
  transition: all 0.25s 9.95s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="68"]:before {
  width: 68%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(68):before {
  -webkit-transition: all 0.25s 10.05s ease;
  -moz-transition: all 0.25s 10.05s ease;
  -ms-transition: all 0.25s 10.05s ease;
  -o-transition: all 0.25s 10.05s ease;
  transition: all 0.25s 10.05s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="69"]:before {
  width: 69%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(69):before {
  -webkit-transition: all 0.25s 10.15s ease;
  -moz-transition: all 0.25s 10.15s ease;
  -ms-transition: all 0.25s 10.15s ease;
  -o-transition: all 0.25s 10.15s ease;
  transition: all 0.25s 10.15s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="70"]:before {
  width: 70%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(70):before {
  -webkit-transition: all 0.25s 10.25s ease;
  -moz-transition: all 0.25s 10.25s ease;
  -ms-transition: all 0.25s 10.25s ease;
  -o-transition: all 0.25s 10.25s ease;
  transition: all 0.25s 10.25s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="71"]:before {
  width: 71%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(71):before {
  -webkit-transition: all 0.25s 10.35s ease;
  -moz-transition: all 0.25s 10.35s ease;
  -ms-transition: all 0.25s 10.35s ease;
  -o-transition: all 0.25s 10.35s ease;
  transition: all 0.25s 10.35s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="72"]:before {
  width: 72%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(72):before {
  -webkit-transition: all 0.25s 10.45s ease;
  -moz-transition: all 0.25s 10.45s ease;
  -ms-transition: all 0.25s 10.45s ease;
  -o-transition: all 0.25s 10.45s ease;
  transition: all 0.25s 10.45s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="73"]:before {
  width: 73%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(73):before {
  -webkit-transition: all 0.25s 10.55s ease;
  -moz-transition: all 0.25s 10.55s ease;
  -ms-transition: all 0.25s 10.55s ease;
  -o-transition: all 0.25s 10.55s ease;
  transition: all 0.25s 10.55s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="74"]:before {
  width: 74%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(74):before {
  -webkit-transition: all 0.25s 10.65s ease;
  -moz-transition: all 0.25s 10.65s ease;
  -ms-transition: all 0.25s 10.65s ease;
  -o-transition: all 0.25s 10.65s ease;
  transition: all 0.25s 10.65s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="75"]:before {
  width: 75%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(75):before {
  -webkit-transition: all 0.25s 10.75s ease;
  -moz-transition: all 0.25s 10.75s ease;
  -ms-transition: all 0.25s 10.75s ease;
  -o-transition: all 0.25s 10.75s ease;
  transition: all 0.25s 10.75s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="76"]:before {
  width: 76%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(76):before {
  -webkit-transition: all 0.25s 10.85s ease;
  -moz-transition: all 0.25s 10.85s ease;
  -ms-transition: all 0.25s 10.85s ease;
  -o-transition: all 0.25s 10.85s ease;
  transition: all 0.25s 10.85s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="77"]:before {
  width: 77%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(77):before {
  -webkit-transition: all 0.25s 10.95s ease;
  -moz-transition: all 0.25s 10.95s ease;
  -ms-transition: all 0.25s 10.95s ease;
  -o-transition: all 0.25s 10.95s ease;
  transition: all 0.25s 10.95s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="78"]:before {
  width: 78%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(78):before {
  -webkit-transition: all 0.25s 11.05s ease;
  -moz-transition: all 0.25s 11.05s ease;
  -ms-transition: all 0.25s 11.05s ease;
  -o-transition: all 0.25s 11.05s ease;
  transition: all 0.25s 11.05s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="79"]:before {
  width: 79%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(79):before {
  -webkit-transition: all 0.25s 11.15s ease;
  -moz-transition: all 0.25s 11.15s ease;
  -ms-transition: all 0.25s 11.15s ease;
  -o-transition: all 0.25s 11.15s ease;
  transition: all 0.25s 11.15s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="80"]:before {
  width: 80%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(80):before {
  -webkit-transition: all 0.25s 11.25s ease;
  -moz-transition: all 0.25s 11.25s ease;
  -ms-transition: all 0.25s 11.25s ease;
  -o-transition: all 0.25s 11.25s ease;
  transition: all 0.25s 11.25s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="81"]:before {
  width: 81%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(81):before {
  -webkit-transition: all 0.25s 11.35s ease;
  -moz-transition: all 0.25s 11.35s ease;
  -ms-transition: all 0.25s 11.35s ease;
  -o-transition: all 0.25s 11.35s ease;
  transition: all 0.25s 11.35s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="82"]:before {
  width: 82%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(82):before {
  -webkit-transition: all 0.25s 11.45s ease;
  -moz-transition: all 0.25s 11.45s ease;
  -ms-transition: all 0.25s 11.45s ease;
  -o-transition: all 0.25s 11.45s ease;
  transition: all 0.25s 11.45s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="83"]:before {
  width: 83%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(83):before {
  -webkit-transition: all 0.25s 11.55s ease;
  -moz-transition: all 0.25s 11.55s ease;
  -ms-transition: all 0.25s 11.55s ease;
  -o-transition: all 0.25s 11.55s ease;
  transition: all 0.25s 11.55s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="84"]:before {
  width: 84%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(84):before {
  -webkit-transition: all 0.25s 11.65s ease;
  -moz-transition: all 0.25s 11.65s ease;
  -ms-transition: all 0.25s 11.65s ease;
  -o-transition: all 0.25s 11.65s ease;
  transition: all 0.25s 11.65s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="85"]:before {
  width: 85%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(85):before {
  -webkit-transition: all 0.25s 11.75s ease;
  -moz-transition: all 0.25s 11.75s ease;
  -ms-transition: all 0.25s 11.75s ease;
  -o-transition: all 0.25s 11.75s ease;
  transition: all 0.25s 11.75s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="86"]:before {
  width: 86%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(86):before {
  -webkit-transition: all 0.25s 11.85s ease;
  -moz-transition: all 0.25s 11.85s ease;
  -ms-transition: all 0.25s 11.85s ease;
  -o-transition: all 0.25s 11.85s ease;
  transition: all 0.25s 11.85s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="87"]:before {
  width: 87%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(87):before {
  -webkit-transition: all 0.25s 11.95s ease;
  -moz-transition: all 0.25s 11.95s ease;
  -ms-transition: all 0.25s 11.95s ease;
  -o-transition: all 0.25s 11.95s ease;
  transition: all 0.25s 11.95s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="88"]:before {
  width: 88%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(88):before {
  -webkit-transition: all 0.25s 12.05s ease;
  -moz-transition: all 0.25s 12.05s ease;
  -ms-transition: all 0.25s 12.05s ease;
  -o-transition: all 0.25s 12.05s ease;
  transition: all 0.25s 12.05s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="89"]:before {
  width: 89%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(89):before {
  -webkit-transition: all 0.25s 12.15s ease;
  -moz-transition: all 0.25s 12.15s ease;
  -ms-transition: all 0.25s 12.15s ease;
  -o-transition: all 0.25s 12.15s ease;
  transition: all 0.25s 12.15s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="90"]:before {
  width: 90%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(90):before {
  -webkit-transition: all 0.25s 12.25s ease;
  -moz-transition: all 0.25s 12.25s ease;
  -ms-transition: all 0.25s 12.25s ease;
  -o-transition: all 0.25s 12.25s ease;
  transition: all 0.25s 12.25s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="91"]:before {
  width: 91%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(91):before {
  -webkit-transition: all 0.25s 12.35s ease;
  -moz-transition: all 0.25s 12.35s ease;
  -ms-transition: all 0.25s 12.35s ease;
  -o-transition: all 0.25s 12.35s ease;
  transition: all 0.25s 12.35s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="92"]:before {
  width: 92%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(92):before {
  -webkit-transition: all 0.25s 12.45s ease;
  -moz-transition: all 0.25s 12.45s ease;
  -ms-transition: all 0.25s 12.45s ease;
  -o-transition: all 0.25s 12.45s ease;
  transition: all 0.25s 12.45s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="93"]:before {
  width: 93%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(93):before {
  -webkit-transition: all 0.25s 12.55s ease;
  -moz-transition: all 0.25s 12.55s ease;
  -ms-transition: all 0.25s 12.55s ease;
  -o-transition: all 0.25s 12.55s ease;
  transition: all 0.25s 12.55s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="94"]:before {
  width: 94%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(94):before {
  -webkit-transition: all 0.25s 12.65s ease;
  -moz-transition: all 0.25s 12.65s ease;
  -ms-transition: all 0.25s 12.65s ease;
  -o-transition: all 0.25s 12.65s ease;
  transition: all 0.25s 12.65s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="95"]:before {
  width: 95%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(95):before {
  -webkit-transition: all 0.25s 12.75s ease;
  -moz-transition: all 0.25s 12.75s ease;
  -ms-transition: all 0.25s 12.75s ease;
  -o-transition: all 0.25s 12.75s ease;
  transition: all 0.25s 12.75s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="96"]:before {
  width: 96%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(96):before {
  -webkit-transition: all 0.25s 12.85s ease;
  -moz-transition: all 0.25s 12.85s ease;
  -ms-transition: all 0.25s 12.85s ease;
  -o-transition: all 0.25s 12.85s ease;
  transition: all 0.25s 12.85s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="97"]:before {
  width: 97%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(97):before {
  -webkit-transition: all 0.25s 12.95s ease;
  -moz-transition: all 0.25s 12.95s ease;
  -ms-transition: all 0.25s 12.95s ease;
  -o-transition: all 0.25s 12.95s ease;
  transition: all 0.25s 12.95s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="98"]:before {
  width: 98%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(98):before {
  -webkit-transition: all 0.25s 13.05s ease;
  -moz-transition: all 0.25s 13.05s ease;
  -ms-transition: all 0.25s 13.05s ease;
  -o-transition: all 0.25s 13.05s ease;
  transition: all 0.25s 13.05s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="99"]:before {
  width: 99%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(99):before {
  -webkit-transition: all 0.25s 13.15s ease;
  -moz-transition: all 0.25s 13.15s ease;
  -ms-transition: all 0.25s 13.15s ease;
  -o-transition: all 0.25s 13.15s ease;
  transition: all 0.25s 13.15s ease; }

.own-html.wf-active #chartRealestateTypes .chart__brick span[data-percent="100"]:before {
  width: 100%; }

.own-html.wf-active #chartRealestateTypes .chart__brick span:nth-child(100):before {
  -webkit-transition: all 0.25s 13.25s ease;
  -moz-transition: all 0.25s 13.25s ease;
  -ms-transition: all 0.25s 13.25s ease;
  -o-transition: all 0.25s 13.25s ease;
  transition: all 0.25s 13.25s ease; }

#chartRealestateTypes .box__head__wrapper {
  width: 100%;
  display: flex; }
  @media screen and (min-width: 768px) {
    #chartRealestateTypes .box__head__wrapper.only__smartphone {
      display: none; } }
  #chartRealestateTypes .box__head__wrapper .split__left,
  #chartRealestateTypes .box__head__wrapper .split__right {
    padding: 0; }
  #chartRealestateTypes .box__head__wrapper .split__right:before {
    content: initial; }
  #chartRealestateTypes .box__head__wrapper .box__head {
    min-height: 140px;
    display: block; }
  #chartRealestateTypes .box__head__wrapper .box .data__repartition {
    top: auto;
    bottom: 0; }
    #chartRealestateTypes .box__head__wrapper .box .data__repartition .chart__circle {
      top: auto;
      bottom: 0; }

#chartRealestateTypes .chart__core {
  overflow: hidden; }

#chartRealestateTypes .box {
  width: 100%;
  text-align: center; }
  #chartRealestateTypes .box h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px; }
  #chartRealestateTypes .box__head {
    position: relative;
    padding: 10px 0;
    display: none; }
    @media screen and (min-width: 768px) {
      #chartRealestateTypes .box__head {
        transform: translateY(-10px);
        display: block; } }
    #chartRealestateTypes .box__head .data__legend, #chartRealestateTypes .box__head .data__value {
      position: relative;
      z-index: 5; }
      #chartRealestateTypes .box__head .data__legend span, #chartRealestateTypes .box__head .data__value span {
        display: block;
        width: 100%; }
    #chartRealestateTypes .box__head .data__legend {
      font-weight: 600; }
    #chartRealestateTypes .box__head .data__value {
      font-size: 18px;
      font-weight: 800;
      font-family: "PSM"; }
  #chartRealestateTypes .box__mid {
    width: 100%; }
    #chartRealestateTypes .box__mid .chart__legend {
      width: 100%;
      text-align: center;
      display: block;
      margin-top: 30px; }
      @media screen and (min-width: 768px) {
        #chartRealestateTypes .box__mid .chart__legend {
          display: none; } }
    #chartRealestateTypes .box__mid .box__inner {
      padding: 10px;
      width: 100%;
      max-width: 300px;
      margin: auto;
      display: flex;
      justify-content: center;
      align-items: center; }
    #chartRealestateTypes .box__mid .data__area, #chartRealestateTypes .box__mid .data__price__surface {
      width: 50%;
      text-align: center; }
    #chartRealestateTypes .box__mid .data__legend {
      font-size: 15px; }
    #chartRealestateTypes .box__mid .data__value {
      font-weight: 800;
      font-size: 18px;
      font-family: "PSM";
      justify-content: center; }
  #chartRealestateTypes .box__foot .box__graph {
    width: 100%; }
  #chartRealestateTypes .box__foot .chart__legend {
    width: 100%;
    text-align: center;
    display: none; }
    @media screen and (min-width: 768px) {
      #chartRealestateTypes .box__foot .chart__legend {
        display: block; } }
  #chartRealestateTypes .box__graph {
    position: relative;
    margin-top: 10px;
    padding-top: 80px; }
    @media screen and (min-width: 768px) {
      #chartRealestateTypes .box__graph {
        padding-top: 40px; } }
    #chartRealestateTypes .box__graph .pix img {
      width: 100%; }
    #chartRealestateTypes .box__graph .charts {
      position: absolute;
      top: 0;
      left: 50%;
      width: 100%;
      min-height: 100px;
      transform: translateX(-50%); }
      #chartRealestateTypes .box__graph .charts__inner {
        position: absolute;
        width: 100%;
        max-width: 260px;
        height: 100%;
        display: flex;
        left: 50%;
        transform: translateX(-50%); }
        @media screen and (min-width: 768px) {
          #chartRealestateTypes .box__graph .charts__inner {
            max-width: 300px; } }
        #chartRealestateTypes .box__graph .charts__inner .chart__shape {
          position: relative;
          width: 50%;
          height: 100%; }
          #chartRealestateTypes .box__graph .charts__inner .chart__shape .shape {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
            overflow: hidden; }
            #chartRealestateTypes .box__graph .charts__inner .chart__shape .shape span {
              display: block; }
            #chartRealestateTypes .box__graph .charts__inner .chart__shape .shape .pattern__wrap {
              position: absolute;
              bottom: 0;
              left: 50%;
              transform-origin: 50% 50%;
              transform: translateX(-50%);
              display: flex;
              align-items: flex-start; }
              #chartRealestateTypes .box__graph .charts__inner .chart__shape .shape .pattern__wrap .pattern__noise {
                height: 28.5px;
                width: 148.5px; }
          #chartRealestateTypes .box__graph .charts__inner .chart__shape.shape__circle .shape {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%; }
  #chartRealestateTypes .box__data {
    text-align: center; }
  #chartRealestateTypes .box .data__repartition {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 76px;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      #chartRealestateTypes .box .data__repartition {
        transform: translateY(-15px);
        min-height: 76px; } }
    #chartRealestateTypes .box .data__repartition:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      height: 1px;
      width: 100%;
      background-color: #412864; }
    @media screen and (min-width: 768px) {
      #chartRealestateTypes .box .data__repartition .data__legend {
        display: none; } }
    #chartRealestateTypes .box .data__repartition .data__value {
      position: absolute;
      top: -5px;
      transform: translateY(-50%);
      display: block; }
      @media screen and (min-width: 768px) {
        #chartRealestateTypes .box .data__repartition .data__value {
          top: 35px; } }
  #chartRealestateTypes .box .data__value {
    display: flex;
    flex-flow: wrap;
    justify-content: center; }
    #chartRealestateTypes .box .data__value .chart_brick {
      width: auto; }
      #chartRealestateTypes .box .data__value .chart_brick span:before {
        width: 0; }

@media screen and (min-width: 768px) {
  #chartRealestateTypes .split__left .box {
    text-align: left; } }

@media screen and (min-width: 768px) {
  #chartRealestateTypes .split__left .box__head {
    text-align: right; } }

#chartRealestateTypes .split__left .chart__shape .shape span {
  background-color: #7346aa; }

#chartRealestateTypes .split__left .chart__brick span:before {
  background-color: #7346aa; }

#chartRealestateTypes .split__left .chart__brick .chart__unity {
  color: #5a3787; }

#chartRealestateTypes .split__left .chart__circle .circle {
  color: #412864;
  background-color: #7346aa; }

#chartRealestateTypes .split__right:before {
  content: initial; }

#chartRealestateTypes .split__right .colored__realestate {
  color: #5a3787; }

@media screen and (min-width: 768px) {
  #chartRealestateTypes .split__right .box {
    text-align: right; } }

@media screen and (min-width: 768px) {
  #chartRealestateTypes .split__right .box__head {
    text-align: left; } }

#chartRealestateTypes .split__right .chart__shape .shape {
  color: #9b7dc3; }
  #chartRealestateTypes .split__right .chart__shape .shape span {
    background-color: #5a3787; }

#chartRealestateTypes .split__right .chart__brick span:before {
  background-color: #5a3787; }

#chartRealestateTypes .split__right .chart__brick .chart__unity {
  color: #5a3787; }

#chartRealestateTypes .split__right .chart__circle .circle {
  color: #7346aa;
  background-color: #5a3787; }

#chartRealestateTypes .chart__shape .shape span[data-percent="0"] {
  width: 0px;
  height: 0px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="1"] {
  width: 0.9px;
  height: 0.9px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="2"] {
  width: 1.8px;
  height: 1.8px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="3"] {
  width: 2.7px;
  height: 2.7px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="4"] {
  width: 3.6px;
  height: 3.6px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="5"] {
  width: 4.5px;
  height: 4.5px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="6"] {
  width: 5.4px;
  height: 5.4px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="7"] {
  width: 6.3px;
  height: 6.3px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="8"] {
  width: 7.2px;
  height: 7.2px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="9"] {
  width: 8.1px;
  height: 8.1px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="10"] {
  width: 9px;
  height: 9px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="11"] {
  width: 9.9px;
  height: 9.9px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="12"] {
  width: 10.8px;
  height: 10.8px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="13"] {
  width: 11.7px;
  height: 11.7px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="14"] {
  width: 12.6px;
  height: 12.6px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="15"] {
  width: 13.5px;
  height: 13.5px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="16"] {
  width: 14.4px;
  height: 14.4px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="17"] {
  width: 15.3px;
  height: 15.3px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="18"] {
  width: 16.2px;
  height: 16.2px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="19"] {
  width: 17.1px;
  height: 17.1px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="20"] {
  width: 18px;
  height: 18px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="21"] {
  width: 18.9px;
  height: 18.9px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="22"] {
  width: 19.8px;
  height: 19.8px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="23"] {
  width: 20.7px;
  height: 20.7px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="24"] {
  width: 21.6px;
  height: 21.6px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="25"] {
  width: 22.5px;
  height: 22.5px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="26"] {
  width: 23.4px;
  height: 23.4px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="27"] {
  width: 24.3px;
  height: 24.3px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="28"] {
  width: 25.2px;
  height: 25.2px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="29"] {
  width: 26.1px;
  height: 26.1px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="30"] {
  width: 27px;
  height: 27px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="31"] {
  width: 27.9px;
  height: 27.9px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="32"] {
  width: 28.8px;
  height: 28.8px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="33"] {
  width: 29.7px;
  height: 29.7px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="34"] {
  width: 30.6px;
  height: 30.6px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="35"] {
  width: 31.5px;
  height: 31.5px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="36"] {
  width: 32.4px;
  height: 32.4px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="37"] {
  width: 33.3px;
  height: 33.3px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="38"] {
  width: 34.2px;
  height: 34.2px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="39"] {
  width: 35.1px;
  height: 35.1px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="40"] {
  width: 36px;
  height: 36px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="41"] {
  width: 36.9px;
  height: 36.9px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="42"] {
  width: 37.8px;
  height: 37.8px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="43"] {
  width: 38.7px;
  height: 38.7px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="44"] {
  width: 39.6px;
  height: 39.6px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="45"] {
  width: 40.5px;
  height: 40.5px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="46"] {
  width: 41.4px;
  height: 41.4px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="47"] {
  width: 42.3px;
  height: 42.3px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="48"] {
  width: 43.2px;
  height: 43.2px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="49"] {
  width: 44.1px;
  height: 44.1px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="50"] {
  width: 45px;
  height: 45px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="51"] {
  width: 45.9px;
  height: 45.9px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="52"] {
  width: 46.8px;
  height: 46.8px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="53"] {
  width: 47.7px;
  height: 47.7px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="54"] {
  width: 48.6px;
  height: 48.6px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="55"] {
  width: 49.5px;
  height: 49.5px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="56"] {
  width: 50.4px;
  height: 50.4px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="57"] {
  width: 51.3px;
  height: 51.3px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="58"] {
  width: 52.2px;
  height: 52.2px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="59"] {
  width: 53.1px;
  height: 53.1px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="60"] {
  width: 54px;
  height: 54px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="61"] {
  width: 54.9px;
  height: 54.9px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="62"] {
  width: 55.8px;
  height: 55.8px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="63"] {
  width: 56.7px;
  height: 56.7px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="64"] {
  width: 57.6px;
  height: 57.6px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="65"] {
  width: 58.5px;
  height: 58.5px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="66"] {
  width: 59.4px;
  height: 59.4px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="67"] {
  width: 60.3px;
  height: 60.3px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="68"] {
  width: 61.2px;
  height: 61.2px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="69"] {
  width: 62.1px;
  height: 62.1px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="70"] {
  width: 63px;
  height: 63px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="71"] {
  width: 63.9px;
  height: 63.9px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="72"] {
  width: 64.8px;
  height: 64.8px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="73"] {
  width: 65.7px;
  height: 65.7px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="74"] {
  width: 66.6px;
  height: 66.6px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="75"] {
  width: 67.5px;
  height: 67.5px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="76"] {
  width: 68.4px;
  height: 68.4px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="77"] {
  width: 69.3px;
  height: 69.3px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="78"] {
  width: 70.2px;
  height: 70.2px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="79"] {
  width: 71.1px;
  height: 71.1px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="80"] {
  width: 72px;
  height: 72px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="81"] {
  width: 72.9px;
  height: 72.9px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="82"] {
  width: 73.8px;
  height: 73.8px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="83"] {
  width: 74.7px;
  height: 74.7px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="84"] {
  width: 75.6px;
  height: 75.6px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="85"] {
  width: 76.5px;
  height: 76.5px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="86"] {
  width: 77.4px;
  height: 77.4px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="87"] {
  width: 78.3px;
  height: 78.3px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="88"] {
  width: 79.2px;
  height: 79.2px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="89"] {
  width: 80.1px;
  height: 80.1px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="90"] {
  width: 81px;
  height: 81px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="91"] {
  width: 81.9px;
  height: 81.9px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="92"] {
  width: 82.8px;
  height: 82.8px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="93"] {
  width: 83.7px;
  height: 83.7px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="94"] {
  width: 84.6px;
  height: 84.6px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="95"] {
  width: 85.5px;
  height: 85.5px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="96"] {
  width: 86.4px;
  height: 86.4px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="97"] {
  width: 87.3px;
  height: 87.3px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="98"] {
  width: 88.2px;
  height: 88.2px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="99"] {
  width: 89.1px;
  height: 89.1px; }

#chartRealestateTypes .chart__shape .shape span[data-percent="100"] {
  width: 90px;
  height: 90px; }

#chartRealestateTypes .chart__bricks {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 120px;
  text-align: center;
  display: flex;
  flex-flow: wrap;
  justify-content: center; }

#chartRealestateTypes .chart__brick {
  width: 100%;
  height: 44px;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start; }
  #chartRealestateTypes .chart__brick span {
    position: relative;
    display: block;
    width: 10px;
    height: 18px;
    margin: 0 1px; }
    #chartRealestateTypes .chart__brick span:before {
      content: "";
      display: block;
      height: 100%; }
    #chartRealestateTypes .chart__brick span + p {
      margin-left: 4px; }
  #chartRealestateTypes .chart__brick p.chart__legend {
    width: 100%;
    font-weight: 600; }
  #chartRealestateTypes .chart__brick p.chart__unity {
    font-size: 18px;
    font-weight: 800;
    font-family: "PSM";
    height: auto;
    line-height: 1; }

#chartRealestateTypes .chart__circle {
  position: absolute;
  left: 50%;
  top: 0%;
  width: 152px;
  height: 76px;
  transform: translateX(-50%); }
  #chartRealestateTypes .chart__circle .circle {
    min-width: 82px;
    min-height: 82px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="0"] {
      width: 0px;
      height: 0px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="1"] {
      width: 1.75px;
      height: 1.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="2"] {
      width: 3.5px;
      height: 3.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="3"] {
      width: 5.25px;
      height: 5.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="4"] {
      width: 7px;
      height: 7px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="5"] {
      width: 8.75px;
      height: 8.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="6"] {
      width: 10.5px;
      height: 10.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="7"] {
      width: 12.25px;
      height: 12.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="8"] {
      width: 14px;
      height: 14px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="9"] {
      width: 15.75px;
      height: 15.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="10"] {
      width: 17.5px;
      height: 17.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="11"] {
      width: 19.25px;
      height: 19.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="12"] {
      width: 21px;
      height: 21px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="13"] {
      width: 22.75px;
      height: 22.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="14"] {
      width: 24.5px;
      height: 24.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="15"] {
      width: 26.25px;
      height: 26.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="16"] {
      width: 28px;
      height: 28px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="17"] {
      width: 29.75px;
      height: 29.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="18"] {
      width: 31.5px;
      height: 31.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="19"] {
      width: 33.25px;
      height: 33.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="20"] {
      width: 35px;
      height: 35px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="21"] {
      width: 36.75px;
      height: 36.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="22"] {
      width: 38.5px;
      height: 38.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="23"] {
      width: 40.25px;
      height: 40.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="24"] {
      width: 42px;
      height: 42px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="25"] {
      width: 43.75px;
      height: 43.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="26"] {
      width: 45.5px;
      height: 45.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="27"] {
      width: 47.25px;
      height: 47.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="28"] {
      width: 49px;
      height: 49px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="29"] {
      width: 50.75px;
      height: 50.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="30"] {
      width: 52.5px;
      height: 52.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="31"] {
      width: 54.25px;
      height: 54.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="32"] {
      width: 56px;
      height: 56px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="33"] {
      width: 57.75px;
      height: 57.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="34"] {
      width: 59.5px;
      height: 59.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="35"] {
      width: 61.25px;
      height: 61.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="36"] {
      width: 63px;
      height: 63px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="37"] {
      width: 64.75px;
      height: 64.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="38"] {
      width: 66.5px;
      height: 66.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="39"] {
      width: 68.25px;
      height: 68.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="40"] {
      width: 70px;
      height: 70px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="41"] {
      width: 71.75px;
      height: 71.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="42"] {
      width: 73.5px;
      height: 73.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="43"] {
      width: 75.25px;
      height: 75.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="44"] {
      width: 77px;
      height: 77px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="45"] {
      width: 78.75px;
      height: 78.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="46"] {
      width: 80.5px;
      height: 80.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="47"] {
      width: 82.25px;
      height: 82.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="48"] {
      width: 84px;
      height: 84px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="49"] {
      width: 85.75px;
      height: 85.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="50"] {
      width: 87.5px;
      height: 87.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="51"] {
      width: 89.25px;
      height: 89.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="52"] {
      width: 91px;
      height: 91px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="53"] {
      width: 92.75px;
      height: 92.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="54"] {
      width: 94.5px;
      height: 94.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="55"] {
      width: 96.25px;
      height: 96.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="56"] {
      width: 98px;
      height: 98px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="57"] {
      width: 99.75px;
      height: 99.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="58"] {
      width: 101.5px;
      height: 101.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="59"] {
      width: 103.25px;
      height: 103.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="60"] {
      width: 105px;
      height: 105px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="61"] {
      width: 106.75px;
      height: 106.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="62"] {
      width: 108.5px;
      height: 108.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="63"] {
      width: 110.25px;
      height: 110.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="64"] {
      width: 112px;
      height: 112px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="65"] {
      width: 113.75px;
      height: 113.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="66"] {
      width: 115.5px;
      height: 115.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="67"] {
      width: 117.25px;
      height: 117.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="68"] {
      width: 119px;
      height: 119px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="69"] {
      width: 120.75px;
      height: 120.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="70"] {
      width: 122.5px;
      height: 122.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="71"] {
      width: 124.25px;
      height: 124.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="72"] {
      width: 126px;
      height: 126px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="73"] {
      width: 127.75px;
      height: 127.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="74"] {
      width: 129.5px;
      height: 129.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="75"] {
      width: 131.25px;
      height: 131.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="76"] {
      width: 133px;
      height: 133px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="77"] {
      width: 134.75px;
      height: 134.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="78"] {
      width: 136.5px;
      height: 136.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="79"] {
      width: 138.25px;
      height: 138.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="80"] {
      width: 140px;
      height: 140px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="81"] {
      width: 141.75px;
      height: 141.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="82"] {
      width: 143.5px;
      height: 143.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="83"] {
      width: 145.25px;
      height: 145.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="84"] {
      width: 147px;
      height: 147px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="85"] {
      width: 148.75px;
      height: 148.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="86"] {
      width: 150.5px;
      height: 150.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="87"] {
      width: 152.25px;
      height: 152.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="88"] {
      width: 154px;
      height: 154px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="89"] {
      width: 155.75px;
      height: 155.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="90"] {
      width: 157.5px;
      height: 157.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="91"] {
      width: 159.25px;
      height: 159.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="92"] {
      width: 161px;
      height: 161px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="93"] {
      width: 162.75px;
      height: 162.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="94"] {
      width: 164.5px;
      height: 164.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="95"] {
      width: 166.25px;
      height: 166.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="96"] {
      width: 168px;
      height: 168px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="97"] {
      width: 169.75px;
      height: 169.75px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="98"] {
      width: 171.5px;
      height: 171.5px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="99"] {
      width: 173.25px;
      height: 173.25px; }
    #chartRealestateTypes .chart__circle .circle[data-percent="100"] {
      width: 175px;
      height: 175px; }
    #chartRealestateTypes .chart__circle .circle .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 105; }
      #chartRealestateTypes .chart__circle .circle .icon__appart {
        transform: translateX(-50%) translateY(-34px);
        width: 28px;
        height: 34px; }
      #chartRealestateTypes .chart__circle .circle .icon__house {
        transform: translateX(-50%) translateY(-36px);
        width: 35px;
        height: 36px; }
    #chartRealestateTypes .chart__circle .circle .pattern__wrap {
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-100%); }
      #chartRealestateTypes .chart__circle .circle .pattern__wrap .pattern__noise {
        margin-left: -2px; }
  #chartRealestateTypes .chart__circle__half {
    display: flex;
    align-items: center; }
    #chartRealestateTypes .chart__circle__half .chart__mask {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 100%;
      margin: auto; }
  #chartRealestateTypes .chart__circle__mask {
    width: 100%; }
  #chartRealestateTypes .chart__circle .circle {
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }
  #chartRealestateTypes .chart__circle .pattern__wrap {
    position: absolute;
    z-index: 100;
    top: 0%;
    left: 0;
    transform-origin: 50% 50%;
    display: flex;
    align-items: flex-start; }
    #chartRealestateTypes .chart__circle .pattern__wrap .pattern__noise {
      height: 28.5px;
      width: 148.5px; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
.chart__vacation {
  /**
 * @license Highcharts
 *
 * (c) 2009-2016 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
  /* Titles */
  /* Axes */
  /* Credits */
  /* Tooltip */
  /* Legend hover affects points and series */
  /* Series options */
  /* Default colors */
  /* Legend */
  /* Bubble legend */
  /* Loading */
  /* Plot bands and polar pane backgrounds */
  /* Highcharts More and modules */
  /* Highstock */
  /* Highmaps */
  /* 3d charts */
  /* Exporting module */
  /* Drilldown module */
  /* No-data module */
  /* Drag-panes module */
  /* Bullet type series */
  /* Lineargauge type series */
  /* Annotations module */
  /* Gantt */
  /* COULEUR SITE PALETTE */
  /*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
  /* COULEUR SITE PALETTE */
  /*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
  /* COULEUR SITE PALETTE */
  /*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */ }
  .chart__vacation .highcharts-credits {
    display: none; }
  .chart__vacation .highcharts-axis.highcharts-xaxis {
    stroke-width: 1px;
    stroke: #102d40;
    stroke: red; }
  .chart__vacation .highcharts-yaxis-grid .highcharts-grid-line {
    stroke-width: 1px;
    stroke: #c1c1c1;
    stroke-opacity: 0.5;
    stroke-linecap: butt; }
    .chart__vacation .highcharts-yaxis-grid .highcharts-grid-line:first-child {
      stroke-width: 0; }
    .chart__vacation .highcharts-yaxis-grid .highcharts-grid-line:last-child {
      transform: translateX(-1px); }
  .chart__vacation .highcharts-container {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
    line-height: normal;
    z-index: 0;
    /* #1072 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: "Montserrat";
    font-size: 12px; }
  .chart__vacation .highcharts-root {
    display: block; }
  @media print {
    .chart__vacation .chart-sdg-contribution {
      width: 960px !important;
      height: 300px !important; }
      .chart__vacation .chart-sdg-contribution .highcharts-root {
        width: 100% !important;
        height: 100% !important; } }
  .chart__vacation .highcharts-root text {
    stroke-width: 0; }
  .chart__vacation .highcharts-strong {
    font-weight: 700; }
  .chart__vacation .highcharts-emphasized {
    font-style: italic; }
  .chart__vacation .highcharts-anchor {
    cursor: pointer; }
  .chart__vacation .highcharts-background {
    fill: white;
    fill-opacity: 0; }
  .chart__vacation .highcharts-plot-border,
  .chart__vacation .highcharts-plot-background {
    fill: none; }
  .chart__vacation .highcharts-label-box {
    fill: none; }
  .chart__vacation .highcharts-button-box {
    fill: inherit; }
  .chart__vacation .highcharts-tracker-line {
    stroke-linejoin: round;
    stroke: rgba(192, 192, 192, 0.0001);
    stroke-width: 22;
    fill: none; }
  .chart__vacation .highcharts-tracker-area {
    fill: rgba(192, 192, 192, 0.0001);
    stroke-width: 0; }
  .chart__vacation .highcharts-title {
    fill: #333333;
    font-size: 1.5em; }
  .chart__vacation .highcharts-subtitle {
    fill: #f7f8fb; }
  .chart__vacation .highcharts-axis-line {
    fill: none;
    stroke: #ccd6eb; }
  .chart__vacation .highcharts-yaxis .highcharts-axis-line {
    stroke-width: 0; }
  .chart__vacation .highcharts-axis-title {
    fill: #f7f8fb; }
  .chart__vacation .highcharts-axis-labels {
    fill: rgba(92, 119, 173, 0.5);
    color: rgba(92, 119, 173, 0.5);
    cursor: default;
    font-size: 0.9em; }
  .chart__vacation .highcharts-grid-line {
    fill: none;
    stroke: #eef1f7; }
  .chart__vacation .highcharts-xaxis-grid .highcharts-grid-line {
    stroke-width: 0px; }
  .chart__vacation .highcharts-tick {
    stroke: #ccd6eb; }
  .chart__vacation .highcharts-yaxis .highcharts-tick {
    stroke-width: 0; }
  .chart__vacation .highcharts-minor-grid-line {
    stroke: #eef1f7; }
  .chart__vacation .highcharts-crosshair-thin {
    stroke-width: 1px;
    stroke: #cccccc; }
  .chart__vacation .highcharts-crosshair-category {
    stroke: #ccd6eb;
    stroke-opacity: 0.25; }
  .chart__vacation .highcharts-credits {
    cursor: pointer;
    fill: #999999;
    font-size: 0.7em;
    transition: fill 250ms, font-size 250ms; }
  .chart__vacation .highcharts-credits:hover {
    fill: black;
    font-size: 1em; }
  .chart__vacation .highcharts-tooltip {
    cursor: default;
    pointer-events: none;
    white-space: nowrap;
    transition: stroke 150ms;
    min-width: 162px;
    width: 100%;
    max-width: 220px;
    /*
    width: 100%;
    height: auto;
    //max-width: 220px;
    padding: 10px;
    @include border-radius(6px);
    background-color: white;
    box-shadow: 0 10px 50px rgba($color-primary-dark, 0.6);
    color: $color-primary-dark;
    font-weight: 700;
    font-size: 16px;
    */ }
    .chart__vacation .highcharts-tooltip .highcharts-label-box {
      display: none; }
  .chart__vacation .highcharts-tooltip text {
    fill: white; }
  .chart__vacation .highcharts-tooltip .highcharts-header {
    font-size: 0.85em; }
  .chart__vacation .highcharts-tooltip-box {
    stroke-width: 0px;
    fill: white;
    fill-opacity: 1;
    box-shadow: 0 10px 50px rgba(92, 119, 173, 0.6); }
  .chart__vacation .highcharts-tooltip-box .highcharts-label-box {
    fill: white;
    fill-opacity: 0.85; }
  .chart__vacation .highcharts-selection-marker {
    fill: #335cad;
    fill-opacity: 0.25; }
  .chart__vacation .highcharts-graph {
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round; }
  .chart__vacation .highcharts-state-hover .highcharts-graph {
    stroke-width: 3; }
  .chart__vacation .highcharts-state-hover path {
    transition: stroke-width 50;
    /* quick in */ }
  .chart__vacation .highcharts-state-normal path {
    transition: stroke-width 250ms;
    /* slow out */ }
  .chart__vacation g.highcharts-series,
  .chart__vacation .highcharts-point,
  .chart__vacation .highcharts-markers,
  .chart__vacation .highcharts-data-labels {
    transition: opacity 250ms; }
  .chart__vacation .highcharts-legend-series-active
g.highcharts-series:not(.highcharts-series-hover),
  .chart__vacation .highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
  .chart__vacation .highcharts-legend-series-active
.highcharts-markers:not(.highcharts-series-hover),
  .chart__vacation .highcharts-legend-series-active
.highcharts-data-labels:not(.highcharts-series-hover) {
    opacity: 0.2; }
  .chart__vacation .highcharts-color-0 {
    fill: #ffbe00;
    stroke: #ffbe00; }
  .chart__vacation .highcharts-color-1 {
    fill: #ffd74b;
    stroke: #ffd74b; }
  .chart__vacation .highcharts-color-2 {
    fill: #ffd74b;
    stroke: #ffd74b; }
  .chart__vacation .highcharts-color-3 {
    fill: #ffbe00;
    stroke: #ffbe00; }
  .chart__vacation .highcharts-color-4 {
    fill: #8085e9;
    stroke: #8085e9; }
  .chart__vacation .highcharts-color-5 {
    fill: #f15c80;
    stroke: #f15c80; }
  .chart__vacation .highcharts-color-6 {
    fill: #e4d354;
    stroke: #e4d354; }
  .chart__vacation .highcharts-color-7 {
    fill: #2b908f;
    stroke: #2b908f; }
  .chart__vacation .highcharts-color-8 {
    fill: #f45b5b;
    stroke: #f45b5b; }
  .chart__vacation .highcharts-color-9 {
    fill: #91e8e1;
    stroke: #91e8e1; }
  .chart__vacation .highcharts-area {
    fill-opacity: 0.75;
    stroke-width: 0; }
  .chart__vacation .highcharts-markers {
    stroke-width: 1px;
    stroke: #ffffff; }
  .chart__vacation .highcharts-point {
    stroke-width: 0; }
  .chart__vacation .highcharts-dense-data .highcharts-point {
    stroke-width: 0; }
  .chart__vacation .highcharts-data-label {
    font-size: 0.9em;
    font-weight: 700; }
  .chart__vacation .highcharts-data-label-box {
    fill: none;
    stroke-width: 0; }
  .chart__vacation .highcharts-data-label text,
  .chart__vacation text.highcharts-data-label {
    fill: #5c77ad;
    font-weight: normal;
    font-size: 14px; }
  .chart__vacation .highcharts-data-label-connector {
    fill: none; }
  .chart__vacation .highcharts-halo {
    fill-opacity: 0.25;
    stroke-width: 0; }
  .chart__vacation .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select,
  .chart__vacation .highcharts-markers .highcharts-point-select {
    fill: #ff992b;
    stroke: #ff992b;
    fill-opacity: 1; }
  .chart__vacation .highcharts-column-series rect.highcharts-point {
    stroke: #ffffff;
    stroke-width: 0;
    stroke-opacity: 0;
    fill-opacity: 0.83;
    outline-color: #ecf4f9;
    outline-style: solid;
    outline-width: 1px;
    outline-offset: 0;
    filter: none;
    box-shadow: none; }
    .chart__vacation .highcharts-column-series rect.highcharts-point.highcharts-point-hover {
      fill: #ff992b;
      stroke: #ff992b;
      fill-opacity: 1; }
    .chart__vacation .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-0 {
      fill: #2b77a6; }
    .chart__vacation .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-1 {
      fill: #2b77a6; }
    .chart__vacation .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-2 {
      fill: #24658c; }
    .chart__vacation .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-3 {
      fill: #1e5273; }
    .chart__vacation .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-4 {
      fill: #174059; }
    .chart__vacation .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-5 {
      fill: #102d40; }
    .chart__vacation .highcharts-column-series rect.highcharts-point:not(.highcharts-point-select):not(.highcharts-point-hover).zone-6 {
      fill: #102d40; }
  .chart__vacation .chart__bar.chart__auto:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span {
    max-width: 100px; }
  .chart__vacation .chart__bar.chart__realestate .highcharts-axis-labels.highcharts-xaxis-labels span {
    max-width: 140px; }
  .chart__vacation .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span {
    display: flex !important;
    flex-flow: wrap;
    align-items: center;
    min-height: 30px;
    max-width: 160px; }
    .chart__vacation .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span {
      display: block !important;
      width: 100%;
      font-weight: 700;
      text-transform: uppercase;
      min-height: 0;
      white-space: normal; }
      .chart__vacation .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-category, .chart__vacation .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-icon {
        margin: auto 0;
        white-space: normal; }
        .chart__vacation .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-category i, .chart__vacation .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels.highcharts-xaxis-labels span span.label-icon i {
          font-size: 16px; }
  .chart__vacation .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels:not(.chart__line) .highcharts-axis-labels.highcharts-xaxis-labels span {
    left: 0 !important;
    width: 100% !important; }
    .chart__vacation .chart__own:not(.chart-bar-vertical) .highcharts-axis-labels:not(.chart__line) .highcharts-axis-labels.highcharts-xaxis-labels span span {
      text-align: right; }
  .chart__vacation .highcharts-column-series .highcharts-point {
    transition: fill-opacity 250ms; }
  .chart__vacation .highcharts-column-series .highcharts-point-hover {
    fill-opacity: 1;
    fill: #ff992b;
    transition: fill-opacity 50ms; }
  .chart__vacation .highcharts-column-series .highcharts-point-hover {
    fill-opacity: 1;
    fill: #ff992b;
    transition: fill-opacity 50ms; }
  .chart__vacation .highcharts-pie-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #ffffff; }
  .chart__vacation .highcharts-pie-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms; }
  .chart__vacation .highcharts-funnel-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #ffffff; }
  .chart__vacation .highcharts-funnel-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms; }
  .chart__vacation .highcharts-funnel-series .highcharts-point-select {
    fill: inherit;
    stroke: inherit; }
  .chart__vacation .highcharts-pyramid-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #ffffff; }
  .chart__vacation .highcharts-pyramid-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms; }
  .chart__vacation .highcharts-pyramid-series .highcharts-point-select {
    fill: inherit;
    stroke: inherit; }
  .chart__vacation .highcharts-solidgauge-series .highcharts-point {
    stroke-width: 0; }
  .chart__vacation .highcharts-treemap-series .highcharts-point {
    stroke-width: 1px;
    stroke: white;
    transition: stroke 250ms, fill 250ms, fill-opacity 250ms; }
  .chart__vacation .highcharts-treemap-series .highcharts-point-hover {
    stroke: white;
    transition: stroke 25ms, fill 25ms, fill-opacity 25ms; }
  .chart__vacation .highcharts-treemap-series .highcharts-above-level {
    display: none; }
  .chart__vacation .highcharts-treemap-series .highcharts-internal-node {
    fill: none; }
  .chart__vacation .highcharts-treemap-series .highcharts-internal-node-interactive {
    fill-opacity: 0.15;
    cursor: pointer; }
  .chart__vacation .highcharts-treemap-series .highcharts-internal-node-interactive:hover {
    fill-opacity: 0.75; }
  .chart__vacation .highcharts-legend-box {
    fill: none;
    stroke-width: 0; }
  .chart__vacation .highcharts-legend-item > text {
    fill: #333333;
    font-weight: 700;
    font-size: 1em;
    cursor: pointer;
    stroke-width: 0; }
  .chart__vacation .highcharts-legend-item:hover text {
    fill: #000000; }
  .chart__vacation .highcharts-legend-item-hidden * {
    fill: #cccccc !important;
    stroke: #cccccc !important;
    transition: fill 250ms; }
  .chart__vacation .highcharts-legend-nav-active {
    fill: #003399;
    cursor: pointer; }
  .chart__vacation .highcharts-legend-nav-inactive {
    fill: #cccccc; }
  .chart__vacation circle.highcharts-legend-nav-active,
  .chart__vacation circle.highcharts-legend-nav-inactive {
    /* tracker */
    fill: rgba(192, 192, 192, 0.0001); }
  .chart__vacation .highcharts-legend-title-box {
    fill: none;
    stroke-width: 0; }
  .chart__vacation .highcharts-bubble-legend-symbol {
    stroke-width: 2;
    fill-opacity: 0.5; }
  .chart__vacation .highcharts-bubble-legend-connectors {
    stroke-width: 1; }
  .chart__vacation .highcharts-bubble-legend-labels {
    fill: #333333; }
  .chart__vacation .highcharts-loading {
    position: absolute;
    background-color: #ffffff;
    opacity: 0.5;
    text-align: center;
    z-index: 10;
    transition: opacity 250ms; }
  .chart__vacation .highcharts-loading-hidden {
    height: 0 !important;
    opacity: 0;
    overflow: hidden;
    transition: opacity 250ms, height 250ms step-end; }
  .chart__vacation .highcharts-loading-inner {
    font-weight: 700;
    position: relative;
    top: 45%; }
  .chart__vacation .highcharts-plot-band,
  .chart__vacation .highcharts-pane {
    fill: #000000;
    fill-opacity: 0.05; }
  .chart__vacation .highcharts-plot-line {
    fill: none;
    stroke: #9dadce;
    stroke-width: 1px; }
  .chart__vacation .highcharts-boxplot-box {
    fill: #ffffff; }
  .chart__vacation .highcharts-boxplot-median {
    stroke-width: 2px; }
  .chart__vacation .highcharts-bubble-series .highcharts-point {
    fill-opacity: 0.5; }
  .chart__vacation .highcharts-errorbar-series .highcharts-point {
    stroke: #000000; }
  .chart__vacation .highcharts-gauge-series .highcharts-data-label-box {
    stroke: #cccccc;
    stroke-width: 1px; }
  .chart__vacation .highcharts-gauge-series .highcharts-dial {
    fill: #000000;
    stroke-width: 0; }
  .chart__vacation .highcharts-polygon-series .highcharts-graph {
    fill: inherit;
    stroke-width: 0; }
  .chart__vacation .highcharts-waterfall-series .highcharts-graph {
    stroke: #333333;
    stroke-dasharray: 1, 3; }
  .chart__vacation .highcharts-sankey-series .highcharts-point {
    stroke-width: 0; }
  .chart__vacation .highcharts-sankey-series .highcharts-link {
    transition: fill 250ms, fill-opacity 250ms;
    fill-opacity: 0.5; }
  .chart__vacation .highcharts-sankey-series .highcharts-point-hover.highcharts-link {
    transition: fill 50ms, fill-opacity 50ms;
    fill-opacity: 1; }
  .chart__vacation .highcharts-venn-series .highcharts-point {
    fill-opacity: 0.75;
    stroke: #cccccc;
    transition: stroke 250ms, fill-opacity 250ms; }
  .chart__vacation .highcharts-venn-series .highcharts-point-hover {
    fill-opacity: 1;
    stroke: #cccccc; }
  .chart__vacation .highcharts-navigator-mask-outside {
    fill-opacity: 0; }
  .chart__vacation .highcharts-navigator-mask-inside {
    fill: #6685c2;
    /* navigator.maskFill option */
    fill-opacity: 0.25;
    cursor: ew-resize; }
  .chart__vacation .highcharts-navigator-outline {
    stroke: #cccccc;
    fill: none; }
  .chart__vacation .highcharts-navigator-handle {
    stroke: #cccccc;
    fill: #eef1f7;
    cursor: ew-resize; }
  .chart__vacation .highcharts-navigator-series {
    fill: #335cad;
    stroke: #335cad; }
  .chart__vacation .highcharts-navigator-series .highcharts-graph {
    stroke-width: 1px; }
  .chart__vacation .highcharts-navigator-series .highcharts-area {
    fill-opacity: 0.05; }
  .chart__vacation .highcharts-navigator-xaxis .highcharts-axis-line {
    stroke-width: 0; }
  .chart__vacation .highcharts-navigator-xaxis .highcharts-grid-line {
    stroke-width: 1px;
    stroke: #f7f8fb; }
  .chart__vacation .highcharts-navigator-xaxis.highcharts-axis-labels {
    fill: #999999; }
  .chart__vacation .highcharts-navigator-yaxis .highcharts-grid-line {
    stroke-width: 0; }
  .chart__vacation .highcharts-scrollbar-thumb {
    fill: #cccccc;
    stroke: #cccccc;
    stroke-width: 1px; }
  .chart__vacation .highcharts-scrollbar-button {
    fill: #f7f8fb;
    stroke: #cccccc;
    stroke-width: 1px; }
  .chart__vacation .highcharts-scrollbar-arrow {
    fill: #f7f8fb; }
  .chart__vacation .highcharts-scrollbar-rifles {
    stroke: #f7f8fb;
    stroke-width: 1px; }
  .chart__vacation .highcharts-scrollbar-track {
    fill: #eef1f7;
    stroke: #eef1f7;
    stroke-width: 1px; }
  .chart__vacation .highcharts-button {
    fill: white;
    stroke: #cccccc;
    cursor: default;
    stroke-width: 1px;
    transition: fill 250ms; }
  .chart__vacation .highcharts-button text {
    fill: #333333; }
  .chart__vacation .highcharts-button-hover {
    transition: fill 0ms;
    fill: #f7f8fb;
    stroke: #cccccc; }
  .chart__vacation .highcharts-button-hover text {
    fill: #333333; }
  .chart__vacation .highcharts-button-pressed {
    font-weight: 700;
    fill: #e6ebf5;
    stroke: #cccccc; }
  .chart__vacation .highcharts-button-pressed text {
    fill: #333333;
    font-weight: 700; }
  .chart__vacation .highcharts-button-disabled text {
    fill: #333333; }
  .chart__vacation .highcharts-range-selector-buttons .highcharts-button {
    stroke-width: 0px; }
  .chart__vacation .highcharts-range-label rect {
    fill: none; }
  .chart__vacation .highcharts-range-label text {
    fill: #f7f8fb; }
  .chart__vacation .highcharts-range-input rect {
    fill: none; }
  .chart__vacation .highcharts-range-input text {
    fill: #333333; }
  .chart__vacation .highcharts-range-input {
    stroke-width: 1px;
    stroke: #cccccc; }
  .chart__vacation input.highcharts-range-selector {
    position: absolute;
    border: 0;
    width: 1px;
    /* Chrome needs a pixel to see it */
    height: 1px;
    padding: 0;
    text-align: center;
    left: -9em;
    /* #4798 */ }
  .chart__vacation .highcharts-crosshair-label text {
    fill: #ffffff;
    font-size: 1.1em; }
  .chart__vacation .highcharts-crosshair-label .highcharts-label-box {
    fill: inherit; }
  .chart__vacation .highcharts-candlestick-series .highcharts-point {
    stroke: #000000;
    stroke-width: 1px; }
  .chart__vacation .highcharts-candlestick-series .highcharts-point-up {
    fill: #ffffff; }
  .chart__vacation .highcharts-ohlc-series .highcharts-point-hover {
    stroke-width: 3px; }
  .chart__vacation .highcharts-flags-series .highcharts-point .highcharts-label-box {
    stroke: #999999;
    fill: #ffffff;
    transition: fill 250ms; }
  .chart__vacation .highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
    stroke: #000000;
    fill: #ccd6eb; }
  .chart__vacation .highcharts-flags-series .highcharts-point text {
    fill: #000000;
    font-size: 0.9em;
    font-weight: 700; }
  .chart__vacation .highcharts-map-series .highcharts-point {
    transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
    stroke: #cccccc; }
  .chart__vacation .highcharts-map-series .highcharts-point-hover {
    transition: fill 0ms, fill-opacity 0ms;
    fill-opacity: 0.5;
    stroke-width: 2px; }
  .chart__vacation .highcharts-mapline-series .highcharts-point {
    fill: none; }
  .chart__vacation .highcharts-heatmap-series .highcharts-point {
    stroke-width: 0; }
  .chart__vacation .highcharts-map-navigation {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center; }
  .chart__vacation .highcharts-coloraxis {
    stroke-width: 0; }
  .chart__vacation .highcharts-coloraxis-marker {
    fill: #999999; }
  .chart__vacation .highcharts-null-point {
    fill: white; }
  .chart__vacation .highcharts-3d-frame {
    fill: transparent; }
  .chart__vacation .highcharts-contextbutton {
    fill: #ffffff;
    /* needed to capture hover */
    stroke: none;
    stroke-linecap: round; }
  .chart__vacation .highcharts-contextbutton:hover {
    fill: #f7f8fb;
    stroke: #f7f8fb; }
  .chart__vacation .highcharts-button-symbol {
    stroke: #f7f8fb;
    stroke-width: 3px; }
  .chart__vacation .highcharts-menu {
    border: 1px solid #999999;
    background: #ffffff;
    padding: 5px 0;
    box-shadow: 3px 3px 10px #888; }
  .chart__vacation .highcharts-menu-item {
    padding: 0.5em 1em;
    background: none;
    color: #333333;
    cursor: pointer;
    transition: background 250ms, color 250ms; }
  .chart__vacation .highcharts-menu-item:hover {
    background: #335cad;
    color: #ffffff; }
  .chart__vacation .highcharts-drilldown-point {
    cursor: pointer; }
  .chart__vacation .highcharts-drilldown-data-label text,
  .chart__vacation text.highcharts-drilldown-data-label,
  .chart__vacation .highcharts-drilldown-axis-label {
    cursor: pointer;
    fill: #003399;
    font-weight: 700;
    text-decoration: underline; }
  .chart__vacation .highcharts-no-data text {
    font-weight: 700;
    font-size: 12px;
    fill: #f7f8fb; }
  .chart__vacation .highcharts-axis-resizer {
    cursor: ns-resize;
    stroke: black;
    stroke-width: 2px; }
  .chart__vacation .highcharts-bullet-target {
    stroke-width: 0; }
  .chart__vacation .highcharts-lineargauge-target {
    stroke-width: 1px;
    stroke: #333333; }
  .chart__vacation .highcharts-lineargauge-target-line {
    stroke-width: 1px;
    stroke: #333333; }
  .chart__vacation .highcharts-annotation-label-box {
    stroke-width: 1px;
    stroke: #000000;
    fill: #000000;
    fill-opacity: 0.75; }
  .chart__vacation .highcharts-annotation-label text {
    fill: #f7f8fb; }
  .chart__vacation .highcharts-treegrid-node-collapsed,
  .chart__vacation .highcharts-treegrid-node-expanded {
    cursor: pointer; }
  .chart__vacation .highcharts-point-connecting-path {
    fill: none; }
  .chart__vacation .highcharts-grid-axis .highcharts-tick {
    stroke-width: 1px; }
  .chart__vacation .highcharts-grid-axis .highcharts-axis-line {
    stroke-width: 1px; }
  .chart__vacation .colored__auto {
    color: #dc002d; }
  .chart__vacation .chart__auto .chart__split + .chart__split:before {
    background-color: #d7e1f5; }
  .chart__vacation .colored__realestate {
    color: #7346aa; }
  .chart__vacation .chart__realestate .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__vacation .colored__vacation {
    color: #2d5fa0; }
  .chart__vacation .chart__vacation .chart__split + .chart__split:before {
    background-color: #3c78c8; }
  .chart__vacation .colored__employment {
    color: #04848c; }
  .chart__vacation .chart__employment .chart__split + .chart__split:before {
    background-color: #facdd2; }
  .chart__vacation .colored__consumption {
    color: #3c3c3c; }
  .chart__vacation .chart__consumption .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__vacation .colored__vacation__2 {
    color: #666666; }
  .chart__vacation .colored__test__2 {
    color: #666666; }
  .chart__vacation .chart {
    width: 100%; }
    .chart__vacation .chart__inner {
      position: relative;
      width: 100%;
      max-width: 756px;
      margin: 0 auto;
      text-align: center; }
    .chart__vacation .chart__global__head {
      width: 100%;
      padding-top: 20px; }
      .chart__vacation .chart__global__head h3 {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 5px; }
    .chart__vacation .chart__title {
      max-width: 720px;
      margin: 0 auto; }
      .chart__vacation .chart__title h2 {
        font-size: 22px;
        font-weight: bold;
        line-height: 1.5; }
        @media screen and (min-width: 768px) {
          .chart__vacation .chart__title h2 {
            font-size: 28px; } }
        @media print {
          .chart__vacation .chart__title h2 {
            font-size: 28px; } }
      .chart__vacation .chart__title h3 {
        font-size: 20px;
        font-weight: bold; }
      .chart__vacation .chart__title sup {
        font-size: 16px;
        top: -14px;
        font-weight: 700; }
    .chart__vacation .chart__subhead {
      text-align: center; }
      @media screen {
        .chart__vacation .chart__subhead {
          padding: 30px 10px 5px 10px; } }
      .chart__vacation .chart__subhead h3 {
        font-size: 20px;
        font-weight: bold; }
      .chart__vacation .chart__subhead .options__text + .options__input {
        margin-top: 15px; }
      .chart__vacation .chart__subhead .options__inputs {
        width: 100%; }
        @media screen and (min-width: 768px) {
          .chart__vacation .chart__subhead .options__inputs {
            display: flex; } }
        @media print {
          .chart__vacation .chart__subhead .options__inputs {
            display: flex; } }
        @media screen and (min-width: 768px) {
          .chart__vacation .chart__subhead .options__inputs .options__input {
            width: 50%; } }
        @media print {
          .chart__vacation .chart__subhead .options__inputs .options__input {
            width: 50%; } }
        @media screen and (min-width: 768px) {
          .chart__vacation .chart__subhead .options__inputs .options__input:nth-child(odd) .filter {
            margin-left: auto;
            margin-right: 15px; } }
        @media print {
          .chart__vacation .chart__subhead .options__inputs .options__input:nth-child(odd) .filter {
            margin-left: auto;
            margin-right: 15px; } }
        @media screen and (min-width: 768px) {
          .chart__vacation .chart__subhead .options__inputs .options__input:nth-child(even) .filter {
            margin-right: auto;
            margin-left: 15px; } }
        @media print {
          .chart__vacation .chart__subhead .options__inputs .options__input:nth-child(even) .filter {
            margin-right: auto;
            margin-left: 15px; } }
        .chart__vacation .chart__subhead .options__inputs .options__input + .options__input {
          margin-top: 10px; }
          @media screen and (min-width: 768px) {
            .chart__vacation .chart__subhead .options__inputs .options__input + .options__input {
              margin-top: 0; } }
          @media print {
            .chart__vacation .chart__subhead .options__inputs .options__input + .options__input {
              margin-top: 0; } }
    .chart__vacation .chart__options {
      position: relative;
      font-weight: 600;
      font-size: 13px; }
      .chart__vacation .chart__options:not(.noborder) {
        margin-top: 20px; }
        .chart__vacation .chart__options:not(.noborder):before, .chart__vacation .chart__options:not(.noborder):after {
          content: "";
          height: 1px;
          width: 100%;
          max-width: 486px;
          margin: 10px auto;
          display: block; }
        .chart__vacation .chart__options:not(.noborder):before {
          margin-bottom: 10px; }
        .chart__vacation .chart__options:not(.noborder):after {
          margin-top: 10px; }
      .chart__vacation .chart__options.noborder .options__inner {
        min-height: 44px; }
      .chart__vacation .chart__options .options__inner {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: wrap; }
        .chart__vacation .chart__options .options__inner .options__text,
        .chart__vacation .chart__options .options__inner .options__input {
          margin: auto 0;
          padding: 0 5px; }
        .chart__vacation .chart__options .options__inner .options__inputs {
          width: 100%;
          display: flex;
          flex-flow: wrap;
          justify-content: center; }
          @media screen and (min-width: 768px) {
            .chart__vacation .chart__options .options__inner .options__inputs {
              width: auto; } }
          @media print {
            .chart__vacation .chart__options .options__inner .options__inputs {
              width: auto; } }
          .chart__vacation .chart__options .options__inner .options__inputs + .options__inputs {
            margin-top: 8px; }
            @media screen and (min-width: 768px) {
              .chart__vacation .chart__options .options__inner .options__inputs + .options__inputs {
                margin-top: 0; } }
            @media print {
              .chart__vacation .chart__options .options__inner .options__inputs + .options__inputs {
                margin-top: 0; } }
    .chart__vacation .chart__body {
      width: 100%;
      font-size: 15px; }
      .chart__vacation .chart__body strong {
        font-weight: 600; }
      .chart__vacation .chart__body .chart__sankey {
        margin-top: 80px;
        margin-bottom: 20px;
        padding: 0; }
        .chart__vacation .chart__body .chart__sankey [data-highcharts-chart] {
          overflow: visible !important; }
        .chart__vacation .chart__body .chart__sankey .highcharts-node.highcharts-color-0 {
          display: none; }
        .chart__vacation .chart__body .chart__sankey .chart__inner {
          position: relative; }
          @media screen and (min-width: 768px) {
            .chart__vacation .chart__body .chart__sankey .chart__inner {
              padding-left: 100px; } }
          @media print {
            .chart__vacation .chart__body .chart__sankey .chart__inner {
              padding-left: 100px; } }
          @media screen and (min-width: 768px) {
            .chart__vacation .chart__body .chart__sankey .chart__inner:before {
              content: "";
              position: absolute;
              top: -6px;
              left: 0;
              height: calc(50% + 10px);
              width: 80px;
              background-image: url("/assets/images/line-dotted.svg");
              background-repeat: no-repeat;
              background-position: 100% 50%; } }
          @media print {
            .chart__vacation .chart__body .chart__sankey .chart__inner:before {
              content: "";
              position: absolute;
              top: -6px;
              left: 0;
              height: calc(50% + 10px);
              width: 80px;
              background-image: url("/assets/images/line-dotted.svg");
              background-repeat: no-repeat;
              background-position: 100% 50%; } }
        .chart__vacation .chart__body .chart__sankey .highcharts-sankey-series .highcharts-link {
          fill-opacity: 1; }
        .chart__vacation .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0 {
          position: relative;
          height: 100%; }
          .chart__vacation .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0 .highcharts-data-label-hidden {
            opacity: 1 !important; }
          .chart__vacation .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
            position: absolute;
            top: 0;
            right: 8px;
            width: 6px;
            height: 100%; }
            @media screen and (min-width: 768px) {
              .chart__vacation .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
                content: ""; } }
            @media print {
              .chart__vacation .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
                content: ""; } }
          .chart__vacation .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
            position: absolute;
            top: 50%;
            right: 0px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 15px 10px 15px 0;
            transform: translateX(-100%) translateY(-50%); }
            @media screen and (min-width: 768px) {
              .chart__vacation .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
                content: ""; } }
            @media print {
              .chart__vacation .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
                content: ""; } }
        .chart__vacation .chart__body .chart__sankey .highcharts-sankey-series.highcharts-data-labels .highcharts-data-label-color-2 {
          top: 0 !important; }
        .chart__vacation .chart__body .chart__sankey .highcharts-sankey-series .highcharts-node.highcharts-color-2 {
          pointer-events: none; }
        .chart__vacation .chart__body .chart__sankey .label__from {
          width: 140px !important; }
          @media screen and (min-width: 768px) {
            .chart__vacation .chart__body .chart__sankey .label__from {
              width: 160px !important;
              text-align: center;
              transform: translateX(-50%);
              margin-left: -40px; } }
          @media print {
            .chart__vacation .chart__body .chart__sankey .label__from {
              width: 160px !important;
              text-align: center;
              transform: translateX(-50%);
              margin-left: -40px; } }
          .chart__vacation .chart__body .chart__sankey .label__from b {
            display: block;
            font-family: "PSM";
            font-size: 18px;
            transform: translateY(-50px);
            white-space: initial; }
            @media screen and (min-width: 768px) {
              .chart__vacation .chart__body .chart__sankey .label__from b {
                transform: translateY(-50px); } }
            @media print {
              .chart__vacation .chart__body .chart__sankey .label__from b {
                transform: translateY(-50px); } }
        .chart__vacation .chart__body .chart__sankey .label__to__all {
          position: absolute;
          top: 0;
          right: 0%;
          text-align: left;
          width: 120px; }
          .chart__vacation .chart__body .chart__sankey .label__to__all b {
            display: block;
            width: 100%;
            font-family: "PSM";
            font-size: 18px;
            line-height: 1.2;
            transform: translateY(-50px) translateX(0%); }
        .chart__vacation .chart__body .chart__sankey .label__other {
          position: relative;
          transform: translateX(40px) translateY(0%);
          width: 10px;
          height: 100%; }
          .chart__vacation .chart__body .chart__sankey .label__other .triangle {
            position: absolute;
            top: 50%;
            left: 15px;
            width: 0px;
            height: 0;
            transform: translateY(-50%);
            border-style: solid; }
          .chart__vacation .chart__body .chart__sankey .label__other span {
            position: absolute;
            top: 50%;
            left: 40px;
            display: block;
            transform: translateY(-50%);
            font-size: 12px;
            margin-top: -5px;
            font-weight: 400;
            white-space: initial;
            width: 80px; }
            @media screen and (min-width: 768px) {
              .chart__vacation .chart__body .chart__sankey .label__other span {
                width: auto;
                white-space: nowrap; } }
            @media print {
              .chart__vacation .chart__body .chart__sankey .label__other span {
                width: auto;
                white-space: nowrap; } }
        .chart__vacation .chart__body .chart__sankey .label__to {
          position: relative;
          left: 0;
          width: 120px;
          margin-left: 0px;
          text-align: left; }
          @media screen and (min-width: 768px) {
            .chart__vacation .chart__body .chart__sankey .label__to {
              width: 140px; } }
          @media print {
            .chart__vacation .chart__body .chart__sankey .label__to {
              width: 140px; } }
          .chart__vacation .chart__body .chart__sankey .label__to[style="font-weight: bold;"] .city {
            font-weight: 700; }
          .chart__vacation .chart__body .chart__sankey .label__to:not(.label__to__same) {
            transform: translateX(100%) translateY(50%); }
            .chart__vacation .chart__body .chart__sankey .label__to:not(.label__to__same) .triangle {
              top: 50%;
              transform: translateY(-50%) translateX(-10px); }
          .chart__vacation .chart__body .chart__sankey .label__to.label__to__same {
            position: absolute;
            transform: translateX(10px);
            left: 0;
            top: 0; }
            .chart__vacation .chart__body .chart__sankey .label__to.label__to__same .triangle {
              transform: translateX(-10px);
              top: 0; }
          .chart__vacation .chart__body .chart__sankey .label__to .triangle {
            position: absolute;
            right: 100%;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: transparent transparent transparent white; }
          .chart__vacation .chart__body .chart__sankey .label__to .city {
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
            padding-left: 0px;
            font-size: 12px;
            font-weight: 400;
            transform: translateX(-5px); }
            @media screen and (min-width: 768px) {
              .chart__vacation .chart__body .chart__sankey .label__to .city {
                transform: translateX(0px); } }
            @media print {
              .chart__vacation .chart__body .chart__sankey .label__to .city {
                transform: translateX(0px); } }
            .chart__vacation .chart__body .chart__sankey .label__to .city span {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              display: block;
              width: 100%;
              margin: auto 0;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
    .chart__vacation .chart .chart__realestate .chart__sankey .triangle.color-1 {
      border-color: transparent transparent transparent #ffd74b; }
    .chart__vacation .chart .chart__realestate .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
      background-color: #3c3c3c; }
    .chart__vacation .chart .chart__realestate .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
      border-color: transparent #3c3c3c transparent transparent; }
    .chart__vacation .chart .chart__realestate .chart__sankey .highcharts-sankey-series .label__to .triangle {
      border-color: transparent transparent transparent #5a3787; }
    .chart__vacation .chart .chart__vacation .chart__sankey .triangle.color-1 {
      border-color: transparent transparent transparent #ffd74b; }
    .chart__vacation .chart .chart__vacation .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:before {
      background-color: #3c3c3c; }
    .chart__vacation .chart .chart__vacation .chart__sankey .highcharts-sankey-series.highcharts-data-labels.highcharts-series-0:after {
      border-color: transparent #3c3c3c transparent transparent; }
    .chart__vacation .chart .chart__vacation .chart__sankey .highcharts-sankey-series .label__to .triangle {
      border-color: transparent transparent transparent #ffbe00; }
    .chart__vacation .chart__core {
      width: 100%; }
      @media screen {
        .chart__vacation .chart__core {
          display: flex;
          flex-wrap: wrap; } }
      .chart__vacation .chart__core .chart__nosplit {
        position: relative;
        width: 100%;
        padding: 0 10px; }
        .chart__vacation .chart__core .chart__nosplit .chart__map {
          max-width: 480px;
          margin: 0 auto; }
      .chart__vacation .chart__core.split__invert {
        display: flex;
        flex-flow: wrap-reverse; }
        @media screen and (min-width: 768px) {
          .chart__vacation .chart__core.split__invert {
            flex-flow: wrap; } }
        @media print {
          .chart__vacation .chart__core.split__invert {
            flex-flow: wrap; } }
        .chart__vacation .chart__core.split__invert .cmp__edito {
          min-height: 0;
          padding: 20px 0; }
      @media screen and (min-width: 768px) {
        .chart__vacation .chart__core.invert {
          display: flex;
          flex-flow: row-reverse; } }
      @media print {
        .chart__vacation .chart__core.invert {
          display: flex;
          flex-flow: row-reverse; } }
      .chart__vacation .chart__core:not(.split__invert) .chart__split .cmp__edito {
        min-height: 0;
        padding: 20px 0; }
        @media screen and (min-width: 768px) {
          .chart__vacation .chart__core:not(.split__invert) .chart__split .cmp__edito {
            min-height: 460px;
            padding: 20px 10px; } }
      .chart__vacation .chart__core:not(.split__invert) .chart__split + .chart__split:before {
        content: "";
        width: 100%;
        height: 1px;
        display: block;
        margin: 20px 0 10px 0; }
        @media screen and (min-width: 768px) {
          .chart__vacation .chart__core:not(.split__invert) .chart__split + .chart__split:before {
            content: initial; } }
        @media print {
          .chart__vacation .chart__core:not(.split__invert) .chart__split + .chart__split:before {
            content: initial; } }
      .chart__vacation .chart__core .chart__split {
        position: relative;
        width: 100%;
        padding: 0 10px; }
        @media screen and (min-width: 768px) {
          .chart__vacation .chart__core .chart__split {
            width: 50%;
            padding: 0; } }
        @media print {
          .chart__vacation .chart__core .chart__split {
            width: 100%;
            padding: 0; } }
        .chart__vacation .chart__core .chart__split.split__left {
          text-align: left; }
          @media screen and (min-width: 768px) {
            .chart__vacation .chart__core .chart__split.split__left {
              padding-right: 10px; } }
        .chart__vacation .chart__core .chart__split.split__right {
          text-align: right; }
          @media screen and (min-width: 768px) {
            .chart__vacation .chart__core .chart__split.split__right {
              padding-left: 10px; } }
    .chart__vacation .chart__histogram {
      padding: 20px 0; }
      @media screen and (min-width: 768px) {
        .chart__vacation .chart__histogram {
          padding: 20px; } }
    .chart__vacation .chart__histogram .call-to-action, .chart__vacation .chart__map .call-to-action {
      text-align: right;
      margin-top: 20px; }
    .chart__vacation .chart__histogram .chart__title, .chart__vacation .chart__map .chart__title {
      text-align: center;
      margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .chart__vacation .chart__map {
        padding: 20px; } }
    .chart__vacation .chart__map .interactive path {
      cursor: pointer;
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease; }
      .chart__vacation .chart__map .interactive path:hover {
        fill-opacity: 0.8; }
    .chart__vacation .chart__title {
      margin-top: 24px;
      padding: 0 30px; }
      .chart__vacation .chart__title br {
        display: none; }
        @media screen and (min-width: 768px) {
          .chart__vacation .chart__title br {
            display: block; } }
  .chart__vacation .input {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    .chart__vacation .input input[type="radio"] {
      appearance: none;
      position: absolute;
      opacity: 0;
      width: 0;
      height: 0;
      padding: 0; }
    .chart__vacation .input input:checked + .radio__like:before {
      opacity: 1; }
    .chart__vacation .input input[type="checkbox"].cmp__switcher {
      height: 0;
      width: 0;
      visibility: hidden;
      appearance: none;
      -webkit-appearance: none; }
      .chart__vacation .input input[type="checkbox"].cmp__switcher:checked ~ .switcher__like:after {
        left: calc(100% - 3px);
        transform: translateX(-100%) translateY(-50%); }
    .chart__vacation .input .radio__label, .chart__vacation .input .radio__like {
      cursor: pointer; }
    .chart__vacation .input .radio__label {
      padding-left: 25px;
      padding-right: 10px; }
    .chart__vacation .input .radio__like {
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden; }
      .chart__vacation .input .radio__like svg {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 95px;
        height: 17px;
        transform: translateX(-50%); }
      .chart__vacation .input .radio__like:before {
        content: "";
        pointer-events: none;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5;
        width: 10px;
        height: 10px;
        transform: translateY(-50%) translateX(-50%);
        background-color: white;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease; }
      .chart__vacation .input .radio__like:hover:before {
        opacity: 0.3; }
    .chart__vacation .input .switcher__label, .chart__vacation .input .switcher__like {
      cursor: pointer; }
    .chart__vacation .input .switcher__label {
      padding: 0 5px; }
      .chart__vacation .input .switcher__label.label__on {
        padding-right: 15px; }
      .chart__vacation .input .switcher__label.label__off {
        padding-left: 15px; }
    .chart__vacation .input .switcher__like {
      cursor: pointer;
      text-indent: -9999px;
      width: 40px;
      height: 20px;
      display: block;
      border-radius: 100px;
      position: relative;
      margin-top: auto;
      margin-bottom: auto;
      overflow: hidden; }
      .chart__vacation .input .switcher__like svg {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 95px;
        height: 17px;
        transform: translateX(-50%); }
      .chart__vacation .input .switcher__like:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 3px;
        transform: translateY(-50%);
        background: #fff;
        -webkit-border-radius: 90px;
        -moz-border-radius: 90px;
        -ms-border-radius: 90px;
        border-radius: 90px;
        box-sizing: border-box;
        height: 15px;
        width: 15px;
        border: 1px solid #e0e7ff;
        background: linear-gradient(180deg, #eaeaea 0%, #ffffff 100%);
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
        transition: 0.3s; }
      .chart__vacation .input .switcher__like:hover:after {
        opacity: 0.8; }
      .chart__vacation .input .switcher__like:active:after {
        width: 30px; }
  .chart__vacation .colored__auto {
    color: #dc002d; }
  .chart__vacation .chart__auto .chart__split + .chart__split:before {
    background-color: #d7e1f5; }
  .chart__vacation .colored__realestate {
    color: #7346aa; }
  .chart__vacation .chart__realestate .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__vacation .colored__vacation {
    color: #2d5fa0; }
  .chart__vacation .chart__vacation .chart__split + .chart__split:before {
    background-color: #3c78c8; }
  .chart__vacation .colored__employment {
    color: #04848c; }
  .chart__vacation .chart__employment .chart__split + .chart__split:before {
    background-color: #facdd2; }
  .chart__vacation .colored__consumption {
    color: #3c3c3c; }
  .chart__vacation .chart__consumption .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__vacation .colored__vacation__2 {
    color: #666666; }
  .chart__vacation .colored__test__2 {
    color: #666666; }
  .chart__vacation .chart__options__auto:before, .chart__vacation .chart__options__auto:after {
    background-color: #d7e1f5; }
  .chart__vacation .chart__options__realestate:before, .chart__vacation .chart__options__realestate:after {
    background-color: #e6d7f0; }
  .chart__vacation .chart__options__vacation:before, .chart__vacation .chart__options__vacation:after {
    background-color: #7346aa; }
  .chart__vacation .chart__options__employment:before, .chart__vacation .chart__options__employment:after, .chart__vacation #7346aa:before, .chart__vacation #7346aa:after {
    background-color: consumption, #7346aa; }
  .chart__vacation .chart__options__auto .input .radio__like {
    background-color: #dc002d;
    color: #870019; }
  .chart__vacation .chart__options__auto .input .switcher__like {
    background-color: #dc002d;
    color: #870019; }
  .chart__vacation .chart__options__realestate .input .radio__like {
    background-color: #7346aa;
    color: #412864; }
  .chart__vacation .chart__options__realestate .input .switcher__like {
    background-color: #7346aa;
    color: #412864; }
  .chart__vacation .chart__options__vacation .input .radio__like {
    background-color: #7346aa;
    color: #e6d7f0; }
  .chart__vacation .chart__options__vacation .input .switcher__like {
    background-color: #7346aa;
    color: #e6d7f0; }
  .chart__vacation .cmp__edito {
    text-align: left;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    min-height: 460px; }
    .chart__vacation .cmp__edito .cmp__inner {
      position: relative;
      width: 100%;
      margin: auto; }
      .chart__vacation .cmp__edito .cmp__inner .pix {
        width: 100%; }
        .chart__vacation .cmp__edito .cmp__inner .pix img {
          display: block;
          width: 100%; }
        .chart__vacation .cmp__edito .cmp__inner .pix + .edito {
          margin-top: 30px; }
      .chart__vacation .cmp__edito .cmp__inner .edito {
        font-size: 15px;
        width: 100%; }
        .chart__vacation .cmp__edito .cmp__inner .edito + .call-to-action {
          margin-top: 30px; }
    .chart__vacation .cmp__edito .call-to-action {
      width: 100%;
      text-align: right; }
      .chart__vacation .cmp__edito .call-to-action .btn {
        width: auto;
        margin-left: auto;
        margin-right: 0; }
  .chart__vacation .filter {
    margin: 0 auto; }
    .chart__vacation .filter:not(.filter__large) {
      max-width: 240px; }
    .chart__vacation .filter.filter__large {
      max-width: 300px; }
  .chart__vacation .legends__map {
    display: flex;
    flex-flow: wrap;
    padding: 5px 0;
    align-items: center;
    justify-content: center;
    margin-top: 20px; }
    .chart__vacation .legends__map span br {
      display: none; }
      @media screen and (min-width: 768px) {
        .chart__vacation .legends__map span br {
          display: inline-block; } }
    .chart__vacation .legends__map span.empty {
      display: block;
      min-width: 30px; }
    .chart__vacation .legends__map + .link__wrapp {
      font-size: 11px;
      font-weight: 600; }
  .chart__vacation .legends__mode__evolution:before {
    content: attr(data-legend-text);
    display: block;
    width: 100%;
    margin-bottom: 8px;
    font-size: 11px; }
  .chart__vacation .legends .legend {
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3; }
    @media screen and (min-width: 768px) {
      .chart__vacation .legends .legend {
        font-size: 12px; } }
    .chart__vacation .legends .legend__min {
      padding-right: 5px;
      text-align: right;
      max-width: calc(50% - 66px); }
    .chart__vacation .legends .legend__max {
      text-align: left;
      padding-left: 5px;
      max-width: calc(50% - 66px); }
    .chart__vacation .legends .legend__colors {
      position: relative;
      display: flex;
      flex-flow: wrap;
      justify-content: center; }
      .chart__vacation .legends .legend__colors:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        background-color: #e0e0e0;
        width: calc(100% - 10px);
        height: 24px;
        transform: translateX(-50%) translateY(-50%);
        border-radius: 6px; }
      .chart__vacation .legends .legend__colors .color {
        position: relative;
        width: 16px;
        height: 16px; }
  .chart__vacation .colored__auto {
    color: #dc002d; }
  .chart__vacation .chart__auto .chart__split + .chart__split:before {
    background-color: #d7e1f5; }
  .chart__vacation .colored__realestate {
    color: #7346aa; }
  .chart__vacation .chart__realestate .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__vacation .colored__vacation {
    color: #2d5fa0; }
  .chart__vacation .chart__vacation .chart__split + .chart__split:before {
    background-color: #3c78c8; }
  .chart__vacation .colored__employment {
    color: #04848c; }
  .chart__vacation .chart__employment .chart__split + .chart__split:before {
    background-color: #facdd2; }
  .chart__vacation .colored__consumption {
    color: #3c3c3c; }
  .chart__vacation .chart__consumption .chart__split + .chart__split:before {
    background-color: #ffd74b; }
  .chart__vacation .colored__vacation__2 {
    color: #666666; }
  .chart__vacation .colored__test__2 {
    color: #666666; }
  .chart__vacation .filter__control {
    position: relative;
    border-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    box-shadow: none !important; }
    .chart__vacation .filter__control.filter__control--is-menu-open .filter__dropdown-indicator:before {
      content: "\F068"; }
  .chart__vacation .filter__control--is-focused {
    border-color: transparent; }
  .chart__vacation .filter__indicator-separator {
    display: none; }
  .chart__vacation .filter__value-container {
    padding: 0;
    width: 100%;
    align-items: flex-start; }
    .chart__vacation .filter__value-container .filter__single-value {
      font-size: 16px;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding-right: 30px;
      margin-left: 0; }
      @media screen and (min-width: 768px) {
        .chart__vacation .filter__value-container .filter__single-value {
          padding-right: 24px;
          font-size: 13px; } }
    .chart__vacation .filter__value-container input {
      width: 100%;
      height: 24px;
      font-size: 16px !important; }
      @media screen and (min-width: 768px) {
        .chart__vacation .filter__value-container input {
          font-size: 13px !important; } }
  .chart__vacation .filter.filter__icon__ .filter__input {
    pointer-events: none; }
  .chart__vacation .filter.filter__icon__ .filter__value-container .filter__placeholder {
    color: #666666; }
  .chart__vacation .filter:not(.filter__icon__) .filter__value-container .filter__placeholder {
    color: #c1c1c1; }
  .chart__vacation .filter:not(.filter__icon__).filter__icon__search .filter__dropdown-indicator svg {
    display: none; }
  .chart__vacation .filter:not(.filter__icon__).filter__icon__search .filter__dropdown-indicator:before {
    content: "\F002"; }
  .chart__vacation .filter__indicators {
    height: 38px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%); }
  .chart__vacation .filter__dropdown-indicator {
    color: #333333 !important; }
    .chart__vacation .filter__dropdown-indicator:before {
      font-family: "Font Awesome 5 Pro"; }
  .chart__vacation .filter__single-value {
    padding: 0 8px;
    border-radius: 2px;
    font-size: 12px; }
  .chart__vacation .filter__menu {
    margin: 0 auto;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25); }
    .chart__vacation .filter__menu .filter__option {
      color: inherit;
      font-size: 13px;
      height: auto;
      min-height: 26px; }
      .chart__vacation .filter__menu .filter__option:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        opacity: 0; }
      .chart__vacation .filter__menu .filter__option:hover {
        background-color: transparent; }
        .chart__vacation .filter__menu .filter__option:hover:before {
          opacity: 1; }
    .chart__vacation .filter__menu .filter__option--no-options {
      background-color: red !important; }
  .chart__vacation .filter__option {
    text-align: left;
    background-color: white;
    position: relative;
    color: #333333;
    font-size: 13px;
    font-weight: 600;
    min-height: 28px;
    cursor: pointer; }
    .chart__vacation .filter__option--is-focused {
      background-color: #00395e;
      color: white; }
  .chart__vacation .filter__group {
    padding: 0; }
  .chart__vacation .filter__noclose .filter__clear-indicator {
    display: none; }
  .chart__vacation .filter__clear-indicator {
    position: absolute;
    left: 100%;
    width: 20px;
    height: 20px;
    background-color: #666666;
    border-radius: 50%;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important; }
    .chart__vacation .filter__clear-indicator svg {
      display: none; }
    .chart__vacation .filter__clear-indicator:before {
      font-family: "Font Awesome 5 Pro";
      content: "\F00D";
      color: white;
      text-align: center;
      margin: auto;
      font-size: 10px; }
  .chart__vacation .filter__control {
    color: #000000;
    font-size: 13px;
    font-weight: 600; }
    .chart__vacation .filter__control:hover {
      opacity: 0.8; }
  .chart__vacation .filter__auto.filter__icon__ .filter__control {
    border-color: #facdd2;
    background-color: #facdd2; }
    .chart__vacation .filter__auto.filter__icon__ .filter__control:hover {
      border-color: #facdd2; }
    .chart__vacation .filter__auto.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: #facdd2; }
  .chart__vacation .filter__auto.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__vacation .filter__auto.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__vacation .filter__auto:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #facdd2;
    background-color: white; }
    .chart__vacation .filter__auto:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #facdd2; }
    .chart__vacation .filter__auto:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: white; }
  .chart__vacation .filter__realestate.filter__icon__ .filter__control {
    border-color: #facdd2;
    background-color: #facdd2; }
    .chart__vacation .filter__realestate.filter__icon__ .filter__control:hover {
      border-color: #facdd2; }
    .chart__vacation .filter__realestate.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: #facdd2; }
  .chart__vacation .filter__realestate.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(242, 235, 247, 0.3); }
  .chart__vacation .filter__realestate.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(242, 235, 247, 0.3); }
  .chart__vacation .filter__realestate:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #facdd2;
    background-color: white; }
    .chart__vacation .filter__realestate:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #facdd2; }
    .chart__vacation .filter__realestate:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: white; }
  .chart__vacation .filter__vacation.filter__icon__ .filter__control {
    border-color: #fff0cd;
    background-color: #fff0cd; }
    .chart__vacation .filter__vacation.filter__icon__ .filter__control:hover {
      border-color: #fff0cd; }
    .chart__vacation .filter__vacation.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #fff0cd;
      background-color: #fff0cd; }
  .chart__vacation .filter__vacation.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(255, 247, 230, 0.3); }
  .chart__vacation .filter__vacation.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(255, 247, 230, 0.3); }
  .chart__vacation .filter__vacation:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #fff0cd;
    background-color: white; }
    .chart__vacation .filter__vacation:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #fff0cd; }
    .chart__vacation .filter__vacation:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #fff0cd;
      background-color: white; }
  .chart__vacation .filter__employment.filter__icon__ .filter__control {
    border-color: #facdd2;
    background-color: #facdd2; }
    .chart__vacation .filter__employment.filter__icon__ .filter__control:hover {
      border-color: #facdd2; }
    .chart__vacation .filter__employment.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: #facdd2; }
  .chart__vacation .filter__employment.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__vacation .filter__employment.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(250, 205, 210, 0.3); }
  .chart__vacation .filter__employment:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #facdd2;
    background-color: white; }
    .chart__vacation .filter__employment:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #facdd2; }
    .chart__vacation .filter__employment:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #facdd2;
      background-color: white; }
  .chart__vacation .filter__consumption.filter__icon__ .filter__control {
    border-color: #ffe381;
    background-color: #ffe381; }
    .chart__vacation .filter__consumption.filter__icon__ .filter__control:hover {
      border-color: #ffe381; }
    .chart__vacation .filter__consumption.filter__icon__ .filter__control.filter__control--is-focused {
      border-color: #ffe381;
      background-color: #ffe381; }
  .chart__vacation .filter__consumption.filter__icon__ .filter__menu .filter__option:before {
    background-color: rgba(255, 227, 129, 0.3); }
  .chart__vacation .filter__consumption.filter__icon__ .filter__menu .filter__option:nth-child(odd) {
    background-color: rgba(255, 227, 129, 0.3); }
  .chart__vacation .filter__consumption:not(.filter__icon__).filter__icon__search .filter__control {
    border-color: #ffe381;
    background-color: white; }
    .chart__vacation .filter__consumption:not(.filter__icon__).filter__icon__search .filter__control:hover {
      border-color: #ffe381; }
    .chart__vacation .filter__consumption:not(.filter__icon__).filter__icon__search .filter__control.filter__control--is-focused {
      border-color: #ffe381;
      background-color: white; }
  .chart__vacation .split__left .chart__histogram {
    padding-left: 0; }
  .chart__vacation .highcharts-container.chart__own {
    font-family: "Open Sans";
    /* Tooltip */ }
    .chart__vacation .highcharts-container.chart__own.chart-bar-vertical .highcharts-point-hover {
      fill: #dc002d !important; }
    .chart__vacation .highcharts-container.chart__own.chart-bar-vertical .axis__labels {
      width: auto;
      display: block; }
      .chart__vacation .highcharts-container.chart__own.chart-bar-vertical .axis__labels .axis__label__x {
        text-align: center;
        white-space: normal;
        margin: auto;
        min-width: 68px;
        font-size: 10px; }
    .chart__vacation .highcharts-container.chart__own .bar__value {
      color: #dc002d;
      font-size: 18px;
      font-weight: 800;
      font-family: "PSM"; }
    .chart__vacation .highcharts-container.chart__own .highcharts-xaxis-labels {
      width: 100%;
      left: 0 !important; }
    .chart__vacation .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels {
      width: 100%;
      display: block;
      text-align: right;
      color: #333333;
      white-space: initial; }
      .chart__vacation .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels span {
        width: 100%;
        display: block;
        text-transform: none;
        text-align: right; }
        .chart__vacation .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels span.axis__label {
          width: 100% !important;
          font-weight: 400;
          font-size: 13px;
          color: inherit;
          line-height: 1.2;
          text-transform: none;
          margin-left: auto;
          margin-right: 0;
          padding-right: 10px;
          white-space: pre-wrap; }
      .chart__vacation .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels .axis__label__x {
        text-align: right; }
      .chart__vacation .highcharts-container.chart__own:not(.chart-bar-vertical) .axis__labels .axis__label__y {
        font-size: 10px; }
    .chart__vacation .highcharts-container.chart__own.chart-bar-vertical .axis__labels {
      text-align: center;
      line-height: 1; }
      .chart__vacation .highcharts-container.chart__own.chart-bar-vertical .axis__labels .axis__label__x {
        text-align: center; }
    .chart__vacation .highcharts-container.chart__own .axis__labels {
      color: #333333; }
      .chart__vacation .highcharts-container.chart__own .axis__labels span {
        top: 0;
        font-weight: 400;
        font-size: 13px;
        color: inherit;
        line-height: 1.2;
        text-transform: none; }
      .chart__vacation .highcharts-container.chart__own .axis__labels .axis__label__x {
        text-align: right; }
      .chart__vacation .highcharts-container.chart__own .axis__labels .axis__label__y {
        font-size: 10px; }
    .chart__vacation .highcharts-container.chart__own .highcharts-legend-item {
      pointer-events: none; }
      .chart__vacation .highcharts-container.chart__own .highcharts-legend-item.bar__ {
        font-weight: 600;
        font-size: 11px;
        padding-right: 5px; }
        @media screen and (min-width: 768px) {
          .chart__vacation .highcharts-container.chart__own .highcharts-legend-item.bar__ {
            font-size: 13px; } }
        .chart__vacation .highcharts-container.chart__own .highcharts-legend-item.bar__ span {
          transform: translateY(-5px); }
    .chart__vacation .highcharts-container.chart__own .highcharts-axis-labels {
      color: #333333;
      fill: #333333;
      font-size: 13px; }
    .chart__vacation .highcharts-container.chart__own .highcharts-background {
      background-color: transparent;
      fill: none; }
    .chart__vacation .highcharts-container.chart__own .highcharts-tooltip {
      cursor: default;
      pointer-events: none;
      white-space: nowrap;
      transition: stroke 150ms;
      min-width: 162px;
      width: 100%;
      max-width: 220px;
      z-index: 5000; }
    .chart__vacation .highcharts-container.chart__own .highcharts-tooltip text {
      fill: white; }
    .chart__vacation .highcharts-container.chart__own .highcharts-tooltip .highcharts-header {
      font-size: 0.85em; }
    .chart__vacation .highcharts-container.chart__own .highcharts-tooltip-box {
      stroke-width: 0;
      fill: white;
      fill-opacity: 1;
      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25); }
    .chart__vacation .highcharts-container.chart__own .highcharts-tooltip-box .highcharts-label-box {
      fill: white;
      fill-opacity: 0.85; }
  .chart__vacation .highcharts-container.chart-bar-top10 .highcharts-point.highcharts-color-1 {
    color: red;
    position: relative; }
    .chart__vacation .highcharts-container.chart-bar-top10 .highcharts-point.highcharts-color-1:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
      background-color: red;
      z-index: 100;
      fill: url("#uiPattern"); }
  .chart__vacation .uk-tooltip.tooltip-map {
    height: auto;
    display: block;
    min-width: 80px;
    max-width: 220px;
    padding: 10px;
    padding: 10px;
    transform: translateX(-50%) translateY(-50%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: white;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    opacity: 1;
    z-index: 5000 !important; }
    .chart__vacation .uk-tooltip.tooltip-map .tooltip__value b,
    .chart__vacation .uk-tooltip.tooltip-map .tooltip__value strong {
      font-family: "PSM";
      font-weight: 800; }
    .chart__vacation .uk-tooltip.tooltip-map .line {
      line-height: 1;
      font-size: 12px;
      font-weight: 600; }
      .chart__vacation .uk-tooltip.tooltip-map .line h3 {
        font-size: 14px; }
      .chart__vacation .uk-tooltip.tooltip-map .line b,
      .chart__vacation .uk-tooltip.tooltip-map .line strong {
        font-weight: 800;
        font-size: 22px; }
        .chart__vacation .uk-tooltip.tooltip-map .line b.point__value,
        .chart__vacation .uk-tooltip.tooltip-map .line strong.point__value {
          font-size: 22px; }
          .chart__vacation .uk-tooltip.tooltip-map .line b.point__value p,
          .chart__vacation .uk-tooltip.tooltip-map .line strong.point__value p {
            font-size: 18px; }
      .chart__vacation .uk-tooltip.tooltip-map .line span {
        color: #333333; }
  .chart__vacation .uk-tooltip.tooltip-chart {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    min-width: 100%;
    max-width: 220px;
    padding: 10px;
    padding: 10px;
    transform: translateX(-50%) translateY(-90%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: white;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    font-size: 13px;
    line-height: 1.2;
    font-weight: normal;
    white-space: initial;
    border: none;
    text-align: left; }
    .chart__vacation .uk-tooltip.tooltip-chart.tooltip-chartHorizontalBar {
      transform: translateX(-50%) translateY(-90%); }
    .chart__vacation .uk-tooltip.tooltip-chart.tooltip-chartbubble {
      transform: translateX(-50%) translateY(-90%); }
    .chart__vacation .uk-tooltip.tooltip-chart * {
      text-shadow: none; }
    .chart__vacation .uk-tooltip.tooltip-chart .line {
      line-height: 1; }
      .chart__vacation .uk-tooltip.tooltip-chart .line h3 {
        font-size: 14px; }
      .chart__vacation .uk-tooltip.tooltip-chart .line b,
      .chart__vacation .uk-tooltip.tooltip-chart .line strong {
        font-weight: 800; }
        .chart__vacation .uk-tooltip.tooltip-chart .line b.point__value,
        .chart__vacation .uk-tooltip.tooltip-chart .line strong.point__value {
          font-size: 22px; }
      .chart__vacation .uk-tooltip.tooltip-chart .line span {
        color: #333333; }
      .chart__vacation .uk-tooltip.tooltip-chart .line.line1 {
        font-weight: 600; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-1 {
      color: "grey" #9ba6b2; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-2 {
      color: "grey-light" #ccd4dd; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-3 {
      color: "grey-dark" #707982; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-4 {
      color: "purple" #8f4c98; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-5 {
      color: "purple-light" #bc92c1; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-6 {
      color: "purple-dark" #482856; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-7 {
      color: "pink" #e72c65; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-8 {
      color: "pink-light" #ee7999; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-9 {
      color: "pink-dark" #a52248; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-10 {
      color: "turquoise" #008c88; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-11 {
      color: "turquoise-light" #00aead; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-12 {
      color: "turquoise-dark" #136775; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-13 {
      color: "yellow" #ffc923; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-14 {
      color: "yellow-light" #ffee18; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-15 {
      color: "yellow-dark" #ff9622; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-16 {
      color: "green" #a3c515; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-17 {
      color: "green-light" #d8d90b; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-18 {
      color: "green-dark" #74cd50; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-19 {
      color: "cyan" #00a6c2; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-20 {
      color: "cyan-light" #7fc1da; }
    .chart__vacation .uk-tooltip.tooltip-chart .color-21 {
      color: "cyan-dark" #108ba4; }
  .chart__vacation .highcharts-tooltip-container {
    z-index: 9999 !important; }
    .chart__vacation .highcharts-tooltip-container .highcharts-root {
      display: none !important; }
    .chart__vacation .highcharts-tooltip-container .tooltip__chart__bar .uk-tooltip.tooltip-chart {
      min-width: 160px; }
    .chart__vacation .highcharts-tooltip-container .tooltip__chart__line .uk-tooltip.tooltip-chart {
      min-width: 140px; }
    .chart__vacation .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__employment .color-0 {
      color: #04848c; }
    .chart__vacation .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__employment .color-1 {
      color: #f05069; }
    .chart__vacation .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__consumption .color-0 {
      color: #3c3c3c; }
    .chart__vacation .highcharts-tooltip-container .tooltip__chart__line.tooltip__chart__consumption .color-1 {
      color: #faa000; }
    .chart__vacation .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__mini .uk-tooltip.tooltip-chart {
      min-width: 100px;
      text-align: center; }
    .chart__vacation .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__realestate .color-0 {
      color: #5a3787; }
    .chart__vacation .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__realestate .color-1 {
      color: #9b7dc3; }
    .chart__vacation .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__vacation .color-0 {
      color: #ffbe00; }
    .chart__vacation .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__vacation .color-1 {
      color: #ffd74b; }
    .chart__vacation .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__employment .color-0 {
      color: #04848c; }
    .chart__vacation .highcharts-tooltip-container .tooltip__chart__sankey.tooltip__chart__employment .color-1 {
      color: #f9b9c3; }
  @media screen {
    .chart__vacation .own-html.wf-active #mainHeader {
      transform: translateY(0);
      -webkit-transition: all 0.25s 0.5s ease;
      -moz-transition: all 0.25s 0.5s ease;
      -ms-transition: all 0.25s 0.5s ease;
      -o-transition: all 0.25s 0.5s ease;
      transition: all 0.25s 0.5s ease; }
    .chart__vacation .own-html.wf-active .banner.banner__top {
      transform: translateY(0);
      -webkit-transition: all 1s 0.25s ease;
      -moz-transition: all 1s 0.25s ease;
      -ms-transition: all 1s 0.25s ease;
      -o-transition: all 1s 0.25s ease;
      transition: all 1s 0.25s ease; }
      .chart__vacation .own-html.wf-active .banner.banner__top .banner__edito {
        transform: translateY(0%);
        opacity: 1;
        -webkit-transition: all 1s 0.25s ease;
        -moz-transition: all 1s 0.25s ease;
        -ms-transition: all 1s 0.25s ease;
        -o-transition: all 1s 0.25s ease;
        transition: all 1s 0.25s ease; }
        .chart__vacation .own-html.wf-active .banner.banner__top .banner__edito .banner__data {
          transform: translateY(0%);
          -webkit-transition: all 1.2s 0.25s ease;
          -moz-transition: all 1.2s 0.25s ease;
          -ms-transition: all 1.2s 0.25s ease;
          -o-transition: all 1.2s 0.25s ease;
          transition: all 1.2s 0.25s ease; }
    .chart__vacation .own-html.wf-active #sectionKey001 {
      opacity: 1;
      transform: translateY(0%);
      -webkit-transition: all 1.5s 1s ease;
      -moz-transition: all 1.5s 1s ease;
      -ms-transition: all 1.5s 1s ease;
      -o-transition: all 1.5s 1s ease;
      transition: all 1.5s 1s ease; }
      .chart__vacation .own-html.wf-active #sectionKey001 .chart__title {
        transform: translateY(0%);
        -webkit-transition: all 1.5s 1.2s ease;
        -moz-transition: all 1.5s 1.2s ease;
        -ms-transition: all 1.5s 1.2s ease;
        -o-transition: all 1.5s 1.2s ease;
        transition: all 1.5s 1.2s ease; }
      .chart__vacation .own-html.wf-active #sectionKey001 .chart__body {
        transform: translateY(0%);
        -webkit-transition: all 1.5s 1.1s ease;
        -moz-transition: all 1.5s 1.1s ease;
        -ms-transition: all 1.5s 1.1s ease;
        -o-transition: all 1.5s 1.1s ease;
        transition: all 1.5s 1.1s ease; }
    .chart__vacation .own-html.wf-active .nav__anchors {
      transform: translateX(0);
      -webkit-transition: all 2s 2s ease;
      -moz-transition: all 2s 2s ease;
      -ms-transition: all 2s 2s ease;
      -o-transition: all 2s 2s ease;
      transition: all 2s 2s ease; }
    .chart__vacation .own-html:not(.wf-active) #mainHeader {
      transform: translateY(-100%); }
    .chart__vacation .own-html:not(.wf-active) .banner.banner__top {
      transform: translateY(-100%); }
      .chart__vacation .own-html:not(.wf-active) .banner.banner__top .banner__edito {
        transform: translateY(-50%);
        opacity: 0; }
        .chart__vacation .own-html:not(.wf-active) .banner.banner__top .banner__edito .banner__data {
          transform: translateY(-100%); }
    .chart__vacation .own-html #sectionKey001 {
      opacity: 0;
      transform: translateY(50%); }
      .chart__vacation .own-html #sectionKey001 .chart__title {
        transform: translateY(25%); }
      .chart__vacation .own-html #sectionKey001 .chart__body {
        transform: translateY(50%); }
    .chart__vacation .own-html .nav__anchors {
      transform: translateX(-100%); } }
  .chart__vacation .highcharts-container.chart__own .highcharts-data-label-color-0 text {
    font-family: "PSM";
    fill: #e18700;
    font-weight: 800;
    font-size: 18px; }
  .chart__vacation .highcharts-container.chart__own .bar__value {
    padding-left: 5px;
    font-family: "PSM";
    color: #e18700;
    font-weight: 800;
    font-size: 18px;
    transform: translateY(-2px); }
    .chart__vacation .highcharts-container.chart__own .bar__value b {
      font-weight: 800; }
  .chart__vacation#chartVactionBookingPeriod .highcharts-axis-labels.highcharts-yaxis-labels {
    display: none; }
  .chart__vacation#chartVactionBookingPeriod .highcharts-grid.highcharts-yaxis-grid {
    display: none; }

.bar-under.clr-vacation:after {
  background-color: #ffbe00; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
.own-html.wf-active #chartVacationTypes .split__left .pix {
  opacity: 1;
  margin-left: 0;
  -webkit-transition: all 1s 1.5s ease;
  -moz-transition: all 1s 1.5s ease;
  -ms-transition: all 1s 1.5s ease;
  -o-transition: all 1s 1.5s ease;
  transition: all 1s 1.5s ease; }

.own-html.wf-active #chartVacationTypes .split__right .pix {
  opacity: 1;
  margin-right: 0;
  -webkit-transition: all 1s 1.5s ease;
  -moz-transition: all 1s 1.5s ease;
  -ms-transition: all 1s 1.5s ease;
  -o-transition: all 1s 1.5s ease;
  transition: all 1s 1.5s ease; }

.own-html.wf-active #chartVacationTypes .chart__circle .chart__mask {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 1s 2.25s ease;
  -moz-transition: all 1s 2.25s ease;
  -ms-transition: all 1s 2.25s ease;
  -o-transition: all 1s 2.25s ease;
  transition: all 1s 2.25s ease; }

.own-html.wf-active #chartVacationTypes .data__price .data__value {
  opacity: 1;
  -webkit-transition: all 1s 3s ease;
  -moz-transition: all 1s 3s ease;
  -ms-transition: all 1s 3s ease;
  -o-transition: all 1s 3s ease;
  transition: all 1s 3s ease; }

.own-html.wf-active #chartVacationTypes .data__engine {
  opacity: 1;
  -webkit-transition: all 1s 3.5s ease;
  -moz-transition: all 1s 3.5s ease;
  -ms-transition: all 1s 3.5s ease;
  -o-transition: all 1s 3.5s ease;
  transition: all 1s 3.5s ease; }

.own-html.wf-active #chartVacationTypes .box__data {
  opacity: 1;
  transform: translateY(0%);
  -webkit-transition: all 1s 3.25s ease;
  -moz-transition: all 1s 3.25s ease;
  -ms-transition: all 1s 3.25s ease;
  -o-transition: all 1s 3.25s ease;
  transition: all 1s 3.25s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="0"]:before {
    width: 0%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(0):before {
    -webkit-transition: all 0.25s 3.25s ease;
    -moz-transition: all 0.25s 3.25s ease;
    -ms-transition: all 0.25s 3.25s ease;
    -o-transition: all 0.25s 3.25s ease;
    transition: all 0.25s 3.25s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="1"]:before {
    width: 1%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(1):before {
    -webkit-transition: all 0.25s 3.35s ease;
    -moz-transition: all 0.25s 3.35s ease;
    -ms-transition: all 0.25s 3.35s ease;
    -o-transition: all 0.25s 3.35s ease;
    transition: all 0.25s 3.35s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="2"]:before {
    width: 2%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(2):before {
    -webkit-transition: all 0.25s 3.45s ease;
    -moz-transition: all 0.25s 3.45s ease;
    -ms-transition: all 0.25s 3.45s ease;
    -o-transition: all 0.25s 3.45s ease;
    transition: all 0.25s 3.45s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="3"]:before {
    width: 3%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(3):before {
    -webkit-transition: all 0.25s 3.55s ease;
    -moz-transition: all 0.25s 3.55s ease;
    -ms-transition: all 0.25s 3.55s ease;
    -o-transition: all 0.25s 3.55s ease;
    transition: all 0.25s 3.55s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="4"]:before {
    width: 4%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(4):before {
    -webkit-transition: all 0.25s 3.65s ease;
    -moz-transition: all 0.25s 3.65s ease;
    -ms-transition: all 0.25s 3.65s ease;
    -o-transition: all 0.25s 3.65s ease;
    transition: all 0.25s 3.65s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="5"]:before {
    width: 5%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(5):before {
    -webkit-transition: all 0.25s 3.75s ease;
    -moz-transition: all 0.25s 3.75s ease;
    -ms-transition: all 0.25s 3.75s ease;
    -o-transition: all 0.25s 3.75s ease;
    transition: all 0.25s 3.75s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="6"]:before {
    width: 6%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(6):before {
    -webkit-transition: all 0.25s 3.85s ease;
    -moz-transition: all 0.25s 3.85s ease;
    -ms-transition: all 0.25s 3.85s ease;
    -o-transition: all 0.25s 3.85s ease;
    transition: all 0.25s 3.85s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="7"]:before {
    width: 7%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(7):before {
    -webkit-transition: all 0.25s 3.95s ease;
    -moz-transition: all 0.25s 3.95s ease;
    -ms-transition: all 0.25s 3.95s ease;
    -o-transition: all 0.25s 3.95s ease;
    transition: all 0.25s 3.95s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="8"]:before {
    width: 8%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(8):before {
    -webkit-transition: all 0.25s 4.05s ease;
    -moz-transition: all 0.25s 4.05s ease;
    -ms-transition: all 0.25s 4.05s ease;
    -o-transition: all 0.25s 4.05s ease;
    transition: all 0.25s 4.05s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="9"]:before {
    width: 9%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(9):before {
    -webkit-transition: all 0.25s 4.15s ease;
    -moz-transition: all 0.25s 4.15s ease;
    -ms-transition: all 0.25s 4.15s ease;
    -o-transition: all 0.25s 4.15s ease;
    transition: all 0.25s 4.15s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="10"]:before {
    width: 10%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(10):before {
    -webkit-transition: all 0.25s 4.25s ease;
    -moz-transition: all 0.25s 4.25s ease;
    -ms-transition: all 0.25s 4.25s ease;
    -o-transition: all 0.25s 4.25s ease;
    transition: all 0.25s 4.25s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="11"]:before {
    width: 11%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(11):before {
    -webkit-transition: all 0.25s 4.35s ease;
    -moz-transition: all 0.25s 4.35s ease;
    -ms-transition: all 0.25s 4.35s ease;
    -o-transition: all 0.25s 4.35s ease;
    transition: all 0.25s 4.35s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="12"]:before {
    width: 12%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(12):before {
    -webkit-transition: all 0.25s 4.45s ease;
    -moz-transition: all 0.25s 4.45s ease;
    -ms-transition: all 0.25s 4.45s ease;
    -o-transition: all 0.25s 4.45s ease;
    transition: all 0.25s 4.45s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="13"]:before {
    width: 13%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(13):before {
    -webkit-transition: all 0.25s 4.55s ease;
    -moz-transition: all 0.25s 4.55s ease;
    -ms-transition: all 0.25s 4.55s ease;
    -o-transition: all 0.25s 4.55s ease;
    transition: all 0.25s 4.55s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="14"]:before {
    width: 14%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(14):before {
    -webkit-transition: all 0.25s 4.65s ease;
    -moz-transition: all 0.25s 4.65s ease;
    -ms-transition: all 0.25s 4.65s ease;
    -o-transition: all 0.25s 4.65s ease;
    transition: all 0.25s 4.65s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="15"]:before {
    width: 15%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(15):before {
    -webkit-transition: all 0.25s 4.75s ease;
    -moz-transition: all 0.25s 4.75s ease;
    -ms-transition: all 0.25s 4.75s ease;
    -o-transition: all 0.25s 4.75s ease;
    transition: all 0.25s 4.75s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="16"]:before {
    width: 16%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(16):before {
    -webkit-transition: all 0.25s 4.85s ease;
    -moz-transition: all 0.25s 4.85s ease;
    -ms-transition: all 0.25s 4.85s ease;
    -o-transition: all 0.25s 4.85s ease;
    transition: all 0.25s 4.85s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="17"]:before {
    width: 17%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(17):before {
    -webkit-transition: all 0.25s 4.95s ease;
    -moz-transition: all 0.25s 4.95s ease;
    -ms-transition: all 0.25s 4.95s ease;
    -o-transition: all 0.25s 4.95s ease;
    transition: all 0.25s 4.95s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="18"]:before {
    width: 18%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(18):before {
    -webkit-transition: all 0.25s 5.05s ease;
    -moz-transition: all 0.25s 5.05s ease;
    -ms-transition: all 0.25s 5.05s ease;
    -o-transition: all 0.25s 5.05s ease;
    transition: all 0.25s 5.05s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="19"]:before {
    width: 19%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(19):before {
    -webkit-transition: all 0.25s 5.15s ease;
    -moz-transition: all 0.25s 5.15s ease;
    -ms-transition: all 0.25s 5.15s ease;
    -o-transition: all 0.25s 5.15s ease;
    transition: all 0.25s 5.15s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="20"]:before {
    width: 20%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(20):before {
    -webkit-transition: all 0.25s 5.25s ease;
    -moz-transition: all 0.25s 5.25s ease;
    -ms-transition: all 0.25s 5.25s ease;
    -o-transition: all 0.25s 5.25s ease;
    transition: all 0.25s 5.25s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="21"]:before {
    width: 21%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(21):before {
    -webkit-transition: all 0.25s 5.35s ease;
    -moz-transition: all 0.25s 5.35s ease;
    -ms-transition: all 0.25s 5.35s ease;
    -o-transition: all 0.25s 5.35s ease;
    transition: all 0.25s 5.35s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="22"]:before {
    width: 22%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(22):before {
    -webkit-transition: all 0.25s 5.45s ease;
    -moz-transition: all 0.25s 5.45s ease;
    -ms-transition: all 0.25s 5.45s ease;
    -o-transition: all 0.25s 5.45s ease;
    transition: all 0.25s 5.45s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="23"]:before {
    width: 23%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(23):before {
    -webkit-transition: all 0.25s 5.55s ease;
    -moz-transition: all 0.25s 5.55s ease;
    -ms-transition: all 0.25s 5.55s ease;
    -o-transition: all 0.25s 5.55s ease;
    transition: all 0.25s 5.55s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="24"]:before {
    width: 24%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(24):before {
    -webkit-transition: all 0.25s 5.65s ease;
    -moz-transition: all 0.25s 5.65s ease;
    -ms-transition: all 0.25s 5.65s ease;
    -o-transition: all 0.25s 5.65s ease;
    transition: all 0.25s 5.65s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="25"]:before {
    width: 25%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(25):before {
    -webkit-transition: all 0.25s 5.75s ease;
    -moz-transition: all 0.25s 5.75s ease;
    -ms-transition: all 0.25s 5.75s ease;
    -o-transition: all 0.25s 5.75s ease;
    transition: all 0.25s 5.75s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="26"]:before {
    width: 26%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(26):before {
    -webkit-transition: all 0.25s 5.85s ease;
    -moz-transition: all 0.25s 5.85s ease;
    -ms-transition: all 0.25s 5.85s ease;
    -o-transition: all 0.25s 5.85s ease;
    transition: all 0.25s 5.85s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="27"]:before {
    width: 27%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(27):before {
    -webkit-transition: all 0.25s 5.95s ease;
    -moz-transition: all 0.25s 5.95s ease;
    -ms-transition: all 0.25s 5.95s ease;
    -o-transition: all 0.25s 5.95s ease;
    transition: all 0.25s 5.95s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="28"]:before {
    width: 28%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(28):before {
    -webkit-transition: all 0.25s 6.05s ease;
    -moz-transition: all 0.25s 6.05s ease;
    -ms-transition: all 0.25s 6.05s ease;
    -o-transition: all 0.25s 6.05s ease;
    transition: all 0.25s 6.05s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="29"]:before {
    width: 29%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(29):before {
    -webkit-transition: all 0.25s 6.15s ease;
    -moz-transition: all 0.25s 6.15s ease;
    -ms-transition: all 0.25s 6.15s ease;
    -o-transition: all 0.25s 6.15s ease;
    transition: all 0.25s 6.15s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="30"]:before {
    width: 30%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(30):before {
    -webkit-transition: all 0.25s 6.25s ease;
    -moz-transition: all 0.25s 6.25s ease;
    -ms-transition: all 0.25s 6.25s ease;
    -o-transition: all 0.25s 6.25s ease;
    transition: all 0.25s 6.25s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="31"]:before {
    width: 31%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(31):before {
    -webkit-transition: all 0.25s 6.35s ease;
    -moz-transition: all 0.25s 6.35s ease;
    -ms-transition: all 0.25s 6.35s ease;
    -o-transition: all 0.25s 6.35s ease;
    transition: all 0.25s 6.35s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="32"]:before {
    width: 32%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(32):before {
    -webkit-transition: all 0.25s 6.45s ease;
    -moz-transition: all 0.25s 6.45s ease;
    -ms-transition: all 0.25s 6.45s ease;
    -o-transition: all 0.25s 6.45s ease;
    transition: all 0.25s 6.45s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="33"]:before {
    width: 33%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(33):before {
    -webkit-transition: all 0.25s 6.55s ease;
    -moz-transition: all 0.25s 6.55s ease;
    -ms-transition: all 0.25s 6.55s ease;
    -o-transition: all 0.25s 6.55s ease;
    transition: all 0.25s 6.55s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="34"]:before {
    width: 34%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(34):before {
    -webkit-transition: all 0.25s 6.65s ease;
    -moz-transition: all 0.25s 6.65s ease;
    -ms-transition: all 0.25s 6.65s ease;
    -o-transition: all 0.25s 6.65s ease;
    transition: all 0.25s 6.65s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="35"]:before {
    width: 35%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(35):before {
    -webkit-transition: all 0.25s 6.75s ease;
    -moz-transition: all 0.25s 6.75s ease;
    -ms-transition: all 0.25s 6.75s ease;
    -o-transition: all 0.25s 6.75s ease;
    transition: all 0.25s 6.75s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="36"]:before {
    width: 36%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(36):before {
    -webkit-transition: all 0.25s 6.85s ease;
    -moz-transition: all 0.25s 6.85s ease;
    -ms-transition: all 0.25s 6.85s ease;
    -o-transition: all 0.25s 6.85s ease;
    transition: all 0.25s 6.85s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="37"]:before {
    width: 37%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(37):before {
    -webkit-transition: all 0.25s 6.95s ease;
    -moz-transition: all 0.25s 6.95s ease;
    -ms-transition: all 0.25s 6.95s ease;
    -o-transition: all 0.25s 6.95s ease;
    transition: all 0.25s 6.95s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="38"]:before {
    width: 38%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(38):before {
    -webkit-transition: all 0.25s 7.05s ease;
    -moz-transition: all 0.25s 7.05s ease;
    -ms-transition: all 0.25s 7.05s ease;
    -o-transition: all 0.25s 7.05s ease;
    transition: all 0.25s 7.05s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="39"]:before {
    width: 39%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(39):before {
    -webkit-transition: all 0.25s 7.15s ease;
    -moz-transition: all 0.25s 7.15s ease;
    -ms-transition: all 0.25s 7.15s ease;
    -o-transition: all 0.25s 7.15s ease;
    transition: all 0.25s 7.15s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="40"]:before {
    width: 40%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(40):before {
    -webkit-transition: all 0.25s 7.25s ease;
    -moz-transition: all 0.25s 7.25s ease;
    -ms-transition: all 0.25s 7.25s ease;
    -o-transition: all 0.25s 7.25s ease;
    transition: all 0.25s 7.25s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="41"]:before {
    width: 41%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(41):before {
    -webkit-transition: all 0.25s 7.35s ease;
    -moz-transition: all 0.25s 7.35s ease;
    -ms-transition: all 0.25s 7.35s ease;
    -o-transition: all 0.25s 7.35s ease;
    transition: all 0.25s 7.35s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="42"]:before {
    width: 42%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(42):before {
    -webkit-transition: all 0.25s 7.45s ease;
    -moz-transition: all 0.25s 7.45s ease;
    -ms-transition: all 0.25s 7.45s ease;
    -o-transition: all 0.25s 7.45s ease;
    transition: all 0.25s 7.45s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="43"]:before {
    width: 43%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(43):before {
    -webkit-transition: all 0.25s 7.55s ease;
    -moz-transition: all 0.25s 7.55s ease;
    -ms-transition: all 0.25s 7.55s ease;
    -o-transition: all 0.25s 7.55s ease;
    transition: all 0.25s 7.55s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="44"]:before {
    width: 44%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(44):before {
    -webkit-transition: all 0.25s 7.65s ease;
    -moz-transition: all 0.25s 7.65s ease;
    -ms-transition: all 0.25s 7.65s ease;
    -o-transition: all 0.25s 7.65s ease;
    transition: all 0.25s 7.65s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="45"]:before {
    width: 45%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(45):before {
    -webkit-transition: all 0.25s 7.75s ease;
    -moz-transition: all 0.25s 7.75s ease;
    -ms-transition: all 0.25s 7.75s ease;
    -o-transition: all 0.25s 7.75s ease;
    transition: all 0.25s 7.75s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="46"]:before {
    width: 46%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(46):before {
    -webkit-transition: all 0.25s 7.85s ease;
    -moz-transition: all 0.25s 7.85s ease;
    -ms-transition: all 0.25s 7.85s ease;
    -o-transition: all 0.25s 7.85s ease;
    transition: all 0.25s 7.85s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="47"]:before {
    width: 47%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(47):before {
    -webkit-transition: all 0.25s 7.95s ease;
    -moz-transition: all 0.25s 7.95s ease;
    -ms-transition: all 0.25s 7.95s ease;
    -o-transition: all 0.25s 7.95s ease;
    transition: all 0.25s 7.95s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="48"]:before {
    width: 48%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(48):before {
    -webkit-transition: all 0.25s 8.05s ease;
    -moz-transition: all 0.25s 8.05s ease;
    -ms-transition: all 0.25s 8.05s ease;
    -o-transition: all 0.25s 8.05s ease;
    transition: all 0.25s 8.05s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="49"]:before {
    width: 49%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(49):before {
    -webkit-transition: all 0.25s 8.15s ease;
    -moz-transition: all 0.25s 8.15s ease;
    -ms-transition: all 0.25s 8.15s ease;
    -o-transition: all 0.25s 8.15s ease;
    transition: all 0.25s 8.15s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="50"]:before {
    width: 50%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(50):before {
    -webkit-transition: all 0.25s 8.25s ease;
    -moz-transition: all 0.25s 8.25s ease;
    -ms-transition: all 0.25s 8.25s ease;
    -o-transition: all 0.25s 8.25s ease;
    transition: all 0.25s 8.25s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="51"]:before {
    width: 51%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(51):before {
    -webkit-transition: all 0.25s 8.35s ease;
    -moz-transition: all 0.25s 8.35s ease;
    -ms-transition: all 0.25s 8.35s ease;
    -o-transition: all 0.25s 8.35s ease;
    transition: all 0.25s 8.35s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="52"]:before {
    width: 52%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(52):before {
    -webkit-transition: all 0.25s 8.45s ease;
    -moz-transition: all 0.25s 8.45s ease;
    -ms-transition: all 0.25s 8.45s ease;
    -o-transition: all 0.25s 8.45s ease;
    transition: all 0.25s 8.45s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="53"]:before {
    width: 53%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(53):before {
    -webkit-transition: all 0.25s 8.55s ease;
    -moz-transition: all 0.25s 8.55s ease;
    -ms-transition: all 0.25s 8.55s ease;
    -o-transition: all 0.25s 8.55s ease;
    transition: all 0.25s 8.55s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="54"]:before {
    width: 54%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(54):before {
    -webkit-transition: all 0.25s 8.65s ease;
    -moz-transition: all 0.25s 8.65s ease;
    -ms-transition: all 0.25s 8.65s ease;
    -o-transition: all 0.25s 8.65s ease;
    transition: all 0.25s 8.65s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="55"]:before {
    width: 55%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(55):before {
    -webkit-transition: all 0.25s 8.75s ease;
    -moz-transition: all 0.25s 8.75s ease;
    -ms-transition: all 0.25s 8.75s ease;
    -o-transition: all 0.25s 8.75s ease;
    transition: all 0.25s 8.75s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="56"]:before {
    width: 56%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(56):before {
    -webkit-transition: all 0.25s 8.85s ease;
    -moz-transition: all 0.25s 8.85s ease;
    -ms-transition: all 0.25s 8.85s ease;
    -o-transition: all 0.25s 8.85s ease;
    transition: all 0.25s 8.85s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="57"]:before {
    width: 57%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(57):before {
    -webkit-transition: all 0.25s 8.95s ease;
    -moz-transition: all 0.25s 8.95s ease;
    -ms-transition: all 0.25s 8.95s ease;
    -o-transition: all 0.25s 8.95s ease;
    transition: all 0.25s 8.95s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="58"]:before {
    width: 58%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(58):before {
    -webkit-transition: all 0.25s 9.05s ease;
    -moz-transition: all 0.25s 9.05s ease;
    -ms-transition: all 0.25s 9.05s ease;
    -o-transition: all 0.25s 9.05s ease;
    transition: all 0.25s 9.05s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="59"]:before {
    width: 59%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(59):before {
    -webkit-transition: all 0.25s 9.15s ease;
    -moz-transition: all 0.25s 9.15s ease;
    -ms-transition: all 0.25s 9.15s ease;
    -o-transition: all 0.25s 9.15s ease;
    transition: all 0.25s 9.15s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="60"]:before {
    width: 60%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(60):before {
    -webkit-transition: all 0.25s 9.25s ease;
    -moz-transition: all 0.25s 9.25s ease;
    -ms-transition: all 0.25s 9.25s ease;
    -o-transition: all 0.25s 9.25s ease;
    transition: all 0.25s 9.25s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="61"]:before {
    width: 61%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(61):before {
    -webkit-transition: all 0.25s 9.35s ease;
    -moz-transition: all 0.25s 9.35s ease;
    -ms-transition: all 0.25s 9.35s ease;
    -o-transition: all 0.25s 9.35s ease;
    transition: all 0.25s 9.35s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="62"]:before {
    width: 62%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(62):before {
    -webkit-transition: all 0.25s 9.45s ease;
    -moz-transition: all 0.25s 9.45s ease;
    -ms-transition: all 0.25s 9.45s ease;
    -o-transition: all 0.25s 9.45s ease;
    transition: all 0.25s 9.45s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="63"]:before {
    width: 63%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(63):before {
    -webkit-transition: all 0.25s 9.55s ease;
    -moz-transition: all 0.25s 9.55s ease;
    -ms-transition: all 0.25s 9.55s ease;
    -o-transition: all 0.25s 9.55s ease;
    transition: all 0.25s 9.55s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="64"]:before {
    width: 64%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(64):before {
    -webkit-transition: all 0.25s 9.65s ease;
    -moz-transition: all 0.25s 9.65s ease;
    -ms-transition: all 0.25s 9.65s ease;
    -o-transition: all 0.25s 9.65s ease;
    transition: all 0.25s 9.65s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="65"]:before {
    width: 65%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(65):before {
    -webkit-transition: all 0.25s 9.75s ease;
    -moz-transition: all 0.25s 9.75s ease;
    -ms-transition: all 0.25s 9.75s ease;
    -o-transition: all 0.25s 9.75s ease;
    transition: all 0.25s 9.75s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="66"]:before {
    width: 66%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(66):before {
    -webkit-transition: all 0.25s 9.85s ease;
    -moz-transition: all 0.25s 9.85s ease;
    -ms-transition: all 0.25s 9.85s ease;
    -o-transition: all 0.25s 9.85s ease;
    transition: all 0.25s 9.85s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="67"]:before {
    width: 67%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(67):before {
    -webkit-transition: all 0.25s 9.95s ease;
    -moz-transition: all 0.25s 9.95s ease;
    -ms-transition: all 0.25s 9.95s ease;
    -o-transition: all 0.25s 9.95s ease;
    transition: all 0.25s 9.95s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="68"]:before {
    width: 68%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(68):before {
    -webkit-transition: all 0.25s 10.05s ease;
    -moz-transition: all 0.25s 10.05s ease;
    -ms-transition: all 0.25s 10.05s ease;
    -o-transition: all 0.25s 10.05s ease;
    transition: all 0.25s 10.05s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="69"]:before {
    width: 69%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(69):before {
    -webkit-transition: all 0.25s 10.15s ease;
    -moz-transition: all 0.25s 10.15s ease;
    -ms-transition: all 0.25s 10.15s ease;
    -o-transition: all 0.25s 10.15s ease;
    transition: all 0.25s 10.15s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="70"]:before {
    width: 70%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(70):before {
    -webkit-transition: all 0.25s 10.25s ease;
    -moz-transition: all 0.25s 10.25s ease;
    -ms-transition: all 0.25s 10.25s ease;
    -o-transition: all 0.25s 10.25s ease;
    transition: all 0.25s 10.25s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="71"]:before {
    width: 71%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(71):before {
    -webkit-transition: all 0.25s 10.35s ease;
    -moz-transition: all 0.25s 10.35s ease;
    -ms-transition: all 0.25s 10.35s ease;
    -o-transition: all 0.25s 10.35s ease;
    transition: all 0.25s 10.35s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="72"]:before {
    width: 72%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(72):before {
    -webkit-transition: all 0.25s 10.45s ease;
    -moz-transition: all 0.25s 10.45s ease;
    -ms-transition: all 0.25s 10.45s ease;
    -o-transition: all 0.25s 10.45s ease;
    transition: all 0.25s 10.45s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="73"]:before {
    width: 73%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(73):before {
    -webkit-transition: all 0.25s 10.55s ease;
    -moz-transition: all 0.25s 10.55s ease;
    -ms-transition: all 0.25s 10.55s ease;
    -o-transition: all 0.25s 10.55s ease;
    transition: all 0.25s 10.55s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="74"]:before {
    width: 74%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(74):before {
    -webkit-transition: all 0.25s 10.65s ease;
    -moz-transition: all 0.25s 10.65s ease;
    -ms-transition: all 0.25s 10.65s ease;
    -o-transition: all 0.25s 10.65s ease;
    transition: all 0.25s 10.65s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="75"]:before {
    width: 75%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(75):before {
    -webkit-transition: all 0.25s 10.75s ease;
    -moz-transition: all 0.25s 10.75s ease;
    -ms-transition: all 0.25s 10.75s ease;
    -o-transition: all 0.25s 10.75s ease;
    transition: all 0.25s 10.75s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="76"]:before {
    width: 76%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(76):before {
    -webkit-transition: all 0.25s 10.85s ease;
    -moz-transition: all 0.25s 10.85s ease;
    -ms-transition: all 0.25s 10.85s ease;
    -o-transition: all 0.25s 10.85s ease;
    transition: all 0.25s 10.85s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="77"]:before {
    width: 77%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(77):before {
    -webkit-transition: all 0.25s 10.95s ease;
    -moz-transition: all 0.25s 10.95s ease;
    -ms-transition: all 0.25s 10.95s ease;
    -o-transition: all 0.25s 10.95s ease;
    transition: all 0.25s 10.95s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="78"]:before {
    width: 78%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(78):before {
    -webkit-transition: all 0.25s 11.05s ease;
    -moz-transition: all 0.25s 11.05s ease;
    -ms-transition: all 0.25s 11.05s ease;
    -o-transition: all 0.25s 11.05s ease;
    transition: all 0.25s 11.05s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="79"]:before {
    width: 79%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(79):before {
    -webkit-transition: all 0.25s 11.15s ease;
    -moz-transition: all 0.25s 11.15s ease;
    -ms-transition: all 0.25s 11.15s ease;
    -o-transition: all 0.25s 11.15s ease;
    transition: all 0.25s 11.15s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="80"]:before {
    width: 80%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(80):before {
    -webkit-transition: all 0.25s 11.25s ease;
    -moz-transition: all 0.25s 11.25s ease;
    -ms-transition: all 0.25s 11.25s ease;
    -o-transition: all 0.25s 11.25s ease;
    transition: all 0.25s 11.25s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="81"]:before {
    width: 81%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(81):before {
    -webkit-transition: all 0.25s 11.35s ease;
    -moz-transition: all 0.25s 11.35s ease;
    -ms-transition: all 0.25s 11.35s ease;
    -o-transition: all 0.25s 11.35s ease;
    transition: all 0.25s 11.35s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="82"]:before {
    width: 82%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(82):before {
    -webkit-transition: all 0.25s 11.45s ease;
    -moz-transition: all 0.25s 11.45s ease;
    -ms-transition: all 0.25s 11.45s ease;
    -o-transition: all 0.25s 11.45s ease;
    transition: all 0.25s 11.45s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="83"]:before {
    width: 83%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(83):before {
    -webkit-transition: all 0.25s 11.55s ease;
    -moz-transition: all 0.25s 11.55s ease;
    -ms-transition: all 0.25s 11.55s ease;
    -o-transition: all 0.25s 11.55s ease;
    transition: all 0.25s 11.55s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="84"]:before {
    width: 84%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(84):before {
    -webkit-transition: all 0.25s 11.65s ease;
    -moz-transition: all 0.25s 11.65s ease;
    -ms-transition: all 0.25s 11.65s ease;
    -o-transition: all 0.25s 11.65s ease;
    transition: all 0.25s 11.65s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="85"]:before {
    width: 85%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(85):before {
    -webkit-transition: all 0.25s 11.75s ease;
    -moz-transition: all 0.25s 11.75s ease;
    -ms-transition: all 0.25s 11.75s ease;
    -o-transition: all 0.25s 11.75s ease;
    transition: all 0.25s 11.75s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="86"]:before {
    width: 86%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(86):before {
    -webkit-transition: all 0.25s 11.85s ease;
    -moz-transition: all 0.25s 11.85s ease;
    -ms-transition: all 0.25s 11.85s ease;
    -o-transition: all 0.25s 11.85s ease;
    transition: all 0.25s 11.85s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="87"]:before {
    width: 87%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(87):before {
    -webkit-transition: all 0.25s 11.95s ease;
    -moz-transition: all 0.25s 11.95s ease;
    -ms-transition: all 0.25s 11.95s ease;
    -o-transition: all 0.25s 11.95s ease;
    transition: all 0.25s 11.95s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="88"]:before {
    width: 88%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(88):before {
    -webkit-transition: all 0.25s 12.05s ease;
    -moz-transition: all 0.25s 12.05s ease;
    -ms-transition: all 0.25s 12.05s ease;
    -o-transition: all 0.25s 12.05s ease;
    transition: all 0.25s 12.05s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="89"]:before {
    width: 89%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(89):before {
    -webkit-transition: all 0.25s 12.15s ease;
    -moz-transition: all 0.25s 12.15s ease;
    -ms-transition: all 0.25s 12.15s ease;
    -o-transition: all 0.25s 12.15s ease;
    transition: all 0.25s 12.15s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="90"]:before {
    width: 90%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(90):before {
    -webkit-transition: all 0.25s 12.25s ease;
    -moz-transition: all 0.25s 12.25s ease;
    -ms-transition: all 0.25s 12.25s ease;
    -o-transition: all 0.25s 12.25s ease;
    transition: all 0.25s 12.25s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="91"]:before {
    width: 91%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(91):before {
    -webkit-transition: all 0.25s 12.35s ease;
    -moz-transition: all 0.25s 12.35s ease;
    -ms-transition: all 0.25s 12.35s ease;
    -o-transition: all 0.25s 12.35s ease;
    transition: all 0.25s 12.35s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="92"]:before {
    width: 92%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(92):before {
    -webkit-transition: all 0.25s 12.45s ease;
    -moz-transition: all 0.25s 12.45s ease;
    -ms-transition: all 0.25s 12.45s ease;
    -o-transition: all 0.25s 12.45s ease;
    transition: all 0.25s 12.45s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="93"]:before {
    width: 93%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(93):before {
    -webkit-transition: all 0.25s 12.55s ease;
    -moz-transition: all 0.25s 12.55s ease;
    -ms-transition: all 0.25s 12.55s ease;
    -o-transition: all 0.25s 12.55s ease;
    transition: all 0.25s 12.55s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="94"]:before {
    width: 94%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(94):before {
    -webkit-transition: all 0.25s 12.65s ease;
    -moz-transition: all 0.25s 12.65s ease;
    -ms-transition: all 0.25s 12.65s ease;
    -o-transition: all 0.25s 12.65s ease;
    transition: all 0.25s 12.65s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="95"]:before {
    width: 95%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(95):before {
    -webkit-transition: all 0.25s 12.75s ease;
    -moz-transition: all 0.25s 12.75s ease;
    -ms-transition: all 0.25s 12.75s ease;
    -o-transition: all 0.25s 12.75s ease;
    transition: all 0.25s 12.75s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="96"]:before {
    width: 96%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(96):before {
    -webkit-transition: all 0.25s 12.85s ease;
    -moz-transition: all 0.25s 12.85s ease;
    -ms-transition: all 0.25s 12.85s ease;
    -o-transition: all 0.25s 12.85s ease;
    transition: all 0.25s 12.85s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="97"]:before {
    width: 97%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(97):before {
    -webkit-transition: all 0.25s 12.95s ease;
    -moz-transition: all 0.25s 12.95s ease;
    -ms-transition: all 0.25s 12.95s ease;
    -o-transition: all 0.25s 12.95s ease;
    transition: all 0.25s 12.95s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="98"]:before {
    width: 98%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(98):before {
    -webkit-transition: all 0.25s 13.05s ease;
    -moz-transition: all 0.25s 13.05s ease;
    -ms-transition: all 0.25s 13.05s ease;
    -o-transition: all 0.25s 13.05s ease;
    transition: all 0.25s 13.05s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="99"]:before {
    width: 99%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(99):before {
    -webkit-transition: all 0.25s 13.15s ease;
    -moz-transition: all 0.25s 13.15s ease;
    -ms-transition: all 0.25s 13.15s ease;
    -o-transition: all 0.25s 13.15s ease;
    transition: all 0.25s 13.15s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span[data-percent="100"]:before {
    width: 100%; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .chart_brick span:nth-child(100):before {
    -webkit-transition: all 0.25s 13.25s ease;
    -moz-transition: all 0.25s 13.25s ease;
    -ms-transition: all 0.25s 13.25s ease;
    -o-transition: all 0.25s 13.25s ease;
    transition: all 0.25s 13.25s ease; }
  .own-html.wf-active #chartVacationTypes .box__data .row__data .data__value strong {
    opacity: 1;
    -webkit-transition: all 1s 4.25s ease;
    -moz-transition: all 1s 4.25s ease;
    -ms-transition: all 1s 4.25s ease;
    -o-transition: all 1s 4.25s ease;
    transition: all 1s 4.25s ease; }

.own-html #chartVacationTypes .split__left .pix {
  margin-left: -100%; }

.own-html #chartVacationTypes .split__right .pix {
  margin-right: -100%; }

.own-html #chartVacationTypes .data__price .data__value {
  opacity: 0; }

.own-html #chartVacationTypes .data__engine {
  opacity: 0; }

.own-html #chartVacationTypes .box__data {
  opacity: 0;
  transform: translateY(20%); }
  .own-html #chartVacationTypes .box__data .row__data .data__value strong {
    opacity: 0; }

#chartVacationTypes .box {
  width: 100%;
  text-align: center; }
  #chartVacationTypes .box__head {
    padding: 10px 0; }
    #chartVacationTypes .box__head .data__legend {
      font-weight: 600; }
    #chartVacationTypes .box__head .data__value {
      font-size: 18px;
      font-weight: 800;
      font-family: "PSM"; }
  #chartVacationTypes .box h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px; }
  #chartVacationTypes .box > div + div {
    margin-top: 10px; }

#chartVacationTypes .colored__vacation {
  color: #df8617; }

#chartVacationTypes .vacation__icon {
  width: 50px;
  height: 40px; }

#chartVacationTypes .chart__split {
  width: 50%; }
  #chartVacationTypes .chart__split:before {
    display: none; }

#chartVacationTypes .split__left .box {
  text-align: left; }
  #chartVacationTypes .split__left .box .chart__bricks {
    display: flex;
    flex-flow: wrap;
    justify-content: center; }
    #chartVacationTypes .split__left .box .chart__bricks .chart__brick {
      width: 100%;
      height: 44px;
      display: flex;
      flex-flow: wrap;
      align-items: center; }
      #chartVacationTypes .split__left .box .chart__bricks .chart__brick .chart__legend {
        width: 100%; }
      #chartVacationTypes .split__left .box .chart__bricks .chart__brick span {
        position: relative;
        display: block;
        width: 10px;
        height: 18px;
        margin: 0 1px; }
        #chartVacationTypes .split__left .box .chart__bricks .chart__brick span:before {
          content: "";
          display: block;
          height: 100%;
          background-color: #df8617; }
        #chartVacationTypes .split__left .box .chart__bricks .chart__brick span + p {
          margin-left: 4px;
          font-size: 18px;
          font-weight: 800;
          font-family: "PSM"; }

#chartVacationTypes .split__right .box {
  text-align: right; }

#chartVacationTypes .split__background {
  width: 100%; }
  @media screen and (min-width: 768px) {
    #chartVacationTypes .split__background {
      margin-top: -200px; } }
  #chartVacationTypes .split__background .pix {
    position: relative;
    background-image: url("/assets/images/page/vacation/illu-vacances-location-desktop.png");
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 450px; }
    @media screen and (max-width: 768px) {
      #chartVacationTypes .split__background .pix {
        background-image: url("/assets/images/page/vacation/illu-vacances-location-mobile.png");
        height: 300px; } }
    @media screen and (max-width: 480px) {
      #chartVacationTypes .split__background .pix {
        height: 250px; } }
    @media screen and (max-width: 375px) {
      #chartVacationTypes .split__background .pix {
        height: 200px; } }
  #chartVacationTypes .split__background .box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    #chartVacationTypes .split__background .box .data {
      position: absolute; }
      #chartVacationTypes .split__background .box .data:first-of-type {
        bottom: 7%;
        left: 8%; }
      #chartVacationTypes .split__background .box .data:last-of-type {
        bottom: 38%;
        right: 2%; }
    @media screen and (max-width: 768px) {
      #chartVacationTypes .split__background .box {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        #chartVacationTypes .split__background .box .data {
          position: relative;
          margin-top: 0; }
          #chartVacationTypes .split__background .box .data:first-of-type {
            bottom: unset;
            left: unset;
            text-align: left; }
          #chartVacationTypes .split__background .box .data:last-of-type {
            bottom: unset;
            right: unset;
            text-align: right; } }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
#chartVacationDestination .box {
  position: relative;
  width: 100%;
  text-align: center; }
  #chartVacationDestination .box__head {
    padding: 10px 0; }
  #chartVacationDestination .box h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px; }
  #chartVacationDestination .box__graph .edito, #chartVacationDestination .box__data .edito {
    font-family: "PSM"; }
    #chartVacationDestination .box__graph .edito .data .value,
    #chartVacationDestination .box__graph .edito .data .unity, #chartVacationDestination .box__data .edito .data .value,
    #chartVacationDestination .box__data .edito .data .unity {
      font-size: 42px;
      font-weight: 800;
      line-height: 1; }
    #chartVacationDestination .box__graph .edito .data .label, #chartVacationDestination .box__data .edito .data .label {
      font-size: 25px;
      font-weight: bold;
      line-height: 1.2;
      display: block;
      width: 100%; }
      @media screen and (min-width: 768px) {
        #chartVacationDestination .box__graph .edito .data .label, #chartVacationDestination .box__data .edito .data .label {
          display: inline; } }
  #chartVacationDestination .box__graph {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    padding-top: 15px; }
    #chartVacationDestination .box__graph .edito {
      position: absolute;
      left: 50%;
      width: 100%;
      transform: translateX(-50%);
      font-family: "PSM"; }
    #chartVacationDestination .box__graph .pix {
      width: 100%;
      height: 100%; }
      #chartVacationDestination .box__graph .pix img {
        width: 100%; }
  #chartVacationDestination .box.graph__outside .edito {
    top: 0%; }
  #chartVacationDestination .box.graph__distance .edito {
    bottom: 0%;
    padding-bottom: 10px; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
.btn.btn-download {
  max-width: 310px;
  background-color: #ffffff;
  color: #00aead;
  border-radius: 30px;
  border: 1px solid #00aead;
  padding: 0 15px;
  min-height: 32px;
  transition: all 0.3s ease, transform 0.2s 0.1s cubic-bezier(0.39, 0.96, 0.74, 1.2); }
  .btn.btn-download:hover {
    color: #ffffff;
    background-color: #00aead; }
  .btn.btn-download .btn-label {
    font-size: 12px;
    margin-left: 0; }
    @media screen and (min-width: 768px) {
      .btn.btn-download .btn-label {
        font-size: 13px; } }
  .btn.btn-download .btn-icon {
    margin-right: 0;
    width: 19px;
    height: 16px; }
    .btn.btn-download .btn-icon svg {
      width: 100%;
      height: 100%; }

.main-content[data-page="home"] .inner-content {
  max-width: 736px; }
  @media screen and (min-width: 1024px) {
    .main-content[data-page="home"] .inner-content {
      max-width: 988px; } }

.main-content[data-page="home"] .grid {
  padding: 0; }
  @media screen and (min-width: 680px) {
    .main-content[data-page="home"] .grid {
      padding: 0 10px; } }
  @media screen and (min-width: 1024px) {
    .main-content[data-page="home"] .grid {
      padding: 0;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      grid-template-rows: repeat(9, 0.5fr);
      grid-column-gap: 30px;
      grid-row-gap: 30px; } }
  .main-content[data-page="home"] .grid .card + .card {
    margin-top: 10px; }
    @media screen and (min-width: 1024px) {
      .main-content[data-page="home"] .grid .card + .card {
        margin-top: 0px; } }
  @media screen and (min-width: 1024px) {
    .main-content[data-page="home"] .grid .card:nth-child(1) {
      grid-area: 1 / 1 / 5 / 3; }
    .main-content[data-page="home"] .grid .card:nth-child(2) {
      grid-area: 1 / 3 / 3 / 6; }
    .main-content[data-page="home"] .grid .card:nth-child(3) {
      grid-area: 3 / 3 / 4 / 6; }
    .main-content[data-page="home"] .grid .card:nth-child(4) {
      grid-area: 4 / 3 / 6 / 6; }
    .main-content[data-page="home"] .grid .card:nth-child(5) {
      grid-area: 5 / 1 / 6 / 3; }
    .main-content[data-page="home"] .grid .card:nth-child(6) {
      grid-area: 6 / 1 / 8 / 4; }
    .main-content[data-page="home"] .grid .card:nth-child(7) {
      grid-area: 6 / 4 / 9 / 6; }
    .main-content[data-page="home"] .grid .card:nth-child(8) {
      grid-area: 8 / 1 / 9 / 4; } }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
@media screen and (min-width: 768px) {
  .card.card__home[id="cardOverview_001"] .card__edito {
    max-width: 540px; } }

@media screen and (min-width: 1024px) {
  .card.card__home[id="cardOverview_001"] .card__edito {
    text-align: center;
    margin-left: auto;
    max-width: 340px; } }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
@media screen and (min-width: 768px) {
  .card.card__home[id="cardOverview_002"] .card__edito {
    max-width: 540px; } }

@media screen and (min-width: 1024px) {
  .card.card__home[id="cardOverview_002"] .card__edito {
    max-width: 400px;
    text-align: right;
    margin-top: 0px;
    margin-left: auto;
    margin-right: 0; } }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
@media screen and (min-width: 768px) {
  .card.card__home[id="cardOverview_003"] .card__edito {
    max-width: 540px; } }

@media screen and (min-width: 1024px) {
  .card.card__home[id="cardOverview_003"] .card__edito {
    max-width: 360px;
    text-align: right;
    margin-top: 0px;
    margin-left: auto;
    margin-right: 60px; } }

@media screen and (min-width: 1024px) {
  .card.card__home[id="cardOverview_003"] .card__edito .card__data,
  .card.card__home[id="cardOverview_003"] .card__edito .card__metric {
    text-align: left; } }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
@media screen and (min-width: 768px) {
  .card.card__home[id="cardOverview_004"] .card__edito {
    max-width: 540px; } }

@media screen and (min-width: 1024px) {
  .card.card__home[id="cardOverview_004"] .card__edito {
    max-width: 360px;
    text-align: left;
    margin-left: 60px; } }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
@media screen and (min-width: 1024px) {
  .card.card__home[id="cardOverview_005"] {
    text-align: left;
    margin-left: 0px; } }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
@media screen and (min-width: 1024px) {
  .card[id="cardStatistics_001"] .card__edito {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    line-height: 54px; } }

.card[id="cardStatistics_001"] .card__edito .card__data {
  font-size: 46px; }
  @media screen and (min-width: 1024px) {
    .card[id="cardStatistics_001"] .card__edito .card__data + .card__metric {
      margin-left: 10px;
      transform: translateY(4px); } }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
.card[id="cardStatistics_002"] .card__edito {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  line-height: 54px; }
  .card[id="cardStatistics_002"] .card__edito .card__data {
    font-size: 132px;
    width: 120px;
    text-align: right; }
    .card[id="cardStatistics_002"] .card__edito .card__data .bar-under {
      display: block; }
    .card[id="cardStatistics_002"] .card__edito .card__data b {
      height: 120px;
      line-height: 120px; }
    .card[id="cardStatistics_002"] .card__edito .card__data sup {
      display: inline-block;
      font-size: 50%;
      transform: translateY(-12px); }
    .card[id="cardStatistics_002"] .card__edito .card__data + .card__metric {
      margin-left: 10px;
      line-height: 1; }
  .card[id="cardStatistics_002"] .card__edito .card__metric {
    width: calc(100% - 130px);
    text-align: left; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
.card[id="cardStatistics_003"] .card__edito {
  width: 100%;
  justify-content: center;
  align-items: center;
  line-height: 1.3;
  margin: auto;
  max-width: 488px; }
  @media screen and (min-width: 768px) {
    .card[id="cardStatistics_003"] .card__edito {
      display: flex; } }
  .card[id="cardStatistics_003"] .card__edito .card__data {
    font-size: 68px; }
    @media screen and (min-width: 768px) {
      .card[id="cardStatistics_003"] .card__edito .card__data {
        text-align: right;
        display: inline; } }
    .card[id="cardStatistics_003"] .card__edito .card__data + .card__metric {
      margin-left: 10px; }
  .card[id="cardStatistics_003"] .card__edito .card__metric {
    display: inline;
    text-align: left; }
    @media screen and (min-width: 768px) {
      .card[id="cardStatistics_003"] .card__edito .card__metric {
        font-size: 20px;
        line-height: 1.1; } }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
.card .inner-card {
  position: relative; }

.card__corner .inner-card {
  position: relative; }
  .card__corner .inner-card:before, .card__corner .inner-card:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10; }
  .card__corner .inner-card:before {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -ms-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0; }
  .card__corner .inner-card:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 35px 35px; }

.card__home .bar-under:after {
  margin-top: 4px; }

.card__home:not(.card__none) .card__edito {
  margin: 20px auto;
  max-width: 300px;
  text-align: center; }
  @media screen and (min-width: 680px) {
    .card__home:not(.card__none) .card__edito {
      text-align: left;
      margin-left: 0; } }

.card__home:not(.card__none) .card__label {
  position: absolute;
  color: #ffffff;
  top: 15px;
  left: 15px;
  font-size: 24px; }

.card__home:not(.card__none) .card__data {
  font-size: 34px;
  line-height: 1.3; }
  @media screen and (min-width: 768px) {
    .card__home:not(.card__none) .card__data {
      font-size: 46px; } }
  .card__home:not(.card__none) .card__data b {
    font-size: 38px;
    line-height: 1; }
    @media screen and (min-width: 768px) {
      .card__home:not(.card__none) .card__data b {
        font-size: 50px; } }

.card__home:not(.card__none) .inner-card {
  height: 425px;
  overflow: hidden; }
  @media screen and (min-width: 680px) {
    .card__home:not(.card__none) .inner-card {
      height: 325px; } }
  @media screen and (min-width: 1024px) {
    .card__home:not(.card__none) .inner-card {
      height: 100%; } }
  .card__home:not(.card__none) .inner-card .card__over {
    padding: 45px 15px; }
  .card__home:not(.card__none) .inner-card .card__under .backgrounds {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
    .card__home:not(.card__none) .inner-card .card__under .backgrounds .background {
      position: relative;
      height: 100%;
      display: flex;
      flex-flow: wrap;
      align-items: flex-end; }
    .card__home:not(.card__none) .inner-card .card__under .backgrounds img {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      margin-bottom: 0;
      margin-top: 0; }
  .card__home:not(.card__none) .inner-card:hover .call-to-action .btn:before {
    transform: translateX(-50%) translateY(-50%) scale(1.05); }
  .card__home:not(.card__none) .inner-card:hover .card__under .backgrounds {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

.card__home:not(.card__none).card__perspectives {
  grid-area: 9 / 1 / 10 / 6;
  width: 100%;
  max-width: none; }
  .card__home:not(.card__none).card__perspectives .inner-card {
    height: auto; }
    .card__home:not(.card__none).card__perspectives .inner-card:before {
      background-color: #3c78c8; }
    .card__home:not(.card__none).card__perspectives .inner-card:after {
      border-color: transparent transparent #fafafa transparent; }
  .card__home:not(.card__none).card__perspectives .inner-card {
    position: relative;
    background-color: #ff6e14; }
    .card__home:not(.card__none).card__perspectives .inner-card .card__over {
      padding: 0 15px 30px 15px; }
    .card__home:not(.card__none).card__perspectives .inner-card .card__edito {
      max-width: none; }
      @media screen and (min-width: 768px) {
        .card__home:not(.card__none).card__perspectives .inner-card .card__edito {
          max-width: 400px; } }
      @media screen and (min-width: 960px) {
        .card__home:not(.card__none).card__perspectives .inner-card .card__edito {
          max-width: none; } }
    .card__home:not(.card__none).card__perspectives .inner-card .call-to-action {
      text-align: center; }
      @media screen and (min-width: 768px) {
        .card__home:not(.card__none).card__perspectives .inner-card .call-to-action {
          text-align: left; } }
      .card__home:not(.card__none).card__perspectives .inner-card .call-to-action .btn {
        margin: 0 auto; }
        @media screen and (min-width: 768px) {
          .card__home:not(.card__none).card__perspectives .inner-card .call-to-action .btn {
            margin-left: 0; } }
    .card__home:not(.card__none).card__perspectives .inner-card .pattern__circle {
      position: absolute;
      right: 0px;
      top: -35%; }
      @media screen and (min-width: 768px) {
        .card__home:not(.card__none).card__perspectives .inner-card .pattern__circle {
          right: -20px;
          top: -30%; } }
      @media screen and (min-width: 960px) {
        .card__home:not(.card__none).card__perspectives .inner-card .pattern__circle {
          right: 20px;
          top: -35%; } }

.card__home.card__none {
  padding: 15px;
  text-align: center;
  height: auto; }
  .card__home.card__none .inner-card {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center; }
    @media screen and (min-width: 1024px) {
      .card__home.card__none .inner-card {
        height: 100%; } }
    .card__home.card__none .inner-card .card__over {
      margin: auto; }

.card__edito {
  line-height: 1; }
  .card__edito .call-to-action {
    margin-top: 25px; }

.card__data {
  font-weight: 900; }
  .card__data b {
    font-weight: 900 !important; }

.card__metric {
  font-size: 26px;
  font-weight: bold; }
  @media screen and (min-width: 768px) {
    .card__metric {
      font-size: 32px; } }
  .card__metric sup {
    font-size: 60%; }

.card__flat .inner-card {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }

.card__over {
  position: relative;
  z-index: 5; }

.card__under {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1; }
  .card__under .backgrounds {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease; }
    .card__under .backgrounds .background1 {
      width: 100%;
      height: 100%; }
      .card__under .backgrounds .background1 picture {
        display: block;
        width: 100%;
        height: 100%; }
      .card__under .backgrounds .background1 img {
        position: absolute;
        bottom: 0;
        left: 50%;
        height: auto !important;
        width: 100% !important;
        transform: translateX(-50%); }
        @media screen and (min-width: 960px) {
          .card__under .backgrounds .background1 img {
            width: 100% !important; } }

.card .btn__full {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  cursor: pointer;
  z-index: 10; }

.card__auto.card__flat .inner-card {
  background-color: #dc002d; }
  .card__auto.card__flat .inner-card:before {
    background-color: #73a0d7; }
  .card__auto.card__flat .inner-card:after {
    border-color: transparent transparent #fafafa transparent; }
  .card__auto.card__flat .inner-card .card__edito {
    color: #d7e1f5; }

.card__auto .bar-under:after {
  background-color: #d7e1f5; }

.card__realestate.card__flat .inner-card {
  background-color: #7346aa; }
  .card__realestate.card__flat .inner-card:before {
    background-color: #f05069; }
  .card__realestate.card__flat .inner-card:after {
    border-color: transparent transparent #fafafa transparent; }
  .card__realestate.card__flat .inner-card .card__edito {
    color: #ffd74b; }

.card__realestate .bar-under:after {
  background-color: #ffd74b; }

.card__vacation.card__flat .inner-card {
  background-color: #ffbe00; }
  .card__vacation.card__flat .inner-card:before {
    background-color: #f05069; }
  .card__vacation.card__flat .inner-card:after {
    border-color: transparent transparent #fafafa transparent; }
  .card__vacation.card__flat .inner-card .card__edito {
    color: #3c78c8; }

.card__vacation .bar-under:after {
  background-color: #3c78c8; }

.card__employment.card__flat .inner-card {
  background-color: #04848c; }
  .card__employment.card__flat .inner-card:before {
    background-color: #ffbe00; }
  .card__employment.card__flat .inner-card:after {
    border-color: transparent transparent #fafafa transparent; }
  .card__employment.card__flat .inner-card .card__edito {
    color: #facdd2; }

.card__employment .bar-under:after {
  background-color: #facdd2; }

.card__consumption.card__flat .inner-card {
  background-color: #3c3c3c; }
  .card__consumption.card__flat .inner-card:before {
    background-color: #faa000; }
  .card__consumption.card__flat .inner-card:after {
    border-color: transparent transparent #fafafa transparent; }
  .card__consumption.card__flat .inner-card .card__edito {
    color: #ffd74b; }

.card__consumption .bar-under:after {
  background-color: #ffd74b; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
.page__head {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 30px 0 15px 0; }
  .page__head:before {
    content: "";
    background-color: #3c78c8;
    height: 50%;
    min-height: 200px;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0; }
  @media screen and (min-width: 680px) {
    .page__head {
      padding: 30px 0; } }
  @media screen and (min-width: 1024px) {
    .page__head {
      padding: 45px 0; } }
  .page__head .logo-brand {
    width: 280px;
    height: 112px;
    color: white; }
  .page__head .banner {
    position: relative;
    z-index: 5;
    height: auto;
    max-width: 640px;
    padding: 0 15px;
    margin: 0 auto; }
    .page__head .banner__white .banner__inner {
      border-radius: 5px;
      background-color: white; }
      .page__head .banner__white .banner__inner:before, .page__head .banner__white .banner__inner:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0; }
      .page__head .banner__white .banner__inner:before {
        width: 22px;
        height: 22px;
        -webkit-border-radius: 6px 0 0 0;
        -moz-border-radius: 6px 0 0 0;
        -ms-border-radius: 6px 0 0 0;
        border-radius: 6px 0 0 0; }
        @media screen and (min-width: 768px) {
          .page__head .banner__white .banner__inner:before {
            width: 35px;
            height: 35px;
            -webkit-border-radius: 10px 0 0 0;
            -moz-border-radius: 10px 0 0 0;
            -ms-border-radius: 10px 0 0 0;
            border-radius: 10px 0 0 0; } }
      .page__head .banner__white .banner__inner:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 22px 22px; }
        @media screen and (min-width: 768px) {
          .page__head .banner__white .banner__inner:after {
            border-width: 0 0 35px 35px; } }
      .page__head .banner__white .banner__inner:before {
        background-color: #ff6e14; }
      .page__head .banner__white .banner__inner:after {
        border-color: transparent transparent #fafafa transparent; }

.page__title {
  position: relative;
  z-index: 5; }

.page__intro {
  font-size: 18px;
  line-height: 1.1;
  padding: 10px 15px 24px 15px;
  margin: 0 auto;
  max-width: 600px; }
  @media screen and (min-width: 768px) {
    .page__intro {
      padding: 30px; } }
  .page__intro p {
    font-size: 16px; }
    .page__intro p + p {
      margin-top: 15px; }

.head-home .page__title {
  width: 100%;
  color: #ff6e14;
  font-family: "Arial"; }
  .head-home .page__title h1 {
    position: relative;
    width: 100%; }
    .head-home .page__title h1 strong {
      position: absolute;
      text-indent: -9999px; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
[data-page="methodology"],
[data-page="consumer"] {
  margin-top: 60px; }
  [data-page="methodology"] .inner-content,
  [data-page="consumer"] .inner-content {
    max-width: 920px; }
  [data-page="methodology"] h1,
  [data-page="consumer"] h1 {
    color: #ff6e14;
    text-align: center;
    font-weight: 800; }
  [data-page="methodology"] .page__section,
  [data-page="consumer"] .page__section {
    margin-top: 60px; }
    [data-page="methodology"] .page__section h2,
    [data-page="consumer"] .page__section h2 {
      font-weight: 800; }
    [data-page="methodology"] .page__section .content-container,
    [data-page="consumer"] .page__section .content-container {
      padding-top: 5px; }
      [data-page="methodology"] .page__section .content-container .content,
      [data-page="consumer"] .page__section .content-container .content {
        padding-top: 5px;
        padding-bottom: 10px; }
    [data-page="methodology"] .page__section h3,
    [data-page="consumer"] .page__section h3 {
      font-weight: 800; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
[data-page="cookiespolicy"] {
  margin-top: 60px; }
  [data-page="cookiespolicy"] .inner-content {
    max-width: 920px; }
  [data-page="cookiespolicy"] h1 {
    color: #ff6e14;
    text-align: center;
    font-weight: 800; }
  [data-page="cookiespolicy"] .page__section {
    margin-top: 60px; }
    [data-page="cookiespolicy"] .page__section h2 {
      font-weight: 800; }
    [data-page="cookiespolicy"] .page__section .content-container {
      padding-top: 5px; }
      [data-page="cookiespolicy"] .page__section .content-container .content {
        padding-top: 5px;
        padding-bottom: 10px; }
      [data-page="cookiespolicy"] .page__section .content-container .CookieDeclarationDialogText {
        display: none; }
    [data-page="cookiespolicy"] .page__section h3 {
      font-weight: 800; }
  [data-page="cookiespolicy"] .cookie-declaration a {
    color: inherit;
    text-decoration: underline; }
  @media screen and (min-width: 960px) {
    [data-page="cookiespolicy"] .cookie-declaration .CookieDeclarationIntro,
    [data-page="cookiespolicy"] .cookie-declaration .CookieDeclarationUserStatusPanel,
    [data-page="cookiespolicy"] .cookie-declaration .CookieDeclarationLastUpdated {
      font-size: 15px; } }
  [data-page="cookiespolicy"] .cookie-declaration .CookieDeclarationType {
    font-size: 13px;
    background-color: white;
    border: none;
    padding: 10px; }
    @media screen and (min-width: 960px) {
      [data-page="cookiespolicy"] .cookie-declaration .CookieDeclarationType {
        padding: 15px; } }
  [data-page="cookiespolicy"] .cookie-declaration table {
    padding: 10px; }
  [data-page="cookiespolicy"] .cookie-declaration .CookieDeclarationTableCell {
    border-bottom: none; }
    [data-page="cookiespolicy"] .cookie-declaration .CookieDeclarationTableCell + .CookieDeclarationTableCell {
      border-top: 1px solid #d7e1f5; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
#number-list {
  width: 100%;
  margin: 30px 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center; }
  @media screen and (min-width: 768px) {
    #number-list {
      flex-flow: row wrap;
      align-items: center;
      justify-content: center; } }
  #number-list .numbers-item {
    width: 80%; }
    #number-list .numbers-item[data-width="2"] {
      padding: 20px 0; }
      @media screen and (min-width: 768px) {
        #number-list .numbers-item[data-width="2"] {
          width: calc(100% / 2);
          padding: 20px 50px; } }
    #number-list .numbers-item[data-width="3"] {
      padding: 20px 0; }
      @media screen and (min-width: 768px) {
        #number-list .numbers-item[data-width="3"] {
          width: calc(100% / 3);
          padding: 20px; } }
  #number-list .numbers-title {
    color: #ff6e14;
    font-weight: 800;
    font-size: 30px;
    padding: 0 0 10px 0; }
    @media screen and (min-width: 768px) {
      #number-list .numbers-title {
        font-size: 40px; } }
  #number-list .numbers-line1 {
    color: #333333;
    font-weight: bold;
    font-size: 13px;
    color: #ff6e14; }
    @media screen and (min-width: 768px) {
      #number-list .numbers-line1 {
        font-size: 16px; } }
  #number-list .numbers-line2 {
    font-style: italic;
    font-size: 16px;
    color: #ff6e14; }
    @media screen and (min-width: 768px) {
      #number-list .numbers-line2 {
        font-size: 20px; } }
  #number-list .numbers-paragraph {
    font-weight: bold;
    color: #333333;
    font-size: 16px;
    color: #ff6e14; }
    @media screen and (min-width: 768px) {
      #number-list .numbers-paragraph {
        font-size: 20px; } }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
#charts .charts-container {
  margin-top: 10px;
  width: 100%; }
  #charts .charts-container picture {
    width: 100%; }
    #charts .charts-container picture img {
      width: 100%; }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
#consumersRobots .chart-bar {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start; }
  #consumersRobots .chart-bar .pourcentage {
    background-color: #ff6e14;
    height: 20px;
    margin-right: 10px; }
  #consumersRobots .chart-bar .chart_title {
    color: #ff6e14;
    font-weight: bold;
    font-size: 15px;
    margin: 10px 0; }
    @media screen and (min-width: 768px) {
      #consumersRobots .chart-bar .chart_title {
        font-size: 20px; } }

#consumersRobots .commentary-container {
  display: flex;
  align-self: center;
  justify-content: center;
  width: 100%;
  margin-top: 20px; }
  #consumersRobots .commentary-container .commentary {
    font-style: italic;
    font-size: 16px;
    max-width: 80%; }
    @media screen and (min-width: 768px) {
      #consumersRobots .commentary-container .commentary {
        font-size: 18px; } }

/* COULEUR SITE PALETTE */
.colored__auto {
  color: #dc002d; }

.chart__auto .chart__split + .chart__split:before {
  background-color: #d7e1f5; }

.colored__realestate {
  color: #7346aa; }

.chart__realestate .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation {
  color: #2d5fa0; }

.chart__vacation .chart__split + .chart__split:before {
  background-color: #3c78c8; }

.colored__employment {
  color: #04848c; }

.chart__employment .chart__split + .chart__split:before {
  background-color: #facdd2; }

.colored__consumption {
  color: #3c3c3c; }

.chart__consumption .chart__split + .chart__split:before {
  background-color: #ffd74b; }

.colored__vacation__2 {
  color: #666666; }

.colored__test__2 {
  color: #666666; }

/*
USAGE :
.site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
}
// */
[data-page="consumer"] {
  margin-top: 60px; }
  [data-page="consumer"] h1 {
    color: #ff6e14;
    text-align: center;
    font-weight: 800; }
  [data-page="consumer"] .page__section {
    margin-top: 60px; }
    [data-page="consumer"] .page__section h2 {
      font-weight: 800; }
    [data-page="consumer"] .page__section .content-container {
      padding-top: 5px; }
      [data-page="consumer"] .page__section .content-container .content {
        padding-top: 5px;
        padding-bottom: 10px; }
    [data-page="consumer"] .page__section h3 {
      font-weight: 800;
      padding: 0; }
  [data-page="consumer"] #sectionKeyconsumer01 .list-point {
    margin: 10px 0 0 20px; }
    @media screen and (min-width: 768px) {
      [data-page="consumer"] #sectionKeyconsumer01 .list-point {
        margin: 10px 0 0 100px; } }
    [data-page="consumer"] #sectionKeyconsumer01 .list-point li {
      list-style: disc;
      margin-top: 15px; }
  [data-page="consumer"] .charts-wrapp {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 750px;
    margin: 50px auto; }
    [data-page="consumer"] .charts-wrapp .charts-content {
      max-width: 920px; }
      [data-page="consumer"] .charts-wrapp .charts-content .content + .content {
        margin-top: 50px; }