.nav-lock-scroll{ overflow:hidden } .nav{ display:none; position:fixed; top:0; bottom:0; left:0; right:0; z-index:900; overflow-x:hidden; overflow-y:auto } .nav ul{ display:block; position:relative; zoom:1; list-style-type:none; margin:0; padding:0 } .nav a,.nav a:active,.nav a:hover,.nav a:visited{ display:block; position:relative } @media only screen and (min-width:991px){ .nav{ display:inline-block; position:relative; bottom:auto; overflow:visible; float: right; } .nav li{ position:relative; white-space:nowrap } .nav>ul>li{ display:inline-block } .nav ul{ display:block } .nav ul ul{ display:none; position:absolute; top:100%; left:0; z-index:901 } .nav ul ul ul{ top:5px; left:95%; z-index:902 } .nav ul ul ul ul{ z-index:903 } .nav ul ul ul ul ul{ z-index:904 } .nav ul ul li.nav-left>ul{ left:auto; right:95% } .nav-no-js .nav li:hover>ul{ display:block } } @font-face{ font-family:icon-font; src:url(../fonts/icon-font.eot); src:url(../fonts/icon-font.eot?#iefix) format('eot'),url(../fonts/icon-font.woff) format('woff'),url(../fonts/icon-font.ttf) format('truetype'),url(../fonts/icon-font.svg#icon-font) format('svg') } .icon-arrow-right,.icon-desktop:before,.icon-menu-close:before,.icon-menu:before,.icon-mobile:before,.icon-submenu-down:before,.icon-submenu-right:before,.icon-world:before,.nav .nav-submenu>a:after,.nav-button:before,.nav-close:before,.nav>ul>.nav-submenu>a:after,header h1:before{ font-family:icon-font; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; vertical-align:top } .icon-desktop:before{ content:"\E001" } .icon-menu-close:before{ content:"\E002" } .icon-menu:before{ content:"\E003" } .icon-mobile:before{ content:"\E004" } .icon-submenu-down:before{ content:"\E005" } .icon-submenu-right:before,.icon-arrow-right:before{ content:"\E006" } .icon-world:before{ content:"\E007" } .logo{ display: inline-block; float: left; } .nav-button,.nav-close{ position:absolute; top:13px; padding: 7px; overflow:hidden; z-index:902; cursor:pointer; text-decoration:none; line-height:1; background:#fff; color:#222 } .nav-button:before,.nav-close:before{ display:block; text-align:center } .nav-button{ display:block; left:15px; font-size:20px; border-radius: 0; } .nav-button:before{ content:"\E003" } .nav-close{ display:none; right:4rem; font-size:1.9rem } .nav-close:before{ content:"\E002" } .nav-lock-scroll .header .nav-button{ background-color: #8c6239; color: #fff; } .nav{ position: relative; top: 12px; background:#fff; color:#A69A94 } .nav ul{ background:#fff } .nav ul ul{ background:#fff; } .nav ul ul ul{ background:#382f29 } .nav ul ul ul ul{ background:#40362f } .nav ul ul ul ul ul{ background:#493e36 } .nav li{ cursor:pointer } .nav li.nav-active>a,.nav li:hover>a{ color:#0c6362; background:#fff } .nav .nav-submenu>a{ padding-right:30px!important; } .nav a,.nav a:active,.nav a:hover,.nav a:visited{ border-radius:0px; padding:0; color:#222; text-decoration:none } .nav .nav-submenu>a:after{ position:absolute; display:block; right:12px; top:38px; content:"\E005" } @media only screen and (min-width:991px){ .nav-button{ display:none } .nav{ padding:0!important } .nav>ul>li{ border-top:none; margin:0 30px; } .nav li>ul{ border-top: 2px solid #0c6362; -webkit-box-shadow: 0px 2px 4px 0px rgba(199,199,199,1); -moz-box-shadow: 0px 2px 4px 0px rgba(199,199,199,1); box-shadow: 0px 2px 4px 0px rgba(199,199,199,1); } .nav ul ul ul li:first-child{ border-top:none } .nav .nav-left>ul{ border-radius: 0; } .nav .nav-submenu li{ min-width:110px; text-align: center; } .nav .nav-submenu li a{padding: 10px 25px;} .nav .nav-submenu>ul{ margin:0 0 0 0; } .nav>ul>.nav-submenu>a:after{ content:"\E005" } .nav .nav-submenu>a:after{ content:"\E006" } }