/*
.nav-lock-scroll {
    overflow: hidden;
}
*/

/*
.nav.main-menu-nav {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 900;
    overflow-x: hidden;
    overflow-y: auto;
}
*/

.nav.main-menu-nav {
    display: none;
    /*
	  position: fixed;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	 */
    z-index: 900;
    /*
	  overflow-x: hidden;
	  overflow-y: auto;
	 */
}

.nav.main-menu-nav ul {
    display: block;
    position: relative;
    zoom: 1;
    list-style-type: none;
    /*margin: 1em 0 0 0;*/
    margin: 0;
    padding: 0;
}

.nav.main-menu-nav ul ul, .nav.main-menu-nav ul ul ul, .nav.main-menu-nav ul ul ul ul, .nav.main-menu-nav ul ul ul ul ul {
    margin: 0;
}

.nav.main-menu-nav a,
.nav.main-menu-nav a:hover,
.nav.main-menu-nav a:active,
.nav.main-menu-nav a:visited {
    display: block;
    position: relative;
}

@media only screen and (min-width: 1050px) {

    .nav.main-menu-nav {
        display: block;
        position: relative;
        bottom: auto;
        overflow: visible;
    }

    .nav.main-menu-nav li {
        position: relative;
        white-space: nowrap;
    }

    .nav.main-menu-nav > ul > li {
        display: inline-block;
    }

    .nav.main-menu-nav ul {
        display: block;
        /*display: flex;*/
        /*height: 100%;*/
    }

    .nav.main-menu-nav > ul {
        display: flex;
        height: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .nav.main-menu-nav ul ul {
        display: none;
        position: absolute;
        top: 100%;
        /*left: 5px;*/
        left: 0;
        z-index: 901;
    }

    .nav.main-menu-nav ul ul ul {
        top: 5px;
        left: 95%;
        z-index: 902;
    }

    .nav.main-menu-nav ul ul ul ul {
        z-index: 903;
    }

    .nav.main-menu-nav ul ul ul ul ul {
        z-index: 904;
    }

    .nav.main-menu-nav ul ul li.nav-left > ul {
        left: auto;
        right: 95%;
    }

    .nav-no-js .nav.main-menu-nav li:hover > ul {
        display: block;
    }

}

@media only screen and (max-width: 1049px) {

    .nav-no-js .nav-button:hover + .nav.main-menu-nav,
    .nav-no-js .nav.main-menu-nav:hover,
    .nav-no-js .nav-button:hover + .nav.main-menu-nav + .nav-close,
    .nav-no-js .nav.main-menu-nav:hover + .nav-close {
        display: none;
    }

}
