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

.header {
  height:auto;
  position: relative;
  margin:30px 0 0 -20px;
  float:right;
  border-bottom: 0;
  z-index: 9999;
  display:block;
  line-height:25px;
	border-bottom: 1px #772b98 solid;
}

.fr {display:block;}

.header ul, .header li {background:none; list-style:none; padding:0; margin:0;}

.header li {float:left; list-style:none; line-height:55px;}
.header li a{padding:0 20px 0; margin:0; text-decoration:none; font-weight:400; line-height:20px; font-size:1.25em; font-family: 'Lato', sans-serif; color:#772b98;}

.header li a:hover {color: #a1ad7f;}

	.header .sub-menu {background:#fff; width:auto;padding:5px 0; display:none; position:absolute; z-index:9999;}
	.header .sub-menu li {float:none; line-height:35px; width:auto !important;}
	.header .sub-menu a {padding:5px 12px; text-decoration:none; font-weight:400; font-size:1.25em; color:#fff;}
	.header .sub-menu a:hover {background:none; opacity:0.6; color:#181717;}
	.sub-menu { margin-top:-5px; position:absolute; z-index:9999;}
	.sub-menu ul {}
	
	.header li:hover  .sub-menu {display: block !important;}
	li:hover {display:list-item;}

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

.header {
  min-height: 40px;
  position:absolute !important;
  margin: 0;
  top:  0 important;
  right: 4%;
  z-index: 9999 !important;
  display:block;
  line-height:25px;
}

.fr {display:block;}
	
  .header {display: inline; position:fixed !important; }
		
  .header .control-nav {
    position: absolute;
    right: 0;
    top: 20% !important;
    display: block;
    width: 30px;
    padding: 7px 0;
    border: solid #49275d;
    border-width: 3px 0;
    z-index: 9999 !important;
    cursor: pointer;
  }
 
  .header .control-nav:before {
    content: "";
    display: block;
    height: 3px;
    background: #49275d;
  }
 
  .header .control-nav-close {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    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: 60%;
    border-left: 1px solid #fff;
    background:#772b98;
    overflow-x: auto;
    -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: 999;
  }
  
.header ul {background:none; list-style:none; padding:30px 0 0 15px !important; }
.header ul, .header li {background:none; list-style:none; padding:12px 0 0 15px; }

.header li {float:none; font-size:1.125em; font-weight:400; list-style:none; line-height:40px;}
.header li a{ margin:0 0 10px 0; padding:0; font-size:1.125em; text-decoration:none; color:#fff; }

	.header .sub-menu {background:#003250; width:auto; margin-top:0; padding:5px 0; display:none; position:relative; z-index:999;}
	.header .sub-menu li {float:none; line-height:24px; width:auto;}
	.header .sub-menu a {padding:5px 0; opacity:0.6; text-decoration:none; font-weight:400; font-size:0.875em; color:#fff;}
	.header .sub-menu a:hover {background:none; opacity:0.6; color:#fff;}
	.sub-menu { margin-top:-5px; position:absolute; z-index:9999;}
	.sub-menu ul {}
	
	.header li:hover  .sub-menu {display: block !important;}
	li:hover {display:list-item;}

}

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

.header {
  top: 2%;
}

}
#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);
}