/* Clearfix */
.clearfix:before,.clearfix:after { content: " "; display:table;}
.clearfix:after {clear:both;}
.clearfix { *zoom:1;}

nav {display:block;	background: none; font-size:13px;position: relative; text-align:right; margin-bottom:10px;z-index:10;}
nav ul{display:inline-block;padding:0px;margin:0px ;width:100%;	text-align:right;}
nav ul li {	display:inline-block;position:relative;}
nav a {font-family:Swiss_721_Light_BT;color:#cccccc;display:inline-block;padding:5px 30px 5px 5px; text-align:center;margin-bottom:0px;text-decoration:none;line-height:normal; margin-right:40px; text-transform:uppercase;}
nav a:hover{color:#ffffff;}
nav a.active{color:#ffffff;font-size:15px;font-weight:bold;}
nav a#pull {display:none;}

/* Last Link */
nav a.lastlink{padding:5px 0px 5px 5px; margin-right:0px;}

#nav li ul {background-color:rgba(0,0,0,0.8); color:#FFF;padding: 0px; padding-top:0px; padding-bottom:0px;position: absolute; left:0px;display: none; /* hide dropdown */width:200px;z-index:2;}
/*#nav li:last-of-type ul { left:-112px !important;}*/
#nav ul li {float: none;margin: 0;padding: 0; width: 100%;text-align:left;}
/*#nav ul li:last-child {border-bottom: 0px;}*/
#nav li ul li a{color:#FFFFFF;padding: 5px 5px 5px 5px;text-align:left; margin:0px; border-bottom:none;}
#nav li ul li a:hover{text-decoration:none;border-radius:0px; color:#FFF; background-color: #D6762A; width:100%;}
#nav li ul li:hover{text-decoration:none;border-radius:0px; color:#FFF; background-color: #D6762A; width:100%;}
#nav li ul li:hover a{text-decoration:none;border-radius:0px; color:#FFF; background-color: #D6762A; width:100%;}
#nav li:hover > ul {display: block ; /* show dropdown on hover */}
#nav li:hover > a {color:#ffffff;}
/*dropdown on hover bg */ 
.arrow_box {position: relative;	background: #ffffff;border: none; border-radius:0px;}
.arrow_box:after, .arrow_box:before {bottom: 100%;left: 30%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
/*.arrow_box:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 9px; margin-left: -37px;}
.arrow_box:before {border-color: rgba(156, 156, 156, 0);border-bottom-color: #9c9c9c;border-width: 9px; margin-left: -37px;}*/

#nav li:last-of-type .arrow_box:after,#nav li:last-of-type .arrow_box:before {left: 92%;}

@media screen and (max-width: 1024px) 
{
    nav {margin-right:0px;}
    nav a {margin-right:8px;}	    
}

@media screen and (max-width: 899px) 
{
nav {text-align:right;width:100%;height:auto; } 
nav ul {width:100%;text-align:right; margin-right:30px;}
nav a {	display: inline-block;width:100%;padding:0 3px 0 3px;text-align: center;text-decoration: none;line-height: 25px; margin-right:1%; margin-left:22px;}	
nav li {position: relative;}	 
#nav ul li a {border:none;line-height:normal;}
}

/*Styles for screen 515px and lower */
@media only screen and (max-width : 650px){
nav {border-bottom:0;width:100%;height: auto; font-size:12px;}
nav ul {display:none;height: auto;text-align:right;}
nav li {background-color:#ffffff;float:left;width:100%;position:relative;}
nav a {font-size:120%;text-align:left;border-left:0px solid #5f5f5f;color:#5f5f5f;border-top:1px solid #5f5f5f;padding-top:05px;padding-bottom:05px; margin-left:0px; }
nav a#pull {border-top:0px solid #5f5f5f;display:block;background: #222222;padding-top:6px;width:100%;font-size:15px; position:relative; color:#fff;float:right;margin-top:10px; border-radius:0px;margin:0px auto;}
nav a#pull:after {content:"";background:url('../images/nav-icon.png') no-repeat ;width:30px;height:30px;display:block;position:absolute;right:3px;top:10px;}
nav ul li a:hover, nav ul li a.active {color:#333333;background-color:#BDC3c7;/*border-bottom:3px solid #0a7dd5;*/}
nav a:hover, nav a.active {	color:#333333;	background-color:#BDC3c7;	/*border-bottom:3px solid #0a7dd5;*/ border-radius:0px;}
#nav li ul {background-color:#ECF0F1;padding: 0px; padding-top:0px; padding-bottom:0px;position: relative;right:0px; display: none; /* hide dropdown */	width:auto;}
#nav ul li {float: none; margin: 0;	padding: 0; width: 100%;text-align:left; background-color:rgba(0,0,0,0.8); color:#FFF;}
#nav li:last-of-type ul {left:0px !important;}
#nav ul li a {border:none;line-height:25px;border-bottom: dashed 1px #5f5f5f;}
#nav ul li a:hover {background:#ECF0F1;border:none;line-height:25px;border-bottom: dashed 1px #5f5f5f;}
nav ul li.subIco:after {content:"";background:url('/images/nav-icon2.png') no-repeat ;width:30px;height:30px;display:block;position:absolute;right:3px;	top:10px;}
#nav li > ul {display: none !important; /* show dropdown on hover */  }
#nav li:hover ul {display: block !important; }
#nav li:hover > a {color:#333333;background-color:#BDC3c7; border-radius:0px;}
.arrow_box {border: 0px solid #9c9c9c; border-radius:0px;}
.arrow_box:after,.arrow_box:before {border-width:0px; margin-left: 0px;}


nav a {border-bottom:none;}
nav a:hover {border-bottom:none;}
nav a.active{border-bottom:none;}
nav ul {width:100%;text-align:right; margin-right:0px;}

nav {margin-bottom:0px;}
}

/*Smartphone*/
@media only screen and (max-width : 460px) {
nav li {display: block; float: none; width: 100%;}
nav li a {border-bottom: 0px dotted #ededed;}
nav ul li ul li {display: block;padding-left: 10px;}
nav ul li ul li a {border-bottom: 0px dotted #ededed;}
nav ul li ul li a:hover, nav ul li ul li a.active {color: #fff;background-color: #074b7f;border-bottom: 0px solid #0a7dd5;}


nav a {border-bottom:none;}
nav a:hover {border-bottom:none;}
nav a.active{border-bottom:none;}
nav {margin-bottom:0px;}
}
