.rb-top-menu,
.rb-top-menu li{
margin:0;
padding:0;
list-style:none;
} .rb-main{
background:#fff;
position:relative;
z-index:3;
box-shadow:
0 12px 30px rgba(0,0,0,0.12),
0 2px 6px rgba(0,0,0,0.06);
} .rb-main::after{
content:"";
position:absolute;
left:0;
bottom:-20px;
width:100%;
height:40px;
background:linear-gradient(
to bottom,
rgba(0,0,0,0.18),
transparent
);
filter:blur(18px);
}
.rb-main-inner{
max-width:1280px;
margin:0 auto;
display:flex;
align-items:center;
justify-content:space-between;
padding:18px 24px;
} .rb-logo img{
height:44px;
width:auto;
display:block;
} .rb-contact{
display:flex;
align-items:center;
gap:28px;
}
.rb-contact-item{
display:flex;
align-items:center;
gap:10px;
text-decoration:none;
color:#111;
font-size:14px;
font-weight:500;
}
.rb-divider{
width:1px;
height:24px;
background:#ddd;
} .rb-topbar{
position:relative;
height:110px;
overflow:hidden;
isolation:isolate;
background:
radial-gradient(1200px 260px at -8% 100%,
rgba(50,0,18,.72) 0%,
rgba(80,0,22,.58) 20%,
rgba(120,0,30,.28) 42%,
rgba(120,0,30,0) 62%),
radial-gradient(820px 220px at 22% 108%,
rgba(62,0,28,.78) 0%,
rgba(90,0,34,.52) 28%,
rgba(110,0,40,.18) 52%,
rgba(110,0,40,0) 70%),
radial-gradient(900px 240px at 52% 54%,
rgba(255,86,86,.26) 0%,
rgba(255,86,86,.10) 34%,
rgba(255,86,86,0) 60%),
radial-gradient(820px 320px at 108% 48%,
rgba(255,120,120,.30) 0%,
rgba(255,92,92,.16) 38%,
rgba(255,92,92,0) 68%),
linear-gradient(
90deg,
#5f0710 0%,
#8d0b15 16%,
#c8141d 38%,
#f8282a 67%,
#ff4d4f 100%
);
}
.rb-topbar::before{
content:"";
position:absolute;
z-index:3;
pointer-events:none;
left:-12%;
top:0;
width:124%;
height:52px;
background:
radial-gradient(
100% 145% at 50% 0%,
rgba(255,255,255,.42) 0%,
rgba(255,255,255,.26) 7%,
rgba(255,255,255,.12) 15%,
rgba(255,255,255,.05) 23%,
rgba(255,255,255,0) 34%
);
transform:scaleX(1.02);
filter:blur(.2px);
opacity:.82;
}
.rb-topbar::after{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background:
radial-gradient(
900px 220px at 100% 70%,   
rgba(255,255,255,0.28) 0%,
rgba(255,255,255,0.18) 20%,
rgba(255,255,255,0.10) 40%,
rgba(255,255,255,0.04) 60%,
rgba(255,255,255,0) 75%
),
radial-gradient(
900px 180px at 50% 48%,
rgba(255,255,255,.16) 0%,
rgba(255,255,255,.08) 24%,
rgba(255,255,255,0) 58%
),
linear-gradient(
to bottom,
rgba(255,255,255,.03) 0%,
rgba(255,255,255,0) 22%,
rgba(60,0,18,.06) 70%,
rgba(35,0,12,.16) 100%
);
} .rb-topbar-inner{
position:relative;
height:100%;
}
.rb-topbar-inner::after{
content:"";
position:absolute;
top:calc(50% + 22px);
left:50%;
transform:translateX(-50%);
width:720px;
height:1px;
background:#ffffff;
z-index:4;
} .rb-topbar-inner{
display:flex;
align-items:center;
justify-content:center;
height:100%;
}
.rb-top-menu{
display:flex;
align-items:center;
justify-content:center;
gap:0; } .rb-top-menu li{
position:relative;
} .rb-top-menu li:not(:last-child)::after{
content:"";
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
width:1px;
height:26px;
background:rgba(255,255,255,0.25);
} .rb-top-menu li a{
display:block;
padding:18px 36px;
color:#fff !important;
text-decoration:none;
font-size:18px;
font-weight:600;
position:relative;
} .rb-top-menu li a span{
position:relative;
}
.rb-top-menu li a span::after{
content:"";
position:absolute;
left:50%;
bottom:-28px;
transform:translateX(-50%) scaleX(0.4);
transform-origin:center;
width:100%;
height:18px;
background: linear-gradient(
90deg,
rgba(255,255,255,0.05),
rgba(255,255,255,0.18),
rgba(255,255,255,0.35),
rgba(255,255,255,0.18),
rgba(255,255,255,0.05)
) top / 100% 1px no-repeat, radial-gradient(
ellipse at center top,
rgba(255,255,255,0.55) 0%,
rgba(255,255,255,0.30) 28%,
rgba(255,255,255,0.12) 52%,
rgba(255,255,255,0.04) 70%,
rgba(255,255,255,0) 85%
) top center / 100% 17px no-repeat;
opacity:0;
transition:transform .3s ease, opacity .3s ease;
}
.rb-top-menu li a:hover span::after,
.rb-top-menu .current-menu-item span::after{
opacity:1;
transform:translateX(-50%) scaleX(1);
}
.rb-top-menu li a{
position:relative;
overflow:visible; 
z-index:1;
}
.rb-top-menu li a::before{
content:"";
position:absolute;
left:50%;
bottom:-10px;
transform:translateX(-50%);
width:120%;
height:62px;
pointer-events:none;
background:radial-gradient(
ellipse at center top,
rgba(255,255,255,0.18) 0%,
rgba(255,255,255,0.10) 25%,
rgba(255,255,255,0.05) 45%,
rgba(255,255,255,0.02) 60%,
rgba(255,255,255,0) 75%
);
opacity:0;
transition:opacity .25s ease;
z-index:1; 
}
.rb-top-menu li a:hover::before,
.rb-top-menu .current-menu-item a::before{
opacity:1;
} .rb-topbar-inner::before{
content:"";
position:absolute;
top:calc(50% - 22px);
left:50%;
transform:translateX(-50%);
width:720px;
height:1px;
background:linear-gradient(
90deg,
rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.18) 20%,
rgba(255,255,255,0.35) 50%, rgba(255,255,255,0.18) 80%,
rgba(255,255,255,0.05) 100%
);
z-index:2;
}
.rb-topbar-inner::after{
content:"";
position:absolute;
top:calc(50% + 22px);
left:50%;
transform:translateX(-50%);
width:720px;
height:1px;
background:linear-gradient(
90deg,
rgba(255,255,255,0.05),
rgba(255,255,255,0.18),
rgba(255,255,255,0.35),
rgba(255,255,255,0.18),
rgba(255,255,255,0.05)
);
z-index:4;
} .rb-top-menu{
position:relative;
z-index:3; }
.rb-top-menu::before{
content:"";
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%);
width:820px;
height:44px;
pointer-events:none;
z-index:-1; background:
linear-gradient(
90deg,
rgba(80,0,15,0) 0%,
rgba(80,0,15,0.25) 15%,
rgba(80,0,15,0.45) 50%,
rgba(80,0,15,0.25) 85%,
rgba(80,0,15,0) 100%
);
}
.rb-topbar{
position:fixed;
top:0;
left:0;
width:100%;
z-index:9999;
height:110px;
}
body{
padding-top:110px;
} .rb-main{
transition:transform .35s ease, opacity .25s ease;
}
.rb-main.rb-hide{
transform:translateY(-100%);
opacity:0;
}
@media (max-width:768px){
.rb-top-menu{
display:flex;
width:100%;
gap:0;
}
.rb-top-menu li{
flex:1;
}
.rb-top-menu li a{
display:flex;
align-items:center;
justify-content:center;
padding:10px 4px;
font-size:11px; font-weight:600;
white-space:nowrap; }
}
@media (max-width:768px){ .rb-topbar-inner::before{
display:none !important;
} .rb-topbar-inner::after{
display:none !important;
}
}
@media (max-width:768px){
.rb-top-menu li a span::after{
display:none !important;
}
} @media (max-width:768px){
.rb-topbar{
height:80px;
}
}
@media (max-width:768px){
body{
padding-top:80px; }
}
@media (max-width:768px){ .rb-main-inner{
flex-direction:row;
align-items:center;
justify-content:space-between;
gap:10px;
} .rb-logo img{
height:34px;
} .rb-contact{
display:flex;
gap:8px;
} .rb-divider{
display:none;
} .rb-contact-item{
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
border-radius:10px;
background:rgba(0,0,0,0.04);
backdrop-filter:blur(6px);
transition:all .25s ease;
padding:0;
} .rb-contact-item .rb-text{
display:none;
} .rb-contact-item:active{
transform:scale(0.95);
background:rgba(0,0,0,0.08);
}
}
@media (max-width:768px){
.rb-main-inner{
padding:10px 16px; 
}
} @media (max-width:768px){
.rb-topbar{
background: radial-gradient(900px 260px at -10% 100%,
rgba(120,0,20,.35) 0%,
rgba(180,0,30,.18) 30%,
rgba(255,0,0,0) 60%), radial-gradient(700px 220px at 50% 60%,
rgba(255,80,80,.25) 0%,
rgba(255,80,80,.10) 40%,
rgba(255,80,80,0) 70%), radial-gradient(700px 260px at 110% 50%,
rgba(255,120,120,.35) 0%,
rgba(255,80,80,.15) 40%,
rgba(255,80,80,0) 70%), linear-gradient(
90deg,
#7f0f16 0%,
#b91c1c 30%,
#ef4444 65%,
#ff5a5f 100%
) !important;
} .rb-topbar::after{
display:none !important;
} .rb-topbar::before{
opacity:.6 !important;
} .rb-top-menu::before{
display:none !important;
}
} @media (max-width:768px){
.rb-top-menu::before{
display:block !important;
content:"";
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:92%; height:42px;
pointer-events:none;
z-index:-1;
background:linear-gradient(
90deg,
rgba(60,0,10,0) 0%,
rgba(60,0,10,.25) 20%,
rgba(60,0,10,.45) 50%,
rgba(60,0,10,.25) 80%,
rgba(60,0,10,0) 100%
);
border-radius:14px; }
}  .rb-contact{
gap:14px; } .rb-contact-item{
display:flex;
align-items:center;
gap:12px;
padding:10px 14px;
border-radius:12px;
background:rgba(0,0,0,0.03);
backdrop-filter:blur(6px);
font-size:15px; font-weight:600; color:#111;
text-decoration:none;
transition:all .25s ease;
} .rb-contact-item svg{
width:18px;
height:18px;
flex:0 0 18px;
color:#dc2626; } .rb-contact-item .rb-text{
font-size:15px;
font-weight:600;
letter-spacing:.01em;
} .rb-contact-item:hover{
background:rgba(0,0,0,0.06);
transform:translateY(-1px);
} .rb-contact-item[href^="tel"]{
background:rgba(220,38,38,.08);
}
.rb-contact-item[href^="tel"]:hover{
background:rgba(220,38,38,.15);
} .rb-contact-item[href^="mailto"]{
background:rgba(0,0,0,.03);
}
.rb-divider{
display:none !important;
} .rb-top-menu .current-menu-item a,
.rb-top-menu .current_page_item a,
.rb-top-menu .current-menu-ancestor a,
.rb-top-menu .current-page-ancestor a{
color:#fff !important;
}
.rb-top-menu .current-menu-item a span::after,
.rb-top-menu .current_page_item a span::after,
.rb-top-menu .current-menu-ancestor a span::after,
.rb-top-menu .current-page-ancestor a span::after,
.rb-top-menu .current-menu-item a::before,
.rb-top-menu .current_page_item a::before,
.rb-top-menu .current-menu-ancestor a::before,
.rb-top-menu .current-page-ancestor a::before{
opacity:0 !important;
transform:translateX(-50%) scaleX(0.4) !important;
}
.rb-top-menu a.is-anchor-active span::after{
opacity:1 !important;
transform:translateX(-50%) scaleX(1) !important;
}
.rb-top-menu a.is-anchor-active::before{
opacity:1 !important;
}
.rb-top-menu a:hover span::after{
opacity:1 !important;
transform:translateX(-50%) scaleX(1) !important;
}
.rb-top-menu a:hover::before{
opacity:1 !important;
}