@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */
 
#nav-wrap {
	margin-top: 0px;
	float:right;
}
/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}
ul#nav {
	padding:0px 10px 0px 18px;
	margin:0px;
	width:100%;
}
#nav li {
	margin: 0;
	padding: 0;
}
#nav li {
	list-style: none;
	float: left;
	line-height: 25px;
	padding:0px;
	margin:0px;
}
#nav li a.logo {
	margin:0px;
	padding:0px;
	height:114px;
}
#nav li:last-child, #nav li.last {
	border:none;
}
/* nav link */
#nav a {
	display: block;
	font-size: 18px;
	line-height: 25px;
	font-family: Calibri, 'CalibriRegular', Arial;
	color: #292929;
	text-decoration:none;
	/*text-transform:uppercase;*/
    padding:23px 8px 27px 8px;
	white-space:nowrap;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#nav a:hover {
	color: #e46b01;
}
#nav li:hover>a {
	color: #e46b01;
}
#nav .active>a {
	color: #e46b01;
}
/* nav dropdown */
#nav ul {
	background: #fff;
	border:1px solid #ec1414;
	padding: 0px 0px;
	z-index:9999;
	position: absolute;
	display: none; /* hide dropdown */
}
#nav ul li {
	float: none;
	margin: 0px;
	padding: 0px;
	border-right: none;
	border-bottom:1px dashed #ccc;
}
#nav li:hover > ul {
	display: block; /* show dropdown on hover */
	float:left;
}
#nav li li a {
	display: block;
	font-size: 13px;
	font-family: Calibri, 'CalibriRegular',  Arial;
	color: #5a5b5b;
	text-decoration:none;
	text-transform: none;
	padding: 5px 20px;
	margin:0px;
	line-height:20px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: none;
}
#nav li li a:hover {
	background: #eaeaea;
	color: #292929;
}
#nav a:hover {
	background-color: #ec1414;
	color: #fff;
}
#nav li:hover>a {
	background-color: #ec1414;
	color: #fff;
}
#nav .active>a {
	background-color: #ec1414;
	color: #fff;
}
.navlast {
	right:15px;
}
 @media only screen and ( min-width: 768px) and ( max-width: 979px) {
ul#nav {
	padding:0px 10px 0px 0px;
	margin:0px;
	width:100%;
	border:1px solid #CCCCCC;
}
/* nav-wrap */
	#nav-wrap {
	position: relative;
	display:block;
	padding: 0px;
	margin:0px auto;
	float:right;
	background:none;
	width:50%;
	margin-top:4%;
}
/* menu icon */
	#menu-icon {
	color: #333;
	height: 35px;
	line-height:35px;
	background:url(../images/menu-icon.png) no-repeat right;
	background-size:20px;
	padding: 0px 30px 0px 0px;
	margin-right:10px!important;
	width:13%;
	margin:0 auto;
	cursor: pointer;
	display: block; /* show menu icon */
	float:right;
	text-align:left;
	font-size:18px;
}
#menu-icon:hover {
	background:url(../images/menu-icon.png) no-repeat right;
	background-size:20px;
}
#menu-icon.active {
	background:url(../images/menu-icon.png) no-repeat right;
	background-size:20px;
}
/* main nav */
	#nav {
	clear: both;
	top: 35px;
	width:95%;
	position:absolute;
	z-index: 10000;
	background: #fff;
	display: none; /* visibility will be toggled with jquery */
	text-align:left;
	padding-bottom:10px;
}
#nav ul {
	padding:0px;
	margin:0px;
}
#nav ul ul {
	padding:0px;
	margin:0px;
}
#nav li {
	clear: both;
	float: none;
	margin: 0px 0 0px 2%;
	padding:0px;
	line-height:25px;
	width:98%;
	border-right: none;
	border-bottom: 1px dashed #ccc;
	background:none;
}
#nav a,  #nav ul a {
	text-transform:uppercase;
	font-size:12px;
	background: none;
	display: block;
	padding: 5px 5px;
	margin:0px;
	line-height:25px;
	color: #333;
	font-size:15px;
	width:100%;
	text-align:left;
}
#nav a:hover,  #nav ul a:hover {
	background: none;
	color: #cd6000;
}
#nav a:hover {
	background:none;
	color: #cd6000;
}
#nav a {
	text-decoration:none;
	text-transform:uppercase;
	color:#666;
	display:block;
	padding:2% 0%;
	width:96%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#nav li:hover>a {
	color: #0e76bc;
	background:none;
}
#nav .active>a {
	color: #cd6000;
	background:none;
}
/* nav dropdown */
#nav ul {
	background: none;
	padding: 0px;
	margin:0px;
	position: absolute;
	display: none; /* hide dropdown */
	width: auto;
}
#nav ul li {
	margin: 0px;
	padding: 0px;
}
#nav li:hover > ul {
	/* hide dropdown */
    position: static;
	width:94%;
}
#nav li:hover > ul li a {
	margin:0px;
	padding:5px 10px 5px 10px;
}
#nav li:hover > ul li a:hover {
	margin:0px;
	background:none;
	color:#000;
}
.hide-menu {
	display:none
}
.hide {
	display:none;
}
#nav .active>a {
	background: none;
	color: #fff;
}
#nav li:hover>a {
	background: none;
	color: #fff;
}
/*
#nav, 
#nav li {
	margin: 0;
	padding: 0;  
}
#nav li {
	list-style: none;
	float: left;
	line-height: 25px;
	padding:0px;
	margin:0px;
	_border-right: 1px dashed #fff;
}

#nav li:last-child, #nav li.last { border:none;}
*/
/* nav link */
/*#nav a {
    display: block;
    font-size: 14px;
    line-height: 25px;
    font-family: CalibriRegular, Calibri,  Arial;
    color: #333;
    text-decoration:none;   
    text-transform:uppercase;
    padding:22px 5px 5px 5px;
    white-space:nowrap;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}*/
}
/************************************************************************************
MOBILE
*************************************************************************************/

@media only screen and ( min-width: 240px) and ( max-width: 767px ) {
ul#nav {
	padding:0px 0px 0px 0px;
	margin:0px;
	width:99%;
	border:1px solid #ccc;
	box-shadow:0px 2px 5px 2px;
}
/* nav-wrap */
	#nav-wrap {
	position: relative;
	display:block;
	padding: 0px;
	margin:0px auto;
	float:none;
	background:#0e76bc;
	width:100%;
}
/* menu icon */
	#menu-icon {
	color: #333;
	height: 35px;
	line-height:35px;
	background:url(../images/menu-icon-2.png) no-repeat right;
	padding: 0px 0px 0px 0px;
	margin:0px;
	width:96%;
	margin:0 auto;
	cursor: pointer;
	display: block; /* show menu icon */
	float:none;
	text-align:left;
	color:#fff;
	font-size:15px;
}
#menu-icon:hover {
	background:url(../images/menu-icon-2.png) no-repeat right;
}
#menu-icon.active {
	background:url(../images/menu-icon-2.png) no-repeat right;
}
/* main nav */
	#nav {
	clear: both;
	top: 35px;
	width:95%;
	position:absolute;
	z-index: 10000;
	background: #fff;
	display: none; /* visibility will be toggled with jquery */
	text-align:left;
	padding-bottom:10px;
}
#nav ul {
	padding:0px;
	margin:0px;
	border:none
}
#nav ul ul {
	padding:0px;
	margin:0px;
}
#nav li {
	clear: both;
	float: none;
	margin: 0px 0 0px 2%;
	padding:0px;
	line-height:25px;
	width:98%;
	border-right: none;
	border-bottom: 1px dashed #ccc;
}
#nav a,  #nav ul a {
	text-transform:uppercase;
	font-size:12px;
	background: none;
	display: block;
	padding: 5px 5px;
	margin:0px;
	line-height:25px;
	color: #333;
	font-size:15px;
	width:100%;
	text-align:left;
}
#nav a:hover,  #nav ul a:hover {
	background: none;
	color: #cd6000;
}
#nav a:hover {
	color: #cd6000;
}
#nav a {
	text-decoration:none;
	text-transform:uppercase;
	color:#666;
	display:block;
	padding:2% 0%;
	width:96%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#nav li:hover>a {
	color: #666;
	background:none;
}
#nav .active>a {
	color: #666;
	background:none;
}
/* nav dropdown */
#nav ul {
	background: none;
	padding: 0px;
	margin:0px;
	position: absolute;
	display: none; /* hide dropdown */
	width: auto;
}
#nav ul li {
	margin: 0px;
	padding: 0px;
	border-bottom:none;
}
#nav li:hover > ul {
	/* hide dropdown */
    position: static;
	width:94%;
}
#nav li:hover > ul li a {
	margin:0px;
	padding:5px 10px 5px 10px;
}
#nav li:hover > ul li a:hover {
	margin:0px;
	background:none;
	color:#0e76bc;
}
.hide-menu {
	display:none
}
#nav li:hover>a {
	background:none;
	color: #666;
}
}
 @media screen and (min-width: 980px) {
/* ensure #nav is visible on desktop version */
	#nav {
	display: block!important;
}
}