<!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js"><head>
<meta charset="utf-8">
<title><?php wp_title('|', true, 'right'); ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/bootstrap.min.css" rel="stylesheet">
<link type="text/css" href="<?php echo get_template_directory_uri(); ?>/style.css" rel="stylesheet" media="screen">
<style> header.main-nav {
position: -webkit-sticky;
position: sticky;
top: 0; 
z-index: 9999;
width: 100%; border-bottom-left-radius: 30px !important;
border-bottom-right-radius: 30px !important; background-color: rgba(255, 255, 255, 0.4) !important; 
-webkit-backdrop-filter: blur(15px) saturate(180%);
backdrop-filter: blur(15px) saturate(180%); border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
transition: all 0.4s ease;
}  header.main-nav .container,
header.main-nav .row,
header.main-nav [class*="col-"],
header.main-nav #mega-menu-wrap-main-menu,
header.main-nav #mega-menu-main-menu,
header.main-nav .mega-menu-item,
header.main-nav .mega-menu-link,
header.main-nav .menu-item {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
} #main-menu li a, 
.mega-menu-link {
font-family: 'Montserrat', sans-serif !important;
font-weight: 700 !important;
color: #003852 !important; 
text-decoration: none !important;
background: transparent !important;
} @media (min-width: 992px) {
header.main-nav ul li.mega-menu-item-179 a {
background-color: #ea6cb0 !important; 
color: #fff !important;
border-radius: 30px !important;
padding: 10px 25px !important;
}
}
header.main-nav img { background: transparent !important; } @media (max-width: 767px) {
header.main-nav { border-radius: 0 !important; }
}
</style>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&display=swap" rel="stylesheet">
<?php wp_enqueue_script('jquery'); ?>
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header class="wrap header main-nav">
<div class="container">
<div class="row" style="display: flex; align-items: center; padding: 10px 0; margin: 0;">
<div class="col-lg-2 col-md-2 col-sm-6 col-xs-6" style="padding: 0;">
<a href="<?php bloginfo('url'); ?>"><img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/images/logo.png" style="max-height: 50px; width: auto;" /></a>
</div>
<div class="col-lg-10 col-md-10 col-sm-6 col-xs-6">
<?php wp_nav_menu(array('theme_location'=>'main-menu', 'menu_id'=>'main-menu')); ?>
</div>
</div>
</div>
</header>