.site-header {
    z-index: 999;
    transition: padding 0.3s ease, margin 0.3s ease, background-color 0.3s ease;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    max-width: 93%;
    width: 100%;
    padding: var(--block-padding);
    border-radius: var(--round-default);
    margin-top: 1.875em;

    @media(min-width: 1950px) {
        max-width: 1890px;
    }

    @media(max-width: 767px) {
        max-width: 90%;
    }
}

.site-header.sticky {
    position: fixed;
    top: 0;
    padding: 0.78em 0;
    background: var(--bgd-green);
    border-bottom-left-radius: var(--round-default);
    border-bottom-right-radius: var(--round-default);
    margin-top: 0.875em;
}

body:not(.home) .site-header:not(.sticky) {
    background: var(--bgd-green);
}

.site-header .logo {
    max-width: 9.6em;
}

.site-header.sticky .logo {
    max-width: 9.6em;
}

.site-header .header-contact-icons {
    margin-right: 2em;
    color: var(--text-white);
}

.site-header .header-contact-icons .contact-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    transition: 350ms ease;
}

.site-header .header-contact-icons .contact-icon:not(:last-child) {
    margin-right: 1.6em;
}

.site-header .header-contact-icons svg {
    width: 25px;
    height: 25px;
}

.site-header .header-button:not(:last-child) {
    margin-right: 1em;
}

@media (min-width: 1200px) {
    .site-header .header-contact-icons .contact-icon:hover {
        color: var(--text-orange);
    }
}

.site-header .mobile-menu-trigger {
    display: none;
    background: transparent;
    border: none;
    color: var(--text-white);
    font-size: 16px;
    margin-right: 1.2em;
    cursor: pointer;
}

.site-header .mobile-menu-trigger .hamburger-icon {
    display: block;
    position: relative;
    width: 1.5em;
    height: 1.05em;
}

.site-header .mobile-menu-trigger .hamburger-icon .line {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: currentColor;
    border-radius: 2px;
    transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
}

.site-header .mobile-menu-trigger .hamburger-icon .line:nth-child(1) {
    top: 0;
}

.site-header .mobile-menu-trigger .hamburger-icon .line:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
}

.site-header .mobile-menu-trigger .hamburger-icon .line:nth-child(3) {
    top: 100%;
    transform: translateY(-100%);
}

body.mm-ocd-opened .site-header .mobile-menu-trigger .hamburger-icon .line:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

body.mm-ocd-opened .site-header .mobile-menu-trigger .hamburger-icon .line:nth-child(2) {
    opacity: 0;
}

body.mm-ocd-opened .site-header .mobile-menu-trigger .hamburger-icon .line:nth-child(3) {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}

/* .site-header #main-menu {
    margin-right: 20.75em;
} */

.site-header #main-menu li {
    margin: 0 1.875em;
}

.site-header #main-menu li:last-child {
    margin: 0;
}

.site-header #main-menu li:nth-last-child(2) {
    margin: 0;
}

.site-header #main-menu li:nth-last-child(3) {
    margin: 0;
}

.site-header #main-menu a {
    font-size: var(--font-size-regular);
    color: var(--text-white);
    transition: 350ms ease;
}

@media (min-width: 1200px) {
    .site-header #main-menu a:hover {
        color: var(--text-orange);
    }
}

.site-header #main-menu li.button {
    display: none;
}

.site-header #main-menu li.item-phone {
    display: none;
}

body:not(.home) main.site-main {
    padding-top: var(--header-offset, 0px);
}

.mm-spn a {
    color: var(--text-green) !important;
    font-weight: bold;
}

.mm-spn li:nth-last-child(2):after {
    display: none;
}

.mm-spn li.button {
    border-radius: 0;
    border: 0;
}

.mm-spn li.button a {
    color: #fff !important;
    font-weight: normal;
}

.mm-spn li.button.solid a {
    background: var(--text-green);
    border-color: var(--text-green);
}

/* @media all and (max-width: 1750px) {

    .site-header #main-menu {
        margin-right: 16em;
    }
}

@media all and (max-width: 1550px) {
    .site-header #main-menu {
        margin-right: 9em;
    }
}

@media all and (max-width: 1300px) {
    .site-header #main-menu {
        margin-right: 2em;
    }
} */

@media all and (max-width: 1199px) {
    .site-header .header-button {
        display: none;
    }
    .site-header .mobile-menu-trigger {
        display: inline-block;
        padding: 0 0;
        margin-right: 0;
    }
    .site-header.sticky .button {
        display: none;
    }
    .site-header #main-menu {
        display: none;
    }
    .site-header .header-contact-icons {
        display: none;
        margin-right: 0;
    }
    .mm-spn li.item-phone::before {
        display: none;
    }
    .mm-spn li.item-phone .phone-contact-icons {
        display: flex;
        align-items: center;
        padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent);
    }
    .mm-spn li.item-phone .contact-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 50%;
        padding: 0;
    }
    .mm-spn li.item-phone svg {
        width: 1.4em;
        height: 1.4em;
    }
}

@media all and (max-width: 1000px) {
    .home .site-header .wrap.wide {
        padding: 0 15px;
    }
}

@media all and (max-width: 600px) {

    .home .site-header .wrap.wide {
        padding: 0 30px;
    }
    .site-header {
        padding: 1.5em 0;
    }
    .site-header .wrap {
        padding: 0 1em;
    }
    .site-header .logo {
        max-width: 8em;
    }
    .site-header.sticky .logo {
        max-width: 8em;
    }
}