@charset "utf-8";
nav {width:100%; height:40px; max-width:1500px; margin:1px auto; margin-top:0px; margin-bottom:0px; padding:0px; z-index:1000; position:relative !important}
nav ul {margin:0px; margin-left:15px; padding:0px; border:0px;}
nav ul li {list-style:none; margin:0; display:inline; float:left;}
nav ul li a {width:auto; height:29px; font-size:16px; color:#666666; line-height:1; margin:0px; padding-left:14px; padding-right:14px; padding-top:11px; display:inline-block;
			 text-decoration:none; font-family:'Lato-Regular' !important; text-transform:uppercase; padding-bottom:0px;}
nav ul.menu li a:hover {color:#ffffff; background:#d9266a;}
nav > ul > li > ul {width:250px; height:auto; clear:left; top:0px; margin-top:38px; margin-left:-1px; display:none; border-bottom:1px solid #000000; border-left:1px solid #000000;
					border-right:1px solid #000000; background:#ffffff;position:absolute !important}
nav > ul > li:hover > ul {display:block;}
nav > ul > li > ul > li {clear:left;}
nav ul li ul li a.sub {width:242px; height:23px; font-size:14px; color:#666666; text-align:left; line-height:1; padding-left:8px; padding-right:0px; padding-top:9px; margin:0px; display:inline-block; text-decoration:none; 
				       text-transform:uppercase;}
nav ul li ul li a:hover.sub {background:#ededed; color:#000000;}
@media (max-width:1500px) {
nav {max-width:auto; margin:0px;}
nav ul {margin-left:3%;}
}
@media (max-width:1100px) {
nav {height:36px;}
nav ul li a {height:25px; font-size:14px;}
nav > ul > li > ul {width:230px; margin-top:34px; margin-left:0px;}
nav ul li ul li a.sub {width:222px; font-size:13px;}
}
@media screen and (min-width: 901px) {
nav ul.menu {max-height:20px;}
nav a#nav-m, nav a.close {display:none;}
}
@media screen and (max-width: 900px) {
nav {width:100%; left:0px; top:38px; z-index:100; padding-left:0px; background:transparent; z-index:1000; position:absolute !important}
nav ul {top:74px; background:#ffffff; width:100%; left:-100%; list-style-type:none; margin:0px; padding:0px; -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease;
		-o-transition:all 0.6s ease; transition:all 0.6s ease; height:1000px; position:absolute;}
nav ul li {list-style:none; margin:0; display:inline; float:none;}
nav ul li a {display:block; width:97%; color:#333333; height:auto; padding-left:3%; padding-right:0px; font-size:15px; margin:0px; padding-top:10px; padding-bottom:10px; display:inline-block;
			 border-top:0px;}
nav ul.menu li a:hover {color:#000000; background:#ededed;}
nav ul li a:hover {display:block; width:97%; height:auto; padding-left:3%; font-size:15px; margin:0px; padding-top:10px; padding-bottom:10px; display:inline-block;
			       color:#000000; background:#ededed; border:0px;}
nav > ul > li > ul {width:100%; height:auto; margin-top:0px; display:block; border-bottom:0px; border-left:0px; border-right:0px;
				    z-index:1000000; position:relative !important}
nav ul li ul li a.sub {width:95%; height:18px; font-size:15px; color:#333333; padding-left:105%; padding-top:12px; margin:0px; border:0px; display:block; background:transparent;}
nav ul.menu li a:hover {border-top:0px; border-bottom:0px}
nav a#nav-m, nav a.close {padding-right:3%; float:right;}
nav a#nav-m img, nav a.close img {width:50px; height:auto;}
nav > .close, nav a#nav-m:target {display:none;}
nav a:target ~ ul, nav a:target ~ .close {display:inline-block;}
nav a:target ~ .close {position:absolute; right:0px; margin-left:-40px;}
nav a:target ~ ul {left:0;}
}
@media (max-width:650px) {
nav {top:21px;}
nav ul {top:67px;}
}