/* ================== 
	# NAVBAR.  
   ================== */
   nav .container{
    /* background: #FFA600;*/
         height: 5px;
       margin: 0px auto;
   }
   
   nav .container .navbar{
   /*    padding: 36px 0px;*/
   }
   
   nav{
       background: transparent;
       width: 100%;
   /*    top: -30px;*/
       position: relative; 
       z-index: 2;
   }
   
   .nav-link {
     transition-duration: 0.4s;
     display: block;
     padding: 0.5rem 3rem;
     margin: 0px 5px 0px 10px;
     font-family: Aileron-Regular;
     font-size: 15px;
     font-weight: normal;
     color: #000;
     font-weight:bold;
     text-transform:uppercase;
     text-wrap: nowrap;
   }
   .navbar-nav{margin-top: 27px;
    margin-bottom: -36px}
   .navbar-header button{border:none !important;    background: none;}
   .nav-link:hover, .nav-link:focus {
     text-decoration: none;
       color: #2C4987;
     border-bottom:solid	#f49302 2px; 
   }
   .nav-link:focus {
     text-decoration: none;
       color: #000;
   }
   
   .navbar-brand{
       display: none;
   }
   
   .navbar{
       background: transparent;
       padding-right: 0px;
       padding-left: 0px; 
   }
   
   .logo-brand{
     width: 200px;
     transition: 0.5s;
     position: relative;
   }
   
   .logo-brand img{
     width: 100%;
   }
   
   
   .navbar-toggler-icon {
     display: inline-block;
     width: 1.1em;
     height: 1.1em;
     vertical-align: middle;
     content: "";
     background: no-repeat center center;
     background-size: 100% 100%;
   }
   
   .dropdown-menu {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1000;
     display: none;
     float: left;
     min-width: 220px;
     padding: 5px 0;
     margin: 2px 0 0;
     font-size: 16px;
     text-align: left;
     list-style: none;
     background-color: #70746f;
     -webkit-background-clip: padding-box;
             background-clip: padding-box;
     border: 1px solid #eff5f5;
     border-radius: 4px;
   }
   
   .dropdown-menu > li > a {
     display: block;
     padding: 2px 20px;
     clear: both;
     font-weight: normal;
     line-height: 1.5;
     white-space: nowrap;
     transition: 0.4s;
     font-family: 'Poppins', sans-serif;
     color: #fff;
     font-weight: normal;
     font-size: 14px;
     transition: 0.3s;
   }
   
   .dropdown-menu > li > a:hover,
   .dropdown-menu > li > a:focus {
     color: #fff;
     text-decoration: none;
     background-color: transparent;
   }
   
   .dropdown-menu .divider-top {
     display: none;
     height: 1px;
     margin: 9px 0;
     overflow: hidden;
     background-color: #eff5f5;
   }
   
   .dropdown-menu .divider {
     height: 1px;
     margin: 9px 0;
     overflow: hidden;
     background-color: #eff5f5;
   }
   
   .dropdown-toggle::after {
       display:none;
   }
   
   .caret-drop{
       position: relative;
       color: #000;
       margin-left: 5px;
       transition: 0.3s;
   }
   
   .nav-link:hover .caret-drop{
     text-decoration: none;
       color: #2C4987;
   }
   
   .nav-link:focus .caret-drop{
     text-decoration: none;
       color: #2C4987;
   }
   
   .caret-drop:before{
       content: "\f107";
       font-family: FontAwesome;
       font-style: normal;
       font-weight: normal;
   }
   
   .navbar-nav>.open>a, .navbar-nav>.open>a:hover, .navbar-nav>.open>a:focus{
       background-image:none;
       color: #fff;
       background-color: rgba(0,0,0,0.5); 
   }
   
   .navbar-toggler:active {
     text-decoration: none;
       color: #FFF;
   }
   
   @media (max-width:1200px) { 
   .main-navbar .container{
       padding: 0px 15px 0px 15px;
   }
       
   }
   
   @media (min-width: 1200px) {
       
   .navbar-toggler-icon {
     background-image: url("../img/master/bars.png");
   }
       
   }
   
   @media (max-width: 993px) {
       
   .logo-brand{
     width: 140px;
   }
       
   nav .container .navbar{
       padding: 40px 0px;
   }
       
   nav{
       top: -33px;
   }
   
   }
   
   @media (max-width: 992px) {
   
   nav .container .navbar{
       padding: 42px 0px;
   }
       
   }
   
   @media (max-width: 991px) {
   
   nav .container .navbar{
       padding: 40px 0px;
   }
       
   }
   
   @media (min-width: 851px) {
     .navbar-expand-lg {
       -ms-flex-flow: row nowrap;
       flex-flow: row nowrap;
       -ms-flex-pack: start;
       justify-content: flex-start;
     }
     .navbar-expand-lg .navbar-nav {
       -ms-flex-direction: row;
       flex-direction: row;
     }
     .navbar-expand-lg .navbar-nav .dropdown-menu {
       position: absolute;
     }
     .navbar-expand-lg .navbar-nav .nav-link {
       padding-right: 0.5rem;
       padding-left: 0.5rem;
     }
     .navbar-expand-lg > .container,
     .navbar-expand-lg > .container-fluid {
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
     }
     .navbar-expand-lg .navbar-collapse {
       display: -ms-flexbox !important;
       display: flex !important;
       -ms-flex-preferred-size: auto;
       flex-basis: auto;
     }
     .navbar-expand-lg .navbar-toggler {
       display: none;
     }
       
   .nav-link {
     margin: 0px 2px 0px 0px;
   }
       
   }
   
   @media (max-width:850px) { 
   nav .container{
       padding: 0px;
       margin: 0px;
       padding: 0px;
       width: 100%;
       border-radius: 0px;
       height: 100%;
       background: transparent;
   }
       
   nav .container .navbar{
       padding: 0px 5px;
   }
       
   .navbar-brand{
       display: inherit;
   }
       
   .logo-brand{
       width: 150px
   }
       
   .logo-brand img{
       width: 100%;
   }
   
   nav{
    position: relative;
    width: 100%;
    top: -9px;
    height: 20px;
   }
       
   .navbar{
       padding-right: 15px;
       padding-left: 25px; 
   }
       
    .logo-brand{
       margin: 5px;
   }   
         
   .logo-brand img{
       width: 100%;
   }
       
   .nav-link:focus {
     text-decoration: none;
       color: #595959;
   }
       
   .icon-bar {
     width: 25px; 
     height: 3px;
     background-color: #F0542D;
     display: block;
     transition: all 0.2s;
     margin-top: 4px
   }
    
   .navbar-toggler {
     border: none;
     background: transparent !important;
     margin-top: -10px;
   }
    
   .navbar-toggler .top-bar {
     transform: rotate(45deg);
     transform-origin: 10% 10%;
   }
    
   .navbar-toggler .middle-bar {
     opacity: 0;
   }
    
   .navbar-toggler .bottom-bar {
     transform: rotate(-45deg);
     transform-origin: 10% 90%;
   }
       
   button:focus {
   outline: none;
   outline: none;
   
   }
    
   .navbar-toggler.collapsed .top-bar {
     transform: rotate(0);
   }
    
   .navbar-toggler.collapsed .middle-bar {
     opacity: 1;
   }
    
   .navbar-toggler.collapsed .bottom-bar {
     transform: rotate(0);
   }
       
   .navbar-nav > li > a {
       color: #595959;
       font-weight:normal;
       font-size: 12px;
       padding-left: 15px;
       margin-top: 4px;
   }  
       
   .navbar-nav > li > a:hover {
       color: #002642;
   }
       
   .dropdown-menu{
       margin-top: -16px;
       background: #FFF;
       border: none;
   }    
   .dropdown-menu > li > a {
       color: #595959;
       font-size: 12px;
       transition: 0.3s;
       padding-left: 30px;    padding: 10px 20px;
   }
   .dropdown-menu > li > a:hover,
   .dropdown-menu > li > a:focus {
       color: #002642;
       background-color: transparent;
   }
   .dropdown-menu > .active > a,
   .dropdown-menu > .active > a:hover,
   .dropdown-menu > .active > a:focus {
       color: #555;
       background-color: #e7e7e7;
   }
   .dropdown-menu > .disabled > a,
   .dropdown-menu > .disabled > a:hover,
   .dropdown-menu > .disabled > a:focus {
       color: #ccc;
       background-color: transparent;
   }
       
   .navbar-nav > .open > a,
   .navbar-nav > .open > a:hover,
   .navbar-nav > .open > a:focus {
       color: #000;
       background-color: transparent;
   }
       
   .navbar-nav {
       margin-top: 2px;
       background: #FFF;
   } 
   
   .navbar-nav > li {
       float: none;
       border-bottom: 1px solid #eff5f5;
       padding: 3px 10px 3px 5px;
   }
       
   .dropdown-toggle {
       border: none;
   }
       
   .dropdown-menu .divider-top {
     display:inherit;
     height: 1px;
     margin: 9px 0;
     overflow: hidden;
     clear: both;
   }
       
   .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: #fff;
       border: 0;
       -webkit-box-shadow: none;
               box-shadow: none;
   }
       
   .caret-drop{
       float: right;
       margin-top: -5px;
   }
       
   .caret-drop:before{
       content: "\f107";
       font-family: FontAwesome;
       font-style: normal;
       font-weight: normal;
       color: #002642;
       font-size: 20px;
   }
       
   .navbar-collapse{
       margin-top: 10px;
   }
   
   .navbar-nav>.open>a, .navbar-nav>.open>a:hover, .navbar-nav>.open>a:focus{
       background-image:none;
       color: #000;
       background-color:transparent;
   }
       
   
   }
   
   @media (min-width:850px) { 
   .navbar-nav > li.dropdown:hover > a, 
   .navbar-nav > li.dropdown:hover > a:hover,
   .navbar-nav > li.dropdown:hover > a:focus {
       background-color: transparent;
   }
   
   li.dropdown:hover > .dropdown-menu {
       display: block;
   }
  
   }
