@import url('https://fonts.googleapis.com/css?family=Great+Vibes');
*
{
   margin:0;
   padding:0;
   border-radius:0; }

.menu
{
 background-color:#f01941;
 padding-left:40px;
 padding-right:40px;
 width:100%;
 position:relative;
 text-align:center;
}

/*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:991px) 
{
    .menu
    {
       padding-left:20px;
       min-height:40px;
       padding-top:5px;
       padding-right:20px;
       background:#fff;
       text-align:left;
        }
       
    .menu .navbar-nav > li
        {
          
            }
	.menu .navbar-nav > li > a
    {
        padding-top: 30px;
        padding-bottom: 40px;
      font-size: 14px;
    }
   
    
    .menu .navbar-nav > li > a:hover
    { color:#fff; }
        .menu .navbar-nav > li > a:focus
        {
     
    }
    .menu .navbar-toggle {
	
}

 
}

@media (max-width: 991px) {
	
	.menu .navbar-brand
    {
       display:block;
       padding:7px 0;
    }
	.menu .navbar-brand a
    {
        color: #0D2D62;
        text-decoration: none;
        font-weight:600;
    }
    .menu .navbar-brand a:hover
    {
        color:#f58220;
    }
}



/*Navbar Toggle*/
.menu .navbar-toggle
{
    font-size: 22px;
    border-radius: 0;
    color: #f01941;
    padding: 7px;
    font-weight:600;
}

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


.menu .navbar-toggle .fas {
	color: #f01941;
}

.menu .navbar-toggle,
.menu .navbar-toggle:hover, 
.menu .navbar-toggle:focus {
	}

.menu .navbar-toggle:hover {
	 
}
[aria-expanded="false"] .menu__icon--open {
    display: block;
}

[aria-expanded="false"] .menu__icon--close {
    display: none;
}

[aria-expanded="true"] .menu__icon--open {
    display: none;
}

[aria-expanded="true"] .menu__icon--close {
    display: block;
}
}
/*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;
    }
    .f-nav
   {
       z-index: 99999;
       position:fixed;
       left: 0;
       top: 0;
       width: 100%;
      background-color:#2d3e50;
   }
   
   .menu .navbar-toggle {
	 
	z-index:999;
}

}

/*--------------------------------------------------
    [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 
    {
        line-height:50px;
        border-bottom:1px solid #f5f5f5;
    }
    
    .menu .navbar-nav > li > a {
        background-color: #fff;
        color: #111;
        font-weight:600;
        font-size: 14px;
		padding: 13px 20px;
    }
   .menu .navbar-nav > li:active 
	{
	     color: #f01941;
		
	}	

	.menu .navbar-nav > li > a:focus
    {
        color: #f01941;
       
    }

	.menu .navbar-nav > li > a:hover
    {
        color: #f01941;
    }

    /*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;
		border-bottom:none;
		padding:0;
		margin:0;
	}

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

	.menu .navbar-nav .open .dropdown-menu > li > a,
	.menu .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 10px 15px 10px 50px;
	}
	.menu .navbar-nav .open .dropdown-submenu > li > a
    {
		padding: 10px 25px 8px 10px;
		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: #666;
        background: #FFFFFF;
        font-weight: 300;
    }

	.menu .navbar-nav .open .dropdown-menu > li > a:hover, .menu .navbar-nav .open .dropdown-menu > li > a:focus
    {
        color: #444;
         background: #FFFFFF;
    }
	
	.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 > .active > a,
	.menu .navbar-nav > .active > a:hover,
	.menu .navbar-nav > .active > a:focus {
		 
		color: #222;	
	}
	
	.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;
		text-align:center;
	}

	.menu .navbar-nav {
		position: relative;
		text-align:center;
	}

	.menu .navbar-nav > li > a {
		position: relative;
		padding: 15px;
		font-size:14px;
		font-weight:600;
		
	}

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

	/*Dropdown Menu*/
	.menu .dropdown-menu
    {
        padding: 0;
        border: none;
        min-width: 200px;
        border-radius: 0;
        -webkit-transform: translate(20px, 20px);
        -webkit-transition: top 0.2s ease-out;
        top: 30px;
        left: -30px;
        position: absolute;
        z-index: 999;
        background-color: #0D2D62;
        padding:0 20px;
    }
	
	.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: #fff;
    border-width: 6px;
    margin-left: -6px;
}

	.menu .dropdown-menu li a
    {
        font-size: 14px;
        font-weight: 300;
        padding: 13px 15px;
        color: #A0BFF3;
        background-color: #0D2D62;
        border-bottom: solid 1px #144596;
        text-transform: capitalize;
    }

	.menu .dropdown-menu .active > a, .menu .dropdown-menu li > a:hover
    {
       background: #none;
        color: #f9f9f9;
        -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 {
		  background:none;
		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: "Font Awesome 5 Pro";
}

@media (max-width: 991px) {
  	.menu .dropdown-submenu > a:after {
      	content: " ";
  	}
  
.menu .dropdown > a:after {
    top: 13px;
    right: 15px;
    content: "\f067";
    font-size: 11px;
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-weight:600;
}

}



.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;
}




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