/* Скроллбар */


@media screen and (min-width: 1201px) {
    ::-webkit-scrollbar-thumb {
        /* Укажи цвет скроллбара */
        background: #7971f9;
        /* Укажи радиус скругления скроллбара */
        border-radius: 0px;
    }
    ::-webkit-scrollbar {
        /* Укажи ширину вертикального скроллбара */
        width: 5px;
        /* Укажи высоту горизонтального скроллбара */
        height: 22px;
        /* Укажи цвет фона под скроллбаром */
        background: #030105;
    }
}



    ::selection {
      background-color: #7971f9;
      color: #fff;
    }

/* Эффект наложения блоков (вертик) при скролле */




$(function(){
    /* Укажи id всех блоков через запятую, которым нужно добавить эффект наложения */
    var id = '#rec320115509,#rec320115547,#rec320115573';

    $('head').append('body {overflow-x: hidden;}#allrecords {overflow: visible !important;}#t-header,#t-footer {position: relative;z-index: 2;} .t-rec {position: relative;z-index: 1;overflow-x: hidden;}'+id+' { position: -webkit-sticky; position: sticky; top: 0; z-index: 0;}');
    
    $(window).on('load resize', function(){
        $(id).each(function(){
            var topPosition = $(window).height() - $(this).height();
            if (topPosition < 0) {
                $(this).css('top',topPosition)
            } else {
                $(this).css('top',0)
            }
        });
    });
});




