﻿@font-face {
	font-family: 'mobileicons';
	src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRk9UVE8AAAbgAAsAAAAACwQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAA6oAAAX9r9X3aEZGVE0AAAS0AAAAGgAAABxjjFSgR0RFRgAABNAAAAAdAAAAIAAzAARPUy8yAAAE8AAAAEsAAABgL9zcXWNtYXAAAAU8AAAAPQAAAVLgGfLMaGVhZAAABXwAAAAuAAAANvuYJitoaGVhAAAFrAAAAB4AAAAkBIcAXWhtdHgAAAXMAAAAEwAAABgKdgAAbWF4cAAABeAAAAAGAAAABgAGUABuYW1lAAAF6AAAAOkAAAG5DPDi6HBvc3QAAAbUAAAADAAAACAAAwAAeJyVk11oVFcQx+es92bXZHtX8yFtXZMIwahRjHVbSApBt6ZUA1pMkFUERaM02SQ+NPWhTTZNY1P1+LQsfWik+FCieCMkIFEkbNMKAT8CfqMi6ENeNBGSJSW75mOcOedmTaEFZeF/5+zcM//fnDNXgGGAEMLbePRgXcPhukNHm74F4QIBFclCV3LlouSHhvQukl4jPxM+qs5GKdOB1y3rU1nJZtMP3T4/wBI/9C31g8dv/pMNbq7hAR8sgxVQBBug/LumusrS0lL92Kgfn+jHJnp8SbkFEAt5AMQv4oQ4KU4JCRlc2CUOGEGj21xrBqxUJrqOFTeg6Mrpz0PI6VvtRli+3kJ8MdGDsMzKRRy5V5qPs2M7nmZQfDfBqTFHRu6OFyCO7Xji5tcCzoYXExe4iC8fXTl9RRkUr7vNqRqW3by8Rbs+z7lssOOq93RMKMfHbp2adxz7f8dclVKO/cqx+K3j+bRj4D8dL6jUOzmuX+KYOT0OF1gopmsGELbaP9PZih4P4lz1FYo+/YmirCEEGDqPODvaieAqiCC+3vmMEtdnEFOhB4jTjZYS2td/9jhL0OQ/ok4qFbpPr9+o4I2/c4kWp5gqO+f1sFU7mzaz/WKqg3PHKC2oy9qLFkJX9SYdYW3PMNVGbGFpZYmwxNPSynX6SWrKGL6TndvYj8CwLKQZcPY5LVN7Quz8N2E2DCMY0YTqIIiwbX+r6sCn/tW9Qsa5EoaPI5i9Kxn+JS1zf9DwICbLSOwh7mA7ZSHI0pGWLWk57uGGAizN3NAtinaNc89XuOevTIYvn78IgqfacQ1Pft8zfAczFLLzNeLqfsmYE04HBB9nGTQ1PEkvv0QjJD4zeOMfXCLIxfgUy37T8GQVYdNtyt6jUByorl2JBaCKW12OpqU9p+dbn2zRY6NA6YiOsN9BfeeKQc2BPtTpxq8VbYQPvVPRjuuJUaB6bNRFvd75XIPSNW7VoGou6aaT6rqdiVG0NCfRNG2TikxranIqkGfboyUyLMMlVVJWSZqczYCwZRAQ/yKBis3/iuKcbR8EeVPKm6O2tOVoSTjsCYfDkovY8z9KSNu2PfQVVXZ1Izy88w19RVdr9yKcqz0jce7RB1FzJoaiONHEiUM1iKGzZFB5pgexrTFqTsUQgln87a2L0GkXT9JM3Wunw28bqJ+JSVq00Y3++MWvJooVRR8j/DlQn4fo27casSo7wdEahEuvLNOSyWZjJpaMua1kLFfmSW/mG+yfH7kAAHicY2BgYGQAgpOd+YYg+ixj0XYYDQA+fwXiAAB4nGNgZGBg4ANiCQYQYGJgBEJWIGYB8xgABIEAOAAAAHicY2BmkmWcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwMjPAgQCCyRCQ5prC4PCA4QMD44P/Dxj0GB8wKDQwMDDCFSgAISMAGssMPAB4nGNgYGBmgGAZBkYGEPAB8hjBfBYGAyDNAYRMIIkHzB8Y/v8HsxggLAVGAVaoLjBgZGNA5o5IAADP/gi0AAAAeJxjYGRgYADixxIGfPH8Nl8ZuJkYQOAsY9F2BP3/AVMZ4wMgl4MBLA0ACAYKGAAAeJxjYGRgYHzw/wGDHlMZA8M/BiAJFEEBbACCMgTlAAB4nGNiYGBgKgNiBgQGAQAJegCBAAAAUAAABgAAeJyNjjFOw0AQRZ8TJwgFUQLlFhQ0ttYrpEgRtWtEkT6JVtZKjldykmtQchWOwQE4BgeAb7MFBUVWmp038//ODnDFGxnDyVhwl3jCBY+JpzzwmjiX5yPxTPyVeM4iu5Uzyy/VuRlfDTzhmvvEU555SpzL8554Jv5MPBd/syeyJdDide9UdRxgH7eh9WEXOxUv0hpO8mzoVfrm1G4E9eg+jrmXw2NwlFjlleL/2b+aY0lBpVwo7EjUsTvWsW+8caU1K/NnC1VuWVSucLaS85y119J6dcOoGn0xrMba94cQO1OV9qw5PxAOR48AAAB4nGNgZsALAAB9AAQ=) format('woff'),
		 url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
	font-weight: normal;
	font-style: normal;
}


 
 
 
 /*** ESSENTIAL STYLES ***/
 .sf-menu,.sf-menu *{list-style:none;margin:0;padding:0}
 .sf-menu{line-height:1.0}
 .sf-menu ul{position:absolute;top:-999em;width:10em}
 .sf-menu ul li{width:100%}
 .sf-menu li:hover{visibility:inherit}
 .sf-menu li{float:left;position:relative}
 .sf-menu a{display:block;position:relative}
 .sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:2.5em;z-index:99}
 .sf-menu a.sf-with-ul{padding-right:2.25em;min-width:1px}
 .sf-sub-indicator{position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url(../../../../themes/loanave/images/arrows-ffffff.png) no-repeat 0 -100px}
 a > .sf-sub-indicator{top:.9em;background-position:-4px -99px}
 a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator{background-position:-17px -99px}
 .sf-menu ul a > .sf-sub-indicator{background-position:0 0}
 
 .sf-shadow ul{background:url(images/shadow.png) no-repeat bottom right;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px;padding:0 8px 9px 0}

 .sf-shadow ul.sf-shadow-off{background:transparent}
 ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em}
 ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:10em;top:0}
 .sf-menu ul .sf-sub-indicator,.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator{background-position:-10px 0} 
 


  @media only screen and (min-width: 0px) and (max-width: 767px) {


		/* Use the following CSS code if you want to have a class per icon */
		[class^="menuicon-"]:before, [class*=" menuicon-"]:before {
			font-family: 'mobileicons';
			font-style: normal;
			speak: none;
			font-weight: normal;
			line-height: 1.2;
			-webkit-font-smoothing: antialiased;
		}
		
		
		/* Comment out following four rules to use a text menu */
		.menuicon-mobile_menu:before {
			content: "\e000";
		} 
		.menuicon-cancel:before {
			content: "\e001";
		}
		.menuicon-phone:before {
			content: "\e002";
		}
		.menuicon-mail:before {
			content: "\e003";
		}

	
		.nav-button .textmenu, .call-button .textmenu, .email-button .textmenu {
			display: none;
		}
		.nav-button {
			width:  50px !important;
		}
		.call-button {
			left: 67px !important;
		}
	
	
		/* Navigation Button
		-------------------------------------------------------- */
		.nav-button, .call-button  {
			position: absolute;
			top: 7px;
			left: 7px;
			width: 85px;
			height: 35px;
			cursor: pointer;
			border: 0 none;
			background:   rgba(0,0,0,0.1);
			
			background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
			background:  -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
			background:  -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
			background:  -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
			border: 1px solid rgba(0,0,0,.4);
			box-shadow: 0 0 2px rgba(0,0,0,.2) inset;
			border-radius: 3px;
			z-index: 999;
		 	font-size: 16px;
		 	line-height: 16px;
		 	padding:  0;
		 	color:  #FFF;
			text-shadow: 1px 1px 1px rgba(0,0,0,.3);
			text-transform: uppercase;
	 		background-color:#01385F;
		 }
		.nav-button:hover { 
			background-color: rgba(0,0,0,.1); 
		}
		
		.nav-button .menuicon-cancel {
				display:  none;
		}
		
		.nav-button.open .menuicon-mobile_menu {
				display:  none;
		}
		
		.nav-button.open .menuicon-cancel {
				display:  inline;
		}
	/* Navigation Bar
	-------------------------------------------------------- */

	body { padding-top: 50px; } 

	.primary-nav {
		width: 100%;
		float: none;
		background-color: #FFF; /* change the menu color */
		background-image:   -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.1));
		background-image:  -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.1));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.1));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.1));
		background-position: top right;
		display:  none;
		height: 50px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
			
	}
	
	.primary-nav ul {
		margin:  0 !important;
	}
	
	.primary-nav li {
		display: none;
		width: 100%;
		font-family: 'PT Sans Narrow', sans-serif;
		float:  none !important;
		-webkit-user-select: none;
		-webkit-touch-callout: none;
		background-color:  #01385F; 
	}
	
	.primary-nav li li {
		background-color:  transparent !important;
	}
	
	.primary-nav li a {
		display: block !important;
		width: 90% !important;
		padding: 10px 5%;
		font-size: 14px;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1); 
	}
	.primary-nav li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
		-webkit-user-select: none;
		-webkit-touch-callout: none; 
	}
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.primary-nav.open { 
		height: auto; 
		padding-top: 50px;
	}
	.primary-nav.open li { 
		display: block; 
	}

	/* Submenus â€“ optional .parent class indicates dropdowns */
 	.primary-nav > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;
	}
	
	.primary-nav li.parent > a:after {
		content: "â–¼";
		color: rgba(255,255,255,.5);
		float: right;
	}
	.primary-nav li.parent > a:hover {
		background: rgba(0,0,0,.75);
		-webkit-user-select: none;
		-webkit-touch-callout: none;
	}
	.primary-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}

	.call-button {
		left: 102px;
		display: block;
		width: 50px;
		line-height: 1.2;
		padding-top:  7px;
		text-align: center;
		height: 26px;
		text-decoration: none;
	}

} /* End Mobile Styles */


/*-------------------------*/
/*   CUSTOM MENU STYLING   */
/*-------------------------*/
@media only screen and (min-width : 768px) {
	


/*center*/
.sf-menu {
float: left;
position: relative;
left: 50%;
display: block;
}
.sf-menu ul li {
left: 0%;
}
.sf-menu li {
left: -50%;
}



/*Strip the ul of padding and list styling*/
.sf-menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	
}


/*Create a horizontal list with spacing*/
.sf-menu li {
	display:inline-block;
	float: left;
	margin-right: 3px;
	
	
}

/*Style for menu links*/
.sf-menu li a {
	display:block;
	padding-left: 30px;
	padding-right: 30px;	
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: 'Ubuntu Condensed', sans-serif;
		font-size: 16px;	
	color:#000000;
	/*background:#CCCCCC;*/
	border-bottom:thin #8fbe40 dotted;
	text-decoration: none;		
	text-transform:uppercase;
}

/*Hover state for top level links*/
.sf-menu li:hover a {
	background: #8fbe40;
	color: #ffffff;
	
}
/*Active state*/


.nav-path-selected {
	display:block;	
	text-align: center;	
	font-family: 'Ubuntu Condensed', sans-serif;
		font-size: 16px;	
	background: #8fbe40;
	color: #ffffff;
	text-decoration: none;	
	text-transform:uppercase;

	

}
.nav-selected a {
	display:block;	
	text-align: center;	
	font-family: 'Ubuntu Condensed', sans-serif;
		font-size: 16px;	
	background: #8fbe40;
	color: #ffffff;	
	text-decoration: none;	
	text-transform:uppercase;

	

}
li.nav-selected a {
    background-color:#8fbe40;
 color:#ffffff;
}

.nav-selected ul li ul li a {
    background-color:#00A9D9;
 color:#00395F;
}

}

/*Style for dropdown links
.sf-menu li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links
.sf-menu li:hover ul a:hover {
	background: #19c589;
	color: #fff;
}

/*Hide dropdown links until they are needed*
.sf-menu li ul {
	display: none;
}

/*Make dropdown links vertical
.sf-menu li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping
.sf-menu li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover
.sf-menu ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #19c589;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked
input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/

@media screen and (max-width : 760px){
	/*Make dropdown links appear inline*
	.sf-menu ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing
	.sf-menu li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width
	.sf-menu ul li, .sf-menu li a {
		width: 100%;
	}
	/*Display 'show menu' link
	.show-menu {
		display:block;
	}
}





