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

.main-header-navigation img {
    width: 25px;
	height: 25px;
	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.3rem;
    font-weight         : 400;
    line-height         : normal;
    color               : white;
    transition-property : color, background-color;
	text-decoration: none;
	transition: color 0.3s;
}

.mgl-header__nav a:hover {
    color : #f6d705;
}

.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: #05d0fb
}


.mgl-header__nav ul {
    z-index       : 200;
    margin        : 0;
    padding       : 0.7rem 0;
    background    : #2c2f31;
    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 1.5rem;
    font-weight : 300;
    font-size   : 1rem;
    line-height : 1.6rem;
    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, .mgl-header__nav li.focus>ul, .mgl-header__nav li:focus-within ul {
    opacity    : 1;
    visibility : visible;
    transform  : translate(0, 0);
}

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

body.menu-is-open .mgl-header__menu-toggle {
	top: 34px;
	
}

.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: 1530px) {
	.mgl-header__nav li {
    	padding: 0 1rem;
	}
}

@media screen and (max-width: 1450px) {
    .ss-home .mgl-header__nav>li {
        padding : 0 1rem;
    }

    .ss-home .mgl-header__nav>li>a {
        font-size : 1.6rem;
    }
	.mgl-header__nav li {
    padding: 0 0.7rem;
}
	.mgl-header__nav li.menu-item-has-children>a {
    padding-right: 1rem;
}
	.mgl-header__nav a {
    font-size: 1.1rem;
}
}

@media screen and (max-width: 1300px) {
.mgl-header__nav-wrap {
    padding-top: 6px
}
}

@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       : 7.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;
		display: block
    }

    .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 {
       
        padding    : 0;
        text-align : left;
        position   : relative;
    }

  /*  body.menu-is-open .mgl-header__nav-wrap {
        width            : 100%;
        opacity          : 1;
        visibility       : visible;
        height           : auto;
        max-height       : 1000px;
        overflow         : hidden;
        transform        : translate(0, 0);
        background-color : transparent;
        padding          : 0;
        position         : static;
		display: block
    }*/
	
	.mgl-header__nav ul {
    opacity: 1;
    visibility: visible;
    position: relative;
    top: calc(100% - 1px);
	transform: translate(0);
	padding:0;
    background: none;
}

    .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;
		display: none
    }

    .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     : 0 1.6rem .2rem 1rem;
		font-size: 24px
    }

    .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;
		
    }
	
  body.menu-is-open .main-header {
	  height: 100%
    }
	
	body.menu-is-open  .mgl-header__menu-toggle {
		display:none;
	}
	
	
	body.menu-is-open .mgl-header__nav-wrap .mgl-header__menu-toggle {
		display:block;
    top: 44px;
		border-style:none;
		width: 180px
}
	
	 body.menu-is-open .mgl-header__nav-wrap .mgl-header__menu-toggle:focus-visible {
        border-radius: 5px;
        outline: 4px solid red;
        outline-offset: 6px;
        outline-offset: 0px
    }
	
	body.menu-is-open .mgl-header__nav-wrap .mgl-header__menu-toggle span {
    background-color : rgba(0, 0, 0, 0);
    transition       : all .1s;
}

body.menu-is-open .mgl-header__nav-wrap .mgl-header__menu-toggle span::before,
body.menu-is-open .mgl-header__nav-wrap .mgl-header__menu-toggle span::after {
    background-color : white;
}

body.menu-is-open .mgl-header__nav-wrap .mgl-header__menu-toggle span::before {
    top       : 0;
    transform : rotate(135deg);
}

body.menu-is-open .mgl-header__nav-wrap .mgl-header__menu-toggle span::after {
    bottom    : 0;
    transform : rotate(225deg);
}
	
	.toggle-text {
		color: white;
		margin-right: 15px
	}
}

@media screen and (max-width: 600px) {
    .mgl-header__nav {
        padding : 0 8vw 0;
    }
	
    .mgl-header__nav-wrap .mgl-header__nav>li a {
        line-height  : 1.6;
        padding-left : 2rem;
		font-size:22px;
    }
	    .mgl-header__nav-wrap .mgl-header__nav li ul li a {
        font-weight: 300;
        padding: .3rem 1.6rem .2rem 0.6rem;
        font-size: 16px;
    }
	.mgl-header__nav-wrap .mgl-header__nav>li::before {
        font-size: 14px;
        top: 1.5em;
    }
	body.menu-is-open .mgl-header__nav-wrap .mgl-header__menu-toggle {
    top: 34px;
}
	
}

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

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