/************* hosting menu bar  **************/
 
.ftco-section{
	padding: 0; 
} 
.ftco-navbar-light {
  background: #ff9900 !important; /* */
  color: #021159;
  z-index: 3;
  padding: 0; 
} 
#ftco-nav a{
	padding: 10px 15px 10px 15px;
	color:#021159;
	font-weight: 700;	
}
#ftco-nav a:hover, #ftco-nav a:active{
	color:#fff;	
	background: #ff9900 !important; /* */
}
#ftco-nav .navbar-nav .nav-item.active .nav-link{
	color:#fff;	
} 
.ftco-section .navbar-toggler{
	color: #021159;
	border: none;
} 

.ftco-section  .bg-dark{
    padding-top: 5px; /* 15px; */
    padding-bottom: 5px; /* 15px; */
    box-shadow: 0 0 18px 0 rgba(0,0,0,.12);
} 
.ftco-section .ftco-navbar-light  .navbar-nav li .dropdown-menu {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.12);
    border: none;
    border-radius: 0px;
    margin-top: -5px;
}
.ftco-section .ftco-navbar-light  .navbar-nav li .dropdown-menu a:hover{
	background: #ff9900;
	color: #ffffff;
}

.ftco-navbar-light {
	background: #ff9900 !important;
	z-index: 3;
	padding: 0;
	@include media-breakpoint-down(md) {
		background: $black!important;
		position: relative;
		top: 0;
		padding: 10px 15px;
	}

	.navbar-nav {
		@include media-breakpoint-down(md){
			padding-bottom: 10px;
		}
		> .nav-item {
			> .nav-link {
				font-size: 16px;
				/*
				padding-top: 1.5rem;
				padding-bottom: 1.5rem;
				padding-left: 20px;
				padding-right: 20px;
				*/
				padding: 6px 0px; /* 6px 0px; */				
				font-weight: 800;
				color: #021159; /*$white; */
				/* text-transform: uppercase; */
				letter-spacing: 1px;
				position: relative;
				&:before{
					content: "";
				  position: absolute;
				  width: 100%;
				  height: 100%;
				  bottom: 0;
				  left: 0;
				  background-color: $primary;
				  visibility: hidden;
				  -webkit-transform: scaleX(0);
				  transform: scaleX(0);
				  -webkit-transition: all 0.5s ease-in-out 0.5s; /*all 0.2s ease-in-out 0s;*/
				  transition: all 0.5s ease-in-out 0.5s; /* all 0.2s ease-in-out 0s; */
				  z-index: -1;
				}
				&:hover {
					/*color: $white;*/
					color : #6c757d;
					&:before{
						visibility: visible;
					  background-color: $primary;
					  -webkit-transform: scaleX(1);
					  transform: scaleX(1);
					}
				}
				opacity: 1!important;
				@include media-breakpoint-down(md){
					padding-left: 0;
					padding-right: 0;
					padding-top: .9rem;
					padding-bottom: .9rem;
					color: rgba(255,255,255,.7);
					&:hover{
						color: $white;
						&:before{
							display: none;
						}
					}
				}
			}

			.dropdown-menu{
				border: none;
				background: $white; 
				-webkit-box-shadow: 0px 10px 34px -20px rgba(0,0,0,0.41);
				-moz-box-shadow: 0px 10px 34px -20px rgba(0,0,0,0.41);
				box-shadow: 0px 10px 34px -20px rgba(0,0,0,0.41);
				border-radius: 4px; 
				.dropdown-item{
					font-size: 16px;
					color: #021159;
					&:hover, &:focus{
						background: none;
						color: $white; 
						/*color: #6c757d; #021159*/
					}
				}
				@include media-breakpoint-down(md){
					display: block !important;
					background: $black;
					.dropdown-item{
						color: rgba(255,255,255,.8);
					}
				}
			}

			
			&.cta {
				> a {
					color: $white;
					background: $primary;
					border-radius: 0px;
					@include media-breakpoint-down(sm){
						padding-left: 15px;
						padding-right: 15px;
					}
					@include media-breakpoint-down(md){
						color: $white;
						background: none;
						border-radius: 4px;
					}
				}
			}
			&.active {
				> a {
					color: $white;
					&:before{
						visibility: visible;
					  background-color: $primary;
					  -webkit-transform: scaleX(1);
					  transform: scaleX(1);
					}
					@include media-breakpoint-down(md){
						color: $primary;
						&:before{
							display: none;
						}
					}
				}
			}
		}
	}
	
	.navbar-toggler {
		border: none;
		color: rgba(255,255,255,.5)!important;
		/*color: #021159;color: rgba(255,255,255,.5)!important;*/
		cursor: pointer;
		padding-right: 0;
		/* text-transform: uppercase; */
		font-size: 16px;
		letter-spacing: .1em;
		&:focus{
			outline: none !important;
		}
	}
}