@charset "utf-8";



#gHeader{ position:fixed; width: 100%; min-width: 1100px;z-index: 10;
  background: -moz-linear-gradient(top, #000, transparent);
  background: -webkit-linear-gradient(top, #000, transparent);
  background: linear-gradient(to bottom, #000, transparent);
}

#gHeader >.inner{ position: relative;}
.hdLogo{ z-index: 22; position: relative; width: 260px;}
#gHeader h1{ width: auto; margin-bottom: 20px;}
#gHeader h1 img{width: 100%;}
#gHeader h1 a{transition: all  0.2s ease;}


.hdStMenu{ position: absolute; top: 24px; left: 0; width:100%; z-index: 10}
.hdStMenu ul{text-align: center;}
.hdStMenu ul li{ display: inline-block; margin-right: 10px;}
.hdStMenu ul li a{ font-size: 13px; color: #fff; font-weight: bold;transition: all  0.2s ease;}
.hdStMenu ul li a:hover{ color: #888;}

#gHeader .contact{ position: absolute; right: 10px; top: 10px;border: 1px solid #fff;padding: 10px 15px;z-index: 15;}
#gHeader .contact .address{ font-size: 12px;}
#gHeader .contact .telephone{ font-size: 16px; line-height: 1em;}
#gHeader .contact .telephone a{ color: #fff; font-weight: bold;transition: all  0.2s ease;}
#gHeader .contact .telephone a:hover{ color: #888;}

@media(max-width:750px){
#gHeader h1 img{width: 570px;}

#gHeader{ position:fixed; width: 100%; min-width:inherit;
}
    
#gHeader .contact{ position: absolute; right: 40px; top: 110px;border:none;padding: 10px 15px;z-index: 10; text-align: right;}
#gHeader .contact .address{ font-size: 20px;}
#gHeader .contact .telephone{ font-size:32px; line-height: 1em;}
#gHeader .contact .telephone a{ color: #fff; font-weight: bold;}
}



@media(max-width:750px){

    
}





.fixed {
  position: fixed !important;
  top: 75px !important;
}