/*-----------------------------------------------------------------------------------*/
/*	5. Menu
/*-----------------------------------------------------------------------------------*/
.menu,
.menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.top-nav {
    float: right;
    max-width: 1170px;
    margin: 0 auto;
    li a {
        padding: 12px;
    }
    a {
        color: #41433F;
        font-size: 14px;
        font-weight: 700;
    }
}
.nav-menu {
	max-width: 100%;
	position: relative;
	width: 100%;
}
.menu {
    a {
        display: block;
        padding: 21px 12px;
        position: relative
    }
    ul {
        background: #404040;
        border-bottom: 1px solid white( 0.09 );
        position: absolute;
        top: -999em;
        width: 200px; /* left offset of submenus need to match (see below) */
        li {
            width: 100%
        }
    }
    li:hover {
        visibility: inherit; /* fixes IE7 'sticky bug' */
        > ul {	
            display: block;
            left: 0;
            top: 100%; /* match top ul list item height */
            width: 200px;
            z-index: 1000
        }
    }
    li {
        display: inline-block;
        float: left;
        list-style: none;
        position: relative;
        ul {
            display: none;
            li a:hover {
                background: white(0.09);
                color: #fff;
            }
        }
        li:hover ul {
            border: 0;
            left: 200px; /* match ul width */
            top: 0
        }
        li a {
            border-bottom: 1px solid white( 0.09 );
            color: #ccc;
            padding: 12px 20px;
        }
    }
    .menu-item-has-children > a {
        padding-right: 24px;
        z-index: 20;
        &:after {
            @include position(absolute,22px,10px,null,null,'');
            height: 0;
            width: 0;
            border: 4px solid transparent;
            border-top-color: black(0.2);
            @include transition();
        }
    }
    ul .menu-item-has-children {
        > a:after {
            top: 20px;
            right: 5px;
            border-color: transparent;
            border-left-color: white(0.2);
        }
        > a:hover:after {
            border-left-color: white(0.8);
        }
    }
    .fa {
        display: inline-block;
        margin-right: 5px;
        margin-top: -0.265em;
        vertical-align: middle
    }
}
.main-menu{
    background-color: $color__primary;
}
.main-nav {
    a {
        color: #fff;
        z-index: 1;
        &:hover {
            color: #41433f;
        }
    }
    .menu > li {
        a:before {
            background: #fff;
            width: 100%;
            height: 0;
            @include position(absolute,null,null,0,0,'');
            @include transition();
            z-index: -1
        }
        > a:hover:before {
            height: calc(100% - 5px);
        }
    }
    li li a:before {
        bottom: -1px;
        height: 1px
    }
}
.menu-btn.fa {
    display: none
}

/* Menu One */
.menu-one {
    float: right;
    a {
        padding: 53px 12px
    }
}

/* Menu Two and Three */
.menu-two .center-width {
    border-top:1px solid black(0.08);
}
.menu-three .center-width {
    border-bottom:1px solid black(0.08);
}
.menu-two,
.menu-three {
    .menu li:hover ul {
        top: 100%
    }
}
.menu-two,
.menu-three {
    .menu li li:hover ul {
        top:0
    }
}
    .main-nav {
        .menu-item-has-children > a:after {
            top: 30px
        }
    }
.menu-two,
.menu-three {
    .menu-item-has-children ul > a:after {
        top: 16px
    }
}
.menu-item-description {
    display: none;
}
/* Responsive Menu */
.st-menu {
    display: none
}
.side-sub-menu {
    display: none
}
.close-button {
    display: none;
	padding: 15px 0;
	text-align: center;
    .fa {
        color: #fff;
        cursor: pointer;
        font-size: 22px
    }
}
.menu-pusher {
	position: relative;
	height: 100%;
	-webkit-transition:-webkit-transform 0.5s;
	transition:transform 0.5s;
}
.stickymenu {
    background: #454545;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    .nav-menu {
        .menu-item-has-children > a:after {
            border-top-color: white(0.3);
        }
        ul ul .menu-item-has-children > a:after {
            border-color: transparent transparent transparent white(0.2);
            top: 15px;
        }
    }
}