/* Fallback IE styles */

/* center RELATIVE */

/*
.mhb-row{width:100%}
.mhb-col{display:table-cell;width:1%;white-space:nowrap;padding:20px 10px}
.mhb-item{display:inline-block;min-width:50px;height:50px;margin:0 10px;background:rgba(0,0,0,.3)}
.mhb-col.left{text-align:left;background:rgba(255,255,0,.3)}
.mhb-col.center{text-align:center;background:rgba(255,0,255,.3)}
.mhb-col.right{text-align:right;background:rgba(0,255,255,.3)}
*/

@charset "utf-8";

.mhb-grid {
	position: relative;
	width: 100%;
}

.mhb-placeholder {
	display: none;
	height: 80px;
}

/* .mhb-view */
.mhb-grid:not(.is-sticky) .mhb-view.sticky {
	display: none !important;
}

.mhb-view {
	position: relative;
	z-index: 200;
}

.mhb-view.on-top, .is-sticky .mhb-view {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}

.admin-bar .mhb-view.on-top, .admin-bar .is-sticky .mhb-view {
	top: 32px;
}

/* .mhb-row */
.mhb-row-wrapper {
	display: flex;
	justify-content: space-between;
	position: static;
	min-height: 80px;
}

.mhb-row-wrapper:after {
	display: none !important;
}

.mhb-view.full_width .mhb-row-wrapper {
	max-width: 100% !important;
}

.action-bar .mhb-row-wrapper {
	min-height: 40px;
}

/* .mhb-col */
.mhb-col {
	display: flex;
	align-items: center;
}

/* Items ------------------------------------- */

/* .mhb-item */
.mhb-item {
	margin: 0 20px;
}

/* .mhb-logo */
.mhb-logo {}

.mhb-logo h1 {
	margin: 0;
	font-size: 0;
	line-height: 0;
}

.mhb-logo .overflow.mhb-item-inner {
	height: 80px;
}

/* .mhb-menu */
.mhb-menu {
	position: relative;
	height: 100%;
}

.mhb-menu .menu {
	z-index: 201;
}

.mhb-menu .menu li a {
	color: #333;
	text-decoration: none;
}

.mhb-menu .menu li a:hover, .mhb-menu .menu li.current-menu-item > a, .mhb-menu .menu li.current-menu-ancestor > a, .mhb-menu .menu li.current-page-item > a, .mhb-menu .menu li.current-page-ancestor > a {
	color: #0095eb;
}

/* 1st level */
.mhb-menu .menu > li {
	float: left;
	position: relative;
	z-index: 202;
}

.mhb-menu .menu > li > a {
	display: block;
	padding: 10px 0;
}

.mhb-menu .menu > li > a > span {
	display: block;
	padding: 0 20px;
}

/* 2nd level */
.mhb-menu .menu li ul {
	position: absolute;
	left: 0;
	top: 100%;
	background-color: #f2f2f2;
	display: none;
}

/* .mhb-menu .menu li:hover > ul{display:block} */
.mhb-menu .menu li ul li {
	position: relative;
	width: 300px;
	padding: 0;
}

.mhb-menu .menu li ul li a {
	display: block;
	padding: 10px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.mhb-menu .menu li ul li:last-child a {
	border-bottom-width: 0;
}

.mhb-menu .menu li ul li a:hover {
	background-color: rgba(0, 0, 0, .05);
}

/* 3rd level */
.mhb-menu .menu li ul li ul {
	left: 200px;
	top: 0;
}

/* options */
.mhb-menu .menu.borders > li > a > span {
	border-right: 1px solid rgba(0, 0, 0, .05);
}

.mhb-menu .menu.borders > li:last-child > a > span {
	border-right-width: 0;
}

.mhb-menu .menu.last li:nth-last-child(-n+2) ul {
	left: auto;
	right: 0;
}

.mhb-menu .menu.last li:nth-last-child(-n+2) ul li ul {
	left: auto;
	right: 200px;
}

.mhb-menu .menu.arrows li.menu-item-has-children > a:after {
	font-family: "mfn-icons";
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -13px;
}

.mhb-menu .menu.arrows > li.menu-item-has-children > a > span {
	padding-right: 30px;
}

.mhb-menu .menu.arrows li ul li.menu-item-has-children > a:after {
	content: "";
}

/* menu toggle */
.mhb-menu .mobile-menu-toggle {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 15px;
	display: none;
}

/* .mhb-menu_icon */
.mhb-menu_icon a {
	padding: 10px;
	font-size: 22px;
}

/* .mhb-button */
.mhb-button {
	line-height: 0;
}

/* .mhb-extras */
.mhb-extras > * {
	float: left;
	line-height: 40px;
	margin: 0 5px;
}

.mhb-extras a {
	color: #333;
}

.mhb-extras .search {
	font-size: 22px;
	color: #333;
}

.mhb-extras .search .search-icon {
	font-size: 22px;
}

.mhb-extras .search .search-icon i:before {
	margin: 0;
}

.mhb-extras .search form {
	position: relative;
}

.mhb-extras .search form i {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 22px;
	color: #333;
}

.mhb-extras .search form input {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding-left: 35px;
	border-width: 0 0 1px 0;
	background-color: transparent;
	box-shadow: unset;
	border-color: #ddd;
}

.mhb-extras .search form input:focus {
	background-color: transparent !important;
	border-color: #ddd;
}

.mhb-extras .search.icon form {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	background-color: #eee;
	display: none;
	z-index: 201;
}

.mhb-extras .search.icon form i {
	left: 20px;
	top: 20px;
}

.mhb-extras #header_cart {
	font-size: 22px;
}

.mhb-extras #header_cart span {
	position: relative;
	right: 9px;
	top: -10px;
	display: inline-block;
	width: 17px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	font-size: 11px;
	background-color: #333;
	color: #fff;
	border-radius: 3px;
}

.mhb-extras .wpml-languages {
	position: relative;
}

.mhb-extras .wpml-languages a {
	text-decoration: none;
}

.mhb-extras .wpml-languages.list ul li {
	float: left;
	margin-right: 5px;
}

.mhb-extras .wpml-languages.dropdown ul {
	position: absolute;
	left: -15px;
	padding: 0 15px;
	background: rgba(255, 255, 255, .5);
	display: none;
	z-index: 201;
}

.mhb-extras .wpml-languages.dropdown:hover ul {
	display: block;
}

/* .mhb-social */
.mhb-social a {
	color: #333;
}

.mhb-social ul li {
	float: left;
	margin: 0 2px;
}

.mhb-social ul li a {
	font-size: 18px;
}

/* .mhb-icon */
.mhb-icon a {
	padding: 5px;
	font-size: 18px;
	color: #333;
}

/* .mhb-text */
.mhb-text {
	line-height: 130%;
}

/* .mhb-image */
.mhb-image {
	line-height: 0;
}

.mhb-image img {
	max-height: 80px;
}

/* Responsive -------------------------------- */
@media only screen and (min-width: 960px) {
	.mhb-view.tablet, .mhb-view.mobile {
		display: none;
	}
	
	/* sticky */
	
	/* auto | custom */
	.is-sticky .mhb-view.desktop.sticky {
		display: block;
	}
	
	.is-sticky:not([data-desktop$="off"]) .mhb-placeholder {
		display: block;
	}
	
	/* custom */
	.is-sticky[data-desktop$="custom"] .mhb-view.default {
		display: none;
	}
	
	/* off */
	.is-sticky[data-desktop$="off"] .mhb-view.default {
		position: relative;
	}
	
	/* items */
	.mhb-menu .menu {
		display: block !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.mhb-view.desktop, .mhb-view.mobile {
		display: none;
	}
	
	.mhb-view.tablet {
		display: block;
	}
	
	/* auto */
	.mhb-grid[data-tablet^="auto"] .desktop.default {
		display: block;
	}
	
	/* sticky */
	
	/* auto | custom */
	.is-sticky .mhb-view.tablet.sticky {
		display: block;
	}
	
	.is-sticky:not([data-tablet$="off"]) .mhb-placeholder {
		display: block;
	}
	
	/* custom */
	.is-sticky[data-tablet$="custom"] .mhb-view.default {
		display: none;
	}
	
	/* off */
	.is-sticky[data-tablet$="off"] .mhb-view.default {
		position: relative;
	}
	
	/* items */
	.mhb-menu .mobile .menu {
		display: block !important;
	}
	
	.mhb-menu .tabletMobile .menu {
		display: none;
		box-shadow: 2px 2px 2px rgba(0, 0, 0, .05);
	}
	
	.mhb-menu .tabletMobile .mobile-menu-toggle {
		display: block;
	}
	
	.mhb-menu .tabletMobile .menu {
		position: absolute;
		top: 100%;
		right: 0;
		width: 200px;
		background: #fff;
	}
	
	.mhb-menu .tabletMobile .menu li {
		width: 100%;
	}
	
	.mhb-menu .tabletMobile .menu li a {
		padding: 0 25px;
	}
	
	.mhb-menu .tabletMobile .menu li a span {
		padding: 0;
		line-height: 44px !important;
		border-right: 0 !important;
	}
	
	.mhb-menu .tabletMobile .menu li .menu-toggle {
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		width: 44px;
		line-height: 44px;
		text-align: center;
		cursor: pointer;
	}
	
	.mhb-menu .tabletMobile .menu li .menu-toggle:after {
		font-family: "mfn-icons";
		content: "";
	}
	
	.mhb-menu .tabletMobile .menu li.hover > .menu-toggle:after {
		content: "";
	}
	
	.mhb-menu .tabletMobile .menu li ul {
		position: static;
	}
	
	.mhb-menu .tabletMobile .menu li ul li a {
		padding: 0 25px 0 35px;
		border-bottom-width: 0;
	}
	
	.mhb-menu .tabletMobile .menu li ul li ul li a {
		padding-left: 45px;
	}
	
	.mhb-col.left .mhb-menu .tabletMobile .menu {
		left: 0;
		right: auto;
	}
	
	.mhb-col.center .mhb-menu .tabletMobile .menu {
		left: -100px;
	}
}

@media only screen and (max-width: 767px) {
	.mhb-view.desktop, .mhb-view.tablet {
		display: none;
	}
	
	.mhb-view.mobile {
		display: block;
	}
	
	/* TODO only logo and menu in auto mode !!! */
	
	/* auto */
	.mhb-grid[data-mobile^="auto"] .desktop.default {
		display: block;
	}
	
	.mhb-grid[data-mobile^="auto"] .mhb-item:not(.mhb-logo):not(.mhb-menu):not(.mhb-menu_icon) {
		display: none;
	}
	
	/* sticky */
	
	/* auto | custom */
	.is-sticky .mhb-view.mobile.sticky {
		display: block;
	}
	
	.is-sticky:not([data-mobile$="off"]) .mhb-placeholder {
		display: block;
	}
	
	/* custom */
	.is-sticky[data-mobile$="custom"] .mhb-view.default {
		display: none;
	}
	
	/* off */
	.is-sticky[data-mobile$="off"] .mhb-view.default {
		position: relative;
	}
	
	/* items */
	.mhb-menu .menu {
		display: none;
		box-shadow: 2px 2px 2px rgba(0, 0, 0, .05);
	}
	
	.mhb-menu .mobile-menu-toggle {
		display: block;
	}
	
	.mhb-menu .menu {
		position: absolute;
		top: 100%;
		right: 0;
		width: 200px;
		background: #fff;
	}
	
	.mhb-menu .menu li {
		width: 100%;
	}
	
	.mhb-menu .menu li a {
		padding: 0 25px;
	}
	
	.mhb-menu .menu li a span {
		padding: 0;
		line-height: 44px !important;
		border-right: 0 !important;
	}
	
	.mhb-menu .menu li .menu-toggle {
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		width: 44px;
		line-height: 44px;
		text-align: center;
		cursor: pointer;
	}
	
	.mhb-menu .menu li .menu-toggle:after {
		font-family: "mfn-icons";
		content: "";
	}
	
	.mhb-menu .menu li.hover > .menu-toggle:after {
		content: "";
	}
	
	.mhb-menu .menu li ul {
		position: static;
	}
	
	.mhb-menu .menu li ul li a {
		padding: 0 25px 0 35px;
		border-bottom-width: 0;
	}
	
	.mhb-menu .menu li ul li ul li a {
		padding-left: 45px;
	}
	
	.mhb-col.left .mhb-menu .menu {
		left: 0;
		right: auto;
	}
	
	.mhb-col.center .mhb-menu .menu {
		left: -100px;
	}
}

@media only screen and (max-width: 783px) {
	.admin-bar .mhb-view.on-top, .admin-bar .is-sticky .mhb-view {
		top: 46px;
	}
}