/*Navigation*/

#mainNav {
	box-shadow: 0px 2px 5px rgba(51,51,51,0.60);
	*box-shadow: none;
	*border-bottom: 1px solid #FFCC00;
	background-image: url("../images/nav-background.jpg");
	*background-size: 50%;
	font-family: sirba-web, serif;
}
.sticky-top {
		position: static !important;
	}
/*@media (max-width: 768px) {
	#mainNav {
	max-height: 80vh;
	overflow: scroll;
	}
}*/


@media (max-width: 992px) {
	#mainNav  .nav-item .nav-link .scale {
		display: inline-block;
	}
	
	#mainNav .nav-item .icon-nav {
	margin-right: 5px;
}
	
}

#mainNav.navbar-shrink {
	background-color: #fff;
	*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 .navbar-nav .nav-link {
	color: #e71028;
}

#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(255,255,255,1.00);	/*letter-spacing: 1px;*/
}
#mainNav .nav-item .nav-link .scale {
    transition: all .25s;
    transform: scale(1);
    color: rgba(255,255,255,1.00);
    font-size: 18px;
    font-weight: 700;	/*letter-spacing: 1px;*/
	/*text-transform: lowercase;*/
}

.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);
	 color: #e71028;
     text-shadow: 1px 1px 0px #333;
	
}


#mainNav .nav-item .icon-nav {
	transition: all 0.35s;
	transform: scale(1);
	vertical-align: middle;
}

#mainNav .nav-item:hover .icon-nav {
	transform: scale(1.4)
;}

.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: rgba(255,255,255,1);		
		
}

	#mainNav .nav-item:hover .nav-link .scale {
	*transform: scale(1.2);
    color: #e71028;
    text-shadow: 1px 1px 0px #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: left;
	}
}

.dropdown-menu {
	background-color: rgba(255,255,255,1);
	border-radius:0px;
	padding: 10px;
    margin-top: 1em;	
}

@media (min-width: 786px) {
    .dropdown-menu {
        background-color: rgba(255,255,255,1);
        border-radius:0px;
        padding: 10px;
        margin-top: 0em;
    }
}





.dropdown-menu .dropdown-item {
	color: #666;
	padding: 1rem 2rem;
	font-weight: 700;
	font-size: 18px;
}
.dropdown-menu .dropdown-item:not(:last-child) {
	border-bottom: 1px dotted #ddd;
}
.dropdown-menu .dropdown-item:hover {
    background-color: #eee;
   color: #e71028;
    text-shadow: 1px 1px 0px #333;
	*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);
}