
#navwrap .columns{
	padding:0px 0px;
}
		

			#menu > a
			{
				display: none;
			}

			#menu li
			{
				position: relative;
			    display:inline-table;
				line-height: 24px;
				padding: 0;
			}
				#menu li a
				{
					display: block;
					
					margin-right: 0px;
					text-decoration: none;
					
					font-family: 'Lato', sans-serif;
					font-size: 14px;
					color: #fac127;
					text-transform: uppercase;
					padding: 0px 20px;
					line-height: 24px;	
				}
				#menu li a:active
				{
					
				}

			#menu span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #efa585;
				content:"› ";
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#menu > ul
			{
				height: 24px; /* 60 */
				list-style-type:none;
				margin-bottom: 0px;
				display:inline-block;
				width:auto;
				margin:0 auto;
				
			}
				#menu > ul > li
				{
					height: 100%;
					float: left;
				}
				#menu > ul > li:hover
				{
					padding-bottom: 35px;
				}
					#menu > ul > li > a
					{
						height: 100%;
						
						text-align: center;
						display: inline-table;
						float: left;
						
						text-decoration: none;
						text-transform: uppercase;
						font-family: 'Lato', sans-serif;
						font-size: 14px;
						color: #fff;
						padding:0 10px;
						
					}
					#menu > ul > li > a:hover{color:#0099da}
					
						#menu > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid transparent;
						}
						#menu > ul > li:hover > a,
						#menu > ul:not( :hover ) > li.active > a
						{
							box-shadow: inset 0px -2px 20px 0px rgba(0,0,0,0.2);
						}


				/* second level */

				#menu li ul
				{
					background-image: url('../images/bg-overlay.png');
					display: none;
					position: relative;
					list-style-type:none;
					z-index: 1000;
					margin-top:37px;
					margin-left:0;
				}
				#menu li ul li {
				padding: 0;
				background-image: url('../images/bg-overlay.png');
				border-bottom:1px dotted #1a537c;
				width:100%;
				}
				#menu li ul li ul li{
					border-top:1px dotted #1a537c;
					border-bottom:0px dotted transparent;
				}
				
					#menu li:hover ul
					{
						position:absolute;
						display: inline-block;
						left: 0;
						right: 0;
						top: 0;
						width:185px;
					}
						
						#menu li:hover ul li ul{
							display:none;
							position:relative;
							top:0;
						}
						#menu li:hover ul li ul{
							display:block;
							position:relative;
							top:0;
						}
						#menu li:not( :first-child ):hover ul
						{
							left: 0px;
						}
						#menu li ul a
						{
							font-size: 13px; /* 20 */
							border-top: 1px solid transparent;
							color:#fff;
							padding: 0; /* 15 (20) */
							width: 100%;
							background-color: transparent;
							text-indent:15px;
							text-align:left;
							text-transform:none;
							font-size: 14px;
    						padding: 5px;
						}
							#menu li ul li a:hover,
							#menu li ul:not( :hover ) li.active a
							{
								color: #0099da;
								
							}
						#menu ul li ul li ul li a
						{
							font-size: 0.85em; /* 20 */
						
							text-indent:25px;

						}
						
						#menu ul li ul li ul li a:before{
							content:"› ";
						}


		@media only screen and ( max-width: 1028px ) /* 1000 */
		{
			
			
			#menu
			{
				width: 100%;
				position: static;
				margin: 0;
				z-index: 1000;
			}
			#menu li:hover ul li ul{
				display:block;
				position:relative;
				top:0;
			}
			#menu li ul li{
				border-bottom:1px dotted #1a537c;
			}
			#menu li ul li ul li{
				border-top:1px dotted #1a537c;
				border-bottom:1px dotted transparent;
			}
			.span-for-medium{
				width:100% !important;
			}
		}

		@media only screen and ( max-width: 980px ) /* 640 */
		{   
		#menu li:hover ul{position:static !important; width:100%}
			body #menu li ul.sub-menu{display:none}
			.sublist-toggle{display:block;}
		
			#nav{margin-top:16px}
			#menu > ul{}
		
		body #menu > ul > li > a{padding:10px 15px}
			#menu
			{
				position: static;
				top: auto;
				left: auto;
				width:100%;
				z-index: 1010;
			}
				#menu > a
				{
					width: 100%; /* 50 */
					height: 40px; /* 50 */
					text-align: center;
					position: relative;
					color:#fff;
					font-size:15px;
					line-height:24px;					
					font-weight:bold;
					text-transform:uppercase;
				}
					

				#menu:not( :target ) > a:first-of-type,
				#menu:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#menu > ul
			{
				width:250px;
				height: auto;
				display: none;
				position: absolute;
				left:auto;
				right: 0;
				z-index: 1010;
				background-image: url('../images/bg-overlay.png');
				background-color:#222;
				top:45px;
			}
				#menu:target > ul {
				display: block;
				left: auto;
				position: absolute;
				width: 250px;
			}
				#menu > ul > li
				{
					width: 100%;
					clear:both;
					float: none;
					position:relative;
					padding:0;
				}
					#menu > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#menu > ul > li
						{
							display:block;
							border-right: none;
							border-bottom:1px dotted #1a537c;
						}


				/* second level */
				
				#menu li ul
				{
					position: relative !important;
				
					padding: 0; /* 20 */
					padding-top: 0;
					background-image: url('../images/bg-overlay.png');
					-webkit-box-shadow: inset 0px -2px 20px 0px rgba(0,0,0,0.2), 0px -2px 20px 0px rgba(0,0,0,0.5);
					box-shadow: inset 0px -2px 20px 0px rgba(0,0,0,0.2), 0px -2px 20px 0px rgba(0,0,0,0.5);
					background-color:#222;
					clear:both;
				}
				#menu li ul {
				position: relative !important;
				display: block;
				left: 0;
				right: 0;
				top: 0px;
				width: 100%;
				clear:both;
				margin:0 !important;
				}
				#menu > ul > li > a{float:none; display:block;}
				#menu li ul li{
					border-bottom:1px dotted #1a537c;
					background-color:transparent;
					display:block;
					clear:both;
					float:none;
					height:auto;
				}
				#menu li ul li ul li{
					border-top:1px dotted #1a537c;
					border-bottom:1px dotted transparent;
				}
				#menu li ul li a:hover, #menu li ul:not( :hover ) li.active a {
				background-image: url('../images/bg-overlay.png');
				box-shadow: inset 0px -2px 20px 0px rgba(130,130,130,0.2);
				-webkit-box-shadow: inset 0px -2px 20px 0px rgba(130,130,130,0.2);
				}
				#menu li ul li ul{
				
					
					width:90%;
					background-color: transparent;
					-webkit-box-shadow:  none;
					box-shadow:  none;
				
				}
				#menu li:hover ul li ul{
					display:block;
					position:relative;
					top:0;
				}
				#menu ul li ul li a:before{
					content:"› ";
				}
				#menu ul li ul li ul li a:before{
					content:"›› ";
				}
				
		/*********     Oerwrites for mobile        **********/
		#bottom li.gfield {
		display: block;
		float: none;
		width: 90%;
		padding: 0 2%;
		min-height: 61px;
		clear:both;
		}
		#bottom #field_1_5 {
		display: block;
		float: none;
		width: 90%;
		min-height: 61px;
		margin-top: 5px;
		margin-right: 1%;
		}
		#bottom li.gsection {
		text-indent: -10000px;
		height: 1px;
		min-height: 1px;
		}
		#bottom #gform_submit_button_1 {
		position: relative;
		top: 0;
		right: 0;
		margin-left:20px;
		background: #0099cc;
		border: none;
		width: 80px;
		color: #fff;
		margin-top:10px;
		}
		}
