/*==================================================
    ERY GRANIT V2 HEADER
==================================================*/

:root{

    --primary:#012650;
    --gold:#C8A86B;
    --white:#ffffff;
    --text:#1b1b1b;
    --transition:.35s ease;

}

/*=============================
    HEADER
=============================*/

header{

    position:relative;
    z-index:999;

}

.wrap-sticky{

    position:relative;

}

.wrap-sticky nav.navbar.bootsnav{

    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:999;

}

/*=============================
    NAVBAR
=============================*/

/*=====================================
    NAVBAR
=====================================*/

nav.navbar.bootsnav{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    background:transparent !important;

    border:none;

    border-radius:0;

    box-shadow:none;

    padding:0;

    transition:all .35s ease;

    z-index:9999;

}

nav.navbar.bootsnav:not(.navbar-transparent){

    background:#ffffff !important;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

    border-bottom:1px solid rgba(0,0,0,.05);

}

/*=============================
    CONTAINER
=============================*/

nav.navbar.bootsnav .container{

    width:100%;
    max-width:1400px;

}

/*=====================================
    LOGO
=====================================*/

.navbar-brand{

    padding:12px 0 !important;

}

.navbar-brand .logo{

    height:100px;

    width:auto;

    transition:.30s;

}

nav.navbar.bootsnav:not(.navbar-transparent) .logo{

    height:100px;

}
/*=============================
    MENU
=============================*/

@media(min-width:1024px){

nav.navbar.bootsnav ul.nav>li{

    margin:0 6px;

}

nav.navbar.bootsnav ul.nav>li>a{

    color:#fff;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

    padding:34px 14px;

    transition:var(--transition);

    position:relative;

}

nav.navbar.bootsnav.sticked ul.nav>li>a{

    padding:30px 14px;

}

nav.navbar.bootsnav ul.nav>li>a:before{

    content:"";

    position:absolute;

    left:50%;

    bottom:18px;

    width:0;

    height:2px;

    background:var(--gold);

    transform:translateX(-50%);

    transition:.3s;

}

nav.navbar.bootsnav ul.nav>li:hover>a{

    color:var(--gold);

}

nav.navbar.bootsnav ul.nav>li.active>a{

    color:var(--gold);

}

nav.navbar.bootsnav ul.nav>li:hover>a:before{

    width:70%;

}

nav.navbar.bootsnav ul.nav>li.active>a:before{

    width:70%;

}

}

/*=============================
    ATTR NAV
=============================*/

.attr-nav{

    margin-left:25px;

}

.attr-nav>ul>li{

    padding:20px 0;

}

/*=============================
    PHONE BUTTON
=============================*/

.quote-btn a{

    background:var(--gold)!important;

    color:#fff!important;

    border:none!important;

    border-radius:40px;

    padding:12px 34px!important;

    font-size:14px;

    font-weight:700;

    transition:.3s;

}

.quote-btn a:hover{

    background:#fff!important;

    color:var(--primary)!important;

    transform:translateY(-2px);

}

/*=============================
    DROPDOWN
=============================*/

@media(min-width:1024px){

nav.navbar.bootsnav ul.nav li.dropdown{

    position:relative;

}

nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{

    border:none;

    border-radius:18px;

    padding:12px;

    min-width:260px;

    margin-top:15px;

    background:#fff;

    box-shadow:0 25px 60px rgba(0,0,0,.15);

    opacity:0;

    visibility:hidden;

    display:block;

    transform:translateY(20px);

    transition:.30s;

}

nav.navbar.bootsnav ul.nav li.dropdown:hover ul.dropdown-menu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu li{

    margin:0;

    width:100%;

}

nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu li a{

    display:block;

    padding:14px 18px;

    border-radius:10px;

    color:#444;

    font-size:14px;

    font-weight:600;

    transition:.25s;

}

nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu li a:hover{

    background:#f6f8fb;

    color:var(--primary);

    padding-left:24px;

}

}

/*=============================
    SEARCH / ATTR
=============================*/

.attr-nav>ul{

    display:flex;

    align-items:center;

}

.attr-nav>ul>li{

    margin-left:10px;

}

.attr-nav>ul>li>a{

    color:#fff;

    transition:.3s;

}

.attr-nav>ul>li>a:hover{

    color:var(--gold);

}

/*=============================
    SCROLL EFFECT
=============================*/

.wrap-sticky nav.navbar.bootsnav.sticked{

    animation:headerDown .35s;

}

@keyframes headerDown{

0%{

transform:translateY(-100%);

}

100%{

transform:translateY(0);

}

}

/*=============================
    MENU SPACING
=============================*/

.navbar-collapse{

    justify-content:center;

}

.navbar-nav{

    align-items:center;

}

/*=============================
    MOBILE
=============================*/

@media(max-width:991px){

nav.navbar.bootsnav{

    background:#012650;

}

.navbar-brand{

    padding:10px 15px;

}

.navbar-brand img{

    max-height:58px;

}

nav.navbar.bootsnav .navbar-toggle{

    border:none;

    margin-top:18px;

    margin-right:15px;

}

nav.navbar.bootsnav .navbar-toggle i{

    color:#fff;

    font-size:24px;

}

nav.navbar.bootsnav ul.nav{

    background:#012650;

    padding:15px 0;

}

nav.navbar.bootsnav ul.nav li{

    border-bottom:1px solid rgba(255,255,255,.08);

}

nav.navbar.bootsnav ul.nav li:last-child{

    border:none;

}

nav.navbar.bootsnav ul.nav li a{

    color:#662a2a;

    padding:16px 20px;

    font-weight:600;

}

nav.navbar.bootsnav ul.nav li a:hover{

    color:var(--gold);

    background:rgba(255,255,255,.05);

}

.attr-nav{

    display:none;

}

}
/*=============================
    FIX
=============================*/

body{

    padding-top:0 !important;

}

nav.navbar.bootsnav.no-background{

    background:rgba(1,38,80,.95)!important;

}

nav.navbar.bootsnav.navbar-fixed{

    border:none!important;

}

nav.navbar.bootsnav ul.nav>li.active>a{

    background:none!important;

}

nav.navbar.bootsnav ul.nav>li>a:focus{

    background:none!important;

}

nav.navbar.bootsnav ul.nav>li>a:hover{

    background:none!important;

}

.dropdown-menu>li>a{

    white-space:normal;

}


/*====================================
    ERY HEADER OVERRIDE
====================================*/

nav.navbar.bootsnav{

    background:transparent;

    border:none;

    border-radius:0;

    box-shadow:none;

    margin:0;

    transition:all .35s ease;

}

/* Scroll */

nav.navbar.bootsnav.on{

    background:#ffffff;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

    border-bottom:1px solid rgba(0,0,0,.05);

}

/* Logo */

nav.navbar .navbar-brand{

    height:auto!important;

    padding:15px 0;

}

nav.navbar .navbar-brand img{

    height:60px;

    width:auto;

    transition:.35s;

}

nav.navbar.bootsnav.on .navbar-brand{

    padding:10px 0;

}

nav.navbar.bootsnav.on .navbar-brand img{

    height:54px;

}

/* Menü */

nav.navbar.bootsnav ul.nav>li>a{

    color:#ffffff;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

    padding:35px 18px;

    background:none!important;

    transition:.3s;

}

nav.navbar.bootsnav.on ul.nav>li>a{

    color:#012650;

    padding:30px 18px;

}

/* Hover */

nav.navbar.bootsnav ul.nav>li>a:hover{

    color:#C9A35B!important;

}

nav.navbar.bootsnav ul.nav>li.active>a{

    color:#C9A35B!important;

}

/* Hamburger */

nav.navbar.bootsnav .navbar-toggle{

    border:none;

    background:none!important;

    color:#fff;

    font-size:24px;

}

nav.navbar.bootsnav.on .navbar-toggle{

    color:#012650;

}

/* Dropdown */

nav.navbar.bootsnav ul.nav ul.dropdown-menu{

    border:none;

    border-radius:16px;

    margin-top:12px;

    padding:10px;

    box-shadow:0 18px 45px rgba(0,0,0,.12);

}

nav.navbar.bootsnav ul.nav ul.dropdown-menu>li>a{

    padding:12px 18px;

    border-radius:8px;

    color:#555;

    font-weight:500;

}

nav.navbar.bootsnav ul.nav ul.dropdown-menu>li>a:hover{

    background:#f4f6f9;

    color:#012650;

    padding-left:24px;

}



/*=====================================
    MENU COLOR FIX
=====================================*/

nav.navbar.bootsnav ul.nav > li > a{

    color:#ffffff !important;

    opacity:1 !important;

    font-weight:700 !important;

    text-shadow:0 1px 3px rgba(0,0,0,.30);

}

nav.navbar.bootsnav ul.nav > li > a:hover{

    color:#C8A86B !important;

}

nav.navbar.bootsnav ul.nav > li.active > a{

    color:#C8A86B !important;

}

/* Scroll sonrası */

nav.navbar.bootsnav:not(.navbar-transparent) ul.nav > li > a{

    color:#012650 !important;

    text-shadow:none !important;

}

nav.navbar.bootsnav:not(.navbar-transparent) ul.nav > li > a:hover{

    color:#C8A86B !important;

}



/*==================================================
    MOBİL SCROLL RENK DÜZELTMESİ
==================================================*/
@media(max-width: 991px) {
    /* 1. Scroll anında (on) arka plan beyaz, yazılar lacivert olsun */
    nav.navbar.bootsnav.on ul.nav {
        background: #ffffff !important; /* Arka planı beyaz yap */
    }

    nav.navbar.bootsnav.on ul.nav > li > a {
        color: #012650 !important;      /* Yazıları lacivert yap */
        text-shadow: none !important;
    }

    /* 2. Scroll anında hamburger ikonu lacivert olsun */
    nav.navbar.bootsnav.on .navbar-toggle {
        color: #012650 !important;
    }

    /* 3. Scroll anında hover renkleri */
    nav.navbar.bootsnav.on ul.nav > li > a:hover {
        color: #C8A86B !important;
        background: rgba(0,0,0,0.03) !important;
    }
	
	
nav.navbar.bootsnav.navbar-transparent .navbar-toggle i {
    color: #ffffff !important;
}

nav.navbar.bootsnav:not(.navbar-transparent) .navbar-toggle i {
    color: #012650 !important;
}

nav.navbar.bootsnav .navbar-toggle i {
    font-size: 24px !important;
}
	
}