#nav-banner {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 80px;
	 z-index:1001;
	 transition: background-color .5s, color .5s;
	 -webkit-transition: background-color .5s, color .5s;
	 -moz-transition: background-color .5s, color .5s;
	 -o-transition: background-color .5s, color .5s;
}
 #nav-banner.opaque{
	 background-color:#fff;
	 background-color:rgba(251,251,251,.95);
	 color:#282828;
	 border-bottom:1px solid #282828;
	 border-bottom:1px solid rgba(40,40,40,.15)
}
 #mobile-hamburger{
	 display:none;
}
button.fa.fa-bars.fa-3x {
    color: inherit;
}
/** * LOGOS ***/
 #banner-logo {
	 display: inline-block;
	 width: 20%;
	 text-align: left;
	 padding: 5px 1%;
	 height:70px
}
 #white-logo{
	 position:absolute;
	 top:0;
	 left:0;
	 max-width:100%;
	 max-height:800px;
	 opacity:1;
	 transition: max-height .75s, opacity .5s;
	 -webkit-transition: max-height .75s, opacity .5s;
	 -moz-transition: max-height .75s, opacity .5s;
	 -o-transition: max-height .75s, opacity .5s;
}
 #white-logo.small {
	 max-height: 70px;
}
 #white-logo.small.transparent{
	 opacity:0;
}
 #black-logo{
	 position:absolute;
	 top:0;
	 left:0;
	 opacity:0;
	 max-height:70px;
	 max-width:100%;
	 transition: opacity .5s;
	 -webkit-transition: opacity .5s;
	 -moz-transition: opacity .5s;
	 -o-transition: opacity .5s;
}
 #black-logo.visible{
	 opacity:1;
}
/*** * NAV BUTTONS ***/
 #navigation {
	 display: inline-block;
	 width: 76%;
	 text-align: right;
	 height: 100%;
	 vertical-align: top;
}
 #navigation ul {
	 list-style-type: none;
	 margin: 0;
	 padding-left:0;
}
 #navigation>ul{
	 height: 100%;
}
 li.top-level-nav {
	 display: inline-block;
	 vertical-align: top;
	 padding: 0 15px;
	 color:#fff;
	 height:100%;
	 transition: background-color .25s;
	 -webkit-transition: background-color .25s;
	 -moz-transition: background-color .25s;
	 -o-transition: background-color .25s;
}
 #nav-banner.opaque li.top-level-nav {
	 color: #282828;
}
 li.top-level-nav a {
	 margin-top: 70px;
	 display: block;
	 color: inherit;
	 font-family: 'Raleway', sans-serif;
	 font-weight: 400;
	 text-decoration: none;
	 text-align: center;
	 font-size: 1.1em;
	 transition: color .25s;
	 -webkit-transition: color .25s;
	 -moz-transition: color .25s;
	 -o-transition: color .25s;
}
 li.top-level-nav>a{
	 -webkit-transform:translate(0,-100%);
	 -moz-transform:translate(0,-100%);
	 -o-transform:translate(0,-100%);
	 -ms-transform:translate(0,-100%);
	 transform:translate(0,-100%);
}
 li.top-level-nav:hover{
	 background-color:#fff;
	 background-color:rgba(251,251,251,.95);
	 color:#282828;
}
 #nav-banner.opaque li.top-level-nav:hover{
	 background-color:#282828;
	 background-color:rgba(40,40,40,.95);
	 color:#fff;
}
/*** * SECOND LEVEL NAV **/
 #navigation .top-level-nav ul {
	 position: absolute;
	 visibility: hidden;
	 width: inherit;
	 top: 100%;
	 opacity: 0;
	 margin-left: -15px;
	 padding: 15px;
	 background-color:#fff;
	 background-color: rgba(251,251,251,.95);
	 z-index: 1000;
	 font-size: 1em;
	 transition: opacity .25s;
	 -webkit-transition: opacity .25s;
	 -moz-transition: opacity .25s;
	 -o-transition: opacity .25s;
}
 #navigation .top-level-nav:hover ul{
	 visibility: visible;
	 opacity:1;
}
 #nav-banner.opaque #navigation .top-level-nav ul {
	 background-color:#282828;
	 background-color: rgba(40,40,40,.95);
}
 li.second-level-nav a {
	 margin-top: 0;
	 padding: 20px 5px 5px 5px;
	 text-align: left;
	 color: #282828;
	 border-bottom:1px solid #282828;
	 border-bottom: 1px solid rgba(40,40,40,.15);
	 transition: all .25s;
	 -webkit-transition: all .25s;
	 -moz-transition: all .25s;
	 -o-transition: all .25s;
}
 #nav-banner.opaque li.second-level-nav a {
	 color:#fff;
	 border-bottom:1px solid #fff;
	 border-bottom:1px solid rgba(251,251,251,.15);
}
 li.second-level-nav a:hover {
	 color:#fff;
	 background-color:#282828;
	 background-color:rgba(40,40,40,.95);
}
 #nav-banner.opaque li.second-level-nav a:hover {
	 color:#282828;
	 background-color:#fff;
	 background-color:rgba(251,251,251,.95);
}
 @media only screen and (max-width:1200px){
	 li.top-level-nav a {
		 font-size: 1em;
	}
	 #banner-logo {
		 width: 15%;
	}
	 #navigation {
		 width: 82%;
	}
	 #white-logo, #black-logo{
		 top:50%;
		 left:50%;
		 -webkit-transform:translate(-50%,-50%);
		 -moz-transform:translate(-50%,-50%);
		 -o-transform:translate(-50%,-50%);
		 -ms-transform:translate(-50%,-50%);
		 transform:translate(-50%,-50%);
	}
}
 @media only screen and (max-width:1000px){
	 li.top-level-nav a {
		 font-size: .9em;
	}
}
 @media only screen and (max-width:900px){
	 #nav-banner{
		 height:70px;
	}
	 li.top-level-nav{
		 padding:0 8px;
	}
	 li.top-level-nav>a{
		 margin-top:60px;
	}
	 #navigation .top-level-nav ul{
		 padding:8px;
		 margin-left:-8px;
	}
}
 @media only screen and (max-width:800px), only screen and (min-device-width : 768px) and (max-device-width : 1024px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width : 375px) and (max-device-width : 667px), only screen and (min-device-width : 414px) and (max-device-width : 736px), only screen and (min-device-width : 320px) and (max-device-width : 568px), only screen and (min-device-width : 320px) and (max-device-width : 480px), only screen and (min-width: 360px) and (max-width: 767px){
	 #nav-banner.dark-opaque{
		 background-color:#282828;
		 background-color:rgba(40,40,40,.95);
	}
	 #mobile-hamburger {
		 display: inline-block;
		 height: 70px;
		 vertical-align: top;
		 width: 82%;
		 color: #fff;
		 text-align: right;
	}
	 #mobile-hamburger button.fa.fa-bars.fa-3x {
		 position: absolute;
		 top: 50%;
		 right: 1%;
		 -webkit-transform: translate(0,-50%);
		 -moz-transform: translate(0,-50%);
		 -o-transform: translate(0,-50%);
		 -ms-transform: translate(0,-50%);
		 transform: translate(0,-50%);
		 color:#fff;
		 padding: 0;
    border: none;
		 transition:all .25s;
		 -webkit-transition:all .25s;
		 -moz-transition:all .25s;
		 -o-transition:all .25s;
		 appearance:none;
		 -moz-appearance:none;
		 -webkit-appearance: none;
		 -ms-appearance:none;
		 -o--appearance:none;

	}
	 #mobile-hamburger button.fa.fa-bars.fa-3x:hover{
		 color:#C8102E;
		 cursor:pointer;
	}
	 #mobile-hamburger button.fa.fa-bars.fa-3x.rotate{
		 -webkit-transform: translate(0,-50%) rotate(90deg);
		 -moz-transform:translate(0,-50%) rotate(90deg);
		 -o-transform:translate(0,-50%) rotate(90deg);
		 -ms-transform:translate(0,-50%) rotate(90deg);
		 transform:translate(0,-50%) rotate(90deg);
	}
	 #nav-banner.opaque #mobile-hamburger button{
		 color:#282828;
		 cursor:pointer;
	}
	 #nav-banner.opaque #mobile-hamburger button:hover{
		 color:#C8102E;
	}
	 #navigation {
		 position: absolute;
		 left: 0;
		 margin-left:100%;
		 top: 70px;
		 width: 100%;
		 text-align: right;
		 transition:margin-left .5s;
		 -webkit-transition:margin-left .5s;
		 -moz-transition:margin-left .5s;
		 -o-transition:margin-left .5s;
	}
	 #navigation.open{
		 margin-left:0;
	}
	 #navigation>ul {
		 height:auto;
		 text-align: right;
		 background-color:#282828;
		 background-color: rgba(40,40,40,.95);
		 padding: 20px 10px;
		 overflow: scroll;
	}
	 #nav-banner.opaque #navigation>ul {
		 background-color:#fff;
		 background-color: rgba(251,251,251,.95);
		 border-bottom:5px solid #282828;
	}
	 li.top-level-nav {
		 display: block;
		 height:auto;
	}
	 li.top-level-nav:hover, #nav-banner.opaque li.top-level-nav:hover{
		 background-color:transparent;
	}
	 li.top-level-nav>a{
		 text-align: right;
		 display: inline-block;
		 margin-top: 0;
		 padding: 15px 25px;
		 border:1px solid #282828;
		 border: 1px solid rgba(40,40,40,.15);
		 background-color:#fff;
		 background-color: rgba(251,251,251,.95);
		 color: #282828;
		 margin-bottom: 20px;
		 -webkit-transform: translate(0,0);
		 -moz-transform: translate(0,0);
		 -o-transform: translate(0,0);
		 -ms-transform: translate(0,0);
		 transform: translate(0,0);
	}
	 #nav-banner.opaque li.top-level-nav>a{
		 border:1px solid #fff;
		 border: 1px solid rgba(251,251,251,.95);
		 background-color:#282828;
		 background-color: rgba(40,40,40,.95);
		 color: #fff;
	}
	 li.top-level-nav>a:hover{
		 background-color:#282828;
		 color:#fff;
		 border:1px solid #fff;
	}
	 #nav-banner.opaque li.top-level-nav>a:hover{
		 background-color:#fff;
		 color:#282828;
		 border:1px solid #282828;
	}
	 #navigation li.top-level-nav ul{
		 display:none;
	}
	 li.top-level-nav br {
		 display: none;
	}
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width : 375px) and (max-device-width : 667px), only screen and (min-device-width : 414px) and (max-device-width : 736px), only screen and (min-device-width : 320px) and (max-device-width : 568px), only screen and (min-device-width : 320px) and (max-device-width : 480px), only screen and (min-width: 360px) and (max-width: 767px){
	 #banner-logo{
		 display:none;
	}

	 #mobile-hamburger{
		 color:#fff;
		 width:98%;
	}
	#nav-banner.opaque #mobile-hamburger{
		color:#282828;
	}
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:landscape), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation:landscape), only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation:landscape), only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation:landscape), only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation:landscape), only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation:landscape), only screen and (min-width: 360px) and (max-width: 767px) and (orientation:landscape){
	 #nav-banner.opaque li.top-level-nav, li.top-level-nav {
		 display: inline-block;
		 width: 47%;
	}
}