@charset "UTF-8";
	
	.toggle::after,
	nav ul,
	nav ul ul li,
	nav ul ul ul li {
		position: relative
	}
	
	.toggle::after,
	a.drop-menu-parent:after,
	nav:after {
		content: ""
	}
	
	.container-menu,
	nav ul,
	nav ul li,
	nav ul ul li,
	nav ul ul ul li {
		font-family: 'Josefin Sans', sans-serif
	}
	
	nav a,
	nav li>a:hover:after {
		color: #fff
	}
.logo {
	position: relative;
	z-index: 11;
}
	.logo,
	nav ul,
	nav ul li {
		float: left
	}
	
	.toggle,
	[id^=drop],
	nav ul ul {
		display: none
	}
	
	.container-menu {
		width: 90%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
		max-width: 1140px
	}
	
	#main_nav {
		float: right;
		padding: 15px 0 0
	}
	
	#main_nav nav {
		/*! background-color: #0eb7c7 */
	}
	
	.toggle::after {
		width: 30px;
		height: 30px;
		background: url(../images/aro.png) 4px 15px no-repeat;
		top: 10px;
		right: 5px;
		display: inline-block
	}
	
a.drop-menu-parent:after {
    width: 20px;
    height: 20px;
    background: url(../images/aro.png) no-repeat;
    top: 12px;
    left: 5px;
    position: relative;
    display: inline-block;
}
	nav,
	nav ul {
		padding: 0;
		margin: 0
	}
	
	nav:after {
		display: table;
		clear: both
	}
	
	nav ul {
		list-style: none;
		z-index: 99
	}
	
	nav ul li {
		margin: 0;
		display: inline-block;
		line-height: 40px
	}
	
	nav a {
		font-weight: 700;
		display: block;
		padding: 0 10px;
		font-size: .8em;
		text-decoration: none;
		text-transform: uppercase
	}
	
	nav ul li a:hover,
	nav ul ul ul a {
		/*! background: #19c880; */
		color: #fff;
		text-decoration: none
	}
	
	nav ul li ul li a:hover {
		background: #02234a;
		color: #fff
	}
	
	nav ul ul {
		position: absolute;
		top: 100%;
		background: #02234a;
		width: 250px;
		border-top: 0;
		z-index: 99
	}
	
	nav ul ul li a {
		color: #fff;
		font-size: 14px;
		padding: 0px 15px
	}
	
	nav ul li:hover>ul {
		display: inherit
	}
	
	nav ul ul li {
		float: none;
		display: list-item;
		border-bottom: 1px dotted #02234a;
	}
	
	nav ul ul ul li {
		top: -60px;
		left: 170px
	}
	
	nav li>a:only-child:after {
		content: ''
	}
	
	@media screen and (max-width:768px) {
		nav ul ul,
		nav ul ul ul li {
			position: static
		}
		#main_nav {
			float: right;
			padding: 0;
			position: absolute;
			top: 18px;
			right: 0
		}
		.navbar-header {
			text-align: center;
			display: block;
			width: 200px;
			margin: 0 auto;
			padding-bottom: 0
		}
		nav {
			margin: 0;
			padding-bottom: 0
		}
		.menu
		 {
			display: none
		}
		.toggle+a {
			
			display: block;
			
		}
		.toggle {
			cursor: pointer;
			display: block;
			background-color: transparent;
			padding:0px;
			color: #fff;
			text-decoration: none;
			border: none;
			font-weight: 600;
			font-size: 14px;
			text-transform: uppercase
		}
		nav ul li,
		nav ul ul li {
			width: 100%;
			background: #003069
		}
		nav ul,
		nav ul ul {
			background: #02234a;
		}
		.toggle.menu {
			color: #fff;
			text-transform: capitalize;
			font-weight: 500;
			font-size: 43px;
			padding: 16px 25px 12px;
			text-align: left;
			display: inline-block;
			float: right;
			line-height: 25px;
		}
		[id^=drop]:checked+ul,
		nav ul li {
			display: block
		}
		nav ul ul li {
			border-color: #fff;
			border-top: 0
		}
		nav ul {
			margin: 3px 0 0
		}
		nav a {
			color: #fff;
			padding: 8px 20px
		}
		.toggle::after {
			color: #fff;
			float: right;
			top: 0px
		}
		.toggle.menu::after {
			content: none
		}
		nav ul li {
			border-top: 0px solid #003069;
			position: relative;
		}
		nav ul ul .toggle,
		nav ul ul a {
			padding: 0 40px
		}
		nav ul ul ul a {
			padding: 0 80px
		}
		nav ul ul li a {
			padding: 5px 10px 5px 40px;
			color: #FFF;
			font-size: 14px
		}
		nav ul ul {
			width: 100%;
			float: none;
			color: #fff
		}
		nav ul li:hover>ul,
		nav ul ul li:hover>ul {
			display: none
		}
		nav ul ul li {
			display: block
		}
		.navbar-brand {
			padding: 10px 0 0;
			height: auto
		}
		.head {
			padding: 0
		}
		nav ul li a:hover {
			background: #02234a;
			color: #fff
		}
		a.drop-menu-parent:after {
   display: none;
}
	}