    .app-logo{display:flex; align-items: center; height:100%;}
    .app-logo svg{display:block; }

    .app-header{position:fixed; top:0; left:0; width:100%; z-index: 50; left:0; padding:.5rem 0;  transition:transform .25s ease;}

    .app-header__logo svg{width:10rem; margin:auto;}
    .app-header__burger{border-right:none;}

    .app-menu{position:fixed; display:none; top:0; left:0; background:var(--color-fill); transition:background .5s ease; width:100%; height:100%; z-index: -1; padding-top:10rem; }
    .app-menu__list{padding:2rem;  }
    .app-menu__item {overflow: hidden; margin-bottom:1rem;}
    .app-menu__link{font-weight:900; font-size:1.5rem; display:block; position:relative; transition:color .25s ease;}
    .app-menu.is-show{display:block;}

    .burger-toggle{position:relative; color:var(--color-base); width:2rem; height:2rem; padding:0; top:.25rem;}
    .burger-toggle:before, .burger-toggle:after,  .burger-toggle span{content:''; color:inherit; }
    .burger-toggle span, .burger-toggle:before, .burger-toggle:after{display:block; background:currentColor; transition:transform .25s ease; position:absolute; top:0; left:0; right:0; bottom:0; width:80%; max-width:2rem; height:2px; margin:auto;}
    .burger-toggle span { width:50%; margin-left:10%;}
    .burger-toggle:before{ transform: translateY(-.5rem);}
    .burger-toggle:after{ transform: translateY(.5rem);}

    .burger-toggle.is-active:before{transform: translateY(0) rotate(-45deg); }
    .burger-toggle.is-active:after{transform: translateY(0) rotate(45deg); }
    .burger-toggle.is-active span{transform:scale(0, 1);}
    .app-header.is-fixed, .app-header.is-show-menu{ background:var(--color-fill-opacity);}

    .header-contacts{display:flex; align-items: center; justify-content: end ;}
    .header-contacts__block{text-align: right; }
    .header-contacts__worktime{color:var(--color-ghost); margin-bottom:0; font-size:.75em}
    .app-header__phone{ font-weight: bold;}
    .app-header__phone svg{transform: scale(-1, 1); margin:0; width:1.5rem; height:1.5rem;}

    .header-callback{padding:.65rem 1.125rem; justify-content: center; font-size:.75rem;}

    @media (hover: hover) {
        .header-panel__link:hover{color:var(--color-brand);}
        .app-menu__link:hover{color:var(--color-brand);}
    }

    @media screen and (max-width:47em){
        .app-menu__item{perspective: 300px; transform-style: preserve-3d;}
        .app-menu__link{transition:transform .3s ease, opacity .3s ease, color .25s ease; transform: translateY(100%);  opacity: 0;}
        .app-menu__item:nth-child(1) .app-menu__link{transition-delay:.1s;}
        .app-menu__item:nth-child(2) .app-menu__link{transition-delay:.2s;}
        .app-menu__item:nth-child(3) .app-menu__link{transition-delay:.3s;}
        .app-menu__item:nth-child(4) .app-menu__link{transition-delay:.4s;}
        .app-menu__item:nth-child(5) .app-menu__link{transition-delay:.5s;}
        .app-menu__item:nth-child(6) .app-menu__link{transition-delay:.6s;}
        .app-menu.is-showing .app-menu__link{transform: translateY(0) ; opacity: 1;}

    }
    @media screen and (min-width:63em){
        .app-header{padding:1rem 0;}
        .app-header__menu{ flex: 1 1 auto;}
        .app-menu{display:block; position:static;padding:0; background:transparent; backdrop-filter:none; }
        .app-menu__item{padding:0 .75vw; margin:0;}

        .app-menu__list{display:flex; justify-content:space-between; width:auto;  margin:0;  padding:0;  height:100%;}
        .app-menu__link{font-weight:500; white-space: nowrap; font-size:1rem; padding:1rem 0; height:100%; line-height:1.2; position:relative; transition:color .25s ease;}
        .app-menu__link:after{content:''; display: block; width:100%; height:3px; border-radius:3px; position:absolute; bottom:0; left:0; background:var(--color-brand); transform: translateY(4px); opacity: 0; transition:all .25s ease;}
        .app-menu__link:hover:after{transform: translateY(0); opacity: 1;}
        .header-contacts__worktime{ font-size:.675em}

        .app-header .socials-list{margin:0; display: block;}

        .app-header__phone svg{transform: none; color:var(--color-grey); width:1.25rem; height:1.25rem;}
    }
    @media screen and (min-width:82em) and (max-width:100em){
        
        .header-callback{padding:0; font-size:.75rem; white-space: nowrap; color:var(--color-brand); background:transparent;}
        .header-callback:hover{color:var(--color-base); background:transparent;}
        .header-contacts .socials-list{justify-content: space-between;}

    }
    @media screen and (min-width:82em){
        
        .app-menu__list{justify-content:space-around; margin:0; }
        .app-menu__link{padding-left:0; padding-right:0;}
        .app-header .row{flex-wrap: nowrap;}
        .app-header .socials-list{display: flex; margin:0 .5rem;}

        .header-contacts{display:grid; grid-template-columns: 65% 35%; grid-template-rows: repeat(2, 1fr);}
        .header-contacts__block{grid-row: 1 /  3; padding-right:1rem;}

    }
    @media screen and (min-width:100em){
        .app-menu__list{justify-content:center; }
        .app-menu__item{padding:0 1rem;}
        .app-header__phone{font-size:1.25rem;}
        .header-contacts{display:grid; grid-template-columns: 57% 18% 35%; grid-template-rows: 1fr;}    
        .app-header__logo svg{width:14rem;}
    }