window.onscroll = function() {
                    var cl = document.body.classList;
                    window.scrollY > 10
                        ? !cl.contains('is-scrolled') && cl.add('is-scrolled')
                        : cl.contains('is-scrolled') && cl.remove('is-scrolled')
                }

                /*определяем высоту шапки*/
                function getHeaderHeight() {
                    var header = document.querySelector('.header');
                    var topnav = document.querySelector('.topnav');
                    header && document.documentElement.style.setProperty('--header-height', header.scrollHeight + 'px');
                    topnav && document.documentElement.style.setProperty('--topnav-height', topnav.scrollHeight + 'px');
                    header && topnav && document.documentElement.style.setProperty('--hw-height', header.scrollHeight + topnav.scrollHeight  + 'px');
                }

                window.onresize = getHeaderHeight;
                getHeaderHeight();