.f-nav{ z-index: 9999; position: fixed; top: 0;left:0;right: 0; width: 100%;/*background-color: white; */ } .menutop{ /*font-size:25px; height:60px;*//* background-color:black;*/ } #menu{width:100%; /* background-color:#252525;*/ /**color:#ececec;**/color: rgba(0,0,0,.44); text-align: center; width:100%;margin:0 ; padding:0 0 15px 0; height:48px;z-index: 2; /* border-bottom: 1px solid rgba(0,0,0,.05) !important; */ } #menu{ -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} #menu:hover{z-index: 1001;} #menu ul{margin:0 auto;position:relative;width:auto;z-index: 3;} #menu ul li{list-style-type: none;margin:0;padding: 0;position:relative;/********min-width: 135px;***********/} #menu ul li>span, #menu ul li a{display:block;line-height:40px;padding:0 0px; /**/ -o-transition:color .3s linear,background .3s linear;-webkit-transition:color .3s linear,background .3s linear;-moz-transition:color .3s linear,background .3s linear; transition:color .3s linear,background .3s linear; /**/ } #menu ul ul{display:none;position:absolute;top:100%;left:0;padding:0;} #menu ul ul li{float:none;} #menu #pull{padding:0;height:42px;width:60px;border-radius: 4px;} #menu #pull div {height:4px;margin:5px 0;border-radius:25px;transition: 0.3s;} #menu #pull .nav {width: 30px;display:block;margin:10px auto 0 auto;} #menu #pull .one {width: 30px;} #menu #pull .two {width: 20px;} #menu #pull .three {width: 25px;} #menu #pull .nav:hover div {width: 30px;} @media screen and (min-width: 1000px) { #menu{/* background-color:white;*/} #menu ul li>span, #menu ul li a{font-family:Montserrat;color:#666; text-decoration: none;text-transform: uppercase;font-weight: 700; font-style: normal; font-size:10px;} #menu ul li.selected>a:hover{/**color:#f13e0e;**/} #menu ul li:hover{/***************************background:#f4f4f4;*********************//*** color:#cc0000;****/} #menu ul ul{background-color:#fff;} #menu>ul>li:hover{/**************************border-bottom:3px solid #867550;*******************/ /**red;**/} #menu>ul>li.right{float:right;} #menu>ul>li.right:hover{float:right;background-color:transparent;color:#fffaf7;} #menu>ul>li.right:hover a{color:#fffaf7;} #menu>ul>li:hover a{color:#2e2e2e;} #menu>ul>li.selected{/**************************border-bottom:3px solid black;******************//*color:#993300;*/} #menu{position: relative;} #menu #pull{display:none;} #menu ul li{display: inline-block;} #menu ul ul li{width:100%;text-align: left;} #menu .dropdown:hover, #menu ul ul {box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.4); -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.4);} #menu .dropdown a {color:#bababa;} #menu .dropdown>a:after{content:" \f0d7";font-family:FontAwesome;} #menu .dropdown>a:before{/*content:"\f0da"*/} #menu ul ul a{line-height:100%;padding:10px 15px;border-bottom:3px solid transparent;} #menu ul ul a:hover{border-bottom:3px solid #867550; /**red;**/} #menu ul>li:hover>a{color:#cc0000;} #menu ul>li.selected>a{color:#cc0000;} #menu .logo:hover, #menu .logo{ /* position:fixed; display:none; top:0px; left:0px; right:0px; */ background: url(images/logo.png); background-repeat: no-repeat; background-size: contain; transition: background-image 3s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; cursor:pointer; text-align:left; color:transparent; width:171px; /**228px;*/ height:34px; /*45px;*/ border-bottom:0px solid #867550; } #menu .logo a, #menu .logo a:hover, #menu .selected.logo a{ color:transparent;} } @media screen and (max-width: 1000px) { #menu{ /*background-color:#252525;*/} #menu ul li>span, #menu ul li a{font-family:Montserrat;color:white;text-decoration: none;text-transform: uppercase;font-weight: 600; font-style: normal; font-size:12px;} #menu ul li.selected a{color:#e6ae48;} #menu ul li:hover{ background:#1f1f1f;color:white; } #menu ul ul{background-color:#454545;} #menu #pull{background-color:#252525;} #menu #pull div {background-color:white;} #menu .dropdown>a:after{content:" \f0d7";font-family:FontAwesome;} #menu{position: fixed;top:0px;left:0px;width:0px;height:0px;} #menu:hover{width: 100%;} #menu ul{display:none;padding-bottom:50px;} #menu ul li{display:block;background:#1f1f1f;} #menu ul li:hover{background:#656565;} #menu #pull{position:absolute;left:2px;top:2px;width:50px; z-index:5; } #menu #pull:hover+ul{display:block;} #menu ul:hover{display: block;} #menu ul ul{width: 100%;text-align: center;margin-top:0px;} #menu ul ul li{width:300px;text-align: center;margin:0 auto;background-color: rgba(69, 69, 69, 0.78);} #menu ul li:hover > ul{z-index: 4;} #menu ul ul a{line-height:95%;padding:9px 15px;} } #menu ul ul ul{top:0;left:100%;} #menu ul li:hover > ul{display:block;} #menu .highlight {border-bottom: 3px solid #416c2f;} #menu .highlight:hover a{border-bottom: 0px solid #416c2f;} #menu .highlight a{background-color: #6ab04c;color:white;border-bottom: 0px solid #416c2f;} #menu li.selected.highlight{border-bottom:3px solid #6ab04c;} #menu li.selected.highlight:hover a, #menu li.selected.highlight a{background-color: #7bed9f;color:#416c2f;border-bottom: 0px solid #416c2f;} @media screen and (min-width: 1000px) { #menu .logo{background-position: left center;max-height:140px;margin-right:20px;} } @media screen and (max-width: 1000px) { #menu{} #XXmenu .logo{background-position: top center; max-height:30px;} #XXheader{background:rgba(0,0,0,0.3);/*url(images/logo.png);*/ background-repeat: no-repeat;background-size: contain;background-position: top center;} } @media screen and (min-width: 1000px) { #logo{background-position: left center;max-height:140px;}} @media screen and (max-width: 1000px) { #logo{background-position: top center; max-height:60px;} }