/* * {margin: 0;padding: 0;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:after, *:before { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} */
* {margin: 0;padding: 0;outline: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {  display: block;}
html {font-size: 100%;height: auto !important;height: 100%;}
.clear {display: block;	}
.clear::after {clear: both;content: ".";display: block;height: 1px;visibility: hidden;}
img {border:0;}
/*GENERIC STYLES*/
body { background: #f2f2f2;color: #222;font-size: 1.05em;font-weight: 400;height: auto !important;height: 100%;line-height: 1.6rem;min-height: 100%;}
@media only screen and (min-width : 720px) {
/*NAV*/
	header {
		background: linear-gradient(to right,rgba(0,87,119,0.96) 0,rgba(0,70,54,0.96) 100%);
		border-bottom: 1px solid rgba(0,0,0,.1);
		box-shadow: 0 1px 2px 0 rgba(0,0,0,.5);
		display: block;
		/*position: fixed;*/
		width: 100%;
		z-index: 100;
	}
	
	header > nav > ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		list-style: none;
		margin: 0;
		padding: 0;

	}
	
		header > nav > ul > li {
			/*flex: 0 1 auto;*/
			margin: 0;
			padding: 0;
			position: relative;
			transition: all linear 0.1s;

		}
		
			header > nav > ul > li:hover {
				background: rgba(0,0,0,0.5);
			}
			/* submenu block */
			header > nav > ul > li a + div {
				background: linear-gradient(to bottom,rgba(0,70,54,1) 0,rgba(0,87,119,0.96) 100%);
				border-radius: 0 0 4px 4px;
				box-shadow: 0 3px 1px rgba(0,0,0,.05);
				display: none;
				font-size: 1rem;
				position: absolute;
				width: 195px;
				z-index: 200;

			}
			
				header > nav > ul > li:hover a + div {
					display: block;
				}
				
				header > nav > ul > li a + div > ul {
					list-style-type: none;	
				}
				
					header > nav > ul > li a + div > ul > li {
						margin: 0;
						padding: 0;
						border-bottom:rgba(0,0,0,.3) solid 1px;
					}
					
						header > nav > ul > li a + div > ul > li > a {
							color: rgba(255,255,255,.9);
							display: block;	
							font-size: .75rem;
							letter-spacing: 1.5px;
							padding: .25rem .9rem;
							text-decoration: none;
							text-transform: uppercase;
						}
						
							header > nav > ul > li a + div > ul > li:hover > a {
								background-color: rgba(0,0,0,.4);	
							}
	
			header > nav > ul > li > a {
				align-items: flex-start;
				color: #fff;
				display: flex;
				font-size: 1.65rem;
				font-weight: 200;
				letter-spacing: 1px;
/*				max-width: 130px;*/
				padding: 0.7rem 0.9rem;
				text-decoration: none;
				text-shadow: 0 1px 1px rgba(0,0,0,.1);
				transition: all linear 0.1s;
			}
			
				header > nav > ul > li > a > div > span {
					color: rgba(255,255,255,.75);
					display: block;
					font-size: .8rem;	
					font-style: italic;
					line-height: 1rem;
					max-width: 260px;
				}
	li.active  {
	    background-color: rgba(0,0,5,.25);
	}
	li.active > a {
	    color: #f9f9a0;
	}

	.arrowtosubmenu {
		display:inline;
		float:right;
		width: 20px;
		height: 20px;
		background:  url(/gdf_dev/images/arrow_button_small.png) center;
		border:0;
	}
}
@media only screen and (min-width : 1000px) and (max-width : 1110px) {
	header > nav > ul > li > a {
		padding: 0.4rem 0.5rem;
	}
}
@media only screen and (min-width : 720px) and (max-width : 1000px) {
	header > nav > ul > li > a {
		padding: 0.1rem 0.3rem;
		font-size: 1.2rem;
	}
}
@media only screen and (max-width : 719px) {

	header > nav > ul {
		display: none;
		list-style: none;
		z-index: 199;
	}
	header > nav > #menu-icon {
		display:inline-block;
	}

	header > nav > ul > li {
	display: inline-block;
	float: left;
	padding: 10px;
	}
	nav ul, nav:active ul { 

		display: none;
		position: absolute;
		padding: 10px;
		background: rgba(255,255,250,.9);
		border: 5px solid #444;
		right: 20px;
		top: 50px;
		width: 50%;
		border-radius: 4px 0 4px 4px;
	}

	nav li {

		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;

	}

	nav:hover ul {

		/*display: block;*/

	}
	
		header > nav > ul > li > a {
		font-size: 1.3rem;
	}

			header > nav > ul > li:hover {
				background: rgba(0,0,0,0.5);
			}
			/* submenu block */
			header > nav > ul > li a + div {
				background: linear-gradient(to bottom,rgba(0,70,54,1) 0,rgba(0,87,119,0.96) 100%);;
				border-radius: 0 0 4px 4px;
				box-shadow: 0 3px 1px rgba(0,0,0,.05);
				display: none;
				font-size: 1rem;
				position: relative;
				width: 400px;
				top:-50px;
				left:-260px;
				z-index: 200;

			}
			
				header > nav > ul > li:hover a + div {
					display: block;
				}
				
				header > nav > ul > li a + div > ul {
					list-style-type: none;	
				}
				
					header > nav > ul > li a + div > ul > li {
						margin: 0;
						padding: 0;
						border-bottom:rgba(0,0,0,.3) solid 1px;
					}
					
						header > nav > ul > li a + div > ul > li > a {
							color: rgba(0,0,0,.9);
							display: block;	
							font-size: .75rem;
							letter-spacing: 0.1em;
							padding: .25rem .9rem;
							text-decoration: none;
							text-transform: uppercase;
						}
						
							header > nav > ul > li a + div > ul > li:hover > a {
								background-color: rgba(0,0,0,.4);	
							}
	
				header > nav > ul > li > a > div > span {
					display: none;
				}
			header > nav > ul > li > a {
				color: rgba(0,0,0,.9);
			}
	li.active > a {
	    background-color: rgba(255,0,0,.75);
		background: #006;
	    color: #000066;
		font-weight:bold;
	}

	.pc-menu {
		display:none;
	}
	.mobile-menu {
		display:inline;
	}
	.arrowtosubmenu {
		display:inline;
		float:right;
		width: 20px;
		height: 20px;
		background:  url(/gdf_dev/images/arrow_button.png) center;
		border:0;

	}
	li #s1:target + ul.subs,
    li #s2:target + ul.subs {
        display: block;
    }
	#s1:target{
        display: block;
    }

}