header#header{
    padding-block: 35px 19px;
}

.front header#header{
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
}

.not-front header#header{
   background-color: var(--color-accent);
}

.header-top{
    padding-block: 10px;
}

/* Лого */
.logo{
    transition: 0.2s;
}
.logo:hover{
    transform: scale(0.97);
}

/*Контакты*/
header#header .col-contacts{
    display: flex;
    align-items: center;
    margin-left: 10px;
}

header#header .col-contacts .tel{
    font-family: var(--font-family);
    font-size: 22px;
    font-weight: 700;
    color: var(--color-white);
    text-decoration: none;
}
header#header  div#block-vesta-theme-osnovnayanavigaciya-4-menu {
    display: none;
}

#header-mob {
    background: var(--color-accent);
    color: var(--color-white);
    padding: 20px 5px;
}

#header-mob a {
    color: var(--color-white);
}

#header-mob .col-nav a img{
    filter: invert(100%) sepia(97%) saturate(0%) hue-rotate(69deg) brightness(104%) contrast(104%);
}

.offcanvas{
    background-color: var(--color-accent);
    color: var(--color-white);
}

.offcanvas .logo {
    max-width: 80px;
}