
:root{--primary:#002D72;--accent:#FF9E1B;}

.top-bar{background:var(--primary);color:#fff;padding:0px 0;transition:.3s}
.top-links{display:flex;justify-content:flex-end;gap:15px;list-style:none;margin:0;padding-right: 1.5rem;padding-top:8px;}
.top-links a{color:#fff;text-decoration:none;font-size:14px font-family: 'Titillium Web';}
.top-links a:hover,
.top-links a:focus {
    color: #fff;
    text-decoration: none;
}
@media (max-width: 767.98px) {
button#mobileSearchClose .btn  {
        width: 13% !important;
    }
}
/* TOP BAR DROPDOWNS */
.top-links li{position:relative}
.top-link-btn{background:none;border:0;color:inherit;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px}
.top-dropdown{position:absolute;top:100%;right:0;background:#fff;color:#222;min-width:220px;border-radius:8px;padding:12px;box-shadow:0 10px 25px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s;z-index:9999}
.top-dropdown a{display:block;padding:8px 10px;color:#222;text-decoration:none}
.top-dropdown a:hover{background:#f5f5f5}
.top-links li.open .top-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.top-link-btn i{display:inline-block;transition:transform .22s ease}
.top-links li.open .top-link-btn i{transform:rotate(180deg)}

@media(max-width:1199px){
.top-bar{display:none;}
}
.navbar {
    padding-left: 1rem;
    padding-right: 1rem;
}
/* HEADER */
.main-header{background:#fff;box-shadow:0 2px 15px rgba(0,0,0,.08);z-index:999}
.navbar{min-height:82px}
.logo img{height:65px}

.desktop-center{
margin-left:auto;
}
@media (min-width: 992px) {
   a.navbar-brand.logo{
        padding-top: 5px !important;
    }
}
.main-menu{gap:25px}
.main-menu .nav-link{
font-weight:700;
text-transform:uppercase;
font-size: 1.1rem;
color: #002c71;
font-family: 'Titillium Web';
}

.lang-current span{ font-family: 'Titillium Web';}

/* SEARCH */
.search-box{width:0;overflow:hidden;transition:.4s}
.search-box.active{width:220px}
.search-box input{
width:100%;
padding:10px;
border:1px solid #ddd;
border-radius:30px;
}
.search-toggle{
border:none;
background:none;
font-size:20px;
}

/* LANG SWITCHER */
.header-language-switcher{
position:relative;
margin:0 15px;
}

.lang-current{
display:flex;
align-items:center;
gap:8px;
cursor:pointer;
font-weight:600;
}

.lang-dropdown{
position:absolute;
right:0;
top:100%;
background:#fff;
min-width:180px;
border-radius:8px;
box-shadow:0 10px 25px rgba(0,0,0,.15);
opacity:0;
visibility:hidden;
transition:.3s;
z-index:9999;
}

.header-language-switcher:hover .lang-dropdown{
opacity:1;
visibility:visible;
}

.lang-dropdown a{
display:flex;
align-items:center;
gap:10px;
padding:10px 15px;
text-decoration:none;
color:#222;
}

.lang-dropdown a:hover{
background:#f5f5f5;
}

/* JOBS */
.jobs-btn{
background:var(--accent);
color:#fff;
text-decoration:none;
padding:9px 24px;
border-radius:8px;
font-weight:700;
}

/* MOBILE */
.mobile-actions{
display:none;
align-items:center;
gap:5px;
}

.mobile-lang{
display:flex;
align-items:center;
gap:5px;
font-weight:600;
position:relative;
cursor:pointer;
}

@media(max-width:1199px){
.desktop-center,
.desktop-right{
display:none !important;
}

.mobile-actions{
display:flex;
}
}

/* MOBILE LANG DROPDOWN */
.mobile-lang-dropdown{
position:absolute;
right:0;
top:110%;
background:#fff;
min-width:180px;
border-radius:8px;
box-shadow:0 10px 25px rgba(0,0,0,.15);
opacity:0;
visibility:hidden;
transform:translateY(-6px);
transition:opacity .2s, transform .2s, visibility .2s;
z-index:9999;
}

.mobile-lang-dropdown a{
display:flex;
align-items:center;
gap:10px;
padding:10px 15px;
text-decoration:none;
color:#222;
}

.mobile-lang-dropdown a:hover{background:#f5f5f5}

.mobile-lang.open .mobile-lang-dropdown{
opacity:1;
visibility:visible;
transform:translateY(0);
}

/* MOBILE SEARCH OVERLAY */
.mobile-search-overlay{
	display:none;
}

@media(max-width:1199px){
	.mobile-search-overlay{
		display:block;
		position:fixed;
		top:0;
		left:0;
		right:0;
		padding:12px;
		background:#fff;
		box-shadow:0 8px 30px rgba(0,0,0,.15);
		z-index:10002;
		transform:translateY(-8px);
		opacity:0;
		visibility:hidden;
		transition:opacity .18s, transform .18s, visibility .18s;
	}

	.mobile-search-overlay.open{
		opacity:1;
		visibility:visible;
		transform:translateY(0);
	}

	#mobileSearchInput{width:100%;border:1px solid #ddd;padding:10px;border-radius:30px}
	#mobileSearchClose{font-size:18px}
}

/* RICH / MEGA MENU */
.rich-menu .rich-item{position:relative}
.rich-menu .mega{
	position:absolute;
	left:0;
	top:100%;
	background:#fff;
	padding:18px;
	border-radius:8px;
	box-shadow:0 12px 40px rgba(0,0,0,.12);
	opacity:0;
	visibility:hidden;
	transform:translateY(-8px) scale(.98);
	transition:opacity .22s cubic-bezier(.2,.9,.2,1), transform .22s cubic-bezier(.2,.9,.2,1), visibility .18s;
	z-index:9998;
	min-width:220px;
}

.rich-menu .rich-item:hover .mega{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.rich-menu .nav-link i.fa-caret-down{display:inline-block;transition:transform .22s ease}
.rich-menu .rich-item:hover .nav-link i.fa-caret-down,
.rich-menu .rich-item.open .nav-link i.fa-caret-down{transform:rotate(180deg)}

.mega-grid{display:grid;gap:8px;--cols:1;grid-template-columns:repeat(var(--cols), minmax(280px,1fr));}
.mega-grid a{display:block;padding:8px 10px;border-radius:6px;color:#222;text-decoration:none;font-family: 'Titillium Web';font-weight:600;}
.mega-grid a:hover{background:#f5f5f5}

.mega-col{padding:6px 12px}
.mega-col h4{margin:0 0 8px;font-size:15px;color:var(--primary); font-weight:600;}
.offcanvas-body img {
    margin-bottom: 0 !important;
    position: relative;
    top: 0px;
    z-index: 0;
}

@media(max-width:1199px){
 	.rich-menu .mega{position:static;background:transparent;padding:0;box-shadow:none;transform:none;visibility:visible;opacity:1}
 	.mega-grid{display:block}
 	.mega-grid a{padding:10px 0;border-bottom:1px solid #eee}
 	.rich-item .mega{display:none}
 	.rich-item.open .mega{display:block}
}

/* mobile accordion inside offcanvas */
.mobile-rich .mobile-section{border-bottom:1px solid #eee;padding:8px 0}
.mobile-rich .mobile-toggle{width:100%;text-align:left;background:none;border:none;padding:8px 0;font-weight:700}
.mobile-rich .mobile-panel{display:block;max-height:0;overflow:hidden;transition:max-height .26s ease}
.mobile-rich .mobile-panel a{display:block;padding:8px 0;color:#222;text-decoration:none}
.mobile-rich .mobile-section.open .mobile-panel{max-height:1000px}

/* STICKY */
body.scrolled .top-bar{
margin-top:-50px;
}

body.scrolled .main-header{
position:fixed;
top:0;
left:0;
width:100%;
}

.header-spacer{
display:none;
}

body.scrolled .header-spacer{
display:block;
height:90px;
}

/* Top news ticker styles */
.top-news-bar {
	color: #fff;
	overflow: hidden;
	position: relative;
	z-index: 999;
}

.top-news-wrapper {
	display: flex;
	align-items: center;
	width: 100%;
}

.news-label {
	font-weight: 500;
	white-space: nowrap;
	padding: 0 20px;
	flex-shrink: 0;
}

.news-ticker {
	overflow: hidden;
	width: 100%;
	position: relative;
}

.news-ticker-content {
	display: inline-flex;
	white-space: nowrap;
}

.news-ticker-content.ticker-js {
	animation: ticker-scroll var(--ticker-duration, 30s) linear infinite;
}

.ticker-item {
	color: #fff;
	text-decoration: none;
	margin-right: 80px;
	font-size: 14px;
	transition: all 0.3s ease;
}

.ticker-item:hover {
	color: #ffd700;
}

@keyframes ticker-scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

/* Responsive */
@media (max-width: 768px) {
	.news-label {
		display: none;
	}

	.ticker-item {
		font-size: 13px;
		margin-right: 40px;
	}
}


@media (min-width: 992px) {
    .logo:after {
        display:none !important;
        width: 95px;
        height: auto !important;
        position: absolute;
        right: -95px;
        top: 0;
    }
}

@media (min-width: 992px) {
    .logo {
        padding-top: 25px;
        position: relative;
        background: #fff;
        height: 75px !important;
        z-index: 2;
    }
}

.cta-line .btn, .cta-line .wpcf7 input[type=submit], .wpcf7 .cta-line input[type=submit] {
    background: #fff;
    color: #ff9e1b;
    font-size: 1.5rem;
    border-radius: 30px;
    padding: 10px 30px;
    margin-left: 15px;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.cta-line .btn:hover, .cta-line .wpcf7 input:hover[type=submit], .wpcf7 .cta-line input:hover[type=submit] {
    background: #002c71;
    color: #fff;
}

@media (min-width: 768px) {
    .blue-nav li.active a, .orange-nav li.active a {
        background: 0 0;
        border-bottom: 3px solid #fff;
        color: #fff;
    }
}

.top-dropdown a:hover,
.top-dropdown a:focus {
    color: #222 !important;
}

@media (max-width: 768px) {
.navbar{
	    padding: .5rem .2rem !important;
}}


	.ticker-track{
    flex:1;
    overflow:hidden;
    position:relative;
    height:44px;
    display:flex;
    align-items:center;
    background:#002c71 !important;
    backdrop-filter:blur(8px);
}

.ticker-inner{
    display:flex;
    align-items:center;
    white-space:nowrap;
    animation:ticker-scroll 40s linear infinite;
    will-change:transform;
}

.ticker-inner:hover{
    animation-play-state:paused;
}

@keyframes ticker-scroll{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-50%);
    }
}

.ticker-item{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding-right:32px;
    color:#fff;
    font-size:13px;
    text-decoration:none;
    transition:.3s;
}

.ticker-item:hover{
    color:#FF9E1B;
}

.ticker-item-tag{
    font-size:9px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:#FF9E1B;
    background:rgba(255,158,27,.12);
    border:1px solid rgba(255,158,27,.3);
    padding:2px 7px;
    border-radius:2px;
    flex-shrink:0;
}

.ticker-sep{
    width:4px;
    height:4px;
    background:rgba(255,158,27,.5);
    border-radius:50%;
    margin-right:16px;
    flex-shrink:0;
}

.ticker-bar{
    display:flex;
    align-items:center;
    height:44px;
    background:rgba(17,29,51,.88);
    border-top:1px solid rgba(255,158,27,.3);
    overflow:hidden;
}

.ticker-label{
    flex-shrink:0;
    background:#FF9E1B;
    color:#fff;
    height:100%;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 18px;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.14em;
}

.ticker-divider{
    width:1px;
    height:100%;
    background:rgba(255,158,27,.4);
}
