/* Header nav */
body > header #nav {
	position:relative;
	top:0;
	width:100%;
	text-align:right;
}

#menu-trigger {
	display:none;
}


/* Global nav */

body > header nav img {
    display:block;
    margin:0 auto 15px auto;
}

body > header nav.target {
	padding:0;
    background-image:linear-gradient(#0b73bb, #085183);
    border-top:solid 1px #0b69a8;
    border-bottom:solid 1px #05426b;
}
body > header nav.target ul {
	display:flex;
	justify-content:space-between;
	padding:0 20px;
	list-style:none;
}
body > header nav.target ul li {
	border-left:solid 1px rgba(255,255,255,0.2);
    padding:0;
    background:#0b73bb;
	transition:0.2s;
	flex:1;
}
body > header nav.target ul li:last-child {
	border-right:solid 1px rgba(255,255,255,0.2);
}
body > header nav.target ul li a {
	display:block;
	padding:24px 10px 24px 10px;
	color:#fff;
	text-align:center;
    background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.3));
}
body > header .icon-nav nav.target ul li a {
    padding:12px 10px 12px 10px;
}
body > header nav.target ul li:hover {
	background:#B34A14;
}
body > header nav.target ul li.active {
	background:#291f87;
}
body > header nav.target ul li.double-line a {
	padding-top:12px;
}

body > header nav.ctg {
	padding:0;
	background:#eee;
}
body > header nav.ctg ul {
	display:flex;
	justify-content:space-between;
	padding:0 20px;
	list-style:none;
}
body > header nav.ctg ul li {
	border-left:solid 1px #ddd;
	transition:0.2s;
    padding:0;
	flex-grow:1;
}
body > header nav.ctg ul li:last-child {
	border-right:solid 1px #ddd;
}
body > header nav.ctg ul li a {
	display:block;
	padding:14px 10px 10px 10px;
	color:#000;
	text-align:center;
}
body > header nav.ctg ul li:hover {
	background:#B34A14;
}
body > header nav.ctg ul li.active {
	background:#ccc;
}
body > header nav.ctg ul li:hover a {
	color:#fff;
}

/* Local nav */

nav#local {
	background:#eee;
	padding:20px;
}
nav#local h1 {
	font-size:140%;
	padding:10px 0;
	margin:0;
	border-bottom:solid 1px #ccc;
}
nav#local h1 a {
	display:block;
	padding:10px;
	color:#005594;
}
nav#local h1 a:hover {
	background:#B34A14;
	color:#fff;
}
nav#local ul {
	list-style:none;
	margin:0;
	padding:0;
}
nav#local ul li {
	border-bottom:solid 1px rgba(0,0,0,0.1);
	color:#000;
	font-size:110%;
	transition:0.2s;
    padding:0;
    position:relative;
    line-height:1.3;
}
nav#local ul li.accordion > img {
	cursor:pointer;
    position:absolute;
    top:15px;
    right:10px;
    z-index:10;
    transition:0.4s;
}
nav#local ul li.open > img {
	transform: rotate(180deg);
}
nav#local ul li span {
	display:block;
	font-size:80%;
	color:#666;
	transition:0.2s;
}
nav#local ul ul li a:hover span {
	color:#fff;
}
nav#local ul li a {
	display:block;
	color:#000;
	padding:15px 40px 15px 10px;
}
nav#local ul li > a:hover {
    background-color:#B34A14;
	color:#fff;
}
nav#local ul li div {
    color:#000;
    padding:15px 40px 15px 10px;
}
nav#local ul ul {
	display:none;
	font-size:80%;
}
nav#local ul li.open ul {
    display:block;
}
nav#local ul ul li {
	border-top:solid 1px rgba(0,0,0,0.1);
	border-bottom:none;
}
nav#local ul ul li a {
    color:444;
    padding-left:20px;
}
nav#local ul ul li a.here {
    background:rgba(0,0,0,0.1);
}
nav#local ul ul li a:hover {
	background:#B34A14;
}

#nav-cover {
	background:rgba(0,0,0,0.4);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:400;
}

/** Media Query **/

@media only screen and (min-width : 1200px) {
	body > header nav.target,
	body > header nav.ctg {
		font-size:110%;
	}
}

@media only screen and (min-width : 1400px) {
	body > header nav.target,
	body > header nav.ctg {
		font-size:120%;
	}
}

@media only screen and (max-width : 768px) {
	body > header #nav {
		position:absolute;
		width:100%;
		z-index:800;
		display:none;
	}

	body > header section {
		position:absolute;
		width:100%;
		left:0;
		background:#fff;
		z-index:800;
	}

    body > header nav img {
        display:inline-block;
        margin:0 20px 0 -60px;
        width:40px;
    }

    body > header nav.target ul {
        padding:0;
    }
    body > header nav.target ul li a {
        text-align:left;
        padding:20px 20px 20px 80px !important;
    }
    body > header nav.ctg ul li a {
        text-align:left;
        padding:20px 20px 20px 80px;
    }

	body > header nav.target {
		background:#0b73bb;
	}
	body > header nav.target ul {
		display:block;
	}
	body > header nav.target ul li {
		border:none;
		border-bottom:solid 1px rgba(255,255,255,0.2);
	}
	body > header nav.target ul li:last-child {
		border:none;
	}
	body > header nav.target ul li:hover {
		background:#ff8a00;
	}
	body > header nav.target ul li.active {
		background:#291f87;
	}
	body > header nav.ctg ul {
		display:block;
        padding:0;
	}
	body > header nav.ctg ul li {
		border:none;
		border-bottom:solid 1px #ddd;
	}
	body > header nav.ctg ul li:last-child {
		border:none;
	}


	#menu-trigger {
		display:block;
		background:#291F87 url("../_img/nav/bg.png") bottom repeat-x;
		text-align:left;
		border-top:solid 1px rgba(0,0,0,0.1);
		border-bottom:solid 1px rgba(0,0,0,0.3);
		color:#fff;
		width:100%;
		cursor:pointer;
		position:relative;
		z-index: 1000;
	}
	#menu-trigger div {
		display:inline-block;
		padding:14px 0 14px 50px;
		position:relative;
		font-size:1.2em;
	}
	#menu-trigger span {
		position: absolute;
		left:15px;
		width: 20px;
		height: 2px;
		background-color: #fff;
		display: inline-block;
		transition: all .4s;
	}
	#menu-trigger span:nth-of-type(1) {
		top: 14px;
	}
	#menu-trigger span:nth-of-type(2) {
		top: 22px;
	}
	#menu-trigger span:nth-of-type(3) {
		bottom: 13px;
	}
	.open #menu-trigger span:nth-of-type(1) {
		transform: translateY(8px) rotate(-315deg);
	}
	.open #menu-trigger span:nth-of-type(2) {
		opacity: 0;
	}
	.open #menu-trigger span:nth-of-type(3) {
		transform: translateY(-8px) rotate(315deg);
	}
	.fix #menu-trigger {
	    position: fixed !important;
	    top: 0;
	    box-shadow:0 0 2px rgba(0,0,0,0.6);
	}
}

@media print {
	nav {
		display:none !important;
	}
}