@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 899px){

.hamburger-menu {
	top: 0;
	left: 0;
	width: 100%;
	height: 43px;
	cursor: pointer;
	z-index: 9998;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	float: right;
}

.bar,
.bar:after,
.bar:before {
  width: 30px;
  height: 3px;
}

.bar {
	position: relative;
	transform: translateY(10px);
	transition: all 0ms 300ms;
	background-color: #39b54a;
}

.bar.animate {
  background: rgba(255, 255, 255, 0);
}

.bar:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 10px;
	transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	background-color: #39b54a;
}

.bar:after {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	background-color: #39b54a;
}

.bar.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

/*---------------------
Mobiles Menu 
----------------------*/
/*---------------------
	Mobiles Menu - Design 
	----------------------*/

.mobile-menu ul {
  margin: 0;
  padding: 0;
}

.mobile-menu li {
	font-size: 1.2rem;
	line-height: 30px;
	margin: 0;
	overflow: hidden;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	padding-left: 30px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.mobile-menu li:first-child {
  margin-top: 70px;
}

.mobile-menu li:hover {
	background-color: #39b54a;
}


.mobile-menu li a {
	text-decoration: none;
	color: #FFFFFF;
}
.children li a:hover {
	background-color: #cdcbc3;
}




/*---------------------
	Mobiles Menu - Slide IN 
	----------------------*/

.mobile-menu {
	top: 0;
	max-width: 70%;
	left: -100%;
	width: 100%;
	color: #FFFFFF;
	height: 100%;
	position: fixed;
	z-index: 9997;
	overflow-y: auto;
	-webkit-transform: translate3d(0, 0, 205px);
	-moz-transform: translate3d(0, 0, 205px);
	transform: translate3d(0, 0, 205px);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	font-family: serithairegular;
	background-color: #336600;
}

.mobile-menu.active {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

/*---------------------
	Mobiles Menu - Dropdown Submenu
	----------------------*/

.has-children:hover {
  cursor: hand;
}

.children {
  display: none;
}

.mobile-menu .children li:first-child {
	margin-top: 0px;
	background-color: #bbb2a8;
}
.mobile-menu .children li {
	margin-top: 0px;
	list-style-position: inside;
	list-style-type: disc;
}


.icon-arrow {
	position: absolute;
	display: block;
	font-size: 0.7em;
	color: #39b54a;
	top: 5px;
	right: 20px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transition: 0.6s;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
}

.icon-arrow:after {
  content: "\25BC";
}

.icon-arrow.open {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
}

}