.main-navigation {
	display: none;
	clear: none;
}


@media (min-width: 993px) {

	.main-navigation{
		display: block;
		margin-top: 0px;
		clear: none;
		float: left;
	}

	.main-navigation .menu-main-menu-container{
		float: right; 
	}

	.main-navigation ul {
		list-style: none; margin: 0; padding-left: 0; 
	}
#masthead.with_bg .main-navigation ul {
		margin-top: 5px;
	}

	.main-navigation ul li {
		float: left;
		position: relative;
	}

	.main-navigation ul li a{
		display: block; 
		/*padding: 32px 12px 26px;*/
		text-transform: uppercase; 
		font-size: 12px;
		/*border-bottom: solid 2px #FFF;*/
		padding: 5px 14px 5px 14px;
	}

	.main-navigation ul li.current-menu-ancestor > a,
	.main-navigation ul li.current-menu-item > a,
	.main-navigation ul li a:hover{
		color: #E24301; border-bottom: solid 2px #E24301; text-decoration:none;
	}

	.main-navigation ul ul ul li.current-menu-ancestor > a,
	.main-navigation ul ul ul li.current-menu-item > a,
	.main-navigation ul ul ul li a:hover{
		color: #1f7dac !important;
    	border-bottom: 2px #FFF solid !important;
	}

	#masthead.with_bg .main-navigation #primary-menu li a{
		padding: 11px 17px 11px;
	}
	#masthead.with_bg .main-navigation #primary-menu ul li a{
		padding: 12px 15px; font-size: 13px;
	}

	.main-navigation ul ul {
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		float: left;
		position: absolute;
		top: 100%;
		z-index: 99999;
		display: none;
		background: #EDEDED;
		border-radius: 3px;
	}


	.main-navigation ul ul ul {
		left: 100%;
		top: 0;
	}

	.main-navigation ul ul a {
		width: 250px;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: auto;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
	}

	.main-navigation ul li:nth-last-child(2) ul ul,
	.main-navigation ul li:last-child ul ul {
	    right: 100%;
	    left: auto;
	}
	

}

@media (min-width: 1050px) {
	.main-navigation ul li a{
		padding: 26px 12px 26px;
		font-size: 13px;
	}
	.main-navigation ul ul li a{
		padding: 12px 15px;
		font-size: 14px;
	}
}

@media (min-width: 1200px) {
	.main-navigation ul li a{
		padding: 5px 10px 5px;
		font-size: 14px;
	}
	.main-navigation > ul > li > a{
		margin: 12px 0px 12px 0px;
	}
	.main-navigation ul ul li a{
		padding: 12px 15px;
		font-size: 14px;
	}
}




/* =============================================
small screen menu
============================================= */
a.mobile-menu-toggle{
	display: block;
	width: 60px;
    padding: 10px 10px;
    margin: 15px 5px 0;

    float: right;

}

#masthead.with_bg a.mobile-menu-toggle{
	margin: 0px 5px 0;
}

@media (min-width: 993px) {
	a.mobile-menu-toggle{
		display: none;
	}
}

a.mobile-menu-toggle .line {
    display: block;
    height: 4px;
    background: #004E7D;
    margin: 5px 0;
}
a.mobile-menu-toggle:hover .line{
	background: #DF4300;
}

a.close-mobile-menu-btn{
	display: block; padding: 15px; background: #000;
	color: #FFF; font-size: 12px; text-transform: uppercase;
}

.mobile-main-navigation{
    position: fixed;
    width: 300px;
    height: 100%;
    overflow-y: scroll;
    z-index: 999999;
	top: 0px;
    right: -350px;
    
    background: #eee; color: #444;
    box-shadow: -2px 1px 20px #000;
    padding: 10px;
    margin: 0px;

    font-family: 'Poppins', sans-serif;
}

.mobile-main-navigation ul{
	margin: 0px; padding: 0px; list-style: none;
}

.mobile-main-navigation ul li{
	display: block; margin: 0px; padding: 0px;
}

.mobile-main-navigation ul li a{
	color: #444; display: block;
	padding: 8px 5px; border-bottom: solid 1px #CCC;
	text-transform: uppercase; font-size: 15px;
}

.mobile-main-navigation ul li a:hover{
	color: #005299; background: #CCC;
}

.mobile-main-navigation ul ul li a{
	padding-left: 30px;
}

.mobile-main-navigation ul ul ul li a{
	padding-left: 60px;
}

@media (max-width: 767px) {
	#masthead a.mobile-menu-toggle{
		margin: 8px 5px 0;
	}
}

@media (max-width: 555px) {
	a.mobile-menu-toggle{
		margin-top: 5px;
		width: 50px;
	}

}