@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-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 { content:"\E006" } .icon-world:before { content:"\E007" } body { padding-top:4.4rem } .nav-button, .nav-close { position:fixed; top:0; width:5.5rem; height:4.5rem; overflow:hidden; z-index:902; cursor:pointer; text-decoration:none; line-height:4.4rem; background:#27b3e6; color:#fff; } .nav-button:before, .nav-close:before { display:block; text-align:center } .nav-button { display:block; right:1rem; font-size:1.7rem } .nav-button:before { content:"\E003" } .nav-close { display:none; right:4rem; font-size:1.9rem } .nav-close:before { content:"\E002" } .nav { padding-top:4.4rem; line-height:4.4rem; background:transparent; color:#A69A94 } .nav ul { border-radius:0; background:transparent; text-transform:uppercase; } .nav ul ul { background:#27b3e6; color:#FFF; } .nav li ul li a { color: #fff !important; } .nav ul ul ul { background:#27b3e6 } .nav ul ul ul ul { background:#27b3e6 } .nav ul ul ul ul ul { background:#27b3e6; color:#fff; } .nav li { border-top:1px solid #fff; cursor:pointer } .nav li.nav-active>a, .nav li:hover>a { color:#fff; background:#27b3e6 } .nav .nav-submenu>ul { margin-left:7px; color:#fff; } .nav .nav-submenu>a { padding-right:30px!important } .nav a, .nav a:active, .nav a:hover, .nav a:visited { padding:0 9px 1px; color:#333; text-decoration:none } .nav .nav-submenu>a:after { position:absolute; display:block; right:10px; top:1px; content:"\E005" } @media only screen and (min-width:960px) { body { padding:0!important } header { position:relative } header h1:before { content:"\E001" } .nav-button { display:none } .nav { padding:0!important } .nav>ul>li { border-top:none } .nav li>ul { /*box-shadow:0 0 5px 0 rgba(0, 0, 0, .75)*/ } .nav ul ul ul { border-radius:0; } .nav ul ul ul li:first-child { border-top:none } .nav .nav-left>ul { border-radius:0px; } .nav .nav-submenu li { min-width:100px } .nav .nav-submenu>ul { margin:0; min-width: 150px; } .nav>ul>.nav-submenu>a:after { content:"\f107"; font-family: 'FontAwesome'; color: #333; } .nav .nav-submenu>a:after { content:"\f107"; font-family: 'FontAwesome'; color: #333; } }