#nav { height: 35px; position: absolute; top: 418px; width: 100%; z-index: 981; background: #CCC; }
#mainMenu { background: #ccc; }
ul.navigation { list-style: none; padding: 0 !important; }
ul.navigation li { float: left; text-align: center; position:relative }

ul.navigation li a { padding: 10px 54px; text-decoration:none !important; background: #ccc; color: #222; font-size: 12px; font-weight: normal; text-transform: uppercase; display:block; text-align: center; line-height:normal; }
ul.at li a { padding: 10px 56px;}
ul.navigation li:nth-last-of-type(1) a { padding: 10px 54px; }
ul.at li:nth-last-of-type(1) a { padding: 10px 56.5px; }

/* Firefox only. 1+ */
ul.navigation li a, x:-moz-any-link { padding: 10px 54.5px; }
ul.at li a, x:-moz-any-link  { padding: 10px 56px; }
ul.navigation li:nth-last-of-type(1) a, x:-moz-any-link { padding: 10px 55px; }
ul.at li:nth-last-of-type(1) a, x:-moz-any-link { padding: 10px 58px; }
ul.subnav, x:-moz-any-link {top: 35px;}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul.navigation li a { padding: 10px 54px; }
	ul.at li a { padding: 10px 56.5px; }
	ul.navigation li:nth-last-of-type(1) a { padding: 10px 54px; }
	ul.at li:nth-last-of-type(1) a { padding: 10px 58px; }
	.logo-block ul li { display: inline; margin-right: 16px!important; box-sizing:border-box; }
	
    /* Safari only override */
	::i-block-chrome, ul.navigation li a { padding: 10px 54.5px; }
	::i-block-chrome, ul.at li a { padding: 10px 56px; }
    ::i-block-chrome, ul.navigation li:nth-last-of-type(1) a { padding: 10px 57px;  }
	::i-block-chrome, ul.at li:nth-last-of-type(1) a { padding: 10px 58px;  }
	::i-block-chrome, ul.subnav {top: 35px;}
}

ul.navigation li a:hover, a.current {background: #2D4D7E !important; color: #FFF !important;}
ul.subnav { display: none; z-index:11111; position: absolute; top: 34px; left: 0; min-width: 195px; width: 100%; -webkit-box-shadow: 0px 2px 5px 0px rgba(70,70,70,0.5); -moz-box-shadow: 0px 2px 5px 0px rgba(70,70,70,0.5); box-shadow: 0px 2px 5px 0px rgba(70,70,70,0.5); list-style: none; padding: 0 !important; transition: all ease-in 0.5s }
ul.last { left: auto; right: 0 !important } 
a.parent:hover + .subnav, .subnav:hover { display: block }
a.parent::after { content:url(../img/icons/sort-down.png); padding-left: 10px; position:absolute}
.subnav:hover > a.parent::after { display: none }
nav > ul > li:hover > a.parent { color: #FFF; background: #2D4D7E } /*Keep hover state for parent li*/

ul.subnav li { float: none; border-bottom: 1px solid #ddd }
ul.subnav li a { font-size: 12px !important; text-transform:none; color: #222; background: #ddd; text-align:left }
ul.subnav li a:hover {background: #fff !important; color: #2D4D7E !important }
#nav.stick { position: fixed; top: 0; z-index: 999999; width: 100%; max-width: 1050px }
.menuText { display: none; }

@media all and (max-width: 1070px){
#nav {
	position: absolute;
    width: 100%;
	z-index: 999;
	top: 0;
	background: #2D4D7E;
	height: 50px !important
}
#nav li a {
	padding: 9px 0;
	color: #333;
	font-size: 14px;
	background: #FFF
}
ul.navigation li a:hover, a.current {background: #e8e3dc !important; color: #333 !important;}
#nav li a span {
	font-size: 32px;
}
#nav:not(:target ) > a:first-of-type, #nav:target > a:last-of-type {
	display: block;
	position: absolute;
	background-image: url('../img/icons/nav.png');
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	width: 100%;
	background-position: right;
}
/* first level */
 
#nav > ul {
	height: auto;
	display: none;
	position: relative;
	left: 0;
	right: 0;
	margin-top: 50px!important;
	width: 100%;
}
#nav:target > ul { display: block !important; }
#nav > ul > li {
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
	
	text-indent: 10px;
}
/* second level */
 
#nav li ul {
	position: relative!important;
	width: 100%;
}
ul.subnav { top: 0; box-shadow: none; display: block; }
ul.subnav li { border-bottom: 1px solid #eee }
	ul.subnav li a { text-align: center;  background: #fefefe !important; padding: 7px 0 }
	.parent { background: #eee !important }
	.parent::after { content: normal !important}
	.menuText { display: block; float:right; line-height: 50px; margin-right: 55px; color: #FFF }
}