@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed:wght@400;500;600;700;800&display=swap');
/* CSS Document */

.navbar-inverse { background-color: transparent; border: none; font-size:17px; 	font-family: 'Fira Sans Extra Condensed', sans-serif;  font-weight:400; position: relative; margin-top: 0px; padding: 20px 0}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { -webkit-border-radius: 0px;
-moz-border-radius: 0px; border-radius: 0px; padding:10px; }
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {  color:#111}
.navbar-inverse { background-image: none;  }
.navbar-inverse { border-color: #5E3D93}
.navbar-inverse .navbar-nav { float: none; margin:35px auto; display: table; }
.navbar-inverse .navbar-nav>li>a { color: #111 ;  padding:5px 10px; margin-left:5px }
.navbar-inverse .navbar-nav>li>a:hover {color: #000; margin-left:5px; padding:5px 10px;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #111; background-color: #e5e5e5; }
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #00AAED}

.phone{
    font-size: 30px;
    color: #111;
    font-weight: 700;
    font-family: 'Crushed', cursive;
    position: absolute;
    padding: 5px 0 5px 40px;
    top:15px;
    right: 30px;
    background: url(../images/ic_phone.png) no-repeat left center ;
    
}

.navbar-wrapper{
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto;
    z-index: 9999;
}


.navbar-header{
    background:white !important
}

    @media (max-width: 1190px) {
        .navbar-inverse .navbar-nav>li>a { color: #111  ;  padding:5px 10px; margin-left:5px }
        .navbar-inverse .navbar-nav>li>a:hover { color: #111; margin-left:5px; padding:5px 10px;}
        .navbar-inverse .navbar-nav { margin-bottom:4px; margin-top:35px }

    }


  @media (max-width: 768px) {
    
        .navbar-inverse .navbar-nav>li>a { color: #111  ;  padding:15px 30px; margin-left:5px; font-size: 14px }
        .navbar-inverse .navbar-nav>li>a:hover { color: #111; margin-left:5px; padding:5px 30px;}
        .navbar-inverse .navbar-nav { margin-bottom:4px; margin-top:0px }      
      
        .navbar-nav {margin: 0 0; width: 100%} 
      
        .phone{
            right: 120px;
            background: url(../images/ic_phone.png) no-repeat left center ;

        }
      
        .navbar-toggle {
          position: relative;
          float: right;
          padding: 9px 10px;
          margin-top: 18px;
          margin-right: 12px;
          margin-left: 12px;
          margin-bottom: 15px;
          background-color: transparent;
          background-image: none;
          border: 1px solid #000000;
          border-radius: 10px;
        }
        .navbar-toggle:focus {
          outline: 0;
        }
        .navbar-toggle .icon-bar {  
          display: block;
          width: 35px;
          height: 2px;
          border-radius: 1px;
          
  margin-left: 0;
        }
      
          .navbar-inverse .navbar-toggle .icon-bar {
           background-color: #111;  
          }  
      
        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
            background-color: #CCCCCC;
            border: 1px solid #111;
        }      
        .navbar-toggle .icon-bar + .icon-bar {
          margin-top: 4px;
        } 
        .phone{
            display: none !important;
        }

      
    }


    @media (max-width: 320px) {


        
        
    }

