.bg-dark.text-primary, .sub-header{ display:none!important; } .navbar.navbar-expand-lg{ position:relative!important; top:auto!important; left:auto!important; width:100%!important; height:92px!important; min-height:92px!important; margin:0!important; padding:0!important; background:#253e2b!important; border:0!important; box-shadow:0 1px 0 rgba(255,255,255,.12)!important; z-index:99999!important; } .navbar.navbar-expand-lg .container, .navbar.navbar-expand-lg .container-fluid{ position:relative!important; display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; max-width:1180px!important; height:92px!important; min-height:92px!important; margin:0 auto!important; padding:0 28px!important; gap:45px!important; background:transparent!important; overflow:visible!important; } /* LOGO */ .navbar-brand{ position:relative!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; flex:0 0 190px!important; width:190px!important; height:92px!important; margin:0!important; padding:0!important; overflow:visible!important; } .navbar-brand img{ display:block!important; width:200px!important; max-width:200px!important; height:72px!important; max-height:72px!important; margin:0!important; padding:0!important; object-fit:contain!important; object-position:left center!important; filter:none!important; transform:none!important; } /* MENÜ */ .navbar-collapse{ position:relative!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; flex:1 1 auto!important; width:auto!important; height:92px!important; margin:0!important; padding:0!important; background:transparent!important; overflow:visible!important; } .navbar-nav{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-end!important; gap:30px!important; width:auto!important; height:92px!important; margin:0!important; padding:0!important; list-style:none!important; } .navbar-nav .nav-item{ position:relative!important; display:flex!important; align-items:center!important; height:92px!important; margin:0!important; padding:0!important; } .navbar-nav .nav-link{ position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; height:92px!important; margin:0!important; padding:0!important; color:#fff!important; background:transparent!important; font-family:"Manrope",Arial,sans-serif!important; font-size:13px!important; font-weight:700!important; line-height:1!important; letter-spacing:.1px!important; text-transform:uppercase!important; white-space:nowrap!important; transition:color .25s ease!important; } .navbar-nav .nav-link::after{ content:""!important; position:absolute!important; left:50%!important; bottom:22px!important; width:0!important; height:2px!important; background:#d4a55a!important; transform:translateX(-50%)!important; transition:width .25s ease!important; } .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active, .navbar-nav .nav-item.active>.nav-link{ color:#f7e7b0!important; } .navbar-nav .nav-link:hover::after, .navbar-nav .nav-link.active::after, .navbar-nav .nav-item.active>.nav-link::after{ width:100%!important; } /* HAMBURGER */ .navbar-toggler{ position:relative!important; display:none!important; align-items:center!important; justify-content:center!important; flex:0 0 46px!important; width:46px!important; height:46px!important; margin:0!important; padding:0!important; border:1px solid rgba(255,255,255,.25)!important; border-radius:5px!important; background:transparent!important; box-shadow:none!important; outline:0!important; } .navbar-toggler-icon{ position:relative!important; display:block!important; width:22px!important; height:2px!important; background:#fff!important; background-image:none!important; transition:.25s ease!important; } .navbar-toggler-icon::before, .navbar-toggler-icon::after{ content:""!important; position:absolute!important; left:0!important; width:22px!important; height:2px!important; background:#fff!important; transition:.25s ease!important; } .navbar-toggler-icon::before{ top:-7px!important; } .navbar-toggler-icon::after{ top:7px!important; } .navbar-toggler.is-open .navbar-toggler-icon{ background:transparent!important; } .navbar-toggler.is-open .navbar-toggler-icon::before{ top:0!important; transform:rotate(45deg)!important; } .navbar-toggler.is-open .navbar-toggler-icon::after{ top:0!important; transform:rotate(-45deg)!important; } /* TABLET VE MOBİL */ @media(max-width:991px){ .navbar.navbar-expand-lg{ height:76px!important; min-height:76px!important; } .navbar.navbar-expand-lg .container, .navbar.navbar-expand-lg .container-fluid{ height:76px!important; min-height:76px!important; padding:0 18px!important; gap:15px!important; } .navbar-brand{ flex:0 0 145px!important; width:145px!important; height:76px!important; } .navbar-brand img{ width:140px!important; max-width:140px!important; height:60px!important; max-height:60px!important; } .navbar-toggler{ display:flex!important; } .navbar-collapse{ position:absolute!important; top:76px!important; left:0!important; right:0!important; display:block!important; width:100%!important; height:auto!important; max-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; background:#253e2b!important; border-top:1px solid rgba(255,255,255,.1)!important; box-shadow:0 18px 35px rgba(0,0,0,.18)!important; opacity:0!important; visibility:hidden!important; transition:max-height .35s ease,opacity .25s ease,visibility .25s ease!important; } .navbar-collapse.show{ max-height:500px!important; opacity:1!important; visibility:visible!important; } .navbar-nav{ display:flex!important; flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important; gap:0!important; width:100%!important; height:auto!important; margin:0!important; padding:10px 18px 20px!important; } .navbar-nav .nav-item{ display:block!important; width:100%!important; height:auto!important; border-bottom:1px solid rgba(255,255,255,.1)!important; } .navbar-nav .nav-item:last-child{ border-bottom:0!important; } .navbar-nav .nav-link{ justify-content:flex-start!important; width:100%!important; height:52px!important; min-height:52px!important; padding:0 5px!important; font-size:13px!important; } .navbar-nav .nav-link::after{ left:5px!important; bottom:7px!important; transform:none!important; } .navbar-nav .nav-link:hover::after, .navbar-nav .nav-link.active::after, .navbar-nav .nav-item.active>.nav-link::after{ width:38px!important; } } @media(max-width:480px){ .navbar.navbar-expand-lg .container, .navbar.navbar-expand-lg .container-fluid{ padding:0 14px!important; } .navbar-brand{ flex-basis:125px!important; width:125px!important; } .navbar-brand img{ width:122px!important; max-width:122px!important; height:54px!important; max-height:54px!important; } .navbar-toggler{ width:42px!important; height:42px!important; } } .navbar-brand{position:relative!important;flex:0 0 190px!important;width:190px!important;height:92px!important;margin:0!important;padding:0!important;overflow:visible!important}.navbar-brand img{position:absolute!important;left:0!important;top:50%!important;width:150px!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:contain!important;transform:translateY(-50%) scale(1.25)!important;transform-origin:left center!important;filter:none!important;z-index:10!important}.navbar-collapse{margin-left:75px!important}@media(max-width:991px){.navbar-brand{flex:0 0 135px!important;width:135px!important;height:76px!important}.navbar-brand img{width:185px!important;transform:translateY(-50%) scale(1.12)!important}.navbar-collapse{margin-left:0!important}} .navbar-collapse{ margin-left:75px!important; }