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

.menu
{
    background-color: #314D68;
    min-height: 50px;
    border-bottom: solid 1px #213345;
    border-top: solid 1px #213345;
    margin: 0;
    margin-bottom: 0;
    border-radius: 0;
    display: block;
    position: relative;
    border-top-color: #336600;
    border-bottom-color: #336600;
}

/*Header Container*/



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

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


@media (max-width: 768px) 
{
    .menu
    {
        padding-left:0px;
        background: #314D68;
        
        }
	.menu .navbar-nav > li > a {
        padding-top: 30px;
        padding-bottom: 40px;
       background-color: #314D68;
        color:#fff;
        font-size:14px;
    }
   
    
    .menu .navbar-nav > li > a:hover
    {
        background-color: #314D68;
        color:#fff; }
        .menu .navbar-nav > li > a:focus
        {
       background-color: #314D68;
        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: 991px) {
	
	.menu .navbar-brand
    {
       display:block;
    }
	.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;
}

@media (max-width: 991px) {
	.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: 991px) {
  	.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: 992px) {
	.menu .navbar-nav {
	}	
	
	.menu .navbar-brand {
    
         display:none;
    }
}

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

/*Responsive Navbar*/
@media (max-width: 991px) {
	/*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;
    }

    /*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: 5px 20px 5px 20px;
	}
	.menu .navbar-nav .open .dropdown-submenu > li > a
    {
		padding: 5px 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: #fff;
        background: #5683AF;
        font-weight: 300;
    }

	.menu .navbar-nav .open .dropdown-menu > li > a:hover, .menu .navbar-nav .open .dropdown-menu > li > a:focus
    {
        color: #FFFFFF;
        background: #5683AF;
    }
	
	.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: 9px 10px;
	}

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

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

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

	.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: #FFFFFF;
        text-transform: none;
    }
}

@media (min-width: 992px) {
	/*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: 15px;
		font-size:15px;
		
	}

	.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: #FFFFFF;
        background: none;
    }

	/*Dropdown Menu*/
	.menu .dropdown-menu { 
		padding: 0;
		border: none;
		width: 180px;
		border-radius: 0;
		position:absolute;
		top:48px;display: block;
	opacity:0;
	visibility:hidden;
	-moz-transition:opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear; 
	-webkit-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	-o-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
     
		  
	}
	
	.menu .dropdown-menu:after { 
	bottom: 100%;
    left: 15%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #eee;
    border-width: 8px;
    margin-left: -6px;
}
	.menu .dropdown-menu li a
    {
        font-size: 14px;
        font-weight: 300;
        padding: 10px 15px;
        margin-top:-15px;
        color: #444;
        background: #eee;
	-moz-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	-webkit-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	-o-transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
    }

	.menu .dropdown-menu .active > a, .menu .dropdown-menu li > a:hover
    {
        background: #314D68;
        color: #eee;
        -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 {
		
		opacity:1;
   	    visibility:visible;
	}
	.menu .navbar-nav > li.dropdown:hover > .dropdown-menu li a{
		
		margin-top:0;
	    opacity:1;
	}	

	.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: 991px) {
  	.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: 991px) {
	.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;
}

.menu .dropdown-menu li .sub-menu
{
    position:absolute;
    top:120px;
    right:-180px;
    z-index:999;
 display:none;
 transition:all .4s;
}
.menu .dropdown-menu li .sub-menu li
{
    list-style-type:none;
    display:block;
     width:180px;
}
.menu .dropdown-menu li .sub-menu li a
{
     width:180px !important;
     padding:10px 15px;
     margin-top:0 !important;
     display:block;
     border-left:3px solid #314D68;
     text-decoration:none;
} 
.menu .dropdown-menu li:hover .sub-menu
{
    display:block;
}
@media only screen and (max-width:992px)
{
    .menu .dropdown-menu li .sub-menu
{
    width:100% !important;
    position:relative;
    top:0px;
    right:0px;
    display:none;
 transition:all .4s;
}
.menu .dropdown-menu li .sub-menu li
{
     width:100% !important;
}
.menu .dropdown-menu li .sub-menu li a
{
   padding:6px 15px; 
   width:100% !important;
}
}



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