/*==================================================
 HEADER PREMIUM 3.0
==================================================*/

.site-header{

position:absolute;

top:22px;

right:0;

left:0;

z-index:9999;

}

.header-box{

height:78px;

display:flex;

align-items:center;

justify-content:space-between;

padding:0 28px;

border-radius:18px;

background:rgba(6,22,49,.92);

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

backdrop-filter:blur(20px);

}

.site-logo img{

height:54px;

display:block;

}

.site-nav{

display:flex;

gap:34px;

align-items:center;

}

.site-nav a{

color:#fff;

font-size:15px;

font-weight:600;

text-decoration:none;

transition:.25s;

position:relative;

}

.site-nav a:hover,

.site-nav a.active{

color:#d8a33d;

}

.site-nav a.active::after{

content:"";

position:absolute;

bottom:-18px;

left:50%;

transform:translateX(-50%);

width:34px;

height:3px;

background:#d8a33d;

border-radius:20px;

}

.header-right{

display:flex;

align-items:center;

gap:14px;

}

.lang-switch{

width:42px;

height:42px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

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

color:#fff;

font-weight:700;

text-decoration:none;

}

.quote-button{

height:46px;

padding:0 24px;

display:flex;

align-items:center;

border-radius:10px;

background:#d8a33d;

color:#fff;

font-weight:700;

text-decoration:none;

transition:.25s;

}

.quote-button:hover{

background:#be8a22;

}

@media(max-width:1100px){

.site-nav{

display:none;

}

.header-box{

padding:0 20px;

}

}

@media(max-width:768px){

.site-header{

top:12px;

}

.header-box{

height:68px;

}

.site-logo img{

height:46px;

}

.quote-button{

display:none;

}

}