#header-sticky-wrapper {
	position: relative;
	z-index: 100;
}

.navbar-default {
    margin-bottom: 0;
    border-radius: 0;
    border: none;

    background-color: #525655; /* primary - base */
    color: #fff; 
    border-bottom: 0.2em solid rgba(0,0,0,0.2);
}

.navbar-default a { 
    text-decoration: none;
}


.navbar-default a:hover { 
    text-decoration: none;
}


.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: underline;
}

.navbar-default .navbar-nav>li>a
{
    color: #000;
}

.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover
{
    color: #000;
    background-color: #fff; /* primary-dark */
}

.navbar-default .navbar-brand:focus, 
.navbar-default .navbar-brand 
{
    color: #000;
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: #000;
    background-color: #fff; /* primary-dark */
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover
{
    color: #000;
    background-color: #fff; /* primary-dark */
}

.navbar-default .navbar-form {
    margin-bottom: 0;
}


.nav-pills>li.active>a, 
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover
{
    background-color: #ccc;
    /* border-bottom: 0.3em solid rgba(0,0,0,0.2); */
    color: #222;
}

.navbar-default .btn {
    border: 1px solid #000;
}

/* new main nav */

nav.mainNav ul {
	margin: 0;
}

nav.mainNav ul li ul li a.active::before, 
nav.mainNav ul li ul li a.active:hover::before {
    text-decoration: none;
}

nav.mainNav ul li ul li a:hover::before {
    text-decoration: none;
}

nav.mainNav ul li:hover, nav.main ul li:hover ul,
nav.mainNav ul li.open, nav.main ul li.open ul {
    text-decoration: none;
}

nav.mainNav ul a.active {
    background-color:grey;
    text-decoration: none;
    color: white;
}

nav.mainNav ul li ul li a:hover::before {
    text-decoration:none;
}	

nav.mainNav ul li i{
    background-color:#fff;
    text-decoration: none;
}	

nav.mainNav ul li ul li:hover, nav.main ul li ul li:hover ul,
nav.mainNav ul li ul li.open, nav.main ul li ul li.open ul{
    background-color:grey;
}	

nav.mainNav ul li a, 
nav.mainNav ul li:hover a, 
nav.mainNav ul li:hover ul a,
nav.mainNav ul li {
    color:black;
}	    

nav.mainNav ul li a,
nav.mainNav ul li:hover a, 
nav.mainNav ul li:hover ul a,
nav.mainNav ul li {
    color:black;
}	

nav.mainNav ul li ul li a
{
    color:black;
} 

nav.mainNav ul li ul li ul li a
{
    color:black;
} 


nav.mainNav ul li ul li a:hover
{
    color:white;
} 

header::after {
    border-color:lightgrey;
}

nav.mainNav ul,
nav.mainNav ul li {
	border-color:lightgrey;
}

nav.mainNav ul li ul li {
    background-color:lightgrey;
}


 	
nav.mainNav ul li a span {
	display:block;
}
		
nav.mainNav ul li,
nav.mainNav ul li a {
	position:relative;
}
		
nav.mainNav ul li.has_child a span { 
	padding-right:20px;
	}
	
@media (max-width:1199px) {
		
nav.mainNav {
	position:relative;
	clear:both;
	padding-top:0;
	}
nav.mainNav ul {
	position:relative;
	clear:both;
	border-width:0 0 1px; border-style:solid;
	}
nav.mainNav ul li {
	display:block;
	border-width:1px 0 0; border-style:solid;
	}
nav.mainNav ul li a {
	min-height:35px;
	display:block; 
    text-decoration: none;
	}
nav.mainNav ul li.has_child a span {
	background-image:none;
	}
nav.mainNav ul li i {
	font-size:26px; padding-top:17px;
	}
		
nav.mainNav ul ul {
	display:none;
	border-width:1px 0 0;
	}
nav.mainNav ul:first-child ul {
    display:none;
}
nav.mainNav ul ul li {
	border-width:0 1px 1px 0;
	}
nav.mainNav ul ul li:last-child {
	border-bottom:0 none;
	}
nav.mainNav ul li.open > ul {
	display:block; position:relative; top:auto; left:auto;
	}
	
}

@media (min-width:1200px) {

    header,
    .navigation,
    nav.mainNav,
    nav.mainNav ul,
    nav.mainNav ul li {
        z-index: 9999999;
    }

    nav.mainNav {
        height: 70px;
        position: relative;
        right: 0;
        left: 0;
        z-index: 9999999;
        padding-left: 25px;
    }

nav.mainNav ul {
	overflow:visible;
	line-height:1;
	font-size:18px;
	}
nav.mainNav ul li {
	float:left; display:inline;
	position:relative;
	}
nav.mainNav ul li a {
	display:block; float:left;
	height:70px;
	}
		
nav.mainNav ul li.has_child a span {
	padding-right:20px;
	}
nav.mainNav ul li i {
	top:23px; right:5px;
	width:20px; height:20px; padding-top:2px;
	}
	

/* DROP DOWN 2ND LEVEL */
nav.mainNav ul li ul {
	position: absolute; left: -999em; top:70px; z-index: 9999;
	width: 200px; height:auto;
	padding:0;
	display:block;
	border-top:0;
	font-size:15px;
	}
nav.mainNav ul li ul li {
	float: none;
	width: auto;
	display:block; 
    border-bottom: solid 0.8px;
    border-right: solid 0.8px;
	}
nav.mainNav ul li ul li a {
	float:none; display:block; height:auto;
	line-height:1.3;
	padding:15px 10px;
	}
nav.mainNav ul li ul li a::before {
	content:"";
	position:absolute; top:0; bottom:0; left:0; 
	width:3px; height:100%;
	}
nav.mainNav ul li ul li a span { 
	display:block;
	background:none!important;
	}
		
nav.mainNav ul ul li i {
	top:15px;
	}
		
}	

			
@media (min-width:1200px) {
		
nav.mainNav ul li a,
nav.mainNav ul li ul li a {
	padding-right:8px; padding-left:8px;
	}
nav.mainNav ul li i {
	right:10px;
	}
		nav.mainNav ul li:hover > ul {
	left:0;
	}
}	
			
@media (min-width:1200px) {	
		
nav.mainNav ul li li:hover > ul {
	top:0; left:200px;
	}
nav.mainNav ul li:hover > ul {
	left:0;
	}
			
}

.unclickableLink {
    position: relative;
}

@media (max-width: 1199px) {
    .unclickableLink {
        min-height: 35px;
        display: block;
        text-decoration: none;    
        margin: 0;
    }
}

@media (min-width: 1200px) {
    .unclickableLink {
        padding-right: 8px;
        padding-left: 8px;
        margin: 0 0 0;
    }
}

@media (min-width: 1200px) {
    .unclickableLink {
        display: block;
        float: left;
        height: 70px;
    }
}