/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.4.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

.header-container{
 margin-bottom: 60px;
}

.header-top-first a {
 color: white;
 text-decoration: none;
}

.header-first{
 width: 150px;
 padding: 5px 0px 0px 0px;
 height: 60px;
}

.header-second{
 width: 100%;
 position: absolute;
 top: 0px;
 left: 150px;
 height: 60px;
}

.header{
 height: 60px;
 position: fixed;
 width: 100%;
 z-index: 999;
 top: 0px;
 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
 background: white none repeat scroll 0 0;
}

.head-con{
 width: 80%; text-align: center; margin-left: 10%; padding: 0px 15px;
}

.logo img{
 width: 100px;
 height: 40px;
}

.dropdown-menu{
 box-shadow: 0 11px 20px 0 rgba(97, 108, 121, 0.17);
}
.dropdown-menu li{
 /*display: inline-block;*/
 /*min-width: 150px;*/
}
.dropdown-menu > li > a{
 border: none;
}

.menu-panel{
 line-height: 34px;
 padding-bottom: 15px;
 padding-top: 5px;
 /*left: -15px !important;*/
}
.menu-panel li{
 display: inline-block;
 /*line-height: 34px;*/
 /*padding: 3px 20px;*/
}
.menu-panel li a{
 display: inline-block;
 padding: 10px 0px 10px 5px;
 border: none;
 width: 90%;
}
.menu-panel .title{
 margin-bottom: 10px;
 color: #aaaaaa;
 padding-left: 3px;
}
.dropdown-menu > li > a{

}
#header-top-second{
 margin-top: 10px;
}
#header-top-second .top-title{
 color: #222222;
 font-size: 16px;
 /*padding-right: 10px;*/
}

.header-top-dropdown {
}

.pr-10.his{
 font-size: 22px;
}
.pr-10.mes{
 font-size: 19px;
}

.nav-icon{
 display: inline-block;
 height: 20px;
 width: 18px;
 vertical-align: middle;
 margin-right: 10px;
 margin-left: -3px;
}

.fire-li{
 background: rgba(0, 0, 0, 0) url("../images/menu/fire.svg") no-repeat scroll 0 0 / 18px 16px;
}
.lib-li{
 background: rgba(0, 0, 0, 0) url("../images/menu/lib.svg") no-repeat scroll 0 0 / 18px 16px;
}
.gang-li{
 background: rgba(0, 0, 0, 0) url("../images/menu/gang.svg") no-repeat scroll 0 0 / 18px 16px;
}
.hospital-li{
 background: rgba(0, 0, 0, 0) url("../images/menu/hostpital.svg") no-repeat scroll 0 0 / 18px 16px;
}
.sale-li{
 background: rgba(0, 0, 0, 0) url("../images/menu/sale.svg") no-repeat scroll 0 0 / 18px 16px;
}
.school-li{
 background: rgba(0, 0, 0, 0) url("../images/menu/school.svg") no-repeat scroll 0 0 / 18px 16px;
}
.store-li{
 background: rgba(0, 0, 0, 0) url("../images/menu/store.svg") no-repeat scroll 0 0 / 18px 16px;
}
.subway-li{
 background: rgba(0, 0, 0, 0) url("../images/menu/subway.svg") no-repeat scroll 0 0 / 18px 16px;
}
.dev-li{
 background: rgba(0, 0, 0, 0) url("../images/menu/dev.svg") no-repeat scroll 0 0 / 18px 16px;
}
.dev-li1{
 background: rgba(0, 0, 0, 0) url("../images/menu/dev1.svg") no-repeat scroll 0 0 / 18px 16px;
}
.debug-li{
 background: rgba(0, 0, 0, 0) url("../images/menu/debug.svg") no-repeat scroll 0 0 / 18px 16px;
}
.debug-li1{
 background: rgba(0, 0, 0, 0) url("../images/menu/debug1.svg") no-repeat scroll 0 0 / 18px 16px;
}
.intro-li{
 background: rgba(0, 0, 0, 0) url("../images/menu/intro.svg") no-repeat scroll 0 0 / 18px 16px;
}
.intro-li1{
 background: rgba(0, 0, 0, 0) url("../images/menu/intro1.svg") no-repeat scroll 0 0 / 18px 16px;
}
.build-li{
 background: rgba(0, 0, 0, 0) url("../images/menu/build.svg") no-repeat scroll 0 0 / 18px 16px;
}
.class-li{
 background: rgba(0, 0, 0, 0) url("../images/menu/class.svg") no-repeat scroll 0 0 / 18px 16px;
}
.company-li{
 background: rgba(0, 0, 0, 0) url("../images/menu/company.svg") no-repeat scroll 0 0 / 18px 16px;
}
.contact-li{
 background: rgba(0, 0, 0, 0) url("../images/menu/contact.svg") no-repeat scroll 0 0 / 18px 16px;
}
.list-li{
 background: rgba(0, 0, 0, 0) url("../images/menu/list.svg") no-repeat scroll 0 0 / 18px 16px;
}
.news-li{
 background: rgba(0, 0, 0, 0) url("../images/menu/news.svg") no-repeat scroll 0 0 / 18px 16px;
}
.partner-li{
 background: rgba(0, 0, 0, 0) url("../images/menu/partner.svg") no-repeat scroll 0 0 / 18px 16px;
}
 
.header-first-2{
	margin:5px;
	float:left;
}
.custom-dropdown-a:before{
	content:''!important;
}

.custom-panel{
	position:fixed;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	background-color:rgba(0,0,0,0.8);
	z-index:999;
	color:white; 
}

.btn-group-custom{
	border:2px solid white;
  border-radius: 5px;
}

.btn-group-custom .btn{
	margin:0px;
	color: #ffffff;
  background-color: inherit;
  border: 0px;
}  

.btn-group-custom .active,
.btn-group-custom .active:active,
.btn-group-custom .active:hover{
	color:#ffffff!important;
  background-color: #0c9ec7!important;
}   

.input-group-addon-custom{
	background-color: inherit;
  border: 0px;
  color:white;
}

.w-30{
	width:30%;
}
.w-70{
  width:70%;
}

.nav-custom{
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	width:0px; 
	background-color:#555;
	color:white;
	overflow-x:hidden;
} 
.nav-custom ul li{
	padding:5px 5px 5px 20px; 
	cursor:pointer; 
}
.nav-custom ul li a{
	color:white!important;
}
.nav-custom ul .menu-1{
  background-color:#444; 
}
  
.page-wrapper{
	margin-left:0px; 
}

.nav-custom ul{
	margin:0px;
	padding:0px;
}
.nav-custom ul li{
	list-style: none;
}
.header.fixed {
    position: relative !important;
    top: auto !important;
}
body .momoda-skin .layui-layer-tips{
    background-color: #1A8CD8;
}