

.top-nav{
	background:#FA6916;
	}	
	

.toggleMenu {
    display: none;
    padding: 10px 15px;
    color: #fff;
	margin-top:5px;
	width:100%;
}

.toggleMenu p{
	margin-bottom:0;
	color:#fff;}
	
a.toggleMenu:hover,a.toggleMenu:focus{
	color:#fff;}

.icon-bar{
	width:20px;
	height:3px;
	background:#fff;
	margin:3px;
	display:block;}



.menu {
	margin:0;
	padding:0;
	margin-bottom:0;
    list-style: none;
    *zoom: 1;
  
}
.menu:before,
.menu:after {
    content: " "; 
    display: table; 
}
.menu:after {
    clear: both;
}


.menu ul {
	margin:0;
	padding:0;
	background:#fff;
	z-index:123456789;
	border-top:1px solid #ddd;
    list-style: none;
    width: 20em;
   -webkit-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 10px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 10px 5px 0px rgba(50, 50, 50, 0.75);
	
}


.menu a {
	 -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
	text-decoration:none;
    padding: 10px 10px;
    color:#fff;
}
.menu li {
    position: relative;
}
.menu > li {
    float: left;
    /*border-top: 1px solid #000;*/
}


.menu > li > .parent:after{
	font-family: "FontAwesome";
	content: '\f107';
	font-size:18px;
	font-weight:normal;
	padding-left:5px;
	float:right;}

.menu > li > a {
	font-size:16px; 
	border-right: 1px solid #F97B36;
	 padding: 12px 15px;
    display: block;
	
}

.menu > li li.active a{
	color:#8C1F22;
	}

.menu > li.active > a {
	color:#8C1F22;
	}


.menu li a:hover{
	color:#8C1F22;
	}
	

@media screen and (min-width: 767px) {
	
.menu ul:after {
  position: absolute;
  top: -7px;
  left: 40px;
  width: 0;
  height: 0;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
}	

}

	
/*SELECT PARENT MEaNU*/	
.menu > li:hover a.parent{
	color:#8C1F22;
	}
/*SELECT PARENT MENU*/	



.menu li  ul {
    position: absolute;
  	visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s linear 0.3s, opacity 0.3s linear;
    left: -9999px;
}
.menu > li.hover > ul {
   left: 0;
   visibility: visible;
   opacity: 1;
   transition-delay: 0s;
}
.menu li li.hover > ul {
	 background: #fff;
    left: 100%;
    top: 0;
}

.menu li li a {
    display: block;
    background: #fff;
	/*border-left:5px solid #059ED1;*/
    position: relative;
	color:#006699;
    z-index:100;
    border-bottom: 1px solid #ddd;
}

.menu li li:last-child a{
	 border-bottom: none;
	}
	
		

@media screen and (max-width: 767px) {
    .active {
        display: block;
    }
    .menu > li {
        float: none;
    }
	.menu > li > a{
		border-right:none;
		border-bottom:1px solid #F97B36; }
	 
    .menu ul {
        display: block;
        width: 100%;
    }

    .menu > li.hover > ul , .menu li li.hover > ul {
        position: static;
    }
	


}

