/*Navigation*/

#mainNav {
    *background-color: rgba(246,246,246,1.00);
	background-image:url("../images/nav-bg.jpg");
    background-position: bottom;
    background-size: cover;
    *box-shadow: none;
	box-shadow: 0px 2px 5px rgba(51,51,51,0.60);
}
.sticky-top {
		position: static !important;
	}
/*@media (max-width: 768px) {
	#mainNav {
	max-height: 80vh;
	overflow: scroll;
	}
}*/


@media (max-width: 992px) {
	
	
}

#mainNav.navbar-shrink {
	background-color: rgba(246,246,246,1.00));
	box-shadow: 0px 2px 5px rgba(51,51,51,0.60);
}


#mainNav #nav-mobile img {
	opacity: 1 !important;
}
/*#mainNav .navbar-brand img {
	opacity: 0;
} 

#mainNav.navbar-shrink .navbar-brand img {
	opacity: 1;
}*/


#mainNav  .nav-item .nav-link .scale img {
	width: 50px;
}

#mainNav.dropdown.show .nav-link,
.navbar-light .navbar-nav .nav-link:hover {
	color: rgba(255, 255, 255, 0.90) !important;
}

/*Hover Scale*/
#mainNav.navbar-shrink .nav-item .nav-link .scale {
    transition: all .25s;
    transform: scale(1);
   *color: rgba(71,71,71,1.00);	/*letter-spacing: 1px;*/
}
#mainNav  .nav-item .nav-link .scale {
    transition: all .25s;
    transform: scale(1);
    font-size: 16px;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url(../images/nav-menu.png);
    background-size: 100% 100%;
    color: #333;
}

#mainNav .nav-item:hover .nav-link .scale {
	transform: scale(1);
	
}
.nav-subtitle {
	font-size: 12px;
	color: #265498;
}
.navbar-aubtitle img {
	height: 50px;
}
.dropdown-toggle::after {
	display: none;
}
.dropdown.show > .dropdown-toggle::after{
   transform: rotate(180deg);
}

.dropdown-toggle .scale::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-left: .3em solid transparent;
	/*content: "\e64b";
	font-family: 'themify';*/
	transition: all 150ms ease 0s;
}

.dropdown-menu .dropdown-item {
	text-align: left;
}

@media (min-width: 992px) {
	
	#mainNav  .nav-item .nav-link .scale img {
	width: auto;
}
	
	.sticky-top {
		position: sticky !important;
	}
	
	#mainNav .nav-item .nav-link .scale {
    transition: all .25s;
    transform: scale(1);
    color: #009640;
	text-transform: capitalize;
	text-shadow: 1px 1px 0px #fff;
		font-weight: 500;
		font-size: 18px;
}

	#mainNav .nav-item:hover .nav-link .scale {
    transform: scale(1);
    color: #333;
}
	
}
/*.nav-item .nav-link .icofont {
	transition: all .25s;
	transform: scale(1.5);
	color: rgba(229,99,30,0.80);
	margin-bottom: 5px;
}
.nav-item:hover .nav-link .icofont {
	transform: scale(2);
	color: rgba(229,99,30,1);
}*/



.navbar-toggler {
	background-color: #fff;
	border-radius: 0px;
}

@media (max-width: 786px) {
	.navbar-brand {
	opacity: 1 !important;
		max-width: 250px !important;
}
}


/*Dropdown Menu Animation*/
@media (min-width: 992px) {
	 /*Fade DropdownMenu*/
	
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translate(0, 20px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translate(0, 20px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
	
li.dropdown:hover .dropdown-menu {
    opacity: 1;
}
li.dropdown:hover .dropdown-menu {
    display: block;
    -webkit-animation: fadeIn 0.2s;
    animation: fadeIn 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.dropdown-toggle .scale::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-left: .3em solid transparent;
	/*content: "\e64b";
	font-family: 'themify';*/
	transition: all 150ms ease 0s;
}
.dropdown.show > .dropdown-toggle .scale::after{
   transform: rotate(180deg);
}
	.dropdown-menu .dropdown-item {
		text-align: right;
	}
}
.dropdown-menu {
	background-color: rgba(255,255,255,1);
	border-radius:0px;
	padding: 10px;
	
}
.dropdown-menu .dropdown-item {
	color: #666;
	padding: 1rem 2rem;
	font-size: 18px;
	font-weight: 500;
}
.dropdown-menu .dropdown-item:not(:last-child) {
	border-bottom: 1px dotted #ddd;
}
.dropdown-menu .dropdown-item:hover {
	background-color: #FBBB21;
   	color: #444444;
	font-weight: 500;
	*box-shadow: 0 12px 20px -10px rgba(130,150,216,0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(37,74,176,0.20);
}