/*nav{ background:#f00; border-top:solid #e5e5e5 0px;}*/ #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {margin: 0; padding: 0; border: 0; list-style: none; line-height:normal; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #cssmenu #menu-button { display: none;} #cssmenu { font-family:'Roboto',sans-serif; margin:auto; text-align:center;} #cssmenu > ul > li { float:left;} #cssmenu.align-center > ul { font-size:0; text-align:center;} #cssmenu.align-center > ul > li { display:inline-block; float:none;} #cssmenu.align-center ul ul { text-align:center;} #cssmenu.align-right > ul > li { float:right;} #cssmenu > ul > li > a {padding:18px 46px 18px 0; font-size:15px;letter-spacing:0.5px; text-decoration:none;color:#fff;font-weight:500; text-transform:uppercase;} #cssmenu > ul > li > a i{ font-size:18px;} /*#cssmenu > ul > li:first-child a, #cssmenu > ul > li:first-child:hover a { padding:17px 18px 17px 0;}*/ #cssmenu > ul > li:hover > a { color:#c7872f;} #cssmenu > ul > li .active{color:#fff;} #cssmenu > ul > li.has-sub:hover > a:before { top:23px; height:auto;} #cssmenu ul ul { position:absolute; left:-9999px; z-index:99; box-shadow: 0 4px 12px #ababab;} #cssmenu.align-right ul ul { text-align:right;} #cssmenu ul ul li { height:0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;} #cssmenu li:hover > ul { left:auto;} #cssmenu.align-right li:hover > ul { left: auto; right:0;} #cssmenu li:hover > ul > li { height:48px;} #cssmenu ul ul ul { margin-left: 100%; top:0;} #cssmenu.align-right ul ul ul { margin-left:0; margin-right:100%;} #cssmenu ul ul li a { border-top: 1px solid #cfd1d7; padding:13px 16px 16px; width:290px; text-align:left; text-transform: capitalize; font-size:16px; text-decoration:none; color:#1c1c1c; font-weight:500; background:#fff; z-index:22;} #cssmenu ul ul li:first-child a{ border-top:0px solid #cfd1d7; } #cssmenu ul ul li a:hover{ color:#ff7800;} @media ( max-width: 1199px) { #cssmenu > ul > li > a { padding:18px 13px 18px 0; } #cssmenu > ul > li > a i { font-size:16px;} #cssmenu li:hover > ul > li { height:40px;} } @media ( max-width: 991px) { #cssmenu { width:100%; background:none; position:absolute; z-index:222; right:0; margin-top:0px;} #cssmenu ul { width: 100%; display: none; background:#202020;} #cssmenu.align-center > ul { text-align:left;} #cssmenu ul li {width: 100%; border-top: 0px solid rgba(120, 120, 120, 0.2);} #cssmenu ul ul li, #cssmenu li:hover > ul > li { height:auto;} #cssmenu ul li a, #cssmenu ul ul li a { width:100%; border-bottom:0; color:#FFF; font-weight:500; font-size:14px; text-align:left; padding:12px 20px; border-top: 1px solid rgba(120, 120, 120, 0.2);} #cssmenu > ul > li:hover > a { text-decoration:none; background:#000;} #cssmenu > ul > li .active{text-decoration:none;} #cssmenu > ul > li:last-child a, #cssmenu > ul > li:last-child:hover a { background:#c7872f; padding:12px 20px; color:#fff;} #cssmenu > ul > li {float:none;} #cssmenu ul ul li a {padding-left:30px;} #cssmenu ul ul ul li a { padding-left:35px;} #cssmenu ul ul li a {color:#dddddd; background:#2d2d2d;} #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {color:#ffffff; background:#0d0d0d; text-decoration:none;} #cssmenu > ul > li .active { border-bottom: solid #0095d9 0px; text-decoration:none;} #cssmenu ul ul, #cssmenu ul ul ul, #cssmenu.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; } #cssmenu > ul > li.has-sub i{ display:none;} #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before { display: none;} #cssmenu #menu-button { display: block; padding: 17px; color: #000; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; position: absolute; top:-60px; right:10px;} #cssmenu #menu-button:after, #cssmenu #menu-button.menu-opened:after { position:absolute; top:24px; right:17px; display:block; height: 11px; width:32px; border-top:3px solid #000; border-bottom:3px solid #000; content: '';} #cssmenu #menu-button:before , #cssmenu #menu-button.menu-opened:before{ position:absolute; top:16px; right:17px; display:block; height:3px; width:32px; background:#000; content: '';} #cssmenu .submenu-button {position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height:47px; width: 46px; cursor: pointer;} #cssmenu .submenu-button.submenu-opened { background: #262626;} #cssmenu ul ul .submenu-button {height: 34px; width: 34px;} #cssmenu .submenu-button:after { position:absolute; top:22px; right:19px; width:8px; height:2px; display:block; background: #dddddd; content: ''; } #cssmenu ul ul .submenu-button:after {top: 15px; right: 13px;} #cssmenu .submenu-button.submenu-opened:after {background: #ffffff;} #cssmenu .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; } #cssmenu ul ul .submenu-button:before { top:12px; right:16px;} #cssmenu .submenu-button.submenu-opened:before {display: none;} } @media (max-width: 767px) { #cssmenu #menu-button { display: block; padding: 17px; color: #000; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; position: absolute; top:-56px; right:10px;} } @media (max-width: 575px) { }