/* -- Flexnav Base Styles / DO NOT TOUCH -- */
.flexnav {-webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; -webkit-transform-style: preserve-3d; overflow: hidden; margin: 0 auto; width: 100%; max-height: 0;}
.flexnav.opacity {opacity: 0;}
.flexnav.flexnav-show {max-height: 2000px; opacity: 1; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.flexnav.one-page {position: fixed; top: 50px; right: 5%; max-width: 200px;}

/* -- Responsive Menu -- */
.flexnav {max-height:100%!important;}
.flexnav li ul {width: 100%;}
.flexnav li ul li {font-size: 100%; position: relative; overflow: hidden;}
.flexnav li ul.flexnav-show li {overflow: visible;}
.flexnav li {margin:0; padding:0!important; display: inline-block; font-size: 100%; width:auto; position: relative; overflow: hidden; border-bottom:0!important;}
.flexnav li a {
	position: relative; display: block; padding: 3px 5px; font:700 11px Lato, sans-serif; color:#fff;
	overflow: hidden; text-transform:uppercase; border-bottom:0;
}
.flexnav > li a:hover, .flexnav > li:hover a {color:#fff;}

/* -- Main Menu: Nested Lists -- */
.flexnav li > ul, .flexnav li ul, .flexnav li ul li ul, .flexnav li ul li ul li ul {display:none!important;}

@media only screen and (min-width:967px), only screen and (min-width:967px) {

/* -- Main Menu Base Styles / DO NOT TOUCH -- */
body.one-page {padding-top: 70px;}
.flexnav.one-page {top: 0; right: auto;}
.flexnav {overflow: visible; list-style: none; margin:0!important;}
.flexnav.opacity {opacity: 1;}

/* -- Main Menu -- */
.flexnav li > ul {display: block; display: none;}
.flexnav li {list-style: none; display: inline-block; margin-right:0; color:#9C9C9C; width: auto; text-decoration: none; text-align: center; border:0; overflow: visible;}
.flexnav li a {position: relative; display: initial; padding: 10px 0; background:transparent; font:700 20px PLayfair Display, sans-serif; color:fff;  letter-spacing:2px; text-transform: uppercase; border-bottom:0;}
.flexnav li:after {content: '/'; margin: 0 8px 0 8px; color:#DBDBDB;} 
.flexnav li:last-child:after, .flexnav li ul li:after {content: ''; margin:0; display:none!important;} 
.flexnav li ul li:after {content: ''; margin-left:0px;}
.flexnav .fa {font-size:14px; margin-right:5px;}

/* -- Main Menu: Hover Styles -- */
.flexnav > li a:hover, .flexnav > li:hover a {color:#a2a2a2; border-bottom:0;}
.flexnav li:hover ul li a {background:#A9A393!important; color:#fff; position:relative; z-index:999; box-shadow:0 0 0;}
.flexnav li ul li a:hover {color:#fff; background:#B7B1A4!important}

.flexnav li ul.open {display: block; opacity: 1; visibility: visible; z-index: 1;}
.flexnav li ul.open li {overflow: visible; max-height: 100px;}
.flexnav li ul.open ul.open {margin-left: 100%; top: 0;}
.menu-button, .flexnav .touch-button, .flexnav .touch-button .navicon{display: none;}
}