/* Cascading Style Sheet */
/* TOP NAVIGATION */
/* 2016 04 14 CREATED BY RTISTECH */

.NavBackBlock {
    height: 50px;
}

.navbar-default {
    border-color: transparent; 
    /*background-color: rgba(10, 1, 4, 0.90);*/ 
    background-color: rgba(0, 0, 0, 0.90); 
    padding: 2px 8px;
}

.navbar-default .navbar-toggle .icon-bar {
    /*background-color: rgba(10, 1, 4, 0.90);*/ 
    background-color: rgba(0, 0, 0, 0.90); 
}

.navbar-default .Logo {
    height: 30px; 
    margin-top: -6px;
}

.navbar-default .navbar-brand { 
    font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
    color: #D6AC3C; 
    font-size: 1em; }
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active { color: #D6AC3C; outline: 0}

.navbar-default .navbar-collapse { border-color: rgba(255,255,255,.02); }

.navbar-default .navbar-toggle { border-color: #D6AC3C; 
                                 background-color: #D6AC3C; }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #D6AC3C; }

.navbar-default .nav li a { text-transform: uppercase;
                            font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
                            font-weight: 100; 
                            font-size: 1em;
                            letter-spacing: 1px; 
                            color: #D6AC3C; 
                            padding: 5px 10px 10px 10px;}
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus { outline: 0;color: #D6AC3C; }

.navbar-default .navbar-nav>.active>a { border-radius: 0;
                                        color: #fff;
                                        background-color: #D6AC3C; }
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus { color: #fff; 
                                              background-color: #D6AC3C; }

@media ( min-width: 768px ) {

    .NavBackBlock {
        height: 70px;
    }

    .navbar-default .Logo {
        height: 40px; 
        margin-top: -20px;
    }

    .navbar-default {
        padding: 20px 20px 0 20px;
        border: 0;
        /* background: rgba(10, 1, 4, 0.90); 0.9 Alpha Opacity */
        background: rgba(0, 0, 0, 0.90); /* 0.9 Alpha Opacity */
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        -o-transition: padding .3s;
        transition: padding .3s;
    }
    .navbar-default .navbar-brand {
        font-size: 1.5em;
        font-weight: 100;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }
    .navbar-default.navbar-shrink {
        padding: 0;
        /*background-color: rgba(10, 1, 4, 0.90);*/
        background-color: rgba(0, 0, 0, 0.90);
    }
    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
        font-weight: 100;
    }
}