#main { transition: 0.5s; } 

.opennav { height:px; width:px; position:fixed; z-index:100; padding: px; margin: 0 auto;margin-bottom:-0px;  }
.opennav p { color: ; font-size: px; cursor: pointer; }
.opennav p span { font-size: px; vertical-align:middle; }

#ccNav .closebtn, #ccSidenav .closebtn { height:px; width:px; position:relative; z-index:4100; padding: px; margin: 0 auto; margin-bottom:-0px; }
#ccNav .closebtn p, #ccSidenav .closebtn p { color: ; font-size: px; cursor: pointer; }
#ccNav .closebtn p span, #ccSidenav .closebtn p span { font-size: px; vertical-align:middle; }

.sidenav { height: 100%; width: 0; position: fixed; z-index: 3001; top: 0; left: 0; background-color: rgba(0, 0, 0, 0); overflow-x: hidden;  transition: 0.5s; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.sidenav_right { height: 100%; width: 0; position: fixed; z-index: 3001; top: 0; right: 0; background-color: rgba(0, 0, 0, 0); overflow-x: hidden;  transition: 0.5s; }
.sidenav a, .sidenav_right a { width:0px; border-bottom:  px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 400; margin-right: px; margin-left: px; padding-top: px; padding-bottom: px; text-decoration: none; font-size: 13px; color: #000000; display: block; transition: 0.3s; }
.sidenav a:hover, .sidenav_right a:hover { color: #000000; }
.sidenav a:last-child, .sidenav_right a:last-child { border-bottom:none; }

.navpos { height: 100%;  z-index:3020; width: 100%; position: absolute; }
.navtable { display:table; width:100%; height:100%; }
.navrow { display:table-row; height:100%; }
.navcell { display:table-cell; height:100%; vertical-align: ; padding-top: px; padding-bottom: px; }

.overlay3 { height: 100%; width: 0; position: fixed; z-index:3001; top: 0; left: 0; background-color:; overflow-y: auto; overflow-x: hidden; text-align: center; opacity: 0; transition: opacity 1s; }

@media screen and (max-height: 450px) { 
	.sidenav { padding-top: 15px; }
	.sidenav a { font-size: 18px; } 
}

/*Fullscreen navigation*/
.overlay-right { height: 100%; width: 0; position: fixed; z-index: 50000; left: 0; top: 0;  background-color: rgba(0, 0, 0, 0); overflow-x: hidden; transition: 0.5s; }
.overlay-right a { border-bottom:  px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 400; padding: px px px px; text-decoration: none; font-size: 13px; color: #000000; display: block; transition: 0.3s; }
.overlay-right a:hover, .overlay-right a:focus { color: #000000; }
.overlay-right a:last-child { border-bottom:none; }

.overlay-down { height: 0; width: 100%; position: fixed; z-index: 50000; left: 0; top: 0; background-color: rgba(0, 0, 0, 0); overflow-x: hidden; transition: 0.5s; }
.overlay-down a { border-bottom:  px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 400; padding: px px px px; text-decoration: none; font-size: 13px; color: #000000; display: block; transition: 0.3s; }
.overlay-down a:hover, .overlay-down a:focus { color: #000000; }
.overlay-down a:last-child { border-bottom:none; }

.overlay-block { height: 100%; width: 100%; position: fixed; z-index: 50000; left: 0; top: 0; background-color: rgba(0, 0, 0, 0); overflow-x: hidden; transition: 0.5s; }
.overlay-block a { border-bottom:  px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 400; padding: px px px px; text-decoration: none; font-size: 13px; color: #000000; display: block; transition: 0.3s; }
.overlay-block a:hover, .overlay-block a:focus { color: #000000; }
.overlay-down a:last-child { border-bottom:none; }

.overlay-content { position: relative; top: 25%; width: 100%; text-align: center; margin-top: 30px; width:100%; max-width:px; margin:0 auto; }

@media screen and (max-height: 450px) { 
	.overlay-down { overflow-y: auto; }
	.overlay-right a, .overlay-down a, .overlay-block a { font-size: 20px; }
}

/*Shrink nav bar*/
#navbar { overflow: hidden; background-color: #000000; padding: 90px 10px; transition: 0.4s; position: fixed; width: 100%; top: 0; z-index: 99; }
#navbar a { float: left; color: black; text-align: center; padding: 12px; text-decoration: none; font-size: 18px; line-height: 25px; border-radius: 4px; }
#navbar #logo { font-size: 35px; font-weight: bold; transition: 0.4s; }
#navbar a:hover { background-color: #ddd; color: black; }
#navbar a.active { background-color: dodgerblue; color: white; }
#navbar-right { float: right; }

@media screen and (max-width: 580px) { 
	#navbar { padding: 20px 10px !important; }
	#navbar a { float: none; display: block; text-align: left; }
	#navbar-right { float: none; } 
}
nav.fixed-nav { position: fixed !important; }
nav { height:70px; background-color:rgba(0, 0, 0, 0);  }
.logo { height: px; width:100px; background:url(../../images/main-logo-white.svg); background-position: center; background-repeat: no-repeat; background-size: 100%;}
.nav_spacer { height: 70px; }
.nav_devider { color: #000000; }

.stellarnav { font-family:'Open Sans', sans-serif; font-weight:400; font-size: 13px; text-transform: uppercase; }
.stellarnav li a { padding-bottom: px; color: #000000; margin: 0px; }
.stellarnav li a:hover { color: #000000; }

.stellarnav > ul > li > a { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.stellarnav > ul > .nav_devider { padding: 0px 0px 0px 0px; margin: 0px 0 0px 0; }
.stellarnav > ul > li > .no-pad { padding: 0px; margin: 0; }

.stellarnav ul ul { background-color:rgba(0, 0, 0, 0); padding: 10px 20px 10px 20px; }
.stellarnav ul li ul a { color : #000000; font-size : px; }
.stellarnav ul li ul a:hover { color : #fbfbfb; }
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { color: #000000; }
.stellarnav.mobile.active .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile { color: #ffffff; }.nav-bg { height: 70px; margin-bottom: -70px; }
.smaller { height: 70px; }
.smaller .logo { height: 70px; width:70px; background:url(../../images/main-logo-black.svg); background-position: center; background-repeat: no-repeat; background-size: 100%; }
.smaller .nav_devider, .smaller .stellarnav li a { color: #000000; }
.smaller .stellarnav ul ul { background-color:rgba(0, 0, 0, 0.8); }
.smaller .stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { color: #000000; }
.smaller .stellarnav li a:hover { color: #000000; }
.smaller .stellarnav > ul > li > a { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.smaller .stellarnav > ul > .nav_devider { padding: 0px 0px 0px 0px; margin: 0px 0 0px 0; }
.smaller .stellarnav > ul > li > .no-pad { padding: 0; margin: 0; }
.smaller .stellarnav.mobile > ul > li > a { margin: 0px; }

.stellarnav.mobile ul { background-color:rgba(0, 0, 0, 0.8); }
.stellarnav.mobile > ul > li > a { color:#ffffff; margin: 0px; font-size:px; }
.stellarnav.mobile > ul > li > a:hover { color:#ffffff; margin: 0px; }
.stellarnav.mobile ul ul { }
.stellarnav.mobile ul ul a { color : #ffffff; }
.stellarnav.mobile ul ul a:hover { color : #ffffff; }
.stellarnav.mobile li a { border-bottom: 1px solid rgba(255, 255, 255, 0.8); }
.stellarnav.mobile li.has-sub a { padding-right: 50px; }
.stellarnav.mobile > ul { border-top: 1px solid rgba(255, 255, 255, 0.8); }

.stellarnav .nav_active a {
	display: block; 
	text-decoration: none; 
	font-family:'Open Sans', sans-serif; 
	font-weight:400; 
	font-size: 13px; 
	text-transform: uppercase;
	box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; 
	border-bottom: 0px solid ;
	color: #000000;
	padding-bottom: 0px;
}
.smaller .stellarnav .nav_active a {
	display: block; 
	font-family:'Open Sans', sans-serif; 
	font-weight:400; 
	font-size: 13px; 
	text-transform: uppercase;
	box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; 
	color: #000000;
	border-bottom: 0px solid ;
	padding-bottom: 0px;
}
.stellarnav.mobile .nav_active a,
.smaller .stellarnav.mobile .nav_active a {
	border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	padding-bottom: 10px;
}
.stellarnav .transition-hover a:after {
	content: '';
	display: block;
	box-sizing: border-box;
	border-bottom: 0px solid ;
	width: 0;
	position: relative;-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	margin-top: 0px;
	margin-bottom: -0px;
}
.stellarnav .transition-hover a:hover:after { width: 100%;}

.stellarnav.mobile > ul > li > a { 
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
}
.stellarnav .transition-hover a:after { padding-bottom: 0; }
.stellarnav.mobile .transition-hover a:hover:after { width: 0;}

@media only screen and (max-width : 1024px) {
nav, .nav_spacer, .smaller { height: 50px; }
	
	.stellarnav.mobile > ul > li.nav_devider {
		display: none;
	}
	.stellarnav.mobile > ul > li.hide-logo {
		display: none;
	}
	.nav-bg {
		width: 100% !important;
		height: 50px !important;
		margin-bottom: -50px !important;
	}
	.smaller {
		margin-top: 0 !important;
		width:100% !important;
		height:50px !important;
		nav {
			height:50px !important;
		}
	}
}