@charset "utf-8";
/* CSS Document */

.header {
  min-height: 40px;
  position: fixed;
  top: 0;
  right: 2%;
  left: 0;
  border-bottom: 0;
  background: ;
  z-index: 9999;
  display:none;
  line-height:25px;
}

.fr {display:none;}

@media screen and (max-width: 1200px) {

.fr {display:block;}
	
  .header {display: inline; position:absolute; z-index: 9999;}
		
  .header .control-nav {
    position: absolute;
    right: 15px;
    top: 40px;
    display: block;
    width: 30px;
    padding: 5px 0;
    border: solid #fff;
    border-width: 3px 0;
    z-index: 9999;
    cursor: pointer;
  }
 
  .header .control-nav:before {
    content: "";
    display: block;
    height: 3px;
    background: #fff;
  }
 
  .header .control-nav-close {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 1;
    background: rgba(0,0,0,0.4);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
 
  .header div {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 280px;
    border-left: 1px solid #fff;
    background:#4a4a4a;
    overflow-x: auto;
    z-index: 2;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
	z-index:99 !important;
  }
}

#control-nav:checked ~ .control-nav-close {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
 
#control-nav:checked ~ div {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.header ul, .header li {background:none; list-style:none !important; padding:12px 0 0 15px; }

.header li a{ text-decoration:none; color:#fff !important; font-family:Arial, Helvetica, sans-serif;}
.header li {font-size:0.875em;}
.header .sub-menu{ padding:0 0 10px 0; display:none;  z-index:9999;}
.header .sub-menu a{  line-height:1.272em; color:#000; margin:0; }
.header .sub-menu a:hover{ color:#fff;}

.header  li:hover  .sub-menu {display: block !important;}