/* Start:/local/templates/html/assets/components-template/graph/style.css?17718683164719*/
@charset "UTF-8";
.graph-section {
  padding-bottom: 4rem;
  position: relative; }
  @media (max-width: 1023px) {
    .graph-section {
      padding-bottom: 30px; } }
  .graph-section .presection__right,
  .graph-section .presection__left {
    padding-bottom: 0; }

.graph {
  padding-top: 3rem;
  overflow: auto; }
  @media (min-width: 1024px) {
    .graph {
      padding-bottom: .5rem; }
      .graph::-webkit-scrollbar {
        width: 4px;
        /* ширина для вертикального скролла */
        height: 4px;
        /* высота для горизонтального скролла */
        border-radius: 0px;
        background-color: var(--accent-text); }
      .graph::-webkit-scrollbar-thumb {
        background-color: var(--icon-bg);
        border-radius: 2px; }
        .graph::-webkit-scrollbar-thumb:hover {
          background-color: var(--text-color); } }
  @media (max-width: 1023px) {
    .graph {
      padding-left: 16px;
      padding-right: 16px;
      margin: 0; } }
  .graph--members {
    padding-top: 0;
    margin-top: -4rem; }
    @media (max-width: 1023px) {
      .graph--members {
        margin-top: 0;
        padding-top: 20px; } }
  .graph--volume .graph-img {
    height: 34vw; }
    @media (max-width: 1499px) {
      .graph--volume .graph-img {
        height: 32.5vw; } }
    @media (max-width: 1023px) {
      .graph--volume .graph-img {
        height: 370px;
        min-width: 1050px; } }
  .graph--expert .graph-img {
    height: 27vw; }
    @media (max-width: 1499px) {
      .graph--expert .graph-img {
        height: 22.5vw; } }
    @media (max-width: 1023px) {
      .graph--expert .graph-img {
        height: 305px;
        min-width: 1005px; } }
  @media (min-width: 1024px) {
    .graph--history {
      padding-top: 5rem; } }
  .graph--history .graph-img {
    height: 27vw; }
    @media (max-width: 1499px) {
      .graph--history .graph-img {
        height: 25.5vw; } }
    @media (max-width: 1023px) {
      .graph--history .graph-img {
        height: 305px;
        min-width: 1005px; } }
  .graph--staff .graph-img {
    height: 40vw; }
    @media (max-width: 1499px) {
      .graph--staff .graph-img {
        height: 35vw; } }
    @media (max-width: 1023px) {
      .graph--staff .graph-img {
        height: 430px;
        min-width: 1005px; } }
  .graph-img {
    position: relative;
    width: 100%;
    height: 36vw;
    min-width: 1100px; }
    @media (max-width: 1499px) {
      .graph-img {
        height: 33.5vw; } }
    @media (max-width: 1023px) {
      .graph-img {
        height: 480px; } }
  .graph-svg {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%; }
  .graph-line {
    transition: all linear 4s; }
    .graph-line:not(.active) {
      width: 0; }
  .graph-numbers path {
    opacity: 0;
    transition: all ease .3s;
    width: 60px;
    height: 18px; }
    .graph-numbers path.active {
      opacity: 1; }
  .graph-legend path {
    transition: all ease .3s;
    opacity: 0; }
    .graph-legend path.active {
      opacity: 1; }
  .graph-resLine {
    stroke: #cccccc;
    stroke-dashoffset: 2000;
    stroke-dasharray: 2000; }
    .graph-resLine.active {
      stroke-dasharray: 0; }
  .graph-title {
    opacity: 0; }
  .graph circle[cx] {
    opacity: 0; }
    .graph circle[cx].active {
      opacity: 1; }
    .graph circle[cx].filled {
      pointer-events: none; }
  .graph rect[height="1"]:not(.graph-line) {
    stroke: none;
    transition: all ease .3s; }
    .graph rect[height="1"]:not(.graph-line):not(.active) {
      width: 0; }
    .graph rect[height="1"]:not(.graph-line).filled {
      fill: #ffffff;
      stroke-width: 2px; }

.graph-section--history .presection--title {
  pointer-events: none; }

@media (max-width: 1023px) {
  .graph-section--history .presection__right {
    display: block; } }

.graph-history-slider .splide__control {
  position: absolute;
  bottom: 0px;
  right: 0;
  transform: translateX(100%);
  width: 80px; }
  @media (max-width: 1023px) {
    .graph-history-slider .splide__control {
      transform: translateX(0%); } }

.graph-history-slider .splide__slide {
  width: 100%; }

.graph-slider {
  position: relative; }
  .graph-slider .splide__control {
    position: absolute;
    right: 40px;
    top: 160px;
    opacity: 0;
    visibility: hidden; }
    @media (max-width: 1023px) {
      .graph-slider .splide__control {
        display: none; } }
  .graph-slider.inited .splide__control {
    opacity: 1;
    visibility: visible; }
  .graph-slider .one-slide .splide__arrows {
    display: none; }
  @media (max-width: 1023px) {
    .graph-slider .splide__list {
      flex-direction: column; } }

/* End */


/* Start:/local/templates/html/assets/components-template/career-slider/style.css?1771868316384*/
@media (min-width: 1024px) {
  .career-slider {
    grid-column: 4/span 4; }
    .career-slider .splide__list {
      flex-direction: column; }
    .career-slider .splide__control {
      display: none; } }

@media (max-width: 1023px) {
  .career-slider {
    padding-bottom: 40px; } }

.career-slider .splide__control {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0; }

/* End */


/* Start:/local/templates/html/assets/components-template/mixin__circle/style.css?17718683163536*/
.circle-section {
  margin-top: 3rem;
  padding: 0 4rem 6rem;
  position: relative; }
  @media (max-width: 1023px) {
    .circle-section {
      padding: 20px 14px 30px; } }
  .circle-section__inner {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 3rem; }
    @media (max-width: 1023px) {
      .circle-section__inner {
        grid-template-columns: 100%;
        gap: 30px; } }
  @media (max-width: 1023px) {
    .circle-section__sticky {
      padding: 0 10px;
      max-width: 500px;
      margin: 0 auto;
      width: 100%; } }
  @media (max-width: 1023px) {
    .circle-section__scroll .splide {
      margin: 0 -14px; } }
  @media (min-width: 1024px) {
    .circle-section .splide__list {
      flex-direction: column; } }

.circle-step-slide {
  transition: all ease .3s;
  color: var(--accent-text);
  font-weight: 400; }
  @media (min-width: 1024px) {
    .circle-step-slide {
      max-width: 46rem; }
      .circle-step-slide:not(:last-child) {
        padding-bottom: 6rem;
        margin-bottom: 3rem; }
      .circle-step-slide:last-child {
        border: none; }
      .circle-step-slide.active {
        color: var(--text-color);
        border-color: var(--text-color); } }
  @media (max-width: 1023px) {
    .circle-step-slide {
      width: 90%;
      transition: all ease .3s 0.2s; }
      .circle-step-slide.active {
        color: var(--text-color);
        border-color: var(--text-color); } }

.circle-step__title {
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 1.6rem; }
  @media (max-width: 1023px) {
    .circle-step__title {
      margin-bottom: 20px; } }

.circle {
  position: relative;
  width: 100%;
  max-width: 50rem; }
  @media (min-width: 1024px) {
    .circle {
      aspect-ratio: 1;
      position: sticky;
      top: calc(var(--headerHeight) + 15vh); } }
  @media (min-width: 1024px) and (max-width: 1699px) {
    .circle {
      max-width: 400px;
      top: calc(var(--headerHeight) + 50px); } }
  @media (max-width: 1023px) {
    .circle {
      padding-bottom: 100%; } }
  @media (max-width: 1023px) {
    .circle {
      margin: 0 auto; } }
  .circle-svg {
    position: relative; }
    @media (max-width: 1023px) {
      .circle-svg {
        position: absolute;
        inset: 0; }
        .circle-svg circle {
          stroke-width: 3px; } }
  .circle-bg {
    stroke: var(--accent-text); }
  .circle-main {
    transform: rotate(-90deg);
    transition: all .5s ease;
    stroke: var(--active-color); }
    @media (max-width: 1023px) {
      .circle-main {
        transition: all cubic-bezier(0.38, 1, 0.88, 1) 0.7s 0.2s; } }
  .circle-points {
    position: absolute;
    inset: 0;
    z-index: 2; }
  .circle-point {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid var(--accent-text);
    background: var(--bg-color);
    color: transparent;
    transition: all ease .5s;
    transform: translate(-50%, -50%); }
    @media (max-width: 1023px) {
      .circle-point {
        width: 14px;
        height: 14px;
        border-width: 1px;
        font-size: 8px;
        font-weight: 500; } }
    .circle-point.active {
      transform: translate(-50%, -50%) scale(1.5);
      color: #ffffff;
      background-color: var(--link-color);
      border-color: var(--link-color); }
      @media (max-width: 1023px) {
        .circle-point.active {
          transform: translate(-50%, -50%) scale(2.25); } }

/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?177186831251*/
font.errortext{color:red}font.notetext{color:green}
/* End */


/* Start:/local/templates/html/components/slam/easyform/form_modal/style.css?17718683161107*/
.slam-easyform .modal {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .slam-easyform  .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}
.slam-easyform  .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.slam-easyform .modal .modal-header .title {
    margin: 0;
    font-size: 22px;
    display: inline-block;
}
.hide-formvalidation .form-group .help-block{
    display: none!important;
}

@keyframes spinner {
    to {
        transform: rotate(360deg)
    }
}

.slam-easyform .spinner,.slam-easyform .spinner:hover {
    position: relative;
    color: transparent
}

.slam-easyform .spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: #333;
    animation: spinner .6s linear infinite
}

/* End */


/* Start:/local/components/slam/file.input/templates/input/style.css?17718683151176*/
.dealer-form__file input[type=file] {
    display: none;
}

.form-attachments__item {
    display: inline-block;
    margin-right: 10px;
    background-color: #f5f5f5;
    border-radius: 10px;
    font-size: 12px;
    padding: 0 10px;
    margin-bottom: 8px;
}
.form-attachments__item-link{
    padding: 0!important;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 5px;
    svg{
        max-width: 12px;
        max-height: 12px;
        pointer-events: none;
    }
    path{
        fill: var(--active-color);
        stroke: var(--active-color);
    }
}

.form-attachments__item.error {
    color: darkred;
}

.form-attachments__item-wrapper > div {
    display: inline-block;
    padding-top: 5px;
    padding-right: 5px;
}

.form-attachments__item-wrapper .form-attachments__item-size {
    font-size: 11px;
}

.input-file-group {
    position: relative;
}

.error-block {
    position: absolute;
    top: calc(100% + 2px);
    color: #CF6C4F;
}

.input__file-button {
    display: flex;
    align-items: center;
    gap: 8px;
    fill: var(--text-color);
    cursor: pointer;
}
/* End */
/* /local/templates/html/assets/components-template/graph/style.css?17718683164719 */
/* /local/templates/html/assets/components-template/career-slider/style.css?1771868316384 */
/* /local/templates/html/assets/components-template/mixin__circle/style.css?17718683163536 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?177186831251 */
/* /local/templates/html/components/slam/easyform/form_modal/style.css?17718683161107 */
/* /local/components/slam/file.input/templates/input/style.css?17718683151176 */