@charset "utf-8";
.top { height: 58px; background-color: rgba(0,0,0,.55); position: fixed; width: 100%; z-index: 99; border-bottom: 1px solid rgba(255,255,255,.15); }
.topwrap { width:1420px; margin:0 auto; position:relative;}
.logo { margin-top: 12px; margin-left: 20px; }
ul.menu {position: absolute;right:75px;top: 0px;}
ul.menu li {float: left;margin-left: 0px;width: 160px;}
ul.menu li a {transform: scale(.9);line-height: 28px;height: 60px;display: block;color: #fff!important;text-decoration: none;font-size: 1.5rem;padding-left: 55px;background-image: url(../images/menu.png);background-repeat: no-repeat;background-position: 0 0;}
ul.menu li a:hover{color:#58b2e8;}
ul.menu li a.facebook { padding-left:40px; background-position-x:-6px;}

ul.menu li+li a { background-position-y: -60px; }
ul.menu li+li+li a { background-position-y: -120px; }
ul.menu li+li+li+li a { background-position-y: -180px; }
ul.menu li+li+li+li+li a { background-position-y: -240px; }
ul.menu li a:hover { color: #ffc200; background-position-x: -740px; }
ul.menu li a.facebook:hover { background-position-x: -746px; }
.navbar-light .navbar-nav .nav-link {
    color: #fff;
}
/*bar*/
.navbar {
    min-height: 75px;
    z-index: 999;
}
.navbar-toggle {
    margin-top: 20px;
  }
.navbar-inverse {
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 99;
    position: fixed;
    width: 100%;
  }
  
.navbar-brand>img {
    margin-top: -5px;
  }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    float: right;
  }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    cursor: pointer; 
    cursor: default; 
    background-color:inherit; 
    border:inherit;
    border-bottom-color:inherit;
  }
 .nav-tabs>li>a, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
    cursor: default; 
    background-color:inherit; 
    border:inherit;
    border-bottom-color:inherit;
  }
  .nav-tabs>li>a, .nav-tabs>li>a{
  line-height: 1.42857143; 
    border: inherit; 
    border-radius: inherit; 
    padding: inherit; 
  }
  .navbar navbar-inverse{
  z-index: 99;
  }
  .navbar-brand{
    display:block;
    width: 150px;
  }
  
  .navbar-nav {
    float: left;
    margin: 0px 35px;
    font-size: 2rem;
  }
  /*end*/
.container {
    width: 100%;
}
@media only screen and (min-width: 400px){
   
    /*ul.menu li a {
        background-image:inherit;
    }*/
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        float: inherit;
        text-align: center;
    }
    /*ul.menu {
        position: inherit;
        right: inherit; 
        top: inherit; 
    }*/
    .navbar-toggle {
        margin-top: 19px;
    }

}