/* 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:not(.nav__anchors__lbc) {
  position: fixed;
  top: 300px !important;
  left: 0;
  z-index: 100;
  width: 100% !important;
  max-width: 185px;
  display: none; }
  @media screen and (min-height: 760px) {
    .nav__anchors:not(.nav__anchors__lbc) {
      top: 50vh; } }
  @media screen and (min-width: 1180px) {
    .nav__anchors:not(.nav__anchors__lbc) {
      display: block; } }
  .nav__anchors:not(.nav__anchors__lbc).uk-active {
    top: 50vh !important; }
    @media screen and (max-height: 760px) {
      .nav__anchors:not(.nav__anchors__lbc).uk-active {
        top: 400px !important; } }
    @media screen and (min-height: 760px) {
      .nav__anchors:not(.nav__anchors__lbc).uk-active ul {
        transform: translateY(-50%); } }
  .nav__anchors:not(.nav__anchors__lbc) + .uk-sticky-placeholder {
    display: none; }
  .nav__anchors:not(.nav__anchors__lbc):not(.nav__anchors__vacation) li.section-active .nav__inner {
    color: white; }
  @media screen and (max-height: 760px) {
    .nav__anchors:not(.nav__anchors__lbc) ul {
      transform: translateY(0%); } }
  .nav__anchors:not(.nav__anchors__lbc) li {
    position: relative;
    overflow: hidden;
    border-radius: 0 3px 3px 0; }
    .nav__anchors:not(.nav__anchors__lbc) li.menu__twolines a {
      padding-top: 8px;
      padding-bottom: 10px; }
    .nav__anchors:not(.nav__anchors__lbc) li .nav__inner {
      position: relative;
      width: 100%;
      border-width: 0px;
      border-style: solid;
      border-radius: 0 3px 3px 0; }
      .nav__anchors:not(.nav__anchors__lbc) li .nav__inner:before, .nav__anchors:not(.nav__anchors__lbc) li .nav__inner:after {
        content: "";
        position: absolute;
        right: -1px;
        bottom: -1px; }
      .nav__anchors:not(.nav__anchors__lbc) li .nav__inner:before {
        width: 12px;
        height: 12px;
        -webkit-border-radius: 3px 0 0 0;
        -moz-border-radius: 3px 0 0 0;
        -ms-border-radius: 3px 0 0 0;
        border-radius: 3px 0 0 0; }
      .nav__anchors:not(.nav__anchors__lbc) li .nav__inner:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 12px 12px; }
    .nav__anchors:not(.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:not(.nav__anchors__lbc) li.section-active.menu__twolines .nav__inner {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 173px 100%, 0 100%);
      clip-path: polygon(0 0, 100% 0, 100% 80%, 173px 100%, 0 100%); }
    .nav__anchors:not(.nav__anchors__lbc) li.section-active.menu__threelines .nav__inner {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 173px 100%, 0 100%);
      clip-path: polygon(0 0, 100% 0, 100% 83%, 173px 100%, 0 100%); }
    .nav__anchors:not(.nav__anchors__lbc) li.section-active:not(.menu__twolines):not(.menu__threelines) .nav__inner {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 12px, 173px 100%, 0 100%);
      clip-path: polygon(0 0, 100% 0, 100% 70%, 173px 100%, 0 100%); }
    .nav__anchors:not(.nav__anchors__lbc) li.section-active a {
      font-weight: bold; }
    .nav__anchors:not(.nav__anchors__lbc) li:not(.section-active) .nav__inner:before {
      width: 0px;
      height: 0px; }
    .nav__anchors:not(.nav__anchors__lbc) li:not(.section-active) .nav__inner:after {
      border-width: 0 0 0 0; }
    .nav__anchors:not(.nav__anchors__lbc) li + li {
      margin-top: 5px; }
    .nav__anchors:not(.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;
      color: inherit;
      transition: none; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__auto .nav__inner:before {
    background-color: #73a0d7; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__auto .nav__inner:after {
    border-color: transparent transparent #fafafa transparent; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__auto li.section-active .nav__inner {
    border-color: #dc002d;
    background-color: #dc002d; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__auto li:not(.section-active) .nav__inner {
    background-color: #fafafa;
    border-color: #d7e1f5; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__auto li:not(.section-active):hover .nav__inner {
    background-color: #facdd2;
    border-color: #facdd2; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__realestate .nav__inner:before {
    background-color: #ffd74b; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__realestate .nav__inner:after {
    border-color: transparent transparent #fafafa transparent; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__realestate li.section-active .nav__inner {
    border-color: #7346aa;
    background-color: #7346aa; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__realestate li:not(.section-active) .nav__inner {
    background-color: #fafafa;
    border-color: #e6d7f0; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__realestate li:not(.section-active):hover .nav__inner {
    background-color: #e6d7f0;
    border-color: #e6d7f0; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__vacation .nav__inner:before {
    background-color: #04848c; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__vacation .nav__inner:after {
    border-color: transparent transparent #fafafa transparent; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__vacation li.section-active .nav__inner {
    border-color: #ffbe00;
    background-color: #ffbe00; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__vacation li:not(.section-active) .nav__inner {
    background-color: #fafafa;
    border-color: #ffe381; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__vacation li:not(.section-active):hover .nav__inner {
    background-color: #fff0cd;
    border-color: #fff0cd; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__employment .nav__inner:before {
    background-color: #f05069; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__employment .nav__inner:after {
    border-color: transparent transparent #04848c transparent; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__employment li.section-active .nav__inner {
    border-color: #04848c;
    background-color: #04848c; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__employment li:not(.section-active) .nav__inner {
    background-color: #fafafa;
    border-color: #facdd2; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__employment li:not(.section-active):hover .nav__inner {
    background-color: #facdd2;
    border-color: #facdd2; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__consumption .nav__inner:before {
    background-color: #04848c; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__consumption .nav__inner:after {
    border-color: transparent transparent #fafafa transparent; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__consumption li.section-active .nav__inner {
    border-color: #3c3c3c;
    background-color: #3c3c3c; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__consumption li:not(.section-active) .nav__inner {
    background-color: #fafafa;
    border-color: #3c3c3c; }
  .nav__anchors:not(.nav__anchors__lbc).nav__anchors__consumption li:not(.section-active):hover .nav__inner {
    background-color: #3c3c3c;
    border-color: #3c3c3c; }

/* 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;
    }
}
// */
.own-html.wf-active #chartAutoTypes .split__left .box__head {
  opacity: 1;
  transform: translateX(0%);
  -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease; }

.own-html.wf-active #chartAutoTypes .split__left .pix {
  opacity: 1;
  -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 #chartAutoTypes .split__left .pix img {
    transform: translateX(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 #chartAutoTypes .split__right .box__head {
  opacity: 1;
  transform: translateX(0%);
  -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease; }

.own-html.wf-active #chartAutoTypes .split__right .pix {
  opacity: 1;
  -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 #chartAutoTypes .split__right .pix img {
    -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;
    transform: translateX(0%); }

.own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .data__price:before,
.own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .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 #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="0"]:before {
    width: 0%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="1"]:before {
    width: 1%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="2"]:before {
    width: 2%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="3"]:before {
    width: 3%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="4"]:before {
    width: 4%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="5"]:before {
    width: 5%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="6"]:before {
    width: 6%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="7"]:before {
    width: 7%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="8"]:before {
    width: 8%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="9"]:before {
    width: 9%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="10"]:before {
    width: 10%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="11"]:before {
    width: 11%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="12"]:before {
    width: 12%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="13"]:before {
    width: 13%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="14"]:before {
    width: 14%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="15"]:before {
    width: 15%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="16"]:before {
    width: 16%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="17"]:before {
    width: 17%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="18"]:before {
    width: 18%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="19"]:before {
    width: 19%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="20"]:before {
    width: 20%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="21"]:before {
    width: 21%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="22"]:before {
    width: 22%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="23"]:before {
    width: 23%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="24"]:before {
    width: 24%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="25"]:before {
    width: 25%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="26"]:before {
    width: 26%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="27"]:before {
    width: 27%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="28"]:before {
    width: 28%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="29"]:before {
    width: 29%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="30"]:before {
    width: 30%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="31"]:before {
    width: 31%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="32"]:before {
    width: 32%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="33"]:before {
    width: 33%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="34"]:before {
    width: 34%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="35"]:before {
    width: 35%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="36"]:before {
    width: 36%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="37"]:before {
    width: 37%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="38"]:before {
    width: 38%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="39"]:before {
    width: 39%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="40"]:before {
    width: 40%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="41"]:before {
    width: 41%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="42"]:before {
    width: 42%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="43"]:before {
    width: 43%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="44"]:before {
    width: 44%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="45"]:before {
    width: 45%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="46"]:before {
    width: 46%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="47"]:before {
    width: 47%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="48"]:before {
    width: 48%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="49"]:before {
    width: 49%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="50"]:before {
    width: 50%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="51"]:before {
    width: 51%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="52"]:before {
    width: 52%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="53"]:before {
    width: 53%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="54"]:before {
    width: 54%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="55"]:before {
    width: 55%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="56"]:before {
    width: 56%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="57"]:before {
    width: 57%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="58"]:before {
    width: 58%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="59"]:before {
    width: 59%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="60"]:before {
    width: 60%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="61"]:before {
    width: 61%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="62"]:before {
    width: 62%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="63"]:before {
    width: 63%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="64"]:before {
    width: 64%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="65"]:before {
    width: 65%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="66"]:before {
    width: 66%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="67"]:before {
    width: 67%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="68"]:before {
    width: 68%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="69"]:before {
    width: 69%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="70"]:before {
    width: 70%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="71"]:before {
    width: 71%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="72"]:before {
    width: 72%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="73"]:before {
    width: 73%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="74"]:before {
    width: 74%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="75"]:before {
    width: 75%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="76"]:before {
    width: 76%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="77"]:before {
    width: 77%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="78"]:before {
    width: 78%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="79"]:before {
    width: 79%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="80"]:before {
    width: 80%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="81"]:before {
    width: 81%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="82"]:before {
    width: 82%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="83"]:before {
    width: 83%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="84"]:before {
    width: 84%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="85"]:before {
    width: 85%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="86"]:before {
    width: 86%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="87"]:before {
    width: 87%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="88"]:before {
    width: 88%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="89"]:before {
    width: 89%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="90"]:before {
    width: 90%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="91"]:before {
    width: 91%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="92"]:before {
    width: 92%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="93"]:before {
    width: 93%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="94"]:before {
    width: 94%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="95"]:before {
    width: 95%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="96"]:before {
    width: 96%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="97"]:before {
    width: 97%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="98"]:before {
    width: 98%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="99"]:before {
    width: 99%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .box__data .row__data .chart_brick span[data-percent="100"]:before {
    width: 100%; }
  .own-html.wf-active #chartAutoTypes .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 #chartAutoTypes .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 #chartAutoTypes .split__left .box__head {
  transform: translateX(-100%); }

.own-html #chartAutoTypes .split__left .pix img {
  transform: translateX(-100%); }

.own-html #chartAutoTypes .split__right .box__head {
  transform: translateX(100%); }

.own-html #chartAutoTypes .split__right .pix img {
  transform: translateX(100%); }

.own-html #chartAutoTypes .pix {
  opacity: 0; }

.own-html #chartAutoTypes .box__head {
  opacity: 0; }

.own-html #chartAutoTypes .data__price:before {
  opacity: 0; }

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

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

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

#chartAutoTypes .chart__core {
  overflow: hidden; }

#chartAutoTypes .chart__circle .chart__mask {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

#chartAutoTypes .box {
  width: 100%;
  text-align: center; }
  #chartAutoTypes .box__head {
    padding: 10px 0; }
  #chartAutoTypes .box h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px; }
  #chartAutoTypes .box__graph {
    position: relative;
    margin-top: 20px; }
    #chartAutoTypes .box__graph .pix img {
      width: 100%; }
    #chartAutoTypes .box__graph .data {
      line-height: 1.2; }
      #chartAutoTypes .box__graph .data__price {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%; }
        @media screen and (min-width: 768px) {
          #chartAutoTypes .box__graph .data__price .data__legend {
            display: none; } }
        #chartAutoTypes .box__graph .data__price .data__value {
          position: absolute;
          top: -5px;
          transform: translateY(-50%);
          display: block; }
          @media screen and (min-width: 768px) {
            #chartAutoTypes .box__graph .data__price .data__value {
              top: 35px; } }
      #chartAutoTypes .box__graph .data__engine {
        position: absolute;
        bottom: 50px;
        width: 96px; }
        @media screen and (min-width: 768px) {
          #chartAutoTypes .box__graph .data__engine {
            width: 120px; } }
        @media screen and (min-width: 768px) {
          #chartAutoTypes .box__graph .data__engine .data__legend {
            display: none; } }
  #chartAutoTypes .box__data {
    text-align: center; }
  #chartAutoTypes .box .data__value {
    display: flex;
    flex-flow: wrap;
    justify-content: center; }
    #chartAutoTypes .box .data__value .chart_brick {
      width: auto; }
      #chartAutoTypes .box .data__value .chart_brick span:before {
        width: 0; }

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

#chartAutoTypes .split__left .box__graph .pix {
  transform: translateX(-10px); }
  @media screen and (min-width: 768px) {
    #chartAutoTypes .split__left .box__graph .pix {
      transform: translateX(0); } }

#chartAutoTypes .split__left .data__price {
  right: 0;
  text-align: right; }
  #chartAutoTypes .split__left .data__price .data__value {
    right: 85px; }
  #chartAutoTypes .split__left .data__price:before {
    position: absolute;
    top: -70px;
    left: 100%;
    transform: translateX(-50%);
    text-align: center; }
    @media screen and (min-width: 768px) {
      #chartAutoTypes .split__left .data__price:before {
        content: "Prix"; } }

#chartAutoTypes .split__left .data__engine {
  right: 0;
  text-align: left; }
  #chartAutoTypes .split__left .data__engine:before {
    position: absolute;
    top: -20px;
    left: 100%;
    width: 100%;
    transform: translateX(-50%);
    text-align: center; }
    @media screen and (min-width: 768px) {
      #chartAutoTypes .split__left .data__engine:before {
        content: "Motorisation"; } }

@media screen and (min-width: 768px) {
  #chartAutoTypes .split__left .row__data .data__value {
    flex-flow: row-reverse;
    justify-content: flex-end !important; } }

@media screen and (min-width: 768px) {
  #chartAutoTypes .split__left .data__value {
    justify-content: flex-start; } }

#chartAutoTypes .split__left .chart_brick {
  padding-left: 10px; }
  @media screen and (min-width: 768px) {
    #chartAutoTypes .split__left .chart_brick {
      padding-left: 0;
      padding-right: 10px; } }
  #chartAutoTypes .split__left .chart_brick span:before {
    background-color: #dc002d; }

#chartAutoTypes .split__left .chart__circle {
  right: 0px; }
  #chartAutoTypes .split__left .chart__circle .chart__mask {
    transform-origin: 100% 50%; }
  #chartAutoTypes .split__left .chart__circle .circle {
    color: #870019;
    background-color: #dc002d; }

#chartAutoTypes .split__right .colored__auto {
  color: #f05069; }

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

#chartAutoTypes .split__right .box__graph .pix {
  transform: translateX(10px); }
  @media screen and (min-width: 768px) {
    #chartAutoTypes .split__right .box__graph .pix {
      transform: translateX(0); } }

#chartAutoTypes .split__right .data__price {
  text-align: left;
  position: absolute; }
  #chartAutoTypes .split__right .data__price .data__value {
    left: 80px; }

#chartAutoTypes .split__right .data__engine {
  text-align: right; }

@media screen and (min-width: 768px) {
  #chartAutoTypes .split__right .data__value {
    justify-content: flex-end; } }

#chartAutoTypes .split__right .chart_brick {
  padding-left: 10px; }
  @media screen and (min-width: 768px) {
    #chartAutoTypes .split__right .chart_brick {
      flex-flow: row-reverse; } }
  #chartAutoTypes .split__right .chart_brick span:before {
    background-color: #f05069; }
    @media screen and (min-width: 768px) {
      #chartAutoTypes .split__right .chart_brick span:before {
        margin-left: auto; } }

#chartAutoTypes .split__right .chart__circle {
  left: 0px; }
  #chartAutoTypes .split__right .chart__circle .chart__mask {
    transform-origin: 0 50%; }
  #chartAutoTypes .split__right .chart__circle .circle {
    color: #af0023;
    right: 0px;
    background-color: #f05069; }
  #chartAutoTypes .split__right .chart__circle .pattern__wrap {
    left: auto;
    right: 0; }
    #chartAutoTypes .split__right .chart__circle .pattern__wrap .pattern__noise {
      transform: rotate(180deg); }

#chartAutoTypes .chart_brick {
  width: 100%;
  display: flex; }
  #chartAutoTypes .chart_brick span {
    position: relative;
    display: block;
    width: 10px;
    height: 18px;
    margin: 0 1px; }
    #chartAutoTypes .chart_brick span:before {
      content: "";
      display: block;
      height: 100%; }

#chartAutoTypes .chart__circle {
  position: absolute;
  top: -85px;
  width: 76px;
  height: 152px; }
  @media screen and (min-width: 768px) {
    #chartAutoTypes .chart__circle {
      top: -40px; } }
  #chartAutoTypes .chart__circle.biggest .circle {
    width: 152px;
    height: 152px;
    transform: translateY(-50%) translateX(0%); }
  #chartAutoTypes .chart__circle:not(.biggest) .circle {
    width: 136.8px;
    height: 136.8px;
    transform: translateY(-50%) translateX(-10%); }
    #chartAutoTypes .chart__circle:not(.biggest) .circle .pattern__wrap {
      width: 60.624px;
      height: 121.288px; }
      #chartAutoTypes .chart__circle:not(.biggest) .circle .pattern__wrap .pattern__noise {
        width: 60.624px;
        height: 121.288px;
        margin-left: -2px; }
  #chartAutoTypes .chart__circle__half {
    display: flex;
    align-items: center; }
    #chartAutoTypes .chart__circle__half .chart__mask {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 100%;
      margin: auto; }
  #chartAutoTypes .chart__circle__mask {
    width: 100%; }
  #chartAutoTypes .chart__circle .circle {
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    top: 50%; }
  #chartAutoTypes .chart__circle .pattern__wrap {
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 0;
    transform-origin: 0 50%;
    transform: translateY(-50%);
    width: 75.78px;
    height: 151.61px; }
    #chartAutoTypes .chart__circle .pattern__wrap .pattern__noise {
      width: 75.78px;
      height: 151.61px; }