/*----------------------------------------------------------------------------------------------------- menu.css Menu settings Author : Szincsák András ------------------------------------------------------------------------------------------------------*/ /* HEADER elements*/ #headerMain {width:100%;transition:all ease-in-out .5s;background:#293346;border-bottom: 1px solid #fff;} #headerMain.navbar-shrink{position: fixed;height:47px;z-index: 5;background-color:#293346;box-shadow: 2px 3px 20px rgba(41, 47, 43, 0.43);top:0;left:0} #headerMain li,#headerMain ul {padding:0;margin:0} .user-inner{display:none} /*logo*/ #headerMain .logodesktop {text-align: center;background: url('../images/banner_bg.jpg') repeat-x;} #headerMain.navbar-shrink .logodesktop{display:none!Important} #headerMain .logomobile {float:left;margin-left:20px;opacity:0;transition:opacity ease-in-out .2s} #headerMain .logomobile img {max-height: 70px} #headerMain.navbar-shrink .logomobile {opacity: 1;margin-left: 20px} /*navbar*/ .navbar {padding: 0!Important;} /*headerSearch*/ .nav-inner{max-width: 75%;} /*...mert a headerSearch 25%...*/ #headerSearch {padding:0;margin:0;width:25%;height:35px;position:relative} #headerSearch input:focus{background:#d2d2d2} #headerSearch input {position: absolute;top:0;bottom:0;left:0;padding: 7px 20px 7px 7px;;width: 100%;border: none;;outline:none!IMportant;box-shadow: none!Important} #headerSearch button {position: absolute;top:0;bottom:0;right:0;width:30px;border:none;background:transparent url(../images/icon-search.png) 5px 8px no-repeat;z-index:2;float:right;} #headerSearch button:focus {outline:none} /*Topmenu*/ #topMenu{display:block;margin:0;margin-left: 15px!Important;} #topMenu li{background:#293346;display: block;float: left;;position:relative;margin:0;padding:0} #topMenu li a{color:#d4d4d4;text-decoration:none;display:block;padding:15px 0px 15px 15px;margin:0} #topMenu li a:after{content:"";margin-left:15px;border-right:1px solid #d4d4d4;} #topMenu li:hover, #topMenu li.activ{background: #444b5a!Important;} #topMenu li.activ a{color:#fff!Important;} #topMenu li a:hover {text-decoration:none;color:#eee} #topMenu li:last-child a:after{border:none} #topMenu li:hover li.hasSubmenu a:after {content:"";position:absolute; right: 7px; top: 15px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fff; } #topMenu li ul{position:absolute;width:auto;left:0px;z-index:1;display:none;} #topMenu li:hover ul{background:#293346;color:#fff;border:none;display:block;padding:15px 0} /* .navbar-shrink #topMenu li.hasSubmenu:hover ul {background:#293346de} */ #topMenu li li{width:100%} #topMenu li li a{white-space: nowrap;border:none;padding:12px 15px;margin:0} #topMenu li li a:after{border:none} #topMenu li li.hasSubmenu ul{display:none;} #topMenu li li.hasSubmenu:hover ul{display:block;top:0px;left:100%;width:100%} #topMenu li li li a{padding:0px 15px;font-size:.8em;margin:2px 0;white-space: normal;} #topMenu li li li a:after {border:none!Important;} /*userMenu #userMenu {float:left} */ /*breadcrumbs settings*/ .breadcrumbs-row {color:#293346;font-size:0.8em;height:auto;width:auto;margin:10px 0 0 0;padding:0px ;display:block;} .breadcrumbs a{color:#444b5a;font-weight:bold;padding:0px 2px ;text-decoration: none} .breadcrumbs a:hover{color:#292c2f;text-decoration: underline!Important} .breadcrumbs a:first-child{color: #293346;padding:0px 2px 0 0px; font-weight:bold;text-decoration: none} .breadcrumbs span{color:#5f6776;padding:0px 2px;} /*sitemap settings*/ #sitemap{margin-top: 40px;} #sitemap li{list-style: none; padding: 2px 0;} #sitemap li a {color:#6a6a6b;text-decoration:none; text-transform: uppercase;transition:all .1s ease} #sitemap li li a {color:#aaa;text-decoration:none;text-transform: none} #sitemap li:hover {list-style: square;} #sitemap a:hover {color: #2196F3;;} /*Hamburger */ #headerMain .hamburger{top: 12px;right: 12px;width: 30px; height: 21px;display:none;position: absolute;;z-index: 9998;cursor:pointer;transition:all .5s ease-in-out} #headerMain .hamburger span { position: absolute; display: block; height: 2px; width: 30px; top:0; background-color: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; transition: .2s; -moz-transition: .2s; -o-transition: .2s; -webkit-transition: .2s; } #headerMain .hamburger span:nth-child(2){ top: 8px; -moz-transition: ease .15s .15s; -o-transition: ease .15s .15s; -webkit-transition: ease .15s; -webkit-transition-delay: .15s; transition: ease .15s .15s; -moz-animation: fade 1s cubic-bezier(0.5, 0.2, 0.2, 1.01); -webkit-animation: fade 1s cubic-bezier(0.5, 0.2, 0.2, 1.01); animation: fade 1s cubic-bezier(0.5, 0.2, 0.2, 1.01); } #headerMain .hamburger span:nth-child(3) { top: 16px; -moz-transition: top .2s ease .2s,-moz-transform .2s ease-out .1s; -o-transition: top .2s ease .2s,-o-transform .2s ease-out .1s; -webkit-transition: top .2s ease,-webkit-transform .2s ease-out; -webkit-transition-delay: .2s,.1s; transition: top .2s ease .2s,transform .2s ease-out .1s; -moz-animation: mrotl 1s cubic-bezier(0.5, 0.2, 0.2, 1.01); -webkit-animation: mrotl 1s cubic-bezier(0.5, 0.2, 0.2, 1.01); animation: mrotl 1s cubic-bezier(0.5, 0.2, 0.2, 1.01); } #headerMain .hamburger.opened span:nth-child(1) { top: 8px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transition: top .2s ease .1s,-moz-transform .2s ease-out .2s; -o-transition: top .2s ease .1s,-o-transform .2s ease-out .2s; -webkit-transition: top .2s ease,-webkit-transform .2s ease-out; -webkit-transition-delay: .1s,.2s; transition: top .2s ease .1s,transform .2s ease-out .2s; } #headerMain .hamburger.opened span:nth-of-type(2) { opacity: 0; } #headerMain .hamburger.opened span:nth-child(3){ top: 8px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transition: top .2s ease .1s,-moz-transform .2s ease-out .2s; -o-transition: top .2s ease .1s,-o-transform .2s ease-out .2s; -webkit-transition: top .2s ease,-webkit-transform .2s ease-out; -webkit-transition-delay: .1s,.2s; transition: top .2s ease .1s,transform .2s ease-out .2s; }