/********** Start RESET **********
	AUTHOR: Osvaldas Valutis, www.osvaldas.info
*/



html, body, pre,abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,ul, ol, li, dl, dt, dd, tfoot, caption, applet, object, iframe, audio, video, canvas, article, aside, details, figcaption, figure, hgroup, menu, nav, section, summary {
	font-size: 100%;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;
}

.menu{z-index:999999;}

#nav {width: 100%; font-family: 'Titillium Web', sans-serif!important;font-weight: 600;position: relative;z-index: 999999;font-size:0.9em !important}
#nav > a {display: none;}
#nav li {position: relative;}
#nav li a {color: #fff;display: block;border-top: 1px solid #cc470d;border-bottom: 1px solid #cc470d;font-family: 'Titillium Web', sans-serif!important;}
#nav li a:active {background-color: #f49f20 !important}
#nav span:after {width: 0;height: 0;border: 0.313em solid transparent; border-bottom: none;border-top-color: #efa585;content: '';vertical-align: middle;display: inline-block;position: relative;right: -0.313em;}
/* first level */
#nav > ul {height: auto; /* 60 */background-color: #f49f20;z-index: 999999;}
#nav > ul > li {width: calc(100%/8);height: 100%;float: left;}
#nav > ul > li > a {height: 100%;	font-size: 1rem; /* 24 */	line-height: 2.5em; /* 60 (24) */	text-align: center;	padding-top:5px;padding-bottom:5px;}
#nav > ul > li:not( :last-child ) > a {border-right: 1px solid #cc470d;border-top: 1px solid #cc470d;}
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {background-color: #fcf5c5;color:#f49f20}

/* second level */
#nav li ul {display: none;margin-left:0px;padding-left:0px;background-color: #f49f20;position: absolute;top: 100%;}
#nav li:hover ul {display: block;left: 0;right: 0;}
#nav li:not( :first-child ):hover ul {left: -1px;}
#nav li ul a {font-size: 1rem; border-top:none;border-bottom: 1px solid #cc470d;padding: 0.75em;}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {background-color: #fcf5c5;color:#f49f20}

@media only screen and ( max-width: 62.5em ) /* 1000 */ {
#nav {width: 100%;position: static;margin: 0;}
}
@media only screen and ( max-width: 40em ) /* 640 */ {
html {font-size: 75%; /* 12 */}
#nav {position: relative;top: auto;	left: auto;}
#nav > a {width: 3.125em; /* 50 */height: 3.125em; /* 50 */text-align: left;text-indent: -9999px;background-color: #e15a1f;position: relative;}
#nav > a:before, #nav > a:after {position: absolute;border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';}
#nav > a:after {top: 60%;}
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {display: block;}
/* first level */
#nav > ul {height: auto;display: none;position: absolute;left: 0;right: 0;}
#nav:target > ul {display: block;}
#nav > ul > li {width: 100%;float: none;}
#nav > ul > li > a {height: auto;text-align: left;padding: 0 0.833em; /* 20 (24) */}
#nav > ul > li:not( :last-child ) > a {border-right: none;border-bottom: 1px solid #cc470d;}
/* second level */
#nav li ul {position: static;padding: 1.25em; /* 20 */padding-top: 0;}
}
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
#nav > ul > li > a {font-size: 0.6rem;}
#nav ul li ul li a{font-size: 0.6rem;}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
#nav > ul > li > a {font-size: 1em;}
#nav ul li ul li a{font-size: 1em;}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */