/* TOGGLE */
.menuToggle {
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* position: absolute; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* background: url(../layout/nav_sym_001.png) center top 13px no-repeat var(--red5); */
    background-color: none;
    border:none;
    float:left;
    z-index:1000000;
    margin:10px 0px 0px;
    }
.sticky-bar .menuToggle {
    background-color: var(--white40);
    }
.menuToggle.open{
    background:none;
    }
.menuToggle input {
    display: flex;
    width: 60px;
    height: 60px;
    position: absolute;
    cursor: pointer;
    opacity: 0; /* hide input */
    z-index: 1; /* top of the menu */
    }
.menuToggle span {
    width: 40px;
    height: 4px;
    margin-bottom: 5px;
    background-color: var(--black);
    border-radius: 0px;
    -webkit-transition: all .3s cubic-bezier(.08,.81,.87,.71);
    -moz-transition: all .3s cubic-bezier(.08,.81,.87,.71);
    -ms-transition: all .3s cubic-bezier(.08,.81,.87,.71);
    -o-transition: all .3s cubic-bezier(.08,.81,.87,.71);
    transition: all .5s cubic-bezier(.08,.81,.87,.71);
    }
#span1 {
    transform-origin: 4px 0px;
    }
#span3 {
    transform-origin: bottom right;
    }
.menuToggle input:checked ~ #span1 {
    background-color: var(--black);
    transform: rotate(45deg) translate(3px);
    }
.menuToggle input:checked ~ #span2 {
    background-color: var(--black);
    transform: rotate(495deg) translate(5px);   
    }
.menuToggle input:checked ~ #span3 {
    background-color: var(--black);
    transform: rotate(45deg);
    opacity: 0;
    }
/* NAV */
nav#overlay {
    z-index:100000;
    }
nav {
    position: fixed;
    overflow: auto;
    background:none var(--black90);
    padding: 20px;
    width: calc(100% - 0em);
    height: calc(100vh - 0em);
    display: none;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    }
nav ul,
nav ul ul,
nav ul ul ul {
    font-family: 'Oswald', sans-serif;
    list-style-type: none;
    padding: 0;
    width: 100%;
    margin: 15% auto 0 auto;
    display: inline-block;
    }
nav ul li,
nav ul li ul li,
nav ul li ul li ul li {
    opacity: 0;
    text-align: center;
    margin-bottom:0px;
    }
nav ul a {
    text-decoration: none;
    text-transform: uppercase;
    }



nav ul li a {
    color: var(--white90) !important;
    font-size: 24px;
    line-height: 27px;
    margin:0 0;
    }
nav ul.sub-menu {
    margin:0 0 10px;
    }
nav ul li i {
    margin-right:10px;
    color: var(--white);
    }
nav ul.sub-menu li a {
    color: var(--white60) !important;
    display: block;
    font-size: 13px;
    line-height: 22px;
    padding: 2px;
    text-decoration: none;
    background-color:none;
    }
nav ul.sub-menu li a:hover {
    color: var(--white) !important;
    padding: 2px;
    }



.show-menu {
    display: block;
    -webkit-animation: slide-menu 0.25s ease-in forwards;
    animation: slide-menu 0.25s ease-in forwards;
    }
.show-menu .close-button {
    -webkit-animation: show-x 0.5s 0.5s forwards;
    animation: show-x 0.5s 0.5s forwards;
    }
.show-menu li:nth-of-type(1) {
    -webkit-animation: menu-item-anim .15s forwards .2s ease-in-out;
    animation: menu-item-anim .15s forwards .2s ease-in-out;
    }
.show-menu li:nth-of-type(2) {
    -webkit-animation: menu-item-anim .15s forwards 0.25s ease-in-out;
    animation: menu-item-anim .15s forwards 0.25s ease-in-out;
    }
.show-menu li:nth-of-type(3) {
    -webkit-animation: menu-item-anim .15s forwards 0.3s ease-in-out;
    animation: menu-item-anim .15s forwards 0.3s ease-in-out;
    }
.show-menu li:nth-of-type(4) {
    -webkit-animation: menu-item-anim .15s forwards 0.35s ease-in-out;
    animation: menu-item-anim .15s forwards 0.35s ease-in-out;
    }
.show-menu li:nth-of-type(5) {
    -webkit-animation: menu-item-anim .15s forwards 0.4s ease-in-out;
    animation: menu-item-anim .15s forwards 0.4s ease-in-out;
    }
.show-menu li:nth-of-type(6) {
    -webkit-animation: menu-item-anim .15s forwards 0.45s ease-in-out;
    animation: menu-item-anim .15s forwards 0.45s ease-in-out;
    }
.show-menu li:nth-of-type(7) {
    -webkit-animation: menu-item-anim .15s forwards 0.5s ease-in-out;
    animation: menu-item-anim .15s forwards 0.5s ease-in-out;
    }
.show-menu li:nth-of-type(8) {
    -webkit-animation: menu-item-anim .15s forwards 0.55s ease-in-out;
    animation: menu-item-anim .15s forwards 0.55s ease-in-out;
    }
.show-menu li:nth-of-type(9) {
    -webkit-animation: menu-item-anim .15s forwards 0.6s ease-in-out;
    animation: menu-item-anim .15s forwards 0.6s ease-in-out;
    }
.show-menu li:nth-of-type(10) {
    -webkit-animation: menu-item-anim .15s forwards 0.65s ease-in-out;
    animation: menu-item-anim .15s forwards 0.65s ease-in-out;
    }
.show-menu li:nth-of-type(11) {
    -webkit-animation: menu-item-anim .15s forwards 0.70s ease-in-out;
    animation: menu-item-anim .15s forwards 0.70s ease-in-out;
    }
.show-menu li:nth-of-type(12) {
    -webkit-animation: menu-item-anim .15s forwards 0.75s ease-in-out;
    animation: menu-item-anim .15s forwards 0.75s ease-in-out;
    }
.show-menu li:nth-of-type(13) {
    -webkit-animation: menu-item-anim .15s forwards 0.80s ease-in-out;
    animation: menu-item-anim .15s forwards 0.80s ease-in-out;
    }
.show-menu li:nth-of-type(14) {
    -webkit-animation: menu-item-anim .15s forwards 0.85s ease-in-out;
    animation: menu-item-anim .15s forwards 0.85s ease-in-out;
    }
.show-menu li:nth-of-type(15) {
    -webkit-animation: menu-item-anim .15s forwards 0.90s ease-in-out;
    animation: menu-item-anim .15s forwards 0.90s ease-in-out;
    }
@-webkit-keyframes slide-menu {
    from {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        }
    }
@keyframes slide-menu {
    from {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        }
    }
@-webkit-keyframes show-x {
    from {
        opacity: 0;
        }
    to {
        opacity: 1;
        }
    }
@keyframes show-x {
    from {
        opacity: 0;
        }
    to {
        opacity: 1;
        }
    }
@-webkit-keyframes menu-item-anim {
    from {
        -webkit-transform: translateY(70%);
        transform: translateY(70%);
        opacity: 0;
        }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        }
    }
@keyframes menu-item-anim {
    from {
        -webkit-transform: translateY(70%);
        transform: translateY(70%);
        opacity: 0;
        }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        }
    }

/* =============================================
   ###
================================================ */
@media (max-width: 767px) {
    nav {
        background:none var(--black90);
        padding: 10px;
        }
    
    nav ul,
    nav ul ul,
    nav ul ul ul {
        margin: 25px auto 0;
        }
    }

/* =============================================
   ###
================================================ */
@media (min-width: 768px) {
    
    }


/* =============================================
   ###
================================================ */
@media (min-width: 992px) {

    nav {
        padding: 30px;
        }
    nav ul {
        margin: 10% auto 0 auto;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto)[5];
        grid-template-columns: repeat(5, auto);
        }
    nav ul li,
    nav ul li ul li,
    nav ul li ul li ul li {
        text-align: left;
        }
    nav ul ul{
        display: block;
        -ms-grid-columns: inherit;
        grid-template-columns: inherit;
        }
    }

/* =============================================
   ###
================================================ */
@media (min-width: 1200px) {
    nav ul {
        width: 80%;
        }
    
    }