@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Varela Round:400');

				

.off-menu_150 .sm-logo {
text-align: center;
}
.off-menu_150 .sm-logo img {
max-width: 100%;
}

/* custom module positions */
.off-menu_150 dt.sm-mod, .off-menu_150 dt.sm-mod:hover, .off-menu_150 dt.sm-mod:focus-within{
padding: 0 !important;
cursor: default !important;
background-color: inherit !important;
}

.off-menu_150 .sm-modpos {
font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
padding: 9px !important;
cursor: default !important;
background-color: inherit !important;
}
.off-menu_150 .sm-postag {
display: inline-block;
background: #4ed7c2;
color: #fff;
border-radius: 4px 4px 0 0;
padding: 0 7px;
line-height: 20px;
font-size: 12px;
}
.off-menu_150 .sm-posname {
text-align: center;
border: 1px solid #e3e3e3;
background: #f5f5f5;
color: #434343;
font-size: 16px;
font-weight: normal;
line-height: 50px;
}

.off-menu_150 dt.sm-modpos:after, .off-menu_150 dt.sm-mod:after, .off-menu_150 dt.sm-modpos:before, .off-menu_150dt.sm-mod:before{
display: none !important;
}
.off-menu_150 dt.sm-back-item a, .off-menu_150 dt.parent:after, .off-menu_150 dt.parent:before {
cursor: pointer;
}

.off-menu_150 .sm-level > dl > dt {
overflow-x: hidden !important;
max-width: 100vw;
}

.sm-scroll .sm-level dt {
pointer-events: none !important;
}

.off-menu_150 > div.sm-level {
width: 250px;
height: auto;
max-height: 100vh;
}

html.sm-full-150, html.sm-full-150 body {
padding: 0 !important;
border: 0 !important;
}
html.sm-full-150:not(.sm-reduce-width), html.sm-full-150:not(.sm-reduce-width) body {
overflow: hidden !important;
}
html.sm-full-150.sm-reduce-width body {
position: static !important;
}

.no-trans {
-webkit-transition: none !important;
transition: none !important;
}

.sm-full-150 .sm-pusher {
outline: 1px solid transparent;
z-index: 99;
position: relative;
height: 100%;
overflow: hidden !important;
-webkit-transition: -webkit-transform 0.5s ease 0s;
transition: transform 0.5s ease 0s;
}

.sm-pusher:after {
content: "";
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
visibility: hidden;
background: #000;
z-index: 10000;
opacity: 0;
-webkit-transition: opacity 0.5s ease 0s;
transition: opacity 0.5s ease 0s;
}
.sm-content {
max-width: 100vw;
}
.sm-full-150 .sm-pusher:after {
visibility: visible;
}
.sm-open-150 .sm-pusher:after {
opacity: 0.2;
}

.sm-full-150 .sm-content-inner, .sm-full-150 .sm-content, .sm-full-150 .sm-pusher {
box-sizing: border-box;
}
.sm-full-150 .sm-content {
overflow-y: auto !important;
width: 100vw;
height: 100%;
}

@media (max-width: 767px) {
.sm-menu > .menu-icon-cont {
margin-right: 0 !important;
}
}
@media (min-width: 768px) {
.sm-full-150.sm-reduce-width .sm-content {
-webkit-transition: max-width 0.5s;
transition: max-width 0.5s;
float:
right;
}
.sm-reduce-width .sm-open-150 .sm-content {
max-width: calc(100% -
300px);
}
.sm-reduce-width .sm-open-150 .sm-pusher:after {
display: none;
}
}

.sm-full-150 .sm-effect-14 .sm-content, .sm-full-150 .sm-effect-12 .sm-content, .sm-full-150 .sm-effect-11
.sm-content, .sm-full-150 .sm-effect-9 .sm-content, .sm-full-150 .sm-effect-6 .sm-content {
overflow-y: auto;
}

.sm-full-150 .sm-content-inner {
min-height: 100vh;
position: relative;
}

#off-menu_150 {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}

	#off-menu_150 {display: none}

.sm-container > #off-menu_150:not(.sm-popup) {
position: fixed;
z-index: 100;
max-width: 80vw;
height: 100%;
top: 0;
right: 0;
display: none;
visibility: hidden;
}
.sm-full-150 #off-menu_150:not(.sm-popup) {
display: block;
visibility: visible;
}

.sm-full-150 .sm-overlay-win #off-menu_150 {
display: inline-block;
vertical-align: middle;
}

.sm-container > #off-menu_150:after { /* ??? */
display: none;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: #000;
content: '';
opacity: 0.2;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.sm-open-150 > #off-menu_150:after {
width: 0;
opacity: 0;
-webkit-transition: opacity 0.5s, width 0 0.5s;
transition: opacity 0.5s, width 0 0.5s;
}


	/* OVERLAY */

	.sm-overlay-150, .sm-full-150 .sm-pusher {
	-webkit-transition: -webkit-transform 500ms, opacity 500ms;
	transition: transform 500ms, opacity 500ms;
	}

	
	#off-menu_150 .link a {
	position: relative;
	}
	#off-menu_150 dt .link a:before, #off-menu_150 dt .link a:after {
	position: absolute;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	}
	 /* square brackets effect */
			#off-menu_150 dt .link a:before {
			content: "[";
			left: 0px;
			}
			#off-menu_150 dt .link a:after {
			content: "]";
			right: 0px;
			}
			#off-menu_150 dt.opened .link a:before,
						#off-menu_150 dt:hover .link a:before,
			#off-menu_150 dt:focus-within .link a:before {
			opacity: 1;
			-webkit-transform: translateX(-1em);
			-ms-transform: translate(-1em, 0);
			transform: translateX(-1em);
			}
			#off-menu_150 dt.opened .link a:after,
						#off-menu_150 dt:hover .link a:after,
			#off-menu_150 dt:focus-within .link a:after {
			opacity: 1;
			-webkit-transform: translateX(1em);
			-ms-transform: translate(1em, 0);
			transform: translateX(1em);
			}
			
	/* slide-down */
	.sm-effect-1 .sm-overlay-150 {
	-webkit-transform: translateY(-100%);
	-ms-transform: translate(0, -100%);
	transform: translateY(-100%);
	}
	/* scale */
	.sm-effect-2 .sm-overlay-150 {
	-webkit-transition-duration: 300ms, 300ms;
	transition-duration: 300ms, 300ms;
	-webkit-transform: scale3d(0.9, 0.9, 1);
	-ms-transform: scale(0.9, 0.9);
	transform: scale3d(0.9, 0.9, 1);
	opacity: 0;
	}
	/* genie */
	.sm-effect-3 .sm-overlay-150 {
	-webkit-transform: translateY(60%) scale(0);
	-ms-transform: translate(0, 60%) scale(0);
	transform: translateY(60%) scale(0);
	opacity: 0;
	}
	/* content scale */
	.sm-effect-4 .sm-overlay-150 {
	-webkit-transform: translateY(100%);
	-ms-transform: translate(0, 100%);
	transform: translateY(100%);
	}
	.sm-effect-4.sm-open-150 .sm-pusher {
	-webkit-transform: scale3d(0.85, 0.85, 1);
	-ms-transform: scale(0.85, 0.85);
	transform: scale3d(0.85, 0.85, 1);
	}
	/* content scale */
	.sm-effect-5 .sm-overlay-150, .sm-full-150 .sm-effect-5 .sm-pusher {
	-webkit-transition-duration: 700ms;
	transition-duration: 700ms;
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	}
	.sm-effect-5 .sm-overlay-150 {
	-webkit-transform: rotateZ(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotateZ(-90deg);
	}
	.sm-effect-5.sm-open-150 .sm-pusher {
	-webkit-transform: rotateZ(90deg);
	-ms-transform: rotate(90deg);
	transform: rotateZ(90deg);
	}
	/* Flip top */
	.sm-effect-6 .sm-overlay-150 {
	-webkit-transform: perspective(1500px) rotateX(-120deg);
	transform: perspective(1500px) rotateX(-120deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition-duration: 800ms, 800ms;
	transition-duration: 800ms, 800ms;
	}
	.sm-effect-6 .sm-overlay-150 #off-menu_150 {
	-webkit-transition: -webkit-transform 800ms;
	transition: transform 800ms;
	-webkit-transform: translateY(33%);
	transform: translateY(33%);
	}
	.sm-full-150 .sm-effect-6 .sm-pusher {
	-webkit-transition-duration: 700ms, 700ms;
	transition-duration: 700ms, 700ms;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	}
	.sm-effect-6.sm-open-150 .sm-pusher {
	-webkit-transform: perspective(1500px) rotateX(120deg);
	transform: perspective(1500px) rotateX(120deg);
	}
	.sm-effect-6.sm-open-150 .sm-overlay-150 #off-menu_150 {
	-webkit-transform: none;
	transform: none;
	}
	/* Flip left */
	.sm-effect-7 .sm-overlay-150 {
	-webkit-transform: perspective(1500px) rotateY(120deg);
	transform: perspective(1500px) rotateY(120deg);
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition-duration: 700ms, 700ms;
	transition-duration: 700ms, 700ms;
	}
	.sm-full-150 .sm-effect-7 .sm-pusher {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition-duration: 700ms, 700ms;
	transition-duration: 700ms, 700ms;
	}
	.sm-effect-7.sm-open-150 .sm-pusher {
	-webkit-transform: perspective(1500px) rotateY(-120deg);
	transform: perspective(1500px) rotateY(-120deg);
	}
	/* Flip on Y */
	.sm-effect-9 .sm-overlay-150, .sm-full-150 .sm-effect-9 .sm-pusher, .sm-effect-10 .sm-overlay-150, .sm-full-150	.sm-effect-10 .sm-pusher {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-duration: 750ms, 750ms;
	transition-duration: 750ms, 750ms;
	}
	.sm-effect-9 .sm-overlay-150 {
	-webkit-transform: perspective(1500px) scale(0.6) rotateY(180deg);
	transform: perspective(1500px) scale(0.6) rotateY(180deg);
	opacity: 0;
	}
	.sm-effect-9.sm-open-150 .sm-pusher {
	-webkit-transform: perspective(1500px) scale(0.6) rotateY(180deg);
	transform: perspective(1500px) scale(0.6) rotateY(180deg);
	opacity: 0;
	}
	/* Flip on X */
	.sm-effect-10 .sm-overlay-150 {
	-webkit-transform: perspective(1500px) scale(0.6) rotateX(180deg);
	transform: perspective(1500px) scale(0.6) rotateX(180deg);
	opacity: 0;
	}
	.sm-effect-10.sm-open-150 .sm-pusher {
	-webkit-transform: perspective(1500px) scale(0.6) rotateX(180deg);
	transform: perspective(1500px) scale(0.6) rotateX(180deg);
	opacity: 0;
	}

	/* zoom */
	.sm-effect-11 .sm-overlay-150 {
	-webkit-transform: scale3d(1.2, 1.2, 1);
	-ms-transform: scale(1.2, 1.2);
	transform: scale3d(1.2, 1.2, 1);
	opacity: 0;
	}
	.sm-effect-11.sm-open-150 .sm-pusher {
	-webkit-transform: scale3d(0.6, 0.6, 1);
	-ms-transform: scale(0.6, 0.6);
	transform: scale3d(0.6, 0.6, 1);
	}
	/* Flip bottom */
	.sm-effect-12 .sm-overlay-150, .sm-full-150 .sm-effect-12 .sm-pusher {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-duration: 600ms, 600ms;
	transition-duration: 600ms, 600ms;
	}
	.sm-effect-12 .sm-overlay-150 {
	-webkit-transform: perspective(1500px) rotateX(90deg);
	transform: perspective(1500px) rotateX(-90deg);
	opacity: 0;
	}
	.sm-effect-12.sm-open-150 .sm-pusher {
	-webkit-transform: perspective(1500px) rotateX(90deg);
	transform: perspective(1500px) rotateX(90deg);
	}

	/* content scale and slide right */
	.sm-effect-13 .sm-overlay-150, .sm-full-150 .sm-effect-13 .sm-pusher {
	-webkit-transform-origin: 70% 50%;
	transform-origin: 70% 50%;
	-webkit-transition-duration: 750ms, 750ms;
	transition-duration: 750ms, 750ms;
	}
	.sm-effect-13 .sm-overlay-150 #off-menu_150 {
	-webkit-transform: translateX(-33%);
	transform: translateX(-33%);
	-webkit-transition: -webkit-transform 750ms 150ms;
	transition: transform 750ms 150ms;
	}
	.sm-effect-13 .sm-overlay-150 {
	-webkit-transform: translateX(-100%);
	-ms-transform: translate(-100%,0);
	transform: translateX(-100%);
	}

	.sm-effect-13.sm-open-150 .sm-pusher {
	-webkit-transform: scale3d(0.65, 0.65, 1);
	-ms-transform: scale(0.65, 0.65);
	transform: scale3d(0.65, 0.65, 1);
	}
	.sm-effect-13.sm-open-150 .sm-overlay-150 #off-menu_150 {
	-webkit-transform: none;
	transform: none;
	}

	.sm-effect-14 .sm-overlay-150 {
	-webkit-transition-duration: 400ms, 300ms;
	transition-duration: 400ms;
	opacity: 0;
	}

	.sm-overlay-150 {
	position: absolute;
	display: none;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	}
		.sm-overlay-150 .sm-overlay-win {
	position: relative;
	width: calc(100% - 0px);
	height: calc(100% - 0px);
	top: 0px;
	left: 0px;
	text-align: center;
	overflow: hidden;
	}

	@media screen and (max-width: 768px) {
	.sm-overlay-150 .sm-overlay-win {
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	}
	}

	.sm-overlay-win:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	font-size: 0;
	}

	.sm-overlay-150 #off-menu_150 {
	background: none;
		width:
	250%;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	border-radius: 0px;
	}

	.sm-full-150 .sm-overlay-150 {
	display: block;
	}
	.sm-overlay-150 .sm-level, .sm-overlay-150 .sm-level > dl {
	max-height: inherit;
	}

	.sm-container.sm-open-150 .sm-overlay-150 {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	}

	.sm-overlay-150 .menu-icon-cont {
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	}


/* Perfect Scrollbar */
.ps-container .ps-scrollbar-y-rail {
position: absolute; /* please don't change 'position' */
right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */
width: 8px;
z-index: 1;
border-radius: 4px;
opacity: 0;
-webkit-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail, .ps-container.hover .ps-scrollbar-y-rail, .ps-container:focus-within .ps-scrollbar-y-rail {
opacity: 0.6;
}

.ps-container .ps-scrollbar-y-rail:hover, .ps-container .ps-scrollbar-y-rail.hover, .ps-container .ps-scrollbar-y-rail:focus-within {
background-color: #eee;
opacity: 0.9;
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
background-color: #eee;
opacity: 0.9;
}

.ps-container .ps-scrollbar-y {
position: absolute; /* please don't change 'position' */
right: 0; /* there must be 'right' for ps-scrollbar-y */
width: 8px;
background-color: #aaa;
border-radius: 4px;
-webkit-transition: background-color.2s linear;
transition: background-color .2s linear;
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail:focus-within .ps-scrollbar-y {
background-color: #999;
}

.ps-container.ie .ps-scrollbar-y, .ps-container.ie:hover .ps-scrollbar-y, .ps-container.ie.hover .ps-scrollbar-y, .ps-container.ie:focus-within .ps-scrollbar-y {
visibility: visible;
}


/* ========= Menu Icon Base ======== */

.sm-btn-150 {
background: rgba(0, 0, 0, 0.7);
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.menu-icon-cont {
cursor: pointer;
display: inline-block;
font-size: 0;
line-height: 0;
-webkit-transition: -webkit-transform 300ms, opacity 300ms;
transition: transform 300ms, opacity 300ms;
z-index: 9999;
}

.sm-hide .menu-icon-cont {
-webkit-transition: -webkit-transform 500ms;
transition: transform 500ms;
}

.sm-parent .menu-icon-cont {
position: relative;
}

.sm-parent .menu-icon-cont, .menu-icon-cont.sm-close {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
/* border-radius fix */
.sm-parent > .off-menu_150 {
overflow: hidden;
}

body > .sm-btn-150, .sm-content-inner > .sm-btn-150, .off-menu_150.sm-btn-150 {
position: fixed;
top: 0;
right: 0;
}
.sm-open-150 > .sm-btn-150, .sm-open-150 .sm-content-inner > .sm-btn-150 {
z-index: 99999;
}
.off-menu_150 .sm-btn-150 {
position: absolute;
right: 100%;
top: 0;
z-index: -1;
}
.sm-btn-150 .menu-icon3 {
font-size: 37px;
}
.menu-icon-cont .menu-icon3 {
display: inline-block;
position: relative;
height: .6em;
margin: .2em;
user-select: none;
width: .6em;
}
.sm-btn-150 .menu-icon3 span {
background: #ffffff;
height: 0.08em;
border-radius: 0em;
}
.menu-icon-cont .menu-icon3 span {
backface-visibility: hidden;
position: absolute;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
width: 100%;
}

/* ============ menu-icon3 ============ */
.menu-icon-cont .menu-icon3 span {
left: 0;
}
.menu-icon3 span:nth-child(1) {
top: .1em;
}
.menu-icon3 span:nth-child(2) {
top: .26em;
}
.menu-icon3 span:nth-child(3) {
top: .42em;
}

.sm-close .menu-icon3 span:nth-child(1) {
-webkit-transform: rotateZ(45deg) translate3d(.11em, .11em, 0);
-ms-transform: rotate(45deg) translate(.11em, .11em);
transform: rotateZ(45deg) translate3d(.11em, .11em, 0);
}
.sm-close .menu-icon3 span:nth-child(2) {
opacity: 0;
}
.sm-close .menu-icon3 span:nth-child(3) {
-webkit-transform: rotateZ(-45deg) translate3d(.11em, -.11em, 0);
-ms-transform: rotate(-45deg) translate(.11em, -.11em);
transform: rotateZ(-45deg) translate3d(.11em, -.11em, 0);
}
.sm-hide .menu-icon3 span:nth-child(1) {
width: 50%;
-webkit-transform: translate3d(.16em, -0.08em, 0) rotateZ(45deg) translate3d(.11em, .11em, 0);
-ms-transform: translate(.16em, -0.08em) rotate(45deg) translate(.11em, .11em);
transform: translate3d(.16em, -0.08em, 0) rotateZ(45deg) translate3d(.11em, .11em, 0);
}
.sm-hide .menu-icon3 span:nth-child(3) {
width: 50%;
-webkit-transform: translate3d(.16em, 0.08em, 0) rotateZ(-45deg) translate3d(.11em, -.11em, 0);
-ms-transform: translate(.16em, 0.08em) rotate(-45deg) translate(.11em, -.11em);
transform: translate3d(.16em, 0.08em, 0) rotateZ(-45deg) translate3d(.11em, -.11em, 0);
}
			.sm-btn-150:before {
		content: "MENU";
		position: absolute;
		top: 0;
					right: 100%;
			padding: 0 0 0 7.4px;
				margin: 0;
		background: rgba(0, 0, 0, 0.7);
		color: #ffffff;
		line-height: 37px;
		font-size: 28px;
		font-family: 'Varela Round', sans-serif;
		max-height: 100%;
		white-space: nowrap;
		}
		.menu-icon-cont .menu-icon-cont:before {
	display: none;
	}

/* sliding menu */

.off-menu_150 .sm-background {
display: none;
}

.off-menu_150 .sm-levels {
position: relative;
overflow: hidden;
-webkit-tap-highlight-color: transparent;
-moz-tap-highlight-color: transparent;
tap-highlight-color: transparent;
}

.off-menu_150 .sm-levels.sm-swipe:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}


.off-menu_150 a, .off-menu_150 a:link, .off-menu_150 a:visited, .off-menu_150 a:hover, .off-menu_150 a:focus {
text-decoration: none;
}

.off-menu_150 .sm-head {
cursor: default;
position: relative;
overflow: hidden;
}

.off-menu_150 :not(input) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.off-menu_150 div, .off-menu_150 dl, .off-menu_150 dt, .off-menu_150 dd, .off-menu_150 span, .off-menu_150 a,
.off-menu_150 p, .off-menu_150 img, .off-menu_150 h3{
width: auto;
padding: 0;
margin: 0;
border: 0;
float: none;
clear: none;
line-height: normal;
position: static;
list-style: none;
box-sizing: border-box;
}
.off-menu_150 a:active, .off-menu_150 a:focus {
outline: 0;
-webkit-tap-highlight-color: transparent;
}

.off-menu_150 .sm-filter::-ms-clear {
display: none;
}

.off-menu_150 .sm-level {
top: 0;
position: absolute;
width: 100%;
overflow: hidden;
}
#off-menu_150 .sm-level {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.off-menu_150 dl .sm-level, .off-menu_150 .sm-level.level1 {
position: static;
}

.off-menu_150 dl {
position: relative;
overflow: hidden;
}

.sm-mobile .off-menu_150 dl {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.sm-mobile .off-menu_150 dd dl {
overflow: hidden;
}

.sm-container > .sm-menu dl {
max-height: 100%;
}

.off-menu_150 dt {
-webkit-transition: background 300ms;
transition: background 300ms;
}

.off-menu_150 .link a, .off-menu_150 .sm-arrow, .off-menu_150 .desc {
-webkit-transition: color 300ms;
transition: color 300ms;
}

.off-menu_150 dd {
display: block;
margin: 0;
border: 0;
overflow:hidden;
}

.noscript .off-menu_150 dd, .sm-tree.off-menu_150 dd, .off-menu_150 .sm-result .sm-arrow {
display: none;
}

.sm-tree.off-menu_150 dd.opened {
display: block;
margin: 0;
border: 0;
}


#off-menu_150 {
position: relative;
margin: 0px 0px 10px 0px ;
}
.sm-container > #off-menu_150 {
position: absolute;
margin: 0;
width: 300px;
}

.off-menu_150 .sm-levels > .sm-level > dl,
.off-menu_150 > .sm-level dl {
	padding: 10px;
}
nav#off-menu_150 h3.sm-head {
	margin-top: 10px;
}
#off-menu_150 .sm-head ~ .sm-levels > .sm-level > dl {
	padding-top: 0;
}
.off-menu_150 > .sm-level {
	margin-top: -10px;
	border-radius: 12px 12px 12px 12px ;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}


	.sm-overlay-150 .sm-overlay-win:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #4f4f4f;
	}
	.sm-overlay-150 #off-menu_150 .sm-head {border: 0}
	
#off-menu_150 .sm-levels {
height: 100%;
}


.off-menu_150 .sm-icon {
display: table-cell;
width: 42px;
text-align: center;
vertical-align: top;
padding: 0 10px 0 0;
}

.off-menu_150 .sm-icon img {
margin: 0;
border-radius: 0px 0px 0px 0px ;
}

.off-menu_150 .inner{
display: table-cell;
vertical-align: middle;
}

.off-menu_150 dt {
display: table;
table-layout: fixed;
background-clip: padding-box;
width: 100%;
	cursor: pointer;
}

	.off-menu_150 dt.parent a {
	pointer-events: none;
	}

#off-menu_150 h3.sm-head {
background: rgba(0, 0, 0, 0);
height: 90px;
padding: 0;
margin: 0;
border: 0;
	text-align: center;
	}

#off-menu_150 h3.sm-head span {
font-family: 'Varela Round',sans-serif;
font-size: 70px;
color: #9cbf3d;
font-weight: 400;
font-style: normal;
text-decoration: none;
text-align: center;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
line-height: 90px;
}

.off-menu_150 .link {
position: relative;
display: block;
padding-right: 0px;
}

/* Productnum */

#off-menu_150 .sm-title,
#off-menu_150 .sm-back {
position: absolute;
left: 0;
padding: 0 24px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 80%;
}
#off-menu_150 .sm-title:nth-child(2) {
max-width: 100%;
position: static;
}

#off-menu_150 .sm-back {
cursor: pointer;
padding: 0 0 0 24px;
transform-origin: 24px 50%;
}
#off-menu_150 .sm-back.sm-arrow {
display: none;
opacity: 0;
width: calc(70px * 0.8);
height: 100%;
color: #9cbf3d;
box-sizing: content-box;
}

.off-menu_150 .ps-scrollbar-y-rail {
right: 0 !important;
}

.off-menu_150 .sm-level{
height: 100%;
}

#off-menu_150 {
border-radius: 12px 12px 12px 12px ;
}
.menu-icon-cont > #off-menu_150 {
overflow: hidden;
box-shadow:
0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

.off-menu_150 dl dt > .sm-arrow {
display: table-cell;
vertical-align: middle;
width: 1em;
}
.off-menu_150 .sm-level dl dt svg {
display: block;
height: 1em;
width: 1em;
}
.off-menu_150.sm-tree dt svg,
.off-menu_150.sm-tree dt use + use {
transition: transform 400ms;
}
.off-menu_150.sm-tree .opened svg {
transform: rotateZ(90deg);
}
.off-menu_150.sm-tree dt use + use {
transform-origin: 50% 50%;
transform: rotateZ(90deg);
}
.off-menu_150.sm-tree .opened use + use {
transform: rotateZ(180deg);
}

/*** Level specific iteration ***/

		.off-menu_150 dt .link,
	.off-menu_150 dt.level1 .link {
	text-align: center;
	}
		
	
	.off-menu_150 dl a,
	.off-menu_150 dl a:link,
	.off-menu_150 dl.level1 a,
	.off-menu_150 dl.level1 a:link {
	font-family: 'Varela Round',sans-serif;
font-size: 30px;
color: #ffffff;
font-weight: 400;
font-style: normal;
text-decoration: none;
text-align: center;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09);
line-height: normal;
	}

			.off-menu_150 dl dt.opened a,
		.off-menu_150 dl.level1 dt.opened a,
		.off-menu_150 dl dt.hover a,
	.off-menu_150 dl dt:hover a,
	.off-menu_150 dl dt:focus-within a,
	.off-menu_150 dl.level1 dt.hover a,
	.off-menu_150 dl.level1 dt:hover a,
	.off-menu_150 dl.level1 dt:focus-within a{
	font-family: 'Varela Round',sans-serif;
font-size: 30px;
color: #ffffff;
font-weight: 400;
font-style: normal;
text-decoration: none;
text-align: center;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09);
line-height: normal;
	}

	.off-menu_150 dl dt.active a,
	.off-menu_150 dl.level1 dt.active a{
	font-family: 'Varela Round',sans-serif;
font-size: 30px;
color: #ffffff;
font-weight: 400;
font-style: normal;
text-decoration: none;
text-align: center;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09);
line-height: normal;
	}

	.off-menu_150 dl .desc,
	.off-menu_150 dl.level1 .desc {
	font-family: 'Varela Round',sans-serif;
font-size: 17px;
color: rgba(102,102,102,0.8);
font-weight: 400;
font-style: normal;
text-decoration: none;
text-align: center;
text-shadow: none;
line-height: normal;
	}

			.off-menu_150 dl dt.opened .desc,
		.off-menu_150 dl.level1 dt.opened .desc,
		.off-menu_150 dl dt.hover .desc,
	.off-menu_150 dl dt:hover .desc,
	.off-menu_150 dl dt:focus-within .desc,
	.off-menu_150 dl.level1 dt.hover .desc,
	.off-menu_150 dl.level1 dt:hover .desc,
	.off-menu_150 dl.level1 dt:focus-within .desc {
	font-family: 'Varela Round',sans-serif;
font-size: 17px;
color: rgba(255,255,255,0.8);
font-weight: 400;
font-style: normal;
text-decoration: none;
text-align: center;
text-shadow: none;
line-height: normal;
	}

	.off-menu_150 dl dt.active .desc,
	.off-menu_150 dl.level1 dt.active .desc{
	font-family: 'Varela Round',sans-serif;
font-size: 17px;
color: rgba(255,255,255,0.8);
font-weight: 400;
font-style: normal;
text-decoration: none;
text-align: center;
text-shadow: none;
line-height: normal;
	}
		.off-menu_150 dl dt,
	.off-menu_150 dl.level1 dt {
	padding: 10px 14px 10px 24px;
	border-top: 2px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 2px solid transparent;
	border-left: 7px solid transparent;
	border-top-left-radius: 29px 24px;
	border-top-right-radius: 29px 24px;
	border-bottom-right-radius: 29px 24px;
	border-bottom-left-radius: 29px 24px;
	}

	/* Plus */
		.off-menu_150 dt > .sm-arrow,
	.off-menu_150 dt.level1 > .sm-arrow {
	font-size: 14px;
	color: #ffffff;
	}
	.off-menu_150 dt.opened > .sm-arrow,
	.off-menu_150 dt.hover > .sm-arrow,
	.off-menu_150 dt:hover > .sm-arrow,
	.off-menu_150 dt:focus-within > .sm-arrow,
	.off-menu_150 dt.level1.opened > .sm-arrow,
	.off-menu_150 dt.level1.hover > .sm-arrow,
	.off-menu_150 dt.level1:hover > .sm-arrow,
	.off-menu_150 dt.level1:focus-within > .sm-arrow {
	color: #ffffff;
	}
	.off-menu_150 dt.active > .sm-arrow,
	.off-menu_150 dt.level1.active > .sm-arrow {
	color: #ffffff;
	}
	.off-menu_150 dt .inner,
	.off-menu_150 dt.level1 .inner {
	padding-left: 0px;
	}

	
	.off-menu_150 dl dt,
	.off-menu_150 dl.level1 dt{
	background-color: rgba(255, 255, 255, 0);
	}

			.off-menu_150 dl dt.opened,
		.off-menu_150 dl.level1 dt.opened,
		.off-menu_150 dl dt.hover,
	.off-menu_150 dl dt:hover,
	.off-menu_150 dl dt:focus-within,
	.off-menu_150 dl.level1 dt.hover,
	.off-menu_150 dl.level1 dt:hover,
	.off-menu_150 dl.level1 dt:focus-within {
	background-color: #29ABE2;
	}

	.off-menu_150 dl dt.active,
	.off-menu_150 dl.level1 dt.active{
	background-color: #D61D23;
	}

	
	/* default higher level values for tree/expanded menu */
					.off-menu_150 dl.level2 dt {
			padding-left: 39px;
			}
							.off-menu_150 dl.level2 dt.opened a,
						.off-menu_150 dl.level2 dt.active a,
			.off-menu_150 dl.level2 dt:hover a,
			.off-menu_150 dl.level2 dt:focus-within a,
			.off-menu_150 dl.level2 a,
			.off-menu_150 dl.level2 a:link {
			font-size: 28px;
			}
					.off-menu_150 dl.level3 dt {
			padding-left: 54px;
			}
							.off-menu_150 dl.level3 dt.opened a,
						.off-menu_150 dl.level3 dt.active a,
			.off-menu_150 dl.level3 dt:hover a,
			.off-menu_150 dl.level3 dt:focus-within a,
			.off-menu_150 dl.level3 a,
			.off-menu_150 dl.level3 a:link {
			font-size: 27px;
			}
					.off-menu_150 dl.level4 dt {
			padding-left: 69px;
			}
					.off-menu_150 dl.level5 dt {
			padding-left: 84px;
			}