ul.navbox1{display:block;}

.hambTitle{
	font-family:Verdana, helvetica, sans-serif;
	color:#fff;
	font-size:1rem;
	margin-left:-10px;

}

.navcontainer{
	width:100%; /* change this to 100% when integrating */
	background-color:#f7f7f7;
	margin:0 auto;
	float:none;
	padding:0 0 1px; 
	clear:both;
	cursor:pointer;
}

ul.navbox1,.navcontainer .body, .navcontainer{min-height:0 !important;}
.navcontainer:after {
	content: "";
	clear: both;
	display: block;
}

.navheader {
    width:100%;
    margin:1px 1px 1px 0;
	padding:0;
    display:block;
    border-top:0;border-left:0;border-right:0;
    color:#000;
    text-align: center;
    line-height: 2.85rem;
    background:none;
    background-color:#1277A5;
}

.navhead {
    width:100%;
    margin:0;
    display:block;
    -border-top:1px solid #ccc !important;
	-border-bottom:1px solid #ccc !important;
	border-left:0;border-right:0;
    color:#000;
    text-align: center;
    padding: 0;
    line-height: 2rem;
    background:none;
    background-color:#F9f9d3;
	-float:left;
	clear:both;
}

.navheader, .navhead, .navlink a{
    font-family: Verdana, helvetica, sans-serif;
    font-size:14px;font-size:1rem;
    color:#111;
    display:block !important;
	width:100%;
    border:0;
	border-radius:10px;
}

.navlink{
	margin:1px auto;
	border-bottom:1px solid #ccc !important;
	background-color:#f7f7f7;
}

.navlink a{
	line-height:3em;
}

div.navheader div.c-hamburger.c-hamburger--htx{
	display:block;
	padding:0;
	margin:0;
}

.mnutitle{
    font-size:20px;font-size:1.25rem;
    text-align:center;
    font-variant:small-caps !important;	
}

/* ☰ for the three lines */
/* "\25BA \020" */
.aup:after{content:'\020 \25B2';font-size:.65em;}
.adown:after{content:'\020 \25BC';font-size:.65em;}


.navcont {padding:0;}

ul.ulsub{
    list-style:none;
    margin:0;
    padding:0;
}

ul.navbox1{display:none;}
ul.navbox1{
    width:100%;
    margin: 0 auto;
	padding-bottom:.8rem;
    list-style:none;
}

/* Select every ul attribute whose id contains the substring 'sub-'*/
ul[id*='sub_']{
    display:none;
    /* transition will not work with the display attribute. */
}

ul.navbox1 li{
	line-height:3em;
	-display:inline-block;
	width:100%;
}

ul.navbox1 li a {
	margin:0 auto;
    text-decoration:none;
    font-family: Arial, helvetica, sans-serif;
    font-size:14px;font-size:.95rem;
	
}

ul.navbox1 li a.title{
    cursor:pointer;
}

ul.navbox1 li a:hover {color:#633;}

ul.navbox1 li.active {
    background-color: #83df76; /* IE < 10 */
    background: linear-gradient(top, #9f9 0%,#1BAB05 100%); 
    background: -moz-linear-gradient(top,  #9f9 0%, #1BAB05 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f9), color-stop(100%,#1BAB05));
    background: -webkit-linear-gradient(top, #9f9 0%,#1BAB05 100%);
    background: -o-linear-gradient(top, #9f9 0%,#1BAB05 100%);
    background: -ms-linear-gradient(top, #9f9 0%,#1BAB05 100%);
	opacity:.85;
}


li.sub a.page{
	color:#FEF8F0 !important;
	font-family: Arial, helvetica, sans-serif;
    font-size:13px;font-size:.95rem;
	
}

ul.navbox1 li{
	display:table;
}

.ulsub .sub{
	line-height:2.5em;
}

ul.navbox1 li.sub {
    background-color:#000;
    text-align:center;
	vertical-align:middle;
    width:100%;
    margin:2px auto;
    border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; -rim-border-radius: 10px; -o-border-radius: 10px;
    background-color:#000033; 
	opacity:.85;
}

ul.navbox1 li.sub a{
	color:#fff;
}
*/

.c-hamburger {
	float:right;
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 48px;
	height: 48px;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	transition: background 0.3s;
}

.c-hamburger:focus {
	outline: none;
}

.c-hamburger span {
	display: block;
	position: absolute;
	top: 22px;
	left: 83%;
	right: 12px;
	height: 4px;
	background: white;
}

.c-hamburger span::before,
.c-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	content: "";
}

.c-hamburger span::before {
	top: -10px;
}

.c-hamburger span::after {
	bottom: -10px;
}

.c-hamburger--htx {
	background-color: #1BAEF2;
}

.c-hamburger--htx span {
	transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
	transition-property: top, transform;
}

.c-hamburger--htx span::after {
	transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
	background-color: #cb0032;
}

.c-hamburger--htx.is-active span {
	background: none;
}

.c-hamburger--htx.is-active span::before {
	top: 0;
	transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
	bottom: 0;
	transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
	transition-delay: 0s, 0.3s;
}

@media all and (max-width:800px){
	.c-hamburger span {
		display: block;
		position: absolute;
		top: 22px;
		left: 94%;
		right: 15px;
		height: 4px;
		background: white;
	}


}
@media all and (max-width:980px){
	.hambTitle{
		font-size:.9rem;
	}
}

@media all and (max-width:800px){
	ul.navbox1{display:none;}
}

@media all and (max-width:640px){
	.c-hamburger span {
		display: block;
		position: absolute;
		top: 22px;
		left: 92%;
		right: 15px;
		height: 4px;
		background: white;
	}

	.navcontainer{
		width:100%;
		padding:0;
		padding-bottom:2px;
	}
}

@media all and (max-width:500px){
	.c-hamburger span {
		display: block;
		position: absolute;
		top: 22px;
		left: 90%;
		right: 12px;
		height: 4px;
		background: white;
	}
}

@media all and (max-width:400px){
	.c-hamburger span {
		display: block;
		position: absolute;
		top: 22px;
		left: 87%;
		right: 12px;
		height: 4px;
		background: white;
	}
}

@media all and (max-width:480px){
    .navheader{
        border:0;
    }

	.navcontainer{
		width: 100%;
	}

}

@media all and (max-width:360px){

	.navcontainer{
		padding-bottom:7px;
	}

    .navheader{
        border:0;
    }

    .navlink{
        font-size:16px;
        -font-size:1.5rem;
        line-height:48px;
        line-height:3rem;
        padding-right:8px;
        padding-right:.5rem;
    }
}