/* Hamburger Menu */
.c-hamburger,.c-hamburger2 {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 45px;
  height: 32px;
  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,.c-hamburger2:focus { outline: none; }
.c-hamburger--htx { background-color: red; }
.c-hamburger2--htx { background-color: #cebdb6; }

.c-hamburger span,.c-hamburger2 span {
  display: block;
  position: absolute;
  top: 10px;
  left: 0px;
  right: 18px;
  height: 3px;
  background: #FFFFFF;
}
.c-hamburger2 span {   background: #000000; }


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

.c-hamburger span::before,.c-hamburger2 span::before { top: -8px; }
.c-hamburger span::after,.c-hamburger2 span::after { bottom: -8px; }
.c-hamburger--htx span { transition: background 0s 0.3s; }

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

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

/* active state, i.e. menu open */
.c-hamburger--htx.is-active { background-color: red; }
.c-hamburger2--htx.is-active { background-color: #cebdb6; }
.c-hamburger--htx.is-active span,.c-hamburger2--htx.is-active span  { background: none; }
.c-hamburger--htx.is-active span::before,.c-hamburger2--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

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

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


a.xmetanav:link,a.xmetanav:visited,a.xmetanav:active,a.xmetanav:hover,.xmetanav,a.xmetanav_active:link,a.xmetanav_active:visited,a.xmetanav_active:active,a.xmetanav_active:hover,.xmetanav_active{
	font-family:'Open Sans', sans-serif;
	color: #000000;
	font-size:18px;
	font-weight:400;
	letter-spacing:2px;
	text-decoration:none;
	transition: all ease 0.7s;
}
a.xmetanav_active:link,a.xmetanav_active:visited,a.xmetanav_active:active,a.xmetanav_active:hover,.xmetanav_active{
	color: #FFFFFF;
}

a.submenu:link,a.submenu:visited,a.submenu:active,a.submenu:hover,.submenu,a.submenu_active:link,a.submenu_active:visited,a.submenu_active:active,a.submenu_active:hover,.submenu_active{
	font-family:'Open Sans', sans-serif;
	color: #666666;
	font-size:18px;
	font-weight:400;
	letter-spacing:2px;
	text-decoration:none;
	transition: all ease 0.7s;
	padding-right:10px;
	white-space:nowrap;
	display: inline-block;
}
a.submenu_active:link,a.submenu_active:visited,a.submenu_active:active,a.submenu_active:hover,.submenu_active{
	color: #000000;
	font-weight:600;
}

/*
a:link,a:visited,a:active,a:hover{
	45deg
	background: -webkit-linear-gradient(#ffff00, #ff0000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
*/


a.topnav:link,a.topnav:visited,a.topnav:active,a.topnav:hover,
a.topnav_active:link,a.topnav_active:visited,a.topnav_active:active,a.topnav_active:hover {
	text-transform:uppercase;
	font-family:'Open Sans', sans-serif;
	color: #FFFFFF;
	font-size:18px;
	padding-left:16px;
	padding-right:16px;
	font-weight:600;
	letter-spacing:2px;
	text-decoration:none;
	transition: all ease 0.7s;
}
a.topnav_active:link,a.topnav_active:visited,a.topnav_active:active,a.topnav_active:hover {
	color: #000000;
}
a.sopnav:link,a.sopnav:visited,a.sopnav:active,a.sopnav:hover,
a.sopnav_active:link,a.sopnav_active:visited,a.sopnav_active:active,a.sopnav_active:hover {
	text-transform:uppercase;
	font-family:'Open Sans', sans-serif;
	color: #000000;
	font-size:23px;
	font-weight:600;
	letter-spacing:2px;
	text-decoration:none;
	transition: all ease 0.7s;
}
a.sopnav_active:link,a.sopnav_active:visited,a.sopnav_active:active,a.sopnav_active:hover {
	color: #FF0000;
}

a.sopnav2:link,a.sopnav2:visited,a.sopnav2:active,a.sopnav2:hover,
a.sopnav2_active:link,a.sopnav2_active:visited,a.sopnav2_active:active,a.sopnav2_active:hover {
	text-transform:uppercase;
	font-family:'Open Sans', sans-serif;
	color: #000000;
	font-size:18px;
	font-weight:600;
	letter-spacing:2px;
	text-decoration:none;
	transition: all ease 0.7s;
}
a.sopnav2_active:link,a.sopnav2_active:visited,a.sopnav2_active:active,a.sopnav2_active:hover {
	color: #FF0000;
}

.smnav{ margin-bottom:20px; }
.smnav2{ margin-bottom:20px;margin-top:-10px; }
.snwrap{
	width:100%;
	background:#f0e1da;
	margin-top:-15px;
	padding-top:25px;
	padding-bottom:1px;
}

#tnavouter{
	position:fixed;
	top:74px;
	left:0px;
	height:0px;
	overflow:hidden;
	width:100%;
	background:#FFFFFF;
	z-index:500000000000000000000000;
	text-align:center;
	display:none;
}
#tnavinner{
	width:100%;
	height:100%;
	overflow:auto;
}

#navbutton1{
	position:fixed;
	left:35px;
	top:25px;
	z-index:500000000000000000000000;
	width:31px;
	height:22px;
	display:none;
}

#nbutton{
	margin-left:0px;
	margin-top:0px;
	padding:0px;
}

#thitzworld{
	width:100%;
	margin-bottom:30px;
	margin-top:30px;
}
#bnav{
	display:none;
}

