/*==== Miechs=======*/
/*==== Navbar=======*/

/*====NavBar=======*/
.navbar{
	margin:0;
	padding:0;
	background-color:#F8F9FA !important;
	box-shadow: 1px 1px 2px #888888;
}



.is-hidden {
  opacity: 0;
  transition: transform 0.4s  , opacity 0.5s;
}


.is-visible {
  opacity: 1;
  transition: transform 0.4s  , opacity 0.5s;
}

/*====NavBar Logo=======*/


.navbar-brand {
	margin:0 !important;
	padding:0 !important;
	
	
	
}

.navbar-brand img{
	display:block;
	float:left;
	max-width:100%;
	padding-right:5px;
	
	
}

.navbar-brand span{
	display:block;
}





.navbar-brand span.mi{
	font-family:"Oxygen" , sans-serif;
	padding-top:5px;
	font-size:16px;
	font-weight:bold;
	color:#006600 ;

	
}


.navbar span.echs{
	font-family:"Open sans";
	font-size:12px;	
	
}

.navbar-brand:after{
	clear:both;
}








/*====NavBar ul class=======*/
.nav-clr{
	background-color:#F8F9FA !important;
	padding:10px 0 10px 0;
	
	

	
}
.nav-clr  .border-right {
	
	border-right:solid 1px rgba(173,176,177,0.5) !important;
}

/*====NavBar ul li=======*/
.nav-item > a{
	padding:10px 15px 10px 15px;
	font-size:14px;
	
	
}

.nav-clr  .nav-link{
	color:#3b3b3b !important;
	
	
}


/*.nav-item > a:hover,  .dropdown-item {
	background:#006600 !important;
	color:#F8F9FA !important;
	font-size:14px;
	
	
}*/


.nav-item > a:hover {
	background:#006600 !important;
	color:#F8F9FA !important;
	font-size:14px;
	
	
}

/*======================*/

/*===Dropdown menu============*/
.dropdown-menu{
	padding:0;
	margin-top:-1px !important;
}

.nav-clr .dropdown-menu > a:first-child{
	border-top:#006600 solid 4px;
}

.dropdown-menu > a{
	padding:5px 5px 5px 10px;
	background:#F8F9FA;
	font-size:12px;
	border-top:#006600 solid 1px;
}

.dropdown-menu > a:hover{
	font-weight:bold;
	padding-letf:5px;
	color:#fff;
	
	background:#006600;
}


/*======= MEDIA Responsive ============= */

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




.nav-clr>li.border-right {
    border-right: none !important ;
  }
  
  .nav-clr{
	  margin-top:0;
	  height:auto;
	  
	 	
	}
	
	.nav-item > a{
	padding:10px 15px 10px 15px;
	font-size:14px;
	
	
}
  
	.nav-item > a:hover{
	padding-left:10px;
	background:#006600;
	color:#F8F9FA !important;
	
	
}  



  .nav-clr>li {
	 
	padding:0 0 0 1rem;
    border-right: none !important ;
  }


.dropdown-menu{
	border:0;
	
}

.dropdown-menu > a{
	border:0;
	background:#F8F9FA;
	
}
.dropdown-menu > a:hover{
	padding-left:1rem;

	border:0;
	background:#006600 ;
	color:#F8F9FA;
	
	
}

.navbar{
	padding:5px 0 5px 0;
}

.navbar-brand {
	margin:0 !important;
	padding:0 !important;
	white-space-collapse:collapse;
	
	
	
}

.navbar-brand img{
	
	display:inline-block;
	
	
	
	
	
}

.navbar-brand span{
	display:block;
	
	
	
	
}




}