/* SmartMenus Core CSS (it's not recommended editing this)
===============================================================*/

.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
ul.sm ul{position:absolute;top:-999999px;width:100px;}
ul.sm li{position:relative;float:left;}
ul.sm a{position:relative;display:block;white-space:nowrap;}
ul.sm a.disabled{cursor:default;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;}
ul.sm-rtl li{float:right;}
ul.sm ul li,ul.sm-vertical li{float:none;}
ul.sm ul a,ul.sm-vertical a{white-space:normal;}
ul.sm ul.sm-nowrap>li>a{white-space:nowrap;}
ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;}
ul.sm,ul.sm *,ul.sm *:before,ul.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);}


.main-menu-btn {
	position:relative;
	display:block;
	padding:0.815em 40px;
	height:24px;
	overflow:hidden;
	line-height:26px;
	text-align:center;
	cursor:pointer;
	color:#BBB1A3;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.main-menu-btn-text {
	position:absolute;
	top:-99999px; 
}
.main-menu-btn-title {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	text-overflow:ellipsis;
	opacity:1;
	-webkit-transform:none;
	transform:none;
	-webkit-transition:all 0.25s;
	transition:all 0.25s;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-title {
	opacity:0;
	-webkit-transform:translate3d(0, -50%, 0);
	transform:translate3d(0, -50%, 0);
}
.main-menu-btn-title [data-icon]:before {
	position:relative;
	top:-1px;
	vertical-align:top;
}
/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
	position:absolute;
	top:50%;
	left:5px;
	height:2px;
	width:24px;
	background:#BBB1A3;
	-webkit-transition:all 0.25s;
	transition:all 0.25s;
}
.main-menu-btn-icon:before {
	content:'';
	top:-7px;
	left:0;
}
.main-menu-btn-icon:after {
	content:'';
	top:7px;
	left:0;
}
/* close icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
	height:0;
	background:transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
	top:0;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
	top:0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.main-menu-btn-logo {
	font:italic bold 1.111em/10px Verdana,Arial,Helvetica,sans-serif;
    color:#fff;
}
.main-menu-btn-logo-separator {
	margin-right:0.222em;
	border-right:1px solid #dad3c9;
	padding-right:0.5em;
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
	display: none;
}
#main-menu-state:checked ~ #main-menu {
	display: block;
}
@media (min-width: 768px) {
	/* hide the button in desktop view */
	.main-menu-btn {
		position: absolute;
		top: -99999px;
	}
	/* always show the menu in desktop view */
	#main-menu-state:not(:checked) ~ #main-menu {
		display: block;
	}
}