*
{
   margin:0;
   padding:0;
   border-radius:0; }

.menu
{
    background:#fff;
     
    border: none;
    margin: 0;
    margin-bottom: 0;
    border-radius: 0;
    width:100%;
}

/*Header Container*/



/*Navbar*/
@media (max-width: 786px) {
	.menu .res-container:before,
	.menu .res-container:after {
		content: " ";
		display: table;
	}

	.menu .res-container:after {
		clear: both;
	}
}


@media (max-width: 786px) 
{
    .menu
    {
        padding-left: 0px;
        background: #495052;
    }
	.menu .navbar-nav > li > a {
        padding-top: 30px;
        padding-bottom: 40px;
       background: #495052;
        color:#fff;
        font-size:14px;
    }
   
    
    .menu .navbar-nav > li > a:hover
    {
        background: #495052;
        color:#fff; }
        .menu .navbar-nav > li > a:focus
        {
       background: #495052;
       color:#fff;
    }
    .menu .navbar-toggle {
	border-color: #ccc;
	border-width:1px;
	font-size:14px;
}

.menu-navbar-toggle-a
{
	color: #fff;
	font-size:14px;
}
}

@media (max-width: 786px) {
	
	.menu .navbar-brand
    {
       display:block;
       padding:0;
       margin:0;
       vertical-align:middle;
    }
	.menu .navbar-brand a
    {
       color:#fff;
       text-decoration:none;
       
      
    }
    .menu .navbar-brand a:hover
    {
        color:#f58220;
    }
}



/*Navbar Toggle*/
.menu .navbar-toggle {
	border-color: #ccc;
	border-width:1px;
	font-size:14px;
	border-radius:0;
}

@media (max-width: 786px) {
	.menu .navbar-toggle {
		margin-right: 0;
	}
}

.menu .navbar-toggle .fa {
	color: #fff;
	font-size:14px;
}

.menu .navbar-toggle,
.menu .navbar-toggle:hover, 
.menu .navbar-toggle:focus {
	
	padding: 5px 11px 4px;
	margin-right:15px;
	color:#fff;
}

.menu .navbar-toggle:hover {
	 
}

/*Navbar Collapse*/
.menu .navbar-collapse {
	position: relative;
}

/*Navbar Collapse*/
@media (max-width: 786px) {
  	.menu .navbar-collapse,
	.menu .navbar-collapse .container {
		padding-left: 0;
		padding-right: 0;
	}
}

/*Navbar Menu*/
.menu .navbar-nav > li > a {
	color: #fff;
	font-size: 13px;
	font-weight:300;
	text-transform:none;
}

.menu .navbar-nav > .active > a {
	color: #f58220;
}

@media (min-width: 787px) {
	.menu .navbar-nav 
	{
	    float:right;
	}	
	
	.menu .navbar-brand {
    
        display:block;
        padding:0;
        margin:0;
        top:20px;
        text-align:center;
    }
    .menu .navbar-brand a 
    {
        z-index:9999;
       
    
        
         
    }
}

/*--------------------------------------------------
    [3. Header - Responsive Navbar Style]
----------------------------------------------------*/

/*Responsive Navbar*/
@media (max-width: 786px) {
	/*Responsive code for max-width: 991px*/
    .menu .navbar-header {
        float: none;
    }
    
    .menu .navbar-toggle {
        display: block;
    }
    
    .menu .navbar-collapse.collapse {
        display: none !important;
    }
    
    .menu .navbar-collapse.collapse.in {
        display: block !important;
  		overflow-y: auto !important;
    }
    
    .menu .navbar-nav {
        margin: 0 0 5px;
        float: none !important;
    }

    .menu .navbar-nav > li {
        float: none;
    }
    
    .menu .navbar-nav > li > a {
        padding-top: 30px;
        padding-bottom: 40px;
        background: #495052;
    }

    /*Pull Right*/
    .menu .dropdown-menu.pull-right {
		float: none !important;
	}

	/*Dropdown Menu Slide Down Effect*/
	.menu .navbar-nav .open .dropdown-menu,.menu .navbar-nav .open .dropdown-submenu {
		border: 0;
		float: none;
		width: auto;
		margin-top: 0;
		position: static;
		box-shadow: none;
		border-radius:0;
	}

	.menu .navbar-nav .open > a, .menu .navbar-nav .open > a:hover, .menu .navbar-nav .open > a:focus
    {
        border-bottom-:none;
        color: #FFFFFF;
    }

	.menu .navbar-nav .open .dropdown-menu > li > a,
	.menu .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 10px 30px 5px 30px;
	}
	.menu .navbar-nav .open .dropdown-submenu > li > a
    {
		padding: 10px 30px 10px 30px;
		line-height: 20px;
		color:#fff;
	}
	.menu .navbar-nav .open .dropdown-menu > li > a {
		line-height: 20px;
	}
	
	.menu .navbar-nav .open .dropdown-menu > li > a:hover,
	.menu .navbar-nav .open .dropdown-menu > li > a:focus
	 {
		 
	}

	.menu .navbar-nav .open .dropdown-menu > li > a {
	 
		color:  #ccc;
  background: #495052;
    font-weight:300;
	}

	.menu .navbar-nav .open .dropdown-menu > li > a:hover, .menu .navbar-nav .open .dropdown-menu > li > a:focus
    {
        color: #ccc;
         background: #495052;
    }
	
	.menu .navbar-nav .open .dropdown-menu > .active > a,
	.menu .navbar-nav .open .dropdown-menu > .active > a:hover,
	.menu .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #555;
	}
	.menu .navbar-nav .open .dropdown-submenu > .active > a,
	.menu .navbar-nav .open .dropdown-submenu > .active > a:hover,
	.menu .navbar-nav .open .dropdown-submenu > .active > a:focus {
		color: #555;
	}
	
	.menu .navbar-nav .open .dropdown-menu > .disabled > a,
	.menu .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.menu .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #ccc;
		 
	}
	.menu .navbar-nav .open .dropdown-submenu > .disabled > a,
	.menu .navbar-nav .open .dropdown-submenu > .disabled > a:hover,
	.menu .navbar-nav .open .dropdown-submenu > .disabled > a:focus {
		color: #ccc;
		 
	}

	.menu .dropdown-menu.no-bottom-space {
		padding-bottom: 0;
	}  	

	/*Design for max-width: 991px*/
	.menu .navbar-nav > li > a {
		font-size: 14px;
		padding: 13px 20px;
	}

	.menu .navbar-nav > li a {
		border-top: solid 1px #bbb;
	}	

	.menu .navbar-nav > li > a:focus {
		 background: #495052;
		border-top: solid 1px #bbb;
		color: #FFFFFF;
	}

	.menu .navbar-nav > li > a:hover
    {
        color: #FFFFFF;
        border-top: solid 1px #bbb;
    }

	.menu .navbar-nav > .active > a,
	.menu .navbar-nav > .active > a:hover,
	.menu .navbar-nav > .active > a:focus {
		 
		color: #fff !important;	
	}
	.menu .dropdown .dropdown-submenu > a
    {
        font-size: 13px;
        color: #CCCCCC;
        text-transform: none;
    }
}

@media (min-width: 787px) {
	/*Navbar Collapse*/
	.menu .navbar-collapse {
		padding: 0;
		margin-bottom:0;  
	}

	/*Navbar*/
	.menu .container > .navbar-header, 
	.menu .container-fluid > .navbar-header, 
	.menu .container > .navbar-collapse, 
	.menu .container-fluid > .navbar-collapse {
		margin-bottom: -10px;
	}

	.menu .navbar-nav {
		position: relative;
	}

	.menu .navbar-nav > li > a {
		position: relative;
		padding: 30px 10px;
		font-size:14px;
		color: #666;
		
	}

	.menu .navbar-nav > li > a,
	.menu .navbar-nav > li > a:focus {	
		 
		background:none;
	}

	.menu .navbar-nav > li > a:hover,
	.menu .navbar-nav > .active > a {
		position: relative;
		 
		text-decoration:none;
	}
	


	.menu .navbar-nav > li:hover > a
    {
        color: #666;
        background: none;
    }

	/*Dropdown Menu*/
	.menu .dropdown-menu { 
		padding: 0;
		border: none;
		width: 170px;
		border-radius: 0;
		top:60px;
		-webkit-transform: translate(0, 20px);
    -webkit-transition: all 0.2s ease-out; 
   
     
		  
	}
	
	.menu .dropdown-menu:after { 
	bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color:#000;
    border-width: 6px;
    margin-left: -6px;
}
	.menu .dropdown-menu li a
    {
        font-size: 13px;
        padding: 15px 15px;
        color: #efefef;
        background-color: #000;
    }


	.menu .dropdown-menu .active > a,
	.menu .dropdown-menu li > a:hover {
		 
		  background: #fff;
    color: #666;
		 
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}

	.menu .dropdown-menu li > a:focus {
		   
		filter: none !important;
	}

	.menu .navbar-nav > li.dropdown:hover > .dropdown-menu {
		display: block;
	}	

	.menu .open > .dropdown-menu {
		display: none;
	}

}

/*--------------------------------------------------
    [4. Header - Submenu]
----------------------------------------------------*/

/*Dropdown Submenu for BS3
------------------------------------*/
.menu .dropdown-submenu { 
   position: absolute; 
   display:none;
   top: 5px; 
	left: 100%; 
	margin-top: -5px; 
	margin-left: 0px; 
	width:200px;
}

    .menu .dropdown-submenu > li
    {
        list-style:none;
    }
    .menu .dropdown-submenu > li > a
    {
        display:block;
        position:relative;
          background: #FFAC00;
        
    }
     .menu .dropdown-submenu > li > a:hover
    {
       
           background-color: #CC0000;
    }
.menu .dropdown-menu > li:hover .dropdown-submenu
{
    display:block;
 
}
.menu .dropdown-submenu > a:after {
    top: 10px;
    right: 9px;
    font-size: 11px;
    content: "\f105";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
}

@media (max-width: 786px) {
  	.menu .dropdown-submenu > a:after {
      	content: " ";
  	}
  	.menu .dropdown > a:after {
    top: 13px;
    right: 15px;
    content: "\f107";
    font-size: 11px;
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
}
}



.menu .dropdown-submenu > .dropdown-menu { 
	top: 3px; 
	left: 100%; 
	margin-top: -5px; 
	margin-left: 0px; 
}

/*Submenu comes from LEFT side*/
.menu .dropdown-submenu > .dropdown-menu.submenu-left {
	left: -100%;
}

.menu .dropdown-submenu:hover > .dropdown-menu {  
   	display: block;
}

@media (max-width: 786px) {
	.menu .dropdown-submenu > .dropdown-menu {  
		display: block;
		margin-left: 15px;
	}
}

.menu .dropdown-submenu.pull-left {
	float: none;
}

.menu .dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
}

/*Dropdow Mmenu Icons (Font Awesome)*/
.menu .dropdown-menu li [class^="fa-"],
.menu .dropdown-menu li [class*=" fa-"] {
	left: -3px;
	width: 1.25em;
	margin-right: 1px;
	position: relative;
	text-align: center;
	display: inline-block;
}
.menu .dropdown-menu li [class^="fa-"].fa-lg,
.menu .dropdown-menu li [class*=" fa-"].fa-lg {
	/* increased font size for fa-lg */
	width: 1.5625em;
}




/*--------------------------------------------------
    [8. Header - Fixed]
----------------------------------------------------*/