/*------------------------------------*\
	NAV
\*------------------------------------*/

body.overlay-on{
	overflow: hidden;
}
 section#mainnav ul.navbar-nav li.Featured a{
	 background-color: #aa0000;
 }
#masthead #mainnav {
	margin-bottom:0;
	z-index:22;
/* used to make sure it has a higher index than the site-overlay below */
	height:50px!important;
	min-height:50px!important;
	max-height:50px;
	border:0;
	clear:right;

}

#masthead #mainnav.navbar-brand {
	line-height:1;
	padding:0;
	float:left;
	width:99px;
	height:99px;
	position:relative;
	display:none;
}


#masthead.shrunk #mainnav.navbar-brand {
	line-height:1;
	padding:0;
	float:left;
	width:50px;
	height:50px;
	position:relative;
	display:block;
}

#masthead #mainnav div nav.navbar {
	margin-bottom:0;
}


#masthead #mainnavdiv nav a.navbar-brand img {
	width:100%;
	margin-top:7px;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s;
}

#masthead #mainnav div nav a.navbar-brand img {
	margin-top:0;
}

#masthead #mainnav.navbar-brand img.mobile-header {
	width:98px;
	margin-top:3px;
	display:none;
}

#masthead #mainnav.navbar-collapse {
	padding:0;
}

.navbar-collapse {
	border-top: none;
}

#navbar ul li a:hover{
	opacity: 0.9;
}


#navbar ul li.home-link a span.home-link-text {
	display: none;
}

#navbar ul li.home-link a * {
	height: 30px;
	opacity: 0.9;
}

#navbar ul li.home-link a img.home-link-image {
	height: 30px;
	width:30px;
	opacity: 0.9;
}



#masthead #mainnav.main-nav-inner div nav #navbar ul li ul {
	width:auto;
}

#masthead #mainnav.navbar-nav > li#menu-item-35 > a {
	max-width:80px;
}

#masthead #mainnav.navbar-nav > li > a:focus,#masthead #mainnav.navbar-nav > li > a:hover {
	background:none;
}

#masthead #mainnav.navbar-nav > li.current-page-ancestor a,#masthead #mainnav.navbar-nav > li.current-menu-item a {
	background:none;
}

#masthead #mainnav .navbar-toggle {
	margin:0;
	padding:0;
	z-index:40;
}

#masthead #mainnav .navbar-toggle .icon-bar {
	width:23px;
}

#masthead #mainnav .navbar-toggle .icon-bar + .icon-bar {
	margin-top:7px;
}

/* hide the home link */
#masthead #mainnavli#menu-item-149 {
	display:none;
}

#masthead #mainnav div div nav #navbar {
	padding-right:150px;
}

#masthead #mainnav.navbar-brand {
	line-height:1;
	padding:0;
	float:left;
	width:99px;
	height:99px;
	position:relative;
	display:none;
}

#masthead #mainnav.navbar-brand img {
	width:100%;
	margin-top:7px;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s;
}

#masthead #mainnav.navbar-brand img {
	margin-top:0;
}

#masthead #mainnav.navbar-brand img.logo-mobile {
	width:98px;
	margin-top:3px;
	display:none;
}



#masthead #mainnav .container-fluid {
	padding:0;
}

#masthead #mainnav.navbar-collapse {
	padding:0;
}

ul.sub-menu {
}

#masthead #mainnav.navbar-nav > li > a {
	max-width:230px;
}

#masthead #mainnav.navbar-nav > li#menu-item-35 > a {
	max-width:80px;
}

#masthead #mainnav.navbar-nav > li > a:focus,#masthead #mainnav.navbar-nav > li > a:hover {
	background:none;
}

#masthead #mainnav.navbar-nav > li.current-page-ancestor a,#masthead #mainnav.navbar-nav > li.current-menu-item a {
	background:none;
}

#masthead #mainnav .navbar-toggle {
	margin:0;
	padding:0;
	z-index:40;
}

#masthead #mainnav .navbar-toggle .icon-bar {
	width:33px;
}

#masthead #mainnav .navbar-toggle.collapsed .icon-bar {
	width:23px;
}

#masthead #mainnav .navbar-toggle .icon-bar + .icon-bar {
	margin-top:7px;
}

/* hide the home link */
#masthead #mainnav li#menu-item-149 {
	display:none;
}

#masthead.shrunk * ul li a {
	font-size:.95em;
}



section#mainnav * li.home-link-logo a {
		display:block;
		max-width: 0px;
		min-height: 44px;
	}

section#mainnav * li.home-link-logo a{
		padding: 0;
	}


section#mainnav * li.home-link-logo a:hover{
		cursor: pointer;
	}



section#mainnav * a img.shrunk-logo{
		display:none;
	}

section#mainnav.shrunk * a img.shrunk-logo{
		display:block;
	}



#navbar ul li.wide-menu ul.sub-menu{
	width:500px;
	max-width: 500px;
}

#navbar ul li.wide-menu ul.sub-menu li, li.wide-menu ul.sub-menu li a{
	width:250px;
	max-width: 250px;
	float: left;
}




nav.navbar {
	padding: 0;
	border: none;
}

nav.navbar a.navbar-brand {
  display: none;
}

nav.navbar div.navbar-header {
  width: 86px;
  height:50px;
  float: none;
  display: inline-block;
  margin: 0;
  vertical-align: top;
  padding-top: 10px;
  z-index: 200;
  position: relative;
}

nav.navbar div.navbar-header > *{
  display: inline-block;
  width: 30px;
  float: none;
  position: relative;
  margin-left: 10px;
}

nav.navbar div#navbar{
	width: calc(100% - 90px);
	display: inline-block !important;
	 margin: 0;
	 padding: 0;
	 white-space: nowrap;
} 

nav.navbar div#navbar ul#menu-home{
	white-space: nowrap;
	width: 100%;
	float: none;
} 

nav.navbar div#navbar ul#menu-home > li{
	display: inline-block;
	/*float: none;*/
} 


section#mainnav.expanded .main-nav-inner div nav #navbar ul li ul {
	position:relative;
	left:0;
	width:270px;
	height:500px;
}

section#mainnav.expanded .main-nav-inner div nav #navbar ul li {
	width:270px;
}

#navbar ul,
#navbar ul.navbar-nav
 {
	list-style:none;
	margin:0;
/* Clear floats */
	float:left;
}

#navbar ul li {
	float:left;
	margin:0;
	padding:0;
	position:relative;
}

#navbar ul li a,
#navbar ul li ul li a {
	display:block;
	height:50px;
	min-height:50px;
	text-decoration:none;
	font-size:16px;
}

#navbar ul li ul li a {
	padding:12px 25px;
}

#navbar ul li a:hover {
}

/*--- DROPDOWN ---*/
#navbar ul ul {
	list-style:none;
	position:absolute;
	left:-9999px;
/* Hide off-screen when not needed (this is more accessible than display:none;) */
	border-top:4px solid #999;
	margin:0;
	padding:0;
}

#navbar ul ul li {
	padding-top:0;
/* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}

#navbar ul ul a {
	white-space:nowrap;
/* Stop text wrapping and creating multi-line dropdown items */
}

#navbar ul li:hover ul {
/* Display the dropdown on hover */
	left:0;
/* Bring back on-screen when needed */
}

#navbar ul li li:hover a {
/* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration:none;
}

#navbar ul li li:hover ul a {
/* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}

#navbar ul li li:hover ul li a:hover {
/* Here we define the most explicit hover states--what happens when you hover each individual link. */
}


#navbar ul {
	list-style:none;
	margin-bottom:0;
/* Clear floats */
	float:left;
/* Bring the nav above everything else--uncomment if needed.
		position:relative;
		z-index:5;
		*/
}

#navbar ul li {
	float:left;
	margin:0;
	padding:0;
	position:relative;
}

#navbar ul li a,#navbar ul li ul li a {
	display:block;
	height:50px;
	min-height:50px;
	text-decoration:none;
	font-size:16px;
}

#navbar ul li a {
	padding:15px 11px 17px 11px;
}


body.overlay-on * section#mainnav #navbar * a {
	display: none;
}

#navbar ul li a:hover {
}

/*--- DROPDOWN ---*/
#navbar ul ul {
	list-style:none;
	position:absolute;
	left:-9999px;
/* Hide off-screen when not needed (this is more accessible than display:none;) */
	border-top:4px solid #999;
	margin:0;
	padding:0;
}

#navbar ul ul li {
	padding-top:0;
/* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}

#navbar ul ul a {
	white-space:nowrap;
/* Stop text wrapping and creating multi-line dropdown items */
}

#navbar ul li:hover ul {
/* Display the dropdown on hover */
	left:0;
/* Bring back on-screen when needed */
}

#navbar ul li li:hover a {
/* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration:none;
}

#navbar ul li li:hover ul a {
/* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}

#navbar ul li li:hover ul li a:hover {
/* Here we define the most explicit hover states--what happens when you hover each individual link. */
}



/*   ----------------------------------------------MEDIA QUERIES FOR SCREEN WIDTH ADAPTATION -------------------------------------------------*/




@media only screen and (min-width :1137px) {
	#masthead.shrunk * nav.navbar a.navbar-brand {
	  display: inline-block;
	  padding: 0;
	  height: 50px;
	  width:50px;
	}

	#masthead.shrunk * nav.navbar div#navbar{
		width: calc(100% - 140px);
	}
	
	
	section#mainnav .navbar-toggle .icon-bar {
	    width:23px;
	}
	
	section#mainnav .navbar-toggle .icon-bar + .icon-bar {
	    margin-top:7px
	}
	
	/* smaller header on scroll */
	
	body.shrunk{
		padding-top: 54px;
	}
	
	#masthead.shrunk #logo {
		display: none;
	}
	
	#masthead.shrunk #logo .navbar {
	    min-height:1px;
	}
	
	#masthead.shrunk #logo .navbar-nav {
	    margin:10px 0;
	}
	
	#masthead.shrunk #logo .navbar-brand img {
	    width:110px;
	    margin:7px 0 0 0;
	}
	
	/* smaller header on scroll */
	
	section#mainnav.shrunk {
	    padding:0;
	    left:0;
	    position:fixed;
	    width:100%;
	    z-index:25;
	}
	
	section#mainnav.shrunk * li.home-link-logo a {
			max-width: 70px;
			min-width: 70px;
			min-height: 44px;
		}
		
	section#mainnav.shrunk .navbar {
	    min-height:1px;
	}
	
	section#mainnav.shrunk .navbar-nav {
	    margin: 0 0 0 10px;
	}
	
	section#mainnav .navbar-brand img {
		display: none;
	}
	
	
	
	#masthead.shrunk #mainnav * a img {
	    width:35px;
	    padding:8px 0 0 0;
		display: block;
		float: left;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1137px) {
/*																				Header MASTHEAD    */
	#navbar ul li a {
		padding:17px 10px;
	}

    header#masthead, header#masthead.shrunk{
	    height:90px 
    }
    
    header#masthead #mainnav.expanded{
	    background: none;
    }

    header#masthead #mainnav{
	    height:1px !important; 
	    min-height:1px !important; 
	    max-height:1px !important; 
    }

/*                             													Header MASTHEAD LOGO SECTION                */

    header#masthead section#logo{
	    padding: 0;
	    margin: 0;
    }

 
	header#masthead section#logo div div div div.social-icons,
	#navbar .navbar-nav{
		display: none;
	}
    header#masthead section#logo div div div a.navbar-brand div.logospace div.logoText{
	    height: 42px;
	    padding: 0;
	    margin: 0 10px 0 0px;
	    float: left;
    }
    header#masthead section#logo div div div a.navbar-brand div.logospace div.logoText h1.heading{
	    padding: 0;
	    margin: 0;
	    float: left;
    }
    header#masthead section#logo div div div a.navbar-brand div.logospace div.logoText p.strapline{
	    padding: 0;
	    margin: 0;
	    float: left;
	    clear: left;
    }
/*                                													Header MASTHEAD  MAINNAV SECTION                   */
	header#masthead section#mainnav div nav.navbar div.navbar-header{
	    top: -50px;
	    width: 86px;
	    height: 50px;
	    float: right;
	    display: block;
	    margin: 0;
	    vertical-align: top;
	    padding-top: 0px;
	    z-index: 200;
	    position: relative;
	}
	header#masthead section#mainnav div nav.navbar {
	    height: 1px;
	    min-height: 1px;
	    max-height: 1px;
	    padding: 0px;
	    margin: 0px;
	    position: relative;
	}

	header#masthead section#mainnav div nav.navbar #navbar ul.navbar-nav{
		display:none;		
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    header#masthead section#logo div div div a.navbar-brand div.logospace div.logoText h1.heading{
	    font-size: 20px;
	    padding: 0;
	    margin: 0;
	    float: left;
    }


   header#masthead section#logo div div div a.navbar-brand div.logospace div#header-logo{
	    width: 70px;
	    height: 70px;
	    padding: 0;
	    margin: -5px 0 0 0;
	    border-radius: 0px;
	    float: left;
    }
    header#masthead section#logo div div div a.navbar-brand div.logospace div#header-logo img{
		height: 63px;
		width: 63px;
		margin: 7px 0 0 0;
		padding: 0;
	}



	section#logo div div div div.social-icons,
	#navbar .navbar-nav{
		display: none;
	}
    section#logo div div div a.navbar-brand div.logospace div.logoText{
	    height: 40px;
	    padding: 0;
	    margin: 0 10px 0 10px;
	    float: left;
    }
    section#logo div div div a.navbar-brand div.logospace div.logoText h1.heading{
	    font-size: 20px;
	    padding: 0;
	    margin: 0;
	    float: left;
    }
    section#logo div div div a.navbar-brand div.logospace div.logoText p.strapline{
	    font-size: 10px;
	    padding: 0;
	    margin: 0;
	    float: left;
	    clear: left;
    }
	section#mainnav .main-nav-inner .container-fluid,
	section#mainnav .main-nav-inner .container-fluid .nav-bar{
		margin:0;
		padding: 0;
	}

	section#mainnav .navbar-brand{
		width:250px;
		height:80px;
		padding: 20px 0 0 0;
	}
	section#mainnav .navbar-brand p.mobile-title{
		margin:0;
	}
	section#mainnav .navbar-brand p.mobile-sub-title{
		clear: left;
		margin:0;
	}

	header#masthead section#mainnav div nav.navbar div.navbar-header{
	    top: -49px;
	}


	section#title h1 {
	    font-size:30px;
	    line-height:30px;
  }
}

/*
@media only screen  and (min-width : 1137px) and (max-width : 1199px) {
    footer .feature-text h2 {
        margin-bottom:10px;
    }
    
    footer .feature-text p {
        line-height:24px;
    }   
}
*/