body{position:relative; font-family: "Muli", sans-serif; background:#000;}
.container{max-width:1170px; width:1170px; min-width:1170px;}
.fixed-body{position:fixed; width:100%; height:100%; opacity:1; z-index:0;}
.fixed-body>.body-bg{position:absolute; width:100%; height:100%;}
.fixed-body>#body-bg-2{z-index:5;}

.navbar{top: 30px; background:none; border:none;}

.navbar>.container>.fbody{position:relative; opacity:0; margin:12px 0; top: -5px; font-size:0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; -ms-transition: all .6s ease; transition: all .6s ease;}
.navbar>.container>.fbody.active{top: 5px; opacity:1;}
.navbar>.container>.fbody>ul.navigations{position:absolute; margin:0; padding:0; top:0; right:0; font-size:0; line-height:35px; text-align: right; list-style:none; webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:rgba(0,0,0,0.5);}
.navbar>.container>.fbody>ul.navigations>li{display:inline-block; vertical-align:bottom; margin:0; padding:0 30px; font-size:14px; color:#fff;}
.navbar>.container>.fbody>ul.navigations>li>a{color:#b2b2b2; text-decoration:none;}
.navbar>.container>.fbody>ul.navigations>li>a.active, 
.navbar>.container>.fbody>ul.navigations>li>a:hover{font-weight:bold; color:#fff;}

.navbar>.container>.navbar-header{position:relative; float:none;}
.navbar>.container>.navbar-header>.navbar-toggle{position:absolute; bottom:0; right:0; display:block; margin:0; padding:8px; border:none; webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:rgba(50,50,50,0.5);}
.navbar>.container>.navbar-header>.navbar-toggle>.icon-bar{margin-top: 4px; width:28px; height:4px; background:#999999;}
.navbar>.container>.navbar-header>.navbar-toggle>.icon-bar:first-child{margin-top:0;}
.navbar>.container>.navbar-header>.navbar-brand{margin:0; padding:5px; height:auto;}


.footer-wrap{position:fixed; padding:0; left:0; bottom:0; width:100%; min-width:1170px; height:125px; background:#706F6F;}
.footer-wrap>.container>.fbody{position:relative; margin:12px 0; font-size:0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;}
.footer-wrap>.container>.fbody>.logo{display:inline-block; vertical-align:top; width:160px; line-height: 55px;}
.footer-wrap>.container>.fbody>ul.navigations{display:inline-block; vertical-align:bottom; margin:0; padding:0; width:954px; font-size:0; line-height:55px; text-align: right; list-style:none;}
.footer-wrap>.container>.fbody>ul.navigations>li{display:inline-block; vertical-align:bottom; margin:0 0 0 50px; font-size:14px; color:#fff;}
.footer-wrap>.container>.fbody>ul.navigations>li>a{color:#b2b2b2; text-decoration:none;}
.footer-wrap>.container>.fbody>ul.navigations>li>a.active, 
.footer-wrap>.container>.fbody>ul.navigations>li>a:hover{font-weight:bold; color:#fff;}
.footer-wrap>.ffooter{position:absolute; padding:0; left:0; bottom:0; width:100%; min-width:1170px; height:45px; background:#999999;}
.footer-wrap>.ffooter>.container>p{margin:0; font-size:14px; text-align:center; line-height:45px; color:#fff;}