.main-header-navigation {
    margin-left: auto;
}

.main-header-navigation img {
    width: 28px;
	height: 30px;
	margin-right: 7px;
}

/* --------------------------------------------------------------------
 * ## main navigation
 * -------------------------------------------------------------------- */
.mgl-header__navigation {
    max-width : none;
    width     : 100%;
}

.mgl-header__nav-wrap {
    display         : flex;
    justify-content : center;
    margin-left     : 0rem;
    margin-right    : 0rem;
    width           : 100%;
}

.ss-home .mgl-header__nav-wrap {
    margin-left : 50%;
}

.mgl-header__nav {
    list-style : none;
    display    : flex;
    flex-flow  : row nowrap;
    margin     : 0;
    padding    : 0;
}

.mgl-header__nav a {
    display             : inline-block;
    font-size           : 1.6rem;
    font-weight         : 600;
    line-height         : 4rem;
    color               : white;
    transition-property : color, background-color;
	text-decoration: none;
	transition: color 0.3s;
}

.mgl-header__nav a:hover {
    color : rgba(255,255,255,0.47);
}

.mgl-header__nav li {
    padding  : 0 1.2rem;
    position : relative;
}

.contact-nav .mgl-header__nav li {
    padding  : 0 0 0 1.2rem;
}

.mgl-header__nav li.menu-item-has-children>a {
    padding-right : 1.2rem;
    position      : relative;
}

.mgl-header__nav li.menu-item-has-children>a::after {
    border-bottom            : 1px solid yellow;
    border-right             : 1px solid yellow;
    content                  : '';
    display                  : block;
    height                   : 5px;
    width                    : 5px;
    margin-top               : -4px;
    pointer-events           : none;
    -webkit-transform-origin : 66% 66%;
    transform-origin         : 66% 66%;
    transform                : rotate(45deg);
    transition               : all .3s;
    position                 : absolute;
    right                    : 0;
    top                      : calc(50% + 2px);
}

.mgl-header__nav .current_page_item>a {
    border-bottom : 0px solid white;
	color:#f6d705
}


.mgl-header__nav ul {
    z-index       : 200;
    margin        : 0;
    padding       : 1rem 0;
    background    : #111a30;
    border-radius : 0;
    transform     : translate(0, 20px);
    transition    : all .5s;
    opacity       : 0;
    visibility    : hidden;
    position      : absolute;
    top           : calc(100% - 1px);
    left          : 0;
}

.mgl-header__nav ul ul {
    position      : absolute;
    top           : 0;
    left          : calc(100% + 1px);
    border-radius : 0;
    padding-top   : 1.2rem;
}

.mgl-header__nav ul li {
    display    : block;
    text-align : left;
    padding    : 0;
    margin     : 0;
    min-height : 2.2rem;
    width      : 100%;
}

.mgl-header__nav ul li a {
    display     : block;
    white-space : nowrap;
    padding     : .9rem 0 0;
    margin     : 0 2rem 0 1.5rem;
    font-weight : 300;
    font-size   : 1.2rem;
    line-height : 1.8rem;
    color       : rgba(255, 255, 255, 0.8);
}

.mgl-header__nav ul li a:first-of-type {
    padding-top    : 0;
}

.mgl-header__nav ul li a:focus,
.mgl-header__nav ul li a:hover {
    color : white;
}

.mgl-header__nav li:hover>ul {
    opacity    : 1;
    visibility : visible;
    transform  : translate(0, 0);
}

/* --------------------------------------------------------------------
 * ## mobile menu toggle
 * -------------------------------------------------------------------- */
.mgl-header__menu-toggle {
    display   : none;
    z-index   : 301;
    width     : 6.8rem;
    height    : 7.2rem;
    transform : translateY(-50%);
    position  : absolute;
    top       : 50%;
    right     : .8rem;
}

.mgl-header__menu-toggle span {
    display          : block;
    background-color : white;
    width            : 22px;
    height           : 2px;
    margin-top       : -1px;
    font             : 0/0 a;
    text-shadow      : none;
    color            : transparent;
    transition       : background-color 0.3s ease-in-out;
    position         : absolute;
    right            : 23px;
    top              : 50%;
    bottom           : auto;
    left             : auto;
}

.mgl-header__menu-toggle span::before,
.mgl-header__menu-toggle span::after {
    content          : "";
    width            : 100%;
    height           : 100%;
    transition       : transform 0.3s ease-in-out;
    background-color : inherit;
    position         : absolute;
    left             : 0;
}

.mgl-header__menu-toggle span::before {
    top : -8px;
}

.mgl-header__menu-toggle span::after {
    bottom : -8px;
}

/* is clicked 
 */
.mgl-header__menu-toggle.is-clicked span {
    background-color : rgba(0, 0, 0, 0);
    transition       : all .1s;
}

.mgl-header__menu-toggle.is-clicked span::before,
.mgl-header__menu-toggle.is-clicked span::after {
    background-color : white;
}

.mgl-header__menu-toggle.is-clicked span::before {
    top       : 0;
    transform : rotate(135deg);
}

.mgl-header__menu-toggle.is-clicked span::after {
    bottom    : 0;
    transform : rotate(225deg);
}

/* ------------------------------------------------------------------- 
 * responsive:
 * site-header
 * ------------------------------------------------------------------- */
@media screen and (max-width: 1400px) {
    .ss-home .mgl-header__nav>li {
        padding : 0 1rem;
    }

    .ss-home .mgl-header__nav>li>a {
        font-size : 1.6rem;
    }
}

@media screen and (min-width: 1201px) {

    .mgl-header__nav li.menu-item-has-children:hover>a::after,
    .mgl-header__nav li.menu-item-has-children:focus>a::after {
        transform : rotate(225deg);
    }

    .mgl-header__nav li ul {
        display : block !important;
    }
}

@media screen and (max-width: 1200px) {
    .mgl-header {
        top : 4rem;
    }

    .mgl-header__branding {
        left : 2.8rem;
    }

    .mgl-header__nav-wrap {
        z-index          : 300;
        display          : block;
        opacity          : 0;
        visibility       : hidden;
        background-color : black;
        width            : 100%;
        height           : 100%;
        margin           : 0 !important;
        padding          : 0;
        border           : none;
        overflow-y       : auto;
        position         : fixed;
        top              : 0;
        left             : 0;
        bottom           : 0;
        right            : 0;
    }

    .mgl-header__nav-wrap .mgl-header__nav {
        display       : block;
        counter-reset : ctr;
        padding       : 3vw 5vw 0;
    }

    .mgl-header__nav-wrap .mgl-header__nav>li.menu-item-has-children>a {
        padding-right : 1.6rem;
    }

    .mgl-header__nav-wrap .mgl-header__nav>li a {
        line-height  : 1.6;
        padding-left : 2.4rem;
		font-size: 32px;
		color: white
    }

    .mgl-header__nav-wrap .mgl-header__nav>li a:hover {

    }

    .mgl-header__nav-wrap .mgl-header__nav>li::before {
        content           : counter(ctr, decimal-leading-zero);
        counter-increment : ctr;
        display           : inline;
        font-weight       : 400;
        font-size         : 16px;
        color             : white;
        transform         : translateY(-50%);
        position          : absolute;
        left              : 0;
        top               : 1.8em;
    }

    .mgl-header__nav-wrap .mgl-header__nav li {
        display    : block;
        padding    : 0;
        text-align : left;
        position   : relative;
    }

    .mgl-header__nav-wrap .mgl-header__nav li ul {
        width            : 100%;
        opacity          : 0;
        visibility       : visible;
        height           : auto;
        max-height       : 0;
        overflow         : hidden;
        transform        : translate(0, 0);
        background-color : transparent;
        padding          : 0;
        position         : static;
    }

    .mgl-header__nav-wrap .mgl-header__nav li.sub-menu-is-open>ul {
        opacity    : 1;
        max-height : 1000px;
    }

    .mgl-header__nav-wrap .mgl-header__nav li.menu-item-has-children>a::after {
        top : 0.85em;
		border-bottom: 1px solid white;
    	border-right: 1px solid white;
		height: 10px;
    	width: 10px;
		margin-top: -8px;
    }

    .mgl-header__nav-wrap .mgl-header__nav li.sub-menu-is-open>a::after {
        transform : rotate(225deg);
    }

    .mgl-header__nav-wrap .mgl-header__nav li ul li a {
        font-weight : 300;
        padding     : .4rem 1.6rem .2rem 1rem;
		font-size: 22px
    }

    .mgl-header__nav-wrap .mgl-header__nav li ul li a:focus,
    .mgl-header__nav-wrap .mgl-header__nav li ul li a:hover {

    }

    .mgl-header__nav-wrap .mgl-header__nav li.current_page_item a {
        border : none;
    }

    .mgl-header__menu-toggle {
        display : block;
    }

    body.menu-is-open .mgl-header__nav-wrap {
        opacity    : 1;
        visibility : visible;
    }
}

@media screen and (max-width: 600px) {
    .mgl-header__nav {
        padding : 0 8vw 0;
    }
}

@media screen and (max-width: 400px) {
    .mgl-header__nav>li a {
        padding-left : 2.2rem;
    }

    .mgl-header__nav>li::before {
        top : 2.6rem;
    }
}