/* wrapper */
.navi-logo-wrapper {
	position: fixed;
	z-index: 998;
	top: 18px;
	right: 15px;
}

.navi-logo-above-menu {
	z-index: 9999999998;
}
/* if left positioning active */
.navi-left {
	right: auto;
	left: 60px;
	text-align: left;
}
/* if logo center positioning active */
.navi-center {
	right: 0;
	left: 0;
	text-align: center;
}
/* if logo is an image */
.navi-logo-image img {
	width: auto;
	max-height: 50px;
}
/* if logo is text */
.navi-logo a {
	font-family: 'Roboto';
	font-size: 12px;
	text-decoration: none;
	color: #676970;
	margin: 0;
	padding: 5px;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}

	.navi-logo a:hover {
		color: #8D8E92;
		text-decoration: none;
	}

.navi-menu-logo {
	text-align: center;
	margin-bottom: 20px;
}

.navi-menu-wrapper-active .navi-menu-logo img {
	opacity: 0.9;
}

.navi-menu-logo img {
	width: 70%;
	opacity: 0.5;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	transition: all .1s ease;
	opacity: 0;
}

/* MENU BUTTON
**************************************************/
/* wrapper */
.main-menu-btn {
	position: relative;
	z-index: 99999999999;
	width: 45px;
	height: 28px;
	cursor: pointer;
	-webkit-transition: opacity .2s ease .3s, top 0s ease .3s;
	-moz-transition: opacity .2s ease .3s, top 0s ease .3s;
	transition: opacity .2s ease .3s, top 0s ease .3s;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* if positioned right */
.navi-right {
	left: auto;
	right: 20px;
}


/* menu button animations (-/X) */
/* button style #1 top bar*/
.navi-menu-active .navi-main-menu-button:before {
	transform: translateY(9px) rotate(45deg);
	-moz-transform: translateY(9px) rotate(45deg);
	-webkit-transform: translateY(9px) rotate(45deg);
}
/* button style #1 bottom bar*/
.navi-menu-active .navi-main-menu-button:after {
	transform: translateY(-9px) rotate(-45deg);
	-moz-transform: translateY(-9px) rotate(-45deg);
	-webkit-transform: translateY(-9px) rotate(-45deg);
}
/* button style #1 middle bar*/
.navi-menu-active div.navi-main-menu-button-middle:before {
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-transition: all .25s ease, opacity .25s ease .025s;
	-moz-transition: all .25s ease, opacity .25s ease .025s;
	transition: all .25s ease, opacity .25s ease .025s;
}
/* button style #2 top bar*/
.navi-menu-active .navi-main-menu-button-two:before {
	transform: translateY(9px) rotate(45deg);
	-moz-transform: translateY(9px) rotate(45deg);
	-webkit-transform: translateY(9px) rotate(45deg);
}

.navi-menu-active:hover .navi-main-menu-button-two:before {
	margin-left: 0;
	width: 30px;
}
/* button style #2 bottom bar*/
.navi-menu-active .navi-main-menu-button-two:after {
	width: 30px;
	margin-left: 0;
	transform: translateY(-9px) rotate(-45deg);
	-moz-transform: translateY(-9px) rotate(-45deg);
	-webkit-transform: translateY(-9px) rotate(-45deg);
}
/* button style #2 middle bar*/
.navi-menu-active div.navi-main-menu-button-two-middle:before {
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-transition: all .25s ease, opacity .25s ease .025s;
	-moz-transition: all .25s ease, opacity .25s ease .025s;
	transition: all .25s ease, opacity .25s ease .025s;
}
/* button style #3 top bar*/
.navi-menu-active .navi-main-menu-button-three:before {
	transform: translateY(9px) rotate(45deg);
	-moz-transform: translateY(9px) rotate(45deg);
	-webkit-transform: translateY(9px) rotate(45deg);
}
/* button style #3 bottom bar*/
.navi-menu-active .navi-main-menu-button-three:after {
	transform: translateY(-9px) rotate(-45deg);
	-moz-transform: translateY(-9px) rotate(-45deg);
	-webkit-transform: translateY(-9px) rotate(-45deg);
}
/* button style #3 middle bar*/
.navi-menu-active div.navi-main-menu-button-three-middle:before {
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-transition: all .25s ease, opacity .25s ease .025s;
	-moz-transition: all .25s ease, opacity .25s ease .025s;
	transition: all .25s ease, opacity .25s ease .025s;
}
/* button style #4 top bar*/
.navi-menu-active .navi-main-menu-button-four:before {
	transform: translateY(9px) rotate(45deg);
	-moz-transform: translateY(9px) rotate(45deg);
	-webkit-transform: translateY(9px) rotate(45deg);
}

.navi-menu-active:hover .navi-main-menu-button-four:before {
	width: 25px;
}
/* button style #4 bottom bar*/
.navi-menu-active .navi-main-menu-button-four:after {
	width: 25px;
	transform: translateY(-9px) rotate(-45deg);
	-moz-transform: translateY(-9px) rotate(-45deg);
	-webkit-transform: translateY(-9px) rotate(-45deg);
}
/* button style #4 middle bar*/
.navi-menu-active div.navi-main-menu-button-four-middle:before {
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-transition: all .25s ease, opacity .25s ease .025s;
	-moz-transition: all .25s ease, opacity .25s ease .025s;
	transition: all .25s ease, opacity .25s ease .025s;
}
/* button style #5 top bar*/
.navi-menu-active .navi-main-menu-button-five:before {
	transform: translateY(11px) rotate(45deg);
	-moz-transform: translateY(11px) rotate(45deg);
	-webkit-transform: translateY(11px) rotate(45deg);
}
/* button style #5 bottom bar*/
.navi-menu-active .navi-main-menu-button-five:after {
	transform: translateY(-11px) rotate(-45deg);
	-moz-transform: translateY(-11px) rotate(-45deg);
	-webkit-transform: translateY(-11px) rotate(-45deg);
}
/* button style #5 middle bar*/
.navi-menu-active div.navi-main-menu-button-five-middle:before {
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-transition: all .25s ease, opacity .25s ease .025s;
	-moz-transition: all .25s ease, opacity .25s ease .025s;
	transition: all .25s ease, opacity .25s ease .025s;
}
/* button style #6 top bar*/
.navi-menu-active .navi-main-menu-button-six:before {
	transform: translateY(4px) rotate(45deg);
	-moz-transform: translateY(4px) rotate(45deg);
	-webkit-transform: translateY(4px) rotate(45deg);
}
/* button style #6 bottom bar*/
.navi-menu-active .navi-main-menu-button-six:after {
	transform: translateY(-4px) rotate(-45deg);
	-moz-transform: translateY(-4px) rotate(-45deg);
	-webkit-transform: translateY(-4px) rotate(-45deg);
}

/* MENU BUTTON STYLE #1
**************************************************/
.navi-main-menu-button {
	padding: 6px 10px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

	.navi-main-menu-button:before,
	.navi-main-menu-button div.navi-main-menu-button-middle:before,
	.navi-main-menu-button:after {
		content: '';
		display: block;
		width: 30px;
		height: 2px;
		margin: 7px 0;
		background-color: #92959E;
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		transition: all .25s ease;
		/* lessen animation 'pop' in Firefox */
		outline: 1px solid transparent;
	}
/* menu bars (active) */
.navi-menu-active .navi-main-menu-button:before,
.navi-menu-active .navi-main-menu-button div.navi-main-menu-button-middle:before,
.navi-menu-active .navi-main-menu-button:after {
	background-color: #fff;
}


/* MENU BUTTON STYLE #2
**************************************************/
.navi-main-menu-button-two {
	padding: 6px 10px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

	.navi-main-menu-button-two:before,
	.navi-main-menu-button-two div.navi-main-menu-button-two-middle:before,
	.navi-main-menu-button-two:after {
		content: '';
		display: block;
		width: 30px;
		height: 2px;
		margin: 7px 0;
		background-color: #92959E;
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		transition: all .25s ease;
		/* lessen animation 'pop' in Firefox */
		outline: 1px solid transparent;
	}

	.navi-main-menu-button-two div.navi-main-menu-button-two-middle:before {
		width: 25px;
		margin-left: 5px;
	}

	.navi-main-menu-button-two:after {
		width: 20px;
		margin-left: 10px;
	}
/* menu bars (active) */
.navi-menu-active .navi-main-menu-button-two:before,
.navi-menu-active .navi-main-menu-button-two div.navi-main-menu-button-two-middle:before,
.navi-menu-active .navi-main-menu-button-two:after {
	background-color: #fff;
}


/* MENU BUTTON STYLE #3
**************************************************/
.navi-main-menu-button-three {
	padding: 6px 10px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

	.navi-main-menu-button-three:before,
	.navi-main-menu-button-three div.navi-main-menu-button-three-middle:before,
	.navi-main-menu-button-three:after {
		content: '';
		display: block;
		width: 25px;
		height: 2px;
		margin: 7px 0;
		background-color: #92959E;
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		transition: all .25s ease;
		/* lessen animation 'pop' in Firefox */
		outline: 1px solid transparent;
	}

	.navi-main-menu-button-three div.navi-main-menu-button-three-middle:before {
		width: 20px;
	}
/* menu bars (active) */
.navi-menu-active .navi-main-menu-button-three:before,
.navi-menu-active .navi-main-menu-button-three div.navi-main-menu-button-three-middle:before,
.navi-menu-active .navi-main-menu-button-three:after {
	background-color: #fff;
}


/* MENU BUTTON STYLE #4
**************************************************/
.navi-main-menu-button-four {
	padding: 0px 10px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

	.navi-main-menu-button-four:before {
		margin-top: 5px !important;
	}

	.navi-main-menu-button-four:before,
	.navi-main-menu-button-four div.navi-main-menu-button-four-middle:before,
	.navi-main-menu-button-four:after {
		content: '';
		display: block;
		width: 25px;
		height: 2px;
		margin: 7px 0;
		background-color: white;
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		transition: all .25s ease;
		box-shadow: 1px 1px #404040;
	}

	.navi-main-menu-button-four div.navi-main-menu-button-four-middle:before {
	}

	.navi-main-menu-button-four:after {
	}
/* menu bars (active) */
.navi-menu-active .navi-main-menu-button-four:before,
.navi-menu-active .navi-main-menu-button-four div.navi-main-menu-button-four-middle:before,
.navi-menu-active .navi-main-menu-button-four:after {
	background-color: #fff;
}


/* MENU BUTTON STYLE #5
**************************************************/
.navi-main-menu-button-five {
	padding: 6px 10px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

	.navi-main-menu-button-five:before,
	.navi-main-menu-button-five div.navi-main-menu-button-five-middle:before,
	.navi-main-menu-button-five:after {
		content: '';
		display: block;
		width: 22px;
		height: 2px;
		margin: 9px 0;
		background-color: #92959E;
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		transition: all .25s ease;
		/* lessen animation 'pop' in Firefox */
		outline: 1px solid transparent;
	}
/* menu bars (active) */
.navi-menu-active .navi-main-menu-button-five:before,
.navi-menu-active .navi-main-menu-button-five div.navi-main-menu-button-five-middle:before,
.navi-menu-active .navi-main-menu-button-five:after {
	background-color: #fff;
}


/* MENU BUTTON STYLE #6
**************************************************/
.navi-main-menu-button-six {
	padding: 6px 10px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

	.navi-main-menu-button-six:before,
	.navi-main-menu-button-six:after {
		content: '';
		display: block;
		width: 30px;
		height: 2px;
		margin: 6px 0;
		background-color: #92959E;
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		transition: all .25s ease;
		/* lessen animation 'pop' in Firefox */
		outline: 1px solid transparent;
	}
/* menu bars (active) */
.navi-menu-active .navi-main-menu-button-six:before,
.navi-menu-active .navi-main-menu-button-six:after {
	background-color: #fff;
	-webkit-transition: all .25s ease !important;
	-moz-transition: all .25s ease !important;
	transition: all .25s ease !important;
}


/* MENU BUTTON LABEL
**************************************************/
.navi-menu-button-label {
	position: absolute;
	top: -3px;
	left: -50px;
	font-family: 'Montserrat', arial, sans-serif;
	font-weight: 700 !important;
	font-style: normal !important;
	font-size: 14px;
	letter-spacing: 0;
	color: white;
	padding: 0px;
	white-space: nowrap;
	text-shadow: 1px 1px #404040;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}


/* MAIN WRAPPER
**************************************************/
/* main wrapper */
.navi-main-wrapper {
	position: fixed;
	z-index: 999999999;
	top: 0;
	bottom: 0;
	left: -100%;
	width: 100%;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	color: white;
	-webkit-transition: left 0s ease .4s;
	-moz-transition: left 0s ease .4s;
	transition: left 0s ease .4s;
}

.navi-main-wrapper-active {
	left: 0;
	pointer-events: all;
	-webkit-transition: left 0s ease;
	-moz-transition: left 0s ease;
	transition: left 0s ease;
}

/* MAIN MENU
**************************************************/
.navi-menu-wrapper {
	position: relative;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 350px;
	margin: 0;
	/* smooth scroll on touch devices */
	-webkit-overflow-scrolling: touch;
}
/* top-level menu */
.navi-by-bonfire .menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
}

	.navi-by-bonfire .menu li {
		margin: 0;
		padding: 0;
		border: none;
		z-index: auto;
		position: relative;
	}
/* individual main menu items */
.navi-by-bonfire ul li {
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

	.navi-by-bonfire ul li:before {
		display: none;
	}
	/* top-level menu item */
	.navi-by-bonfire ul li a {
		width: 100%;
		left: 0;
		font-size: 19px;
		line-height: 33px;
		font-family: 'Montserrat', arial, sans-serif;
		font-weight: 400 !important;
		font-style: normal !important;
		color: #fff;
		margin: 0;
		padding: 10px 0 5px 0;
		display: inline-block;
		text-decoration: none;
		outline: none;
		text-transform: uppercase;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		transition: all .2s ease;
		text-align: center;
	}

		.navi-by-bonfire ul li a.parent-menu {
			cursor: pointer;
		}

/* hide top-level menu items */
.navi-top-inactive {
	-webkit-transition: opacity .75s ease, -webkit-transform .75s ease, left 0s ease .75s !important;
	-moz-transition: opacity .75s ease, -moz-transform .75s ease, left 0s ease .75s !important;
	transition: opacity .75s ease, transform .75s ease, left 0s ease .75s !important;
}

.navi-by-bonfire ul li.current-menu-item > a {
	color: #8c8369;
}
/* hide top-level menu items */
.navi-top-inactive {
	-webkit-transition: opacity .75s ease, -webkit-transform .75s ease, left 0s ease .75s !important;
	-moz-transition: opacity .75s ease, -moz-transform .75s ease, left 0s ease .75s !important;
	transition: opacity .75s ease, transform .75s ease, left 0s ease .75s !important;
}

.navi-by-bonfire ul.navi-top-inactive > li > a {
	opacity: 0 !important;
	pointer-events: none;
}
/* custom border */
.navi-by-bonfire ul li.border a {
	padding-bottom: 19px;
	margin-bottom: 8px;
	border-bottom: 1px solid #D9D9D9;
}
/* top-level menu item hover */
.navi-by-bonfire ul li a:hover,
.navi-by-bonfire ul li a:active {
	color: #8c8369 !important;
}

.navi-by-bonfire ul li {
	opacity: 0;
}

.navi-menu-wrapper-active .navi-by-bonfire ul li {
	opacity: 1;
}
	/* individual li animation speeds (up to 25) */
	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(1) {
		-webkit-transition: opacity .3s ease .2s;
		-moz-transition: opacity .3s ease .2s;
		transition: opacity .3s ease .2s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(2) {
		-webkit-transition: opacity .3s ease .25s;
		-moz-transition: opacity .3s ease .25s;
		transition: opacity .3s ease .25s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(3) {
		-webkit-transition: opacity .3s ease .3s;
		-moz-transition: opacity .3s ease .3s;
		transition: opacity .3s ease .3s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(4) {
		-webkit-transition: opacity .3s ease .35s;
		-moz-transition: opacity .3s ease .35s;
		transition: opacity .3s ease .35s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(5) {
		-webkit-transition: opacity .3s ease .4s;
		-moz-transition: opacity .3s ease .4s;
		transition: opacity .3s ease .4s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(6) {
		-webkit-transition: opacity .3s ease .45s;
		-moz-transition: opacity .3s ease .45s;
		transition: opacity .3s ease .45s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(7) {
		-webkit-transition: opacity .3s ease .5s;
		-moz-transition: opacity .3s ease .5s;
		transition: opacity .3s ease .5s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(8) {
		-webkit-transition: opacity .3s ease .55s;
		-moz-transition: opacity .3s ease .55s;
		transition: opacity .3s ease .55s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(9) {
		-webkit-transition: opacity .3s ease .6s;
		-moz-transition: opacity .3s ease .6s;
		transition: opacity .3s ease .6s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(10) {
		-webkit-transition: opacity .3s ease .65s;
		-moz-transition: opacity .3s ease .65s;
		transition: opacity .3s ease .65s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(11) {
		-webkit-transition: opacity .3s ease .7s;
		-moz-transition: opacity .3s ease .7s;
		transition: opacity .3s ease .7s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(12) {
		-webkit-transition: opacity .3s ease .75s;
		-moz-transition: opacity .3s ease .75s;
		transition: opacity .3s ease .75s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(13) {
		-webkit-transition: opacity .3s ease .8s;
		-moz-transition: opacity .3s ease .8s;
		transition: opacity .3s ease .8s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(14) {
		-webkit-transition: opacity .3s ease .85s;
		-moz-transition: opacity .3s ease .85s;
		transition: opacity .3s ease .85s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(15) {
		-webkit-transition: opacity .3s ease .9s;
		-moz-transition: opacity .3s ease .9s;
		transition: opacity .3s ease .9s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(16) {
		-webkit-transition: opacity .3s ease .95s;
		-moz-transition: opacity .3s ease .95s;
		transition: opacity .3s ease .95s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(17) {
		-webkit-transition: opacity .3s ease 1s;
		-moz-transition: opacity .3s ease 1s;
		transition: opacity .3s ease 1s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(18) {
		-webkit-transition: opacity .3s ease 1.05s;
		-moz-transition: opacity .3s ease 1.05s;
		transition: opacity .3s ease 1.05s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(19) {
		-webkit-transition: opacity .3s ease 1.1s;
		-moz-transition: opacity .3s ease 1.1s;
		transition: opacity .3s ease 1.1s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(20) {
		-webkit-transition: opacity .3s ease 1.15s;
		-moz-transition: opacity .3s ease 1.15s;
		transition: opacity .3s ease 1.15s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(21) {
		-webkit-transition: opacity .3s ease 1.2s;
		-moz-transition: opacity .3s ease 1.2s;
		transition: opacity .3s ease 1.2s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(22) {
		-webkit-transition: opacity .3s ease 1.25s;
		-moz-transition: opacity .3s ease 1.25s;
		transition: opacity .3s ease 1.25s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(23) {
		-webkit-transition: opacity .3s ease 1.3s;
		-moz-transition: opacity .3s ease 1.3s;
		transition: opacity .3s ease 1.3s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(24) {
		-webkit-transition: opacity .3s ease 1.35s;
		-moz-transition: opacity .3s ease 1.35s;
		transition: opacity .3s ease 1.35s;
	}

	.navi-menu-wrapper-active .navi-by-bonfire ul li:nth-child(25) {
		-webkit-transition: opacity .3s ease 1.4ss;
		-moz-transition: opacity .3s ease 1.4s;
		transition: opacity .3s ease 1.4s;
	}

.menu-item.menu-item-has-children.navi-top-inactive a.parent-menu {
	opacity: 1 !important;
	margin-top: -50px;
	position: absolute;
	color: #8c8369;
}


/* SUB-MENU
**************************************************/
/* the arrow button */
.navi-by-bonfire ul li span {
	width: 80px;
	height: 45px;
	z-index: 999;
	position: absolute;
	top: 6px;
	right: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	text-align: right;
	opacity: 0;
	display: none;
	-webkit-transition: width .5s ease, right .5s ease, padding .5s ease, -webkit-transform .5s ease;
	-moz-transition: width .5s ease, right .5s ease, padding .5s ease, -moz-transform .5s ease;
	transition: width .5s ease, right .5s ease, padding .5s ease, transform .5s ease;
}

.navi-menu-wrapper-active .navi-by-bonfire ul li span {
	opacity: 1;
}

.navi-by-bonfire .menu-item-has-children:hover span {
	right: -10px;
}

.navi-by-bonfire li.menu-item.menu-item-has-children.navi-top-inactive {
	position: absolute;
	top: 50px;
}

/* don't let users accidentally click on inactive sub-menu arrow */
.navi-by-bonfire ul.navi-top-inactive > li > span {
	pointer-events: none;
	display: block;
}
/* active sub-menu arrow */
.navi-by-bonfire .menu li span.navi-submenu-active {
	width: 100%;
	right: 0;
	top: -50px;
	opacity: 1 !important;
	pointer-events: auto;
}
/* hide non-active sub-menu arrow (tip) */
.navi-by-bonfire ul.navi-top-inactive > li > span .sub-menu-arrow-tip-right {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
}
/* hide non-active sub-menu arrow (line) */
.navi-by-bonfire ul.navi-top-inactive > li > span .sub-menu-arrow-line {
	width: 0;
}
/* arrow hover (when sub-menu active) */
.navi-by-bonfire .menu li span.navi-submenu-active:hover {
	padding-right: 10px;
}
/* sub-menu indicator arrow line */
.sub-menu-arrow-line {
	width: 78px;
	height: 2px;
	background-color: #fff;
	margin-top: 20px;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	transition: all .6s ease;
}
/* sub-menu indicator arrow line (when sub-menu active) */
.navi-by-bonfire .menu li span.navi-submenu-active .sub-menu-arrow-line {
	display: none;
}
/* sub-menu indicator arrow right tip */
.sub-menu-arrow-tip-right {
	position: relative;
	top: -4px;
	right: -2px;
	margin: 0 0 0 auto;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #fff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
/* sub-menu indicator arrow right tip (when sub-menu active) */
.navi-by-bonfire .menu li span.navi-submenu-active .sub-menu-arrow-tip-right {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
}
/* sub-menu indicator arrow left tip */
.sub-menu-arrow-tip-left {
	position: absolute;
	top: 18px;
	left: 15px;
	margin: 0 auto 0 0;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 5px solid #fff;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0.4;
}
/* sub-menu indicator arrow left tip (when sub-menu active) */
.navi-by-bonfire .menu li span.navi-submenu-active .sub-menu-arrow-tip-left {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	border-top: 0;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
	width: 13px;
	height: 13px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	opacity: 1;
}
/* sub-menu */
.navi-by-bonfire ul.sub-menu {
	position: absolute;
	z-index: 9999;
	top: 0;
	left: -1000%;
	list-style: none;
	margin: 10px 0 0 0 !important;
	padding: 0;
	opacity: 0;
	height: 100%;
	-webkit-transition: opacity .45s ease .2s, left 0s ease 0s;
	-moz-transition: opacity .45s ease .2s, left 0s ease 0s;
	transition: opacity .45s ease .2s, left 0s ease 0s;
}

.navi-sub-active {
	top: 0;
	left: 0 !important;
	opacity: 1 !important;
	-webkit-transition: opacity .35s ease 0s, left 0s ease .35s;
	-moz-transition: opacity .35s ease 0s, left 0s ease .35s;
	transition: opacity .35s ease 0s, left 0s ease .35s;
}
/* add bottom padding to last sub-menu item */
.navi-by-bonfire ul.sub-menu li:last-child {
	padding-bottom: 50px;
}
/* sub-menu items */
.navi-by-bonfire ul.sub-menu li a {
	min-width: 350px;
	font-weight: 300;
	color: #fff;
	margin: 0;
	padding: 0 0 15px 0;
}
	/* sub-menu items hover */
	.navi-by-bonfire ul.sub-menu li a:hover {
		color: #7d755e;
	}

.navi-by-bonfire ul.sub-menu li.current-menu-item > a {
	color: #7d755e;
}


/* MAIN BACKGROUND
**************************************************/
/* main background */
.navi-main-background {
	position: fixed;
	z-index: 999999998;
	left: 0;
	width: 100%;
	height: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	background: url(../images/background-wall.jpg) no-repeat center center;
	background-size: cover;
	display: none;
	top: -100%;
	opacity: 0;
	-webkit-transition: opacity .5s ease, top 0s ease .5s;
	-moz-transition: opacity .5s ease, top 0s ease .5s;
	transition: opacity .5s ease, top 0s ease .5s;
}

.navi-main-background-active {
	top: 0;
	opacity: 1;
	display: block !important;
	-webkit-transition: opacity .5s ease, top 0s ease;
	-moz-transition: opacity .5s ease, top 0s ease;
	transition: opacity .5s ease, top 0s ease;
}


/*
MISC
**************************************************/
/* if absolute positioning active */
.navi-absolute {
	position: absolute;
}

/*
RESPONSIVE SETTINGS
**************************************************/
@media screen and (max-height: 780px) {
	/* menu wrapper */
	/*.navi-menu-logo
	{
		display:none;
	}*/
	.navi-menu-wrapper {
		top: 10%;
		transform: translate(-50%,0%);
	}
}

@media only screen and (max-width: 767px) {
	/*.navi-menu-logo 
	{
		display:none;
	}*/
	.navi-menu-wrapper {
		top: 10%;
		transform: translate(-50%,0%);
	}
}

/*button.g-recaptcha > div {
    display:none;
    padding-top:10px;
}*/