@charset "utf-8";

/*******************************************************************************/
/* NAVIGTION   Desktop : Bootstap 4 Navbar Navi */  
/*******************************************************************************/

.slicknav_menu {display:none !important; }



#main-nav {
			line-height: 0;
			text-align: right;
		}
		#main-menu {
			/*display: inline-block;*/
		}


#navigation { 
	position: absolute;
	margin-right:15px;
	right:0px; 
	width:calc(100% - 30px); 
	margin-top:18px;  
	background-color:none !important; 
	z-index:250; 
	overflow:visible; 
	height:auto;
   animation: cssAnimation 0s 0.3s forwards;
   opacity: 0; 
}

@keyframes cssAnimation {
  to   { opacity: 1; }
}


.navbar {
	margin-bottom: 0px !important;
  -ms-flex-align: right !important;
	align-items: right !important;
	-ms-flex-pack:right !important;
}


ul.nav { 
	float:right !important; 
	position:absolute !important;
	right:0;
}

.bg-light {
	background-color:#D61818 !important;
}

ul.nav li {
	position: relative;
}

ul.nav li a, ul.nav li a:visited {
	background:#D61818;
	text-decoration:none;
	display:block;
	height:auto;
	width:auto;
	font-size: 18px;
	font-weight:700;
	color:#fff;
	text-align:left;
	text-transform:uppercase; 
}

.navbar-light .navbar-nav .nav-link {
	color: #fff;
}


ul.nav li a:hover, ul.nav li a.active { 
	color:#000 !important; 
}

.navbar-nav > li > a {
/*	padding-top: 8px !important;
	padding-bottom: 8px !important;*/
	padding:8px 14px 8px 14px !important;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 2px 15px 8px 15px;
	margin: 2px 0 0;
	font-size: 18px !important;
	list-style: none;
	background-color: #D61818;
	border: 0px solid #ccc;
	border: 0px solid rgba(0,0,0,0.15);
	border-radius: 0px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	box-shadow: 0 0px 0px rgba(0,0,0,0.175);
	background-clip: padding-box;
}

.dropdown-menu a {
	padding:3px 0px; 
	font-weight:500 !important;
	text-transform:none !important;
}


.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color:#000 !important;
	text-decoration: none !important; 
}

.highlighted {
	color:#000 !important;
}

ul.nav > li:first-child {
	display:none !important;
}

.sub-arrow {
	display:none !important;
	width:0;
	height:0; 
}


.dropdown-toggle::after {
	display: none; 
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}



/* end */
/*******************************************************************************/






/*******************************************************************************/
/* NAVIGTION  Mobile : Slicknav  */  
/*******************************************************************************/

@media screen and (max-width: 1000px) { 

	.navbar-nav {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction:row !important; 
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
	}

}


@media screen and (max-width: 1000px) { 
	#navigation, .navbar { display:none; height:0px; }
	.slicknav_menu { display:block !important; }
	.js .navbar-collapse {  display:none !important; }
	.js .menu {  display:block; z-index:50; }

}


/* end */
/*******************************************************************************/