/* спейсинг для шрифта */
#allrecords {
    letter-spacing: calc(-1em / 50);
    
}

/* выделение текста */
::selection {
    color: #fff;
    background-color: #ACA2F9;
}





/* не выделение текста :) */
a, button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}





/* скролл-бар */
/* Работает в Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #ACA2F9 #fff;
}

/* Работает в Chrome, Edge и Safari */
*::-webkit-scrollbar {
  width: 6px;
}

*::-webkit-scrollbar-track {
  background: #fff;
}

*::-webkit-scrollbar-thumb {
  background-color: #ACA2F9;
  border-radius: 2px;
}






.noise .tn-atom {
    background-size: 140px !important;
    opacity: calc(5 / 100) !important;
    pointer-events: none;
    background-repeat: repeat !important;
}

/* наложение блока о нас на обложку */
#rec488920407, #rec497178930 {
    margin-top: -4.167vw;
    z-index: 16;
}

/* скругление о нас */
#rec488920407 .t396__artboard,
#rec490669827 .t396__artboard,
#rec497418865 .t396__artboard,
#rec497178930 .t396__artboard,
#rec497178951 .t396__artboard,
#rec551219777 .t396__artboard,
#rec582274646 .t396__artboard,
#rec582280763 .t396__artboard { 
    border-radius: 4.167vw 4.167vw 0 0;
    z-index: 16;
}

/*анимация ссылок меню*/
.link .tn-atom, .link_black .tn-atom, .telegram-head .tn-atom, .telegram-head_black .tn-atom, .request .tn-atom, .request_black .tn-atom,.telegram-footer .tn-atom {
    width: auto !important;
}

.link a, .link_black a, .telegram-head a, .telegram-head_black a, .request a, .request_black a, .telegram-footer a {
    display: inline-block;
    position: relative;
}




  
.link a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 100%;
    left: 0;
    background-color: #fff;
    transition: transform 0.3s ease-out;
    transform: scaleX(0);
    transform-origin: bottom right;
    will-change: transform;
}

.link a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.link_black a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 100%;
    left: 0;
    background-color: #222;
    transition: transform 0.3s ease-out;
    transform: scaleX(0);
    transform-origin: bottom right;
    will-change: transform;
}

.link_black a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

/* телеграм в шапке */
.telegram-head a::after {
    content: '';
    position: absolute;
    width: 100%;

    height: 1px;
    top: 100%;
    left: 0;
    background-color: #fff;

    transition: transform 0.3s ease-out;
    transform: scaleX(1);
    transform-origin: bottom left;
    will-change: transform;
}

.telegram-head a:hover::after {
    transform: scaleX(0);
    transform-origin: bottom right;
}

.telegram-head_black a::after {
    content: '';
    position: absolute;
    width: 100%;

    height: 1px;
    top: 100%;
    left: 0;
    background-color: #222;

    transition: transform 0.3s ease-out;
    transform: scaleX(1);
    transform-origin: bottom left;
    will-change: transform;
}

.telegram-head_black a:hover::after {
    transform: scaleX(0);
    transform-origin: bottom right;
}

/* белые кнопки заявки */
.request a::after {
    content: '';
    position: absolute;
    width: 100%;

    height: 1.5px;
    top: 100%;
    left: 0;
    background-color: #fff;

    transition: transform 0.3s ease-out;
    transform: scaleX(1);
    transform-origin: bottom left;
    will-change: transform;
  }

.request a:hover::after {
    transform: scaleX(0);
    transform-origin: bottom right;
}

/* черные кнопки заявки*/
.request_black a::after {
    content: '';
    position: absolute;
    width: 100%;

    height: 1.5px;
    top: 100%;
    left: 0;
    background-color: #222;

    transition: transform 0.3s ease-out;
    transform: scaleX(1);
    transform-origin: bottom left;
    will-change: transform;
}

.request_black a:hover::after {
    transform: scaleX(0);
    transform-origin: bottom right;
}

/* телеграм в подвале */
.telegram-footer a::after {
    content: '';
    position: absolute;
    width: 100%;

    height: 3px;
    top: 100%;
    left: 0;
    background-color: #fff;

    transition: transform 0.4s ease-out;
    transform: scaleX(1);
    transform-origin: bottom left;
    will-change: transform;
}

.telegram-footer a:hover::after {
    transform: scaleX(0);
    transform-origin: bottom right;
}

@media (max-width: 1200px) {
    #rec488920407 .t396__artboard,
    #rec490669827 .t396__artboard,
    #rec497418865 .t396__artboard,
    #rec497178930 .t396__artboard,
    #rec497178951 .t396__artboard,
    #rec551219777 .t396__artboard,
    #rec582274646 .t396__artboard,
    #rec582280763 .t396__artboard {
        border-radius: 5.208vw 5.208vw 0 0;
    }
    
    #rec488920407, #rec497178930 {
        margin-top: -5.208vw;
    }
}

@media (max-width: 960px) {
    #rec488920407 .t396__artboard,
    #rec490669827 .t396__artboard,
    #rec497418865 .t396__artboard,
    #rec497178930 .t396__artboard,
    #rec497178951 .t396__artboard,
    #rec551219777 .t396__artboard,
    #rec582274646 .t396__artboard,
    #rec582280763 .t396__artboard {
        border-radius: 4.688vw 4.688vw 0 0;
    }
    
    #rec488920407, #rec497178930 {
        margin-top: -6.250vw;
    }
}

@media (max-width: 640px) {
    #rec488920407 .t396__artboard,
    #rec490669827 .t396__artboard,
    #rec497418865 .t396__artboard,
    #rec551219777 .t396__artboard,
    #rec582274646 .t396__artboard,
    #rec582280763 .t396__artboard {
        border-radius: 4.167vw 4.167vw 0 0;
    }
    
    #rec488920407, #rec497178930 {
        margin-top: -4.167vw;
    }
    
    .request::after {
        height: 1px;
    }
    
    .request_black::after {
        height: 1px;
    }
    
    .telegram-footer::after {
        height: 3px;
        bottom: -13px;
  }
}

@media (max-width: 480px) {
    #rec488920407 .t396__artboard,
    #rec490669827 .t396__artboard,
    #rec497418865 .t396__artboard,
    #rec497178930 .t396__artboard,
    #rec497178951 .t396__artboard,
    #rec551219777 .t396__artboard,
    #rec582274646 .t396__artboard,
    #rec582280763 .t396__artboard {
        border-radius: 6.250vw 6.250vw 0 0;
    }
    
    #rec488920407, #rec497178930 {
        margin-top: -6.250vw;
    }
}