@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);
@font-face {
    font-family: 'pt_sans_narrowregular';
    src: url('../fonts/PTN57F-webfont.eot');
    src: url('../fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTN57F-webfont.woff') format('woff'),
         url('../fonts/PTN57F-webfont.ttf') format('truetype'),
         url('../fonts/PTN57F-webfont.svg#pt_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
	
	#nav, #nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#nav .fa
	{
		font-size:18px !important;
		padding-right:10px;
	}
	
	#nav {
		/*width: 100%;*/
		float:left;
	}
	
	#nav:before,
	#nav:after {
		content: "";
		display: table;
	}
	
	#nav:after {
		clear: both;
	}
	
	#nav {
		zoom:1;
	}
	
	#nav li {
		float: left;
	
    	font-family: Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	font-size: 18px;
    	color: #000000;
		position: relative;
		background:url(../images/nav-line.png) no-repeat left;
	}
	
	#nav a {
		float: left;
		padding: 11px 25px 11px 25px;
		color: #000000;
		font-size:15px;
		font-family:;
		text-decoration: none;
		font-family: 'pt_sans_narrowregular';
		font-weight:400;
		margin:0 1px;
		background:url(../images/menu_bg.jpg) repeat-x;
	
		text-transform:uppercase;
		font-size: 18px;
	}
	
	#nav li:hover > a {
		color: #FFFFFF!important; /*hover color */
		background: url(../images/menu_bg.png) repeat!important;
	}
	#nav li a.active {
		color: #FFFFFF!important; /*hover color */
		background: url(../images/menu_bg.png) repeat!important;
	}
	*html #nav li a:hover { /* IE6 only */
		color: #FFFFFF!important;
		background: url(../images/menu_bg.png) repeat!important;
	}
	
	#nav ul {
		margin: 20px 0 0 0;
		_margin: 0; /*IE6 only*/
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 55px;
		left: 0;
		z-index: 1;    
		background: #fff;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;  
	}

	#nav li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	
	#nav ul ul {
		top: 0;
		left: 230px;
		margin: 0 0 0 20px;
		_margin: 0; /*IE6 only*/
		
	}
	
	#nav ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
		
	}
	
	#nav ul li:last-child {   
		 
	}
	
	#nav ul a {    
		padding: 10px;
		width: 210px;
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}
	#nav ul a {background:#111!important; color:#FFF; border:none!important; margin-bottom:1px;}
	#nav ul a:hover {background:#deddc5!important; color:#111!important;}
	#nav ul a:hover {
	
		color:#fff;
	}
	
	#nav ul li:first-child > a {
		
	}
	
	#nav ul li:first-child > a:after {
		content: '';
		position: absolute;
		left: 40px;
		top: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #fff;
	}
	
	#nav ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #fff;
	}
	
	#nav ul li:first-child a:hover:after {
		border-bottom-color: #2e3aa5; 
	}
	
	#nav ul ul li:first-child a:hover:after {
		border-right-color: #2e3aa5; 
		border-bottom-color: transparent; 	
	}
	
	#nav ul li:last-child > a {
	
	}
	
	/* Mobile */
	#nav-trigger {
		display: none;
	}
	
	input[type=checkbox]
		{
			display:none;
			position:relative; 
			z-index:9999;
		}
	.fa-bars 
	{
		display:none !important;
	}

	@media screen and (max-width: 700px) {
	#nav a {background:inherit!important; border-right:inherit!important;}
	#nav ul a {background:inherit!important; border:none!important; margin-bottom:1px!important;}
	#nav ul a:hover {background:none!important;}
	#nav li:hover > a {
	
		color: #fff!important; /*hover color */
		background:inherit!important;
	}
	#nav li a.active {
		color: #fff!important; /*hover color */
		background:inherit!important;
	}
	*html #nav li a:hover { /* IE6 only */
		color: #fff!important;
		background:inherit!important;
	}

		/* nav-wrap */
		#nav-wrap {
			position: relative;
			margin-top:-35px;
			
		}
		
		.fa-bars 
		{
			display:block !important;
		}
		
		input[type=checkbox]
		{
			display:block;
			opacity: 0;
			height: 42px;
    		width: 48px;
		}
		
		input[type=checkbox] + span {
    	height: 31px;
    	width: 31px;
		position:absolute;
		z-index:-1;
		margin-top:-50px;
		color:#ffffff;
		padding:5px;
		font-size:35px;
		padding-top:-5px;
		}
		
		input[type=checkbox]:checked + span  {
    	/*background:#ffffff;*/
    	height: 31px;
    	width: 31px;
    	padding: 0 0 0 0px;
		color:#fff;
		padding:5px;
		font-size:35px;
		}

		#nav-trigger {
		display: block;
		cursor:pointer
		}
		
		#nav-wrap * {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
	
		/* main nav */
		#nav {
			margin: 0; padding:0 0px;
			position: absolute;
			top: 40px;
			width: 100%;
			z-index: 1;
			
		}

		#nav:after {
			content: '';
			position: absolute;
			left: 25px;
			top: -7px;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid #2e3aa5;
		}	

		#nav ul {
			position: static;
			visibility: visible;
			opacity: 1;
			margin: 0;
			display:none;
			
		}

		#nav ul ul {
			margin: 0 0 0 20px !important;			
		}

		#nav li {
			position: static;
			display: block;
			float: none;
			border: 0;
			padding:5px;
			width:100%;	
			padding-bottom:10px;
			border-bottom:1px solid #fff;
			background: url(../images/menu_bg.png) repeat;
			text-shadow:none !important;
			
		}
		
		
		#nav li:hover ul
		{
			display:block;
		}
		
		#nav ul li:hover ul ul
		{
			display:block;
		}
		
		label {display:block;}
		label ~ input[type="checkbox"] ~ #nav-wrap #nav {display:none;}
		label ~ input[type="checkbox"]:checked ~ #nav-wrap #nav {display:block;}?
		
		

		#nav ul li{
			margin-left: 5px;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;		
		}

		#nav a{
			display: block;
			float: none;
			padding: 0;
			color: #fff;
		}

		#nav a:hover{
			color: #fafafa;
		}	

		#nav ul a{
			padding: 0;
			width: auto;		
		}

		#nav ul a:hover{
			background: none;	
		}

		#nav ul li:first-child a:after,
		#nav ul ul li:first-child a:after {
			border: 0;
		}		
	#nav li:hover > a {
		color: #FFFFFF; /*hover color */
		
		display:block;
	}
		#nav li:hover {
		color: #FF9933; /*hover color */
	
		display:block;
	}
	#nav li a.active {
		color: #fff; /*hover color */
		background:inherit;
	}
	}

	@media only screen and (min-width: 768px) and (max-width: 900px) {
	#nav a {background:inherit!important; border-right:inherit!important;}
	
		#nav ul a {background:inherit!important; border:none!important; margin-bottom:1px!important;}
	#nav ul a:hover {background:none!important;}
	
		#nav {
			display: block !important;
					}
	#nav li:hover > a {
		color: #fff!important; /*hover color */
		
	}
	#nav li a.active {
		color: #fff!important; /*hover color */
		
	}
	*html #nav li a:hover { /* IE6 only */
		color: #fff!important;
		
	}
	}	

	@media only screen and (min-width: 800px) and (max-width: 900px) {
	#nav a {background:inherit!important; border-right:inherit!important;}
		#nav {
			display: block !important;
					}
					
	#nav li:hover > a {
		color: #fff!important; /*hover color */
		
	}
	#nav li a.active {
		color: #fff!important; /*hover color */
		
	}
	*html #nav li a:hover { /* IE6 only */
		color: #fff!important;
		
	}
	}	

	/* iPad */
	.no-transition {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
		opacity: 1;
		visibility: visible;
		display: none;  		
	}

	#nav li:hover > .no-transition {
		display: block;
	}
	
	label {
    display: block;
}
@media only screen and (min-width: 768px) and (max-width: 900px) {

		/* nav-wrap */
		#nav-wrap {
			position: relative;
			margin-top:-35px;
			
		}
		
		.fa-bars 
		{
			display:block !important;
		}
		
		input[type=checkbox]
		{
			display:block;
			opacity: 0;
			height: 42px;
    		width: 48px;
		}
		
		input[type=checkbox] + span {
    	height: 31px;
    	width: 31px;
		position:absolute;
		z-index:0;
		margin-top:-50px;
		color:#fff;
		padding:5px;
		font-size:35px;
		padding-top:-5px;
		}
		
		input[type=checkbox]:checked + span  {
    	/*background:#ffffff;*/
    	height: 31px;
    	width: 31px;
    	padding: 0 0 0 0px;
		color:#fff;
		padding:5px;
		font-size:35px;
		}

		#nav-trigger {
		display: block;
		cursor:pointer
		}
		
		#nav-wrap * {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
	
		/* main nav */
		#nav {
			margin: 0; padding:0 0px;
			position: absolute;
			top: 40px;
			width: 100%;
			z-index: 1;
			
		}

		#nav:after {
			content: '';
			position: absolute;
			left: 25px;
			top: -7px;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid #2e3aa5;
		}	

		#nav ul {
			position: static;
			visibility: visible;
			opacity: 1;
			margin: 0;
			display:none;
			
		}

		#nav ul ul {
			margin: 0 0 0 20px !important;			
		}

		#nav li {
			position: static;
			display: block;
			float: none;
			border: 0;
			padding:5px;
			width:100%;	
			padding-bottom:10px;
			border-bottom:1px solid #fff;
			background: url(../images/menu_bg.png) repeat;
			text-shadow:none !important;
			
		}
		
		
		#nav li:hover ul
		{
			display:block;
		}
		
		#nav ul li:hover ul ul
		{
			display:block;
		}
		
		label {display:block;}
		label ~ input[type="checkbox"] ~ #nav-wrap #nav {display:none!important;}
		label ~ input[type="checkbox"]:checked ~ #nav-wrap #nav {display:block!important;}?
		
		

		#nav ul li{
			margin-left: 5px;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;		
		}

		#nav a{
			display: block;
			float: none;
			padding: 0;
			color: #fff;
		}

		#nav a:hover{
			color: #fafafa;
		}	

		#nav ul a{
			padding: 0;
			width: auto;		
		}

		#nav ul a:hover{
			background: none;	
		}

		#nav ul li:first-child a:after,
		#nav ul ul li:first-child a:after {
			border: 0;
		}		
	#nav li:hover > a {
		color: #07acff; /*hover color */
		
		display:block;
	}
		#nav li:hover {
		color: #07acff; /*hover color */
		
		display:block;
	}
	
		#nav li a.active {
		color: #fff; /*hover color */
		background:inherit;
	}
	}

@media only screen and (min-width: 768px) and (max-width: 900px) {
		#nav {
			display: block !important;
			margin:0;
			
		}
	}	

@media only screen and (min-width: 800px) and (max-width: 900px) {

		/* nav-wrap */
		#nav-wrap {
			position: relative;
			margin-top:-35px;
			z-index:99999;
			
		}
		
		.fa-bars 
		{
			display:block !important;
		}
		
		input[type=checkbox]
		{
			display:block;
			opacity: 0;
			height: 42px;
    		width: 48px;
		}
		
		input[type=checkbox] + span {
    	height: 31px;
    	width: 31px;
		position:absolute;
		z-index:-1;
		margin-top:-50px;
		color:#fff;
		padding:5px;
		font-size:35px;
		padding-top:-5px;
		}
		
		input[type=checkbox]:checked + span  {
    	/*background:#159F85;*/
    	height: 31px;
    	width: 31px;
    	padding: 0 0 0 0px;
		color:#fff;
		padding:5px;
		font-size:35px;
		}

		#nav-trigger {
		display: block;
		cursor:pointer
		}
		
		#nav-wrap * {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
	
		/* main nav */
		#nav {
			margin: 0; padding:0 0px;
			position: absolute;
			top: 40px;
			width: 100%;
			z-index: 1;
			
		}

		#nav:after {
			content: '';
			position: absolute;
			left: 25px;
			top: -7px;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid #2e3aa5;
		}	

		#nav ul {
			position: static;
			visibility: visible;
			opacity: 1;
			margin: 0;
			display:none;
			
		}

		#nav ul ul {
			margin: 0 0 0 20px !important;			
		}

		#nav li {
			position: static;
			display: block;
			float: none;
			border: 0;
			padding:5px;
			width:100%;	
			padding-bottom:10px;
			border-bottom:1px solid #fff;
		
			text-shadow:none !important;
			
		}
		
		
		#nav li:hover ul
		{
			display:block;
		}
		
		#nav ul li:hover ul ul
		{
			display:block;
		}
		
		label {display:block;}
		label ~ input[type="checkbox"] ~ #nav-wrap #nav {display:none;}
		label ~ input[type="checkbox"]:checked ~ #nav-wrap #nav {display:block;}?
		
		

		#nav ul li{
			margin-left: 5px;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;		
		}

		#nav a{
			display: block;
			float: none;
			padding: 0;
			color: #fff;
		}

		#nav a:hover{
			color: #fafafa;
		}	

		#nav ul a{
			padding: 0;
			width: auto;		
		}

		#nav ul a:hover{
			background: none;	
		}

		#nav ul li:first-child a:after,
		#nav ul ul li:first-child a:after {
			border: 0;
		}		
	#nav li:hover > a {
		color: #FFFFFF; /*hover color */
		
		display:block;
	}
		#nav li:hover {
		color: #FFFFFF; /*hover color */
		
		display:block;
	}
	
		#nav li a.active {
		color: #fff; /*hover color */
		
	}
	}

@media only screen and (min-width: 800px) and (max-width: 900px) {
		#nav {
			display: block !important;
			margin:0;
		}
	}