@charset: "utf-8";

/* ================================================== */
.nav, nav, ul, li {
    white-space: nowrap;
    position: relative;
}
/* ================================================== */
.nav {
    grid-area: nav;
    position: relative;
    width: 85rem;
    max-width: 100%;
	background: transparent;
    display: flex;
    justify-content: space-between;
	flex-flow: row nowrap;
    align-items: flex-start;
    margin: 0 auto 2rem;
	padding: 0;
    border-radius: .85rem;
    z-index: 4;
}
.nav:after {
    float: none;
    clear: both;
}
.nav > ul, ul li, ul ul li, ul ul ul li,
ul li ul li, ul li ul li ul li, li, button {
    padding: .35rem;
	cursor: pointer;
	width: 6.5rem;
	height: 1.5rem;
	text-align: center;
	background: linear-gradient(#C8C8C8, #969696);
	color: #F00;
	border: 2px inset #C0F;
    z-index: 8;
}
.nav > ul:first-of-type {
    margin-left: 0;
}
.nav > ul:last-of-type {
    margin-right: 0;
}
.nav ul li {
	margin: 1rem auto 1rem  -.5rem;
	visibility: hidden;
	opacity: 0;
	transition: all ease-in-out 2s;
}
.nav ul li:hover, button:hover {
	border: 2px outset #FFF;
	transition: all ease-in-out 2s;
}
.nav ul:last-of-type li:nth-of-type(2) {
	margin-top: 0;
}
.nav > ul a:link, .nav li a:link,
.nav > ul a:visited, .nav li a:visited,
button a:link, button a:visited {
	background: transparent;
	font-size: 1.2rem;
	text-align: center;
	font-family: belligerent, serif;
	color: #F00;
	text-decoration: none;
	border: 0;
}
.nav > ul > li:first-of-type {
	margin-top: 1.5rem;
}
.nav > ul:hover li, .nav > ul li:hover {
	visibility: visible;
	opacity: 1;
	z-index: 2;
	transition: all ease-in-out .7s;
}
.nav ul li:hover a, .nav ul li a:hover, button a:hover {
	color: #FFF;
	font-family: black_jack, serif;
    font-weight: bolder;
    text-shadow: ipx 1px 1px #000, -1px -1px 1px #000, 2px 2px  1px #000, -2px -2px 1px #000;
	text-decoration: none;
}
/******************************************************/
.nav ul:first-child li:nth-of-type(2) + ul,
.nav ul:first-child li:nth-of-type(4) + ul,
.nav ul:first-child li:nth-of-type(6) + ul,
.nav ul:first-child li:nth-of-type(8) + ul,
.nav ul:first-child li:nth-of-type(10) + ul,
.nav ul:first-child li:nth-of-type(12) + ul,
.nav ul:first-child li:nth-of-type(14) + ul,
.nav ul:first-child li:last-of-type + ul {
	visibility: hidden;
	background: transparent;
	border: 0;
	padding: 0;
	margin-top: -3rem;
	margin-left: 10rem;
	display: flex;
    justify-content: space-between;
	flex-flow: row nowrap;
	align-items: center;
	height: 2rem;
	width: 67.85rem;
}
.nav ul:nth-of-type(3) li:nth-of-type(2) + ul,
.nav ul:nth-of-type(3) li:nth-of-type(4) + ul,
.nav ul:nth-of-type(3) li:nth-of-type(6) + ul,
.nav ul:nth-of-type(3) li:nth-of-type(8) + ul,
.nav ul:nth-of-type(3) li:nth-of-type(10) + ul,
.nav ul:nth-of-type(3) li:nth-of-type(12) + ul {
	visibility: hidden;
	background: transparent;
	border: 0;
	padding: 0;
	margin-top: -3rem;
	margin-left: 10rem;
	display: flex;
    justify-content: space-between;
	flex-flow: row nowrap;
	align-items: center;
	height: 2rem;
	width: 48.5rem;
}

.nav ul:nth-of-type(4) li:nth-of-type(2) + ul,
.nav ul:nth-of-type(4) li:nth-of-type(4) + ul,
.nav ul:nth-of-type(4) li:nth-of-type(6) + ul,
.nav ul:nth-of-type(4) li:nth-of-type(8) + ul,
.nav ul:nth-of-type(4) li:nth-of-type(10) + ul,
.nav ul:nth-of-type(4) li:nth-of-type(12) + ul,
.nav ul:nth-of-type(4) li:nth-of-type(14) + ul,
.nav ul:nth-of-type(4) li:nth-of-type(16) + ul {
	visibility: hidden;
	background: transparent;
	border: 0;
	padding: 0;
	margin-top: -3rem;
	margin-left: 10rem;
	display: flex;
    justify-content: space-between;
	flex-flow: row nowrap;
	align-items: center;
	height: 2rem;
    width: 38.5rem;
}
.nav ul:last-of-type li:first-of-type + ul.first,
.nav ul:last-of-type li:last-of-type + ul.last {
	visibility: hidden;;
	background: transparent;
	width: 67.8rem;
    border: 0;
	padding: 0;
	margin-top: -4rem;
	margin-left: -67.95rem;
	display: flex;
    justify-content: space-between;
	flex-flow: row nowrap;
	align-items: center;
}
.nav ul:nth-of-type(6) li:nth-of-type(2) + ul,
.nav ul:nth-of-type(6) li:nth-of-type(6) + ul,
.nav ul:nth-of-type(6) li:nth-of-type(10) + ul,
.nav ul:nth-of-type(6) li:nth-of-type(14) + ul {
	visibility: hidden;
	background: transparent;
	border: 0;
	padding: 0;
	margin-top: -3rem;
	margin-left: 10rem;
	display: flex;
    justify-content: space-between;
	flex-flow: row nowrap;
	align-items: center;
	height: 2rem;
    width: 19rem;
}
.nav ul:nth-of-type(7) li:nth-of-type(2) + ul,
.nav ul:nth-of-type(7) li:nth-of-type(8) + ul,
.nav ul:nth-of-type(7) li:nth-of-type(10) + ul {
	visibility: hidden;
	background: transparent;
    width: 6.5rem;
	border: 0;
	padding: 0;
	margin-top: -3rem;
	margin-left: 10rem;
	display: flex;
    justify-content: flex-end;
	flex-flow: row nowrap;
	align-items: center;
	height: 1.5rem;
}
/**************************************************************/
/**************************************************************/
.nav ul:first-child li:nth-of-type(12) ~ ul li:nth-of-type(2),
.nav ul:nth-of-type(3) li:nth-of-type(11) ~ ul li:nth-of-type(2),
.nav ul:nth-of-type(4) li:nth-of-type(16) ~ ul li:nth-of-type(2),
.nav ul:nth-of-type(6) li:nth-of-type(14) ~ ul li:nth-of-type(2),
.nav ul:last-child li:nth-of-type(1) ~ ul li:nth-of-type(2) {
    margin-top: 1rem;
}
.nav ul:first-child li:nth-of-type(2) + ul li,
.nav ul:first-child li:nth-of-type(2) ~ ul li,
.nav ul:first-child li:nth-of-type(4) ~ ul li,
.nav ul:first-child li:nth-of-type(6) + ul li,
.nav ul:first-child li:nth-of-type(8) ~ ul li,
.nav ul:first-child li:nth-of-type(10) ~ ul li,
.nav ul:first-child li:nth-of-type(4) + ul li,
.nav ul:first-child li:nth-of-type(12) ~ ul li,
.nav ul:first-child li:nth-of-type(14) ~ ul li,
.nav ul:first-child li:last-of-type + ul li,
.nav ul:first-child li:last-of-type ~ ul li,
.nav ul:nth-of-type(3) li:nth-of-type(2) + ul li,
.nav ul:nth-of-type(3) li:nth-of-type(4) + ul li,
.nav ul:nth-of-type(3) li:nth-of-type(6) + ul li,
.nav ul:nth-of-type(3) li:nth-of-type(8) + ul li,
.nav ul:nth-of-type(3) li:nth-of-type(10) + ul li,
.nav ul:nth-of-type(3) li:nth-of-type(12) + ul li,
.nav ul:nth-of-type(4) li:nth-of-type(2) + ul li,
.nav ul:nth-of-type(4) li:nth-of-type(4) + ul li,
.nav ul:nth-of-type(4) li:nth-of-type(6) + ul li,
.nav ul:nth-of-type(4) li:nth-of-type(8) + ul li,
.nav ul:nth-of-type(4) li:nth-of-type(10) + ul li,
.nav ul:nth-of-type(4) li:nth-of-type(12) + ul li,
.nav ul:nth-of-type(4) li:nth-of-type(14) + ul li,
.nav ul:nth-of-type(4) li:nth-of-type(16) + ul li,
.nav ul:last-of-type li:first-of-type ~ ul.first li,
.nav ul:last-of-type li:last-of-type ~ ul.last li,
.nav ul:nth-of-type(6) li:nth-of-type(2) + ul li,
.nav ul:nth-of-type(6) li:nth-of-type(2) ~ ul li,
.nav ul:nth-of-type(6) li:nth-of-type(6) + ul li,
.nav ul:nth-of-type(6) li:nth-of-type(6) ~ ul li,
.nav ul:nth-of-type(6) li:nth-of-type(10) + ul li,
.nav ul:nth-of-type(6) li:nth-of-type(10) ~ ul li,
.nav ul:nth-of-type(6) li:nth-of-type(14) + ul li,
.nav ul:nth-of-type(6) li:nth-of-type(14) ~ ul li,
.nav ul:nth-of-type(7) li:nth-of-type(2) + ul li,
.nav ul:nth-of-type(7) li:nth-of-type(2) ~ ul li,
.nav ul:nth-of-type(7) li:nth-of-type(8) + ul li,
.nav ul:nth-of-type(7) li:nth-of-type(8) ~ ul li,
.nav ul:nth-of-type(7) li:nth-of-type(10) + ul li,
.nav ul:nth-of-type(7) li:nth-of-type(10) ~ ul li,
.nav ul:first-of-type li:nth-of-type(12) + ul li:first-of-type + ul li {
	visibility: hidden;
    opacity: 0;
	transition: all ease-in-out 0.7s;
}
.nav ul:first-child li:nth-of-type(2):hover + ul li,
.nav ul:first-child li:nth-of-type(2) + ul:hover li,
.nav ul:first-child li:nth-of-type(4):hover + ul li,
.nav ul:first-child li:nth-of-type(4) + ul:hover li,
.nav ul:first-child li:nth-of-type(6):hover + ul li,
.nav ul:first-child li:nth-of-type(6) + ul:hover li,
.nav ul:first-child li:nth-of-type(8):hover + ul li,
.nav ul:first-child li:nth-of-type(8) + ul:hover li,
.nav ul:first-child li:nth-of-type(10):hover + ul li,
.nav ul:first-child li:nth-of-type(10) + ul:hover li,
.nav ul:first-child li:nth-of-type(12):hover + ul li,
.nav ul:first-child li:nth-of-type(12) + ul:hover li,
.nav ul:first-child li:nth-of-type(14):hover + ul li,
.nav ul:first-child li:nth-of-type(14) + ul:hover li,
.nav ul:first-child li:last-of-type:hover + ul li,
.nav ul:first-child li:last-of-type + ul:hover li,
.nav ul:nth-of-type(3) li:nth-of-type(2):hover + ul li,
.nav ul:nth-of-type(3) li:nth-of-type(2) + ul:hover li,
.nav ul:nth-of-type(3) li:nth-of-type(4):hover + ul li,
.nav ul:nth-of-type(3) li:nth-of-type(4) + ul:hover li,
.nav ul:nth-of-type(3) li:nth-of-type(6):hover + ul li,
.nav ul:nth-of-type(3) li:nth-of-type(6) + ul:hover li,
.nav ul:nth-of-type(3) li:nth-of-type(8):hover + ul li,
.nav ul:nth-of-type(3) li:nth-of-type(8) + ul:hover li,
.nav ul:nth-of-type(3) li:nth-of-type(10):hover + ul li,
.nav ul:nth-of-type(3) li:nth-of-type(10) + ul:hover li,
.nav ul:nth-of-type(3) li:nth-of-type(12):hover + ul li,
.nav ul:nth-of-type(3) li:nth-of-type(12) + ul:hover li,
.nav ul:nth-of-type(4) li:nth-of-type(2):hover + ul li,
.nav ul:nth-of-type(4) li:nth-of-type(2) + ul:hover li,
.nav ul:nth-of-type(4) li:nth-of-type(4):hover + ul li,
.nav ul:nth-of-type(4) li:nth-of-type(4) + ul:hover li,
.nav ul:nth-of-type(4) li:nth-of-type(6):hover + ul li,
.nav ul:nth-of-type(4) li:nth-of-type(6) + ul:hover li,
.nav ul:nth-of-type(4) li:nth-of-type(8):hover + ul li,
.nav ul:nth-of-type(4) li:nth-of-type(8) + ul:hover li,
.nav ul:nth-of-type(4) li:nth-of-type(10):hover + ul li,
.nav ul:nth-of-type(4) li:nth-of-type(10) + ul:hover li,
.nav ul:nth-of-type(4) li:nth-of-type(12):hover + ul li,
.nav ul:nth-of-type(4) li:nth-of-type(12) + ul:hover li,
.nav ul:nth-of-type(4) li:nth-of-type(14):hover + ul li,
.nav ul:nth-of-type(4) li:nth-of-type(14) + ul:hover li,
.nav ul:nth-of-type(4) li:nth-of-type(16):hover + ul li,
.nav ul:nth-of-type(4) li:nth-of-type(16) + ul:hover li,
.nav ul:nth-of-type(6) li:nth-of-type(2):hover + ul li,
.nav ul:nth-of-type(6) li:nth-of-type(2) + ul:hover li,
.nav ul:nth-of-type(6) li:nth-of-type(6):hover + ul li,
.nav ul:nth-of-type(6) li:nth-of-type(6) + ul:hover li,
.nav ul:nth-of-type(6) li:nth-of-type(10):hover + ul li,
.nav ul:nth-of-type(6) li:nth-of-type(10) + ul:hover li,
.nav ul:nth-of-type(6) li:nth-of-type(14):hover + ul li,
.nav ul:nth-of-type(6) li:nth-of-type(14) + ul:hover li,
.nav ul:nth-of-type(7) li:nth-of-type(2):hover + ul li,
.nav ul:nth-of-type(7) li:nth-of-type(8):hover + ul li,
.nav ul:nth-of-type(7) li:nth-of-type(10):hover + ul li,
.nav ul:nth-of-type(7) li:nth-of-type(2) + ul:hover li,
.nav ul:nth-of-type(7) li:nth-of-type(8) + ul:hover li,
.nav ul:nth-of-type(7) li:nth-of-type(10) + ul:hover li,
.nav > ul > ul:hover li, .nav ul li ul:hover li,
.nav ul li ul li:hover, .nav ul ul ul:hover li {
	visibility: visible;
    opacity: 1;
}
.nav ul:last-of-type li:first-of-type:hover ~ ul.first li,
.nav ul:last-of-type li:first-of-type ~ ul:hover li,
.nav ul:last-of-type li:first-of-type ~ ul.first li:hover {
	visibility: visible;
    opacity: 1;
	transition: all ease-in-out 0.7s;
}
.nav ul:last-of-type li:last-of-type:hover ~ ul.last li,
.nav ul:last-of-type li:last-of-type ~ ul:hover li {
	visibility: visible;
    opacity: 1;
}
.nav ul li + ul li:last-of-type:hover,
.nav ul:nth-of-type(3) li:nth-of-type(12) + ul li:last-of-type:hover {
	background: radial-gradient(#0FC, #296);
	color: #DC0;
}
/****************************************************************  1200  ****************************************************/