/*=========== Navigation Code ===============*/

.navbar a, .navbar a:visited {color:#ffffff; font-weight:normal}
.navbar a:hover {color:rgba(255,255,255,0.7); font-weight:normal}
.navbar li.active a {font-weight:bold}

#header .navbar-expand-lg {
	margin-top: -60px;
    float: right;
}


#header .navbar-nav {
	margin-left:auto!important;

}

#header .navbar-nav .nav-item {margin-left:30px}



.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(255,255,255);
} 

@media only screen and (max-width: 992px) {
	
	#header .navbar-expand-lg {
		margin-top: -40px;
		width: 100%;
	}	

}


@media only screen and (max-width: 767px) {
	
	#header .navbar-expand-lg {
	}	
	
	.navbar-collapse {background-color:var(--main-color); padding:20px 20px 0px; }	
}