/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*** Header Global Styles ***/

/*** Header Layout 1 ***/

#header {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 127px;
	padding: 0;
    max-width: 1920px;
}

header#header.trans-header {
    position: absolute;
    width: 100%;
	padding: 0;
}

#wrapper #header {
    height: auto;
}

#header .logo {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / span 2;
    padding: 20px 0;
}

#header .logo img {
    min-width: 215px;
}

#header .cta-phone-icon svg {
    max-width: 35px;
    width: 90%;
}

#header .main-menu {
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
}

#header .main-menu {
    -ms-grid-column: 5;
    -ms-grid-column-span: 8;
    grid-column: 5 / 13;
}

#header .main-menu li.flex-item {
    padding: 0 .8em;
}

.header-cta {
    -ms-grid-column: 4;
    -ms-grid-column-span: 8;
    grid-column: 4/12;
    -ms-grid-row: 1;
    grid-row: 1;
    text-align: right;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.nav-wrapper.closed {
    -ms-grid-column: 4;
    -ms-grid-column-span: 8;
    grid-column: 4 / 12;
    -ms-grid-row: 2;
    grid-row: 2;
    text-align: right;
}

.dropbtn:hover .dropdown-content {
  top: 100%;
}

.main-menu ul#nav>li.current-menu-item a,
.main-menu ul#nav>li.current_page_item a,
.main-menu ul#nav>li.current-menu-parent>a,
.main-menu ul#nav>li.current-menu-parent li.current-menu-item a,
.main-menu ul#nav li.active-category a {
    font-weight: 900!important;
}

@media (max-width: 1200px) {
    #header {
        padding-left: 1.5vw;
    }

    #header .logo {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / 3;
        margin-left: 15px;
    }
}

@media (max-width: 1024px) {
    #header.nav-below .header-cta {
        display: none;
    }

    #header .main-menu {
        -webkit-box-flex: 1;
            -ms-flex: 1 auto;
                flex: 1 auto;
                overflow: auto;
    }

    #header.nav-below .logo {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / 3;
        -ms-grid-row: 1;
        grid-row: 1;
    }

    #header.nav-inside div.nav-wrapper {
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 12;
        grid-column: 1 / 13;
        z-index: 1;
        display: -ms-grid;
        display: grid;
    }

    nav.main-menu.nav-below ul#nav>li,
    nav.main-menu.nav-inside ul#nav>li {
        padding: 0;
    }
}