/*Site Menu Main CSS. Please put all your navigation styles here including header and mobile menu.
===============================================================================================
*/
ul.header-menu {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    line-height: 1.2;
}

ul.header-menu li {
    position:relative;
    margin: 0px 35px;
}

ul.header-menu li a {
    font-family: "Proxima Nova Bold", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 18px;
}

ul.header-menu li.active a,
ul.header-menu li.open a,
ul.header-menu li.current-menu-item a,
ul.header-menu li a:hover {color:#2248d9;}

ul.header-menu li a:hover:after {background-color:#2248d9;}


@media only screen and (min-width: 1200px) {
	
}


@media only screen and (max-width: 1199px) {
    
    ul.header-menu li {margin: 0px 20px;}
    ul.header-menu li a {font-size: 16px;}

}

@media (max-width: 1199px) and (min-width: 768px) {
    
    
    
}


@media only screen and (min-width: 768px) {
    
    
	
}

@media only screen and (max-width: 767px) {
	
	#MBMainMEnu .navbar-toggler {
		display: block;
        cursor: pointer;
        position: absolute;
        top: -37px;
        right: calc(var(--bs-gutter-x) * .5);
        padding: 11px 10px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        background: #051027;
        z-index: 99999999999;
        border: 0;
        box-shadow:none;
	}
	#MBMainMEnu .navbar-toggler:hover {background: #2248d9;}
	#MBMainMEnu .navbar-toggler:focus {
        outline-style: solid;
        outline-width: 2px;
        outline-color: #FF0000;
    }
	
	#MBMainMEnu .navbar-toggler .icon-bar {
		display: block;
        background-color: #fff;
        position: relative;
        width: 24px;
        margin-top: 5px;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: transform 125ms linear;
        -moz-transition: transform 125ms linear;
        -o-transition: transform 125ms linear;
        -ms-transition: transform 125ms linear;
        transition: transform 125ms linear;
        height: 3px;
	}
	#MBMainMEnu .navbar-toggler .icon-bar:first-child {margin-top:0;}
	
	#MBMainMEnu .navbar-toggler.navmenuopen .icon-bar:first-child {
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);	
	    top: 8px;
	}
	#MBMainMEnu .navbar-toggler.navmenuopen .icon-bar:nth-child(2) {opacity:0;filter:alpha(opacity=0);}
	#MBMainMEnu .navbar-toggler.navmenuopen .icon-bar:last-child {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);	
		top:-8px;
	}
	
	#MBMainMEnu .navbar-collapse {
	    position: absolute;
        top: 20px;
        width: 100%;
        z-index: 999;
        box-shadow: none;
        padding: 0;
	}
	
	#MBMainMEnu ul.navbar-nav li {
	    border-bottom: 1px solid #fff;
        position: relative;
	}
	
	#MBMainMEnu ul.navbar-nav li a {
	    display:block;
	    background-color: #051027;
        color: #fff;
        font-size: 16px;
        padding: 12px 15px;
	}
	#MBMainMEnu ul.navbar-nav li a:after {display:none;}
	
    #MBMainMEnu ul.navbar-nav li.active a,
	#MBMainMEnu ul.navbar-nav li.open a,
	#MBMainMEnu ul.navbar-nav li.current-menu-item a,
	#MBMainMEnu ul.navbar-nav li a:hover {background:#2248d9;}
	
}