.t-records {
    overflow: hidden !important;
}

body {
    background: #f0f0f0;
}

html, body {
    scrollbar-width: 4px;
    scrollbar-color: #3A3A3A #fff;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: 0 0;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background-color: #3A3A3A;
    border-radius: 20px;
    border: 1px solid transparent;
}

/* ======= Рисующиеся элементы ======= */

[class*="drawing-svg"] {
    opacity: 0;
    visibility: hidden;
    will-change: transform;
    transform: translate3d(0, 0, 0);
}

[class*="drawing-svg"].is-visible  {
    opacity: 1;
    visibility: visible;
}

[class*="drawing-svg"].is-visible path {
    stroke-dashoffset: 0 !important;
    transition: all 1s ease-in-out 0s;
}

/* Задержки */

.drawing-svg-mission-2.is-visible path {
    transition-delay: 1.1s !important;
}

.drawing-svg-mission-3.is-visible path {
    transition-delay: 2.1s !important;
}

.drawing-svg-mission-4.is-visible path {
    transition-delay: 3.1s !important;
}


/* ======= Рисовашки для прелоадера ======= */

.drawing-svg-p-1.is-visible path {
    /*transition-delay: 1s !important;*/
}

.drawing-svg-p-2.is-visible path {
    transition-duration: 0.5s !important;
    transition-delay: 1.5s !important;
}

.drawing-svg-p-3.is-visible path {
    transition-duration: 0.5s !important;
    transition-delay: 2s !important;
}

.drawing-svg-p-4.is-visible path {
    transition-duration: 0.5s !important;
    transition-delay: 2.5s !important;
}

.drawing-svg-p-5.is-visible path {
    transition-duration: 0.5s !important;
    transition-delay: 3s !important;
}

@media (max-width: 1200px) {
    .drawing-svg-p-3.is-visible path {
        transition-delay: 0.2s !important;
    }
    
    .drawing-svg-p-4.is-visible path {
        transition-delay: 0.5s !important;
    }
    
    .drawing-svg-p-5.is-visible path {
        transition-delay: 0.8s !important;
    }
}

/* ======= Смена цвета для чекбокса в форме на мобилке (для CTA-блоков) ======= */


@media (max-width: 959px) {
  .uc-cta-right-now .t-checkbox__control {
    color: #2D2D2D !important;
  }
  
  .uc-cta-right-now .t-checkbox__indicator {
    border-color: #2D2D2D !important;
  }
  
  .uc-cta-right-now .t-checkbox__indicator:after {
    border-color: #2D2D2D !important;
  }
  
  .uc-cta-right-now .t-checkbox__control a {
      color: inherit !important;
      border-color: #2D2D2D !important;
  }
}

@media (max-width: 959px) {
    .uc-cta-start .t-checkbox__control {
      color: #2D2D2D !important;
    }
    
    .uc-cta-start .t-checkbox__indicator {
      border-color: #2D2D2D !important;
    }
    
    .uc-cta-start .t-checkbox__indicator:after {
      border-color: #2D2D2D !important;
    }
  
    .uc-cta-start .t-checkbox__control a {
        color: inherit !important;
        border-color: #2D2D2D !important;
    }
}


/* ======= Стилизация ссылок в подвале ======= */

.footer-social .tn-atom {
    font-style: italic !important;
    text-decoration: underline !important;
}

/* ======= Буквы в мобильном прелоадере ======= */

.mobile-preloader-letters.active .mobile-preloader-letter {
  stroke-dashoffset: 0;
}

.mobile-preloader-letter {
    will-change: transform;
    transform: translate3d(0, 0, 0);
}

.mobile-preloader-letter:first-child {
  stroke-dashoffset: 71.2642822265625px;
  stroke-dasharray: 71.2642822265625px;
  -webkit-transition: stroke-dashoffset 1s ease-out 1s;
          transition: stroke-dashoffset 1s ease-out 1s;
}

.mobile-preloader-letter:nth-child(2) {
  stroke-dashoffset: 64.25682067871094px;
  stroke-dasharray: 64.25682067871094px;
  -webkit-transition: stroke-dashoffset 1s ease-out 1.82s;
          transition: stroke-dashoffset 1s ease-out 1.82s;
}

.mobile-preloader-letter:last-child {
  stroke-dashoffset: 64.81355285644531px;
  stroke-dasharray: 64.81355285644531px;
  -webkit-transition: stroke-dashoffset 1s ease-out 2.64s;
          transition: stroke-dashoffset 1s ease-out 2.64s;
}