﻿.store-menu-widget > .dropdown {
	display: none;
}

.maga-menu {
	border: 1px solid rgba(0,0,0,.15);
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 10px;
	border-radius: unset !important;
}

.category-name {
	float: left;
	text-align: left;
}

.dropdown-menu.maga-menu a {
	color: #000;
}
.dropdown-menu.maga-menu a:hover {
		color: #118fd6
}
.maga-menu-item {
	position: static;
}

.maga-menu-item > a {
		position: relative;
}
.maga-close-menu .maga-back-btn::before {
	content: "\6b";
	display: inline-block;
	margin-right: 10px;
	font-family: "emporium-icons";
	font-size: 11px;
	text-transform: none;
	position: relative;
	bottom: 1px;
}

@media(max-width:1000px) {
	.dropdown-menu.maga-menu.opens {
		left: 0px !important;
	}

	.has-sub.maga-menu-item .sublist {
		left: -200%;
		transition: all 0.3s ease;
		position: fixed;
		top: 0;
	}
	.dropdown-menu.maga-menu {
		position: fixed;
		top: 0;
		bottom: 0;
		width: 294px;
		overflow-x: hidden;
		overflow-y: auto;
		left: -100%;
		z-index: 1030;
		display: block;
		background-color: #ffffff;
		transition: all 0.3s ease;
	}
	.maga-menu .sublist.opens {
		display: block;
		position: fixed;
		top: 0;
		bottom: 0;
		width: 284px;
		overflow-x: hidden;
		overflow-y: auto;
		left: 0;
		z-index: 1030;
		background-color: #ffffff;
		display: block !important;
		transition: all 0.3s ease;
	}
	.maga-close-menu {
		padding: 10px;
		background-color: #000;
		color: white !important;
		text-align: right;
		cursor: pointer;
	}
	.dropdown-menu.maga-menu a {
		float: left;
		width: calc(100% - 50px);
	}
	.dropdown-menu.maga-menu i {
		position: relative;
		z-index: 1;
		float: right;
		width: 50px;
		height: 35px;
		cursor: pointer;
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 11px;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		position: relative;
	}

	.dropdown-menu.maga-menu .topnav-button::after {
		content: '';
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 6px solid #000;
		position: absolute;
		cursor: pointer;
		top: 60%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.top-nav-bar.mobile ul .maga-plus-button:after {
		content: '';
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 6px solid #000000;
		position: absolute;
		cursor: pointer;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.maga-plus-button {
		position: relative;
		z-index: 1;
		float: right;
		width: 50px;
		height: 35px;
		cursor: pointer;
	}
}

@media(min-width:1001px) {
	.maga-menu {
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: 900px;
	}
	.maga-back-btn {
		float: right;
		width: 50%;
	}
	.dropdown-menu.maga-menu a {
		float: right;
		width: calc(100% - 25px);
	}
	.dropdown-menu.maga-menu i {
		position: relative;
		z-index: 1;
		float: left;
		width: 25px;
		height: 32px;
		cursor: pointer;
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 11px;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
	}
	.maga-menu-item:hover > .dropdown-menu.maga-menu {
		display: block;
	}
	.category-tittle {
		margin-left: -25px;
		padding: 0 10px !important;
		padding: 10px;
	}
	.dropdown-menu.maga-menu .topnav-plus-button::before {
		position: absolute;
		cursor: pointer;
		top: 55%;
		left: 50%;
		transform: translate(-50%, -50%);
		content: "\f067";
	}

	.dropdown-menu.maga-menu .topnav-minus-button::before {
		position: absolute;
		cursor: pointer;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		content: "\f068";
	}

	.maga-menu .sublist.opens {
		display: block !important;
	}
	.maga-item div::after {
		clear: both;
		display: block;
		content: "";
	}
	.maga-item::before {
		clear: both;
		display: block;
		content: "";
	}
	.topnav-icon::after {
		clear: both;
		display: block;
		content: "";
	}
	.dropdown-menu.sublist.maga-menu > .maga-close-menu {
		display: none;
	}
	.has-sub.maga-menu-item > div::after {
		content: " ";
		bottom: 100%;
		right: 5%;
		border: solid transparent;
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #ffffff;
		border-width: 8px;
		margin-left: -8px;
		font-family: "emporium-icons";
	}
	.maga-menu {
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: 900px;
		animation: fadeInup 0.5s;
	}
	/*.maga-close-menu {
			display:none;
		}*/
	.top-nav-bar .sublist.opens {
		z-index: 10001;
		background: #fff;
		position: absolute;
		min-height: 100%;
		left: 0%;
		right: 0%;
		top: 0;
	}
	.sublist.opens .top-left {
		float: left;
		width: 25%;
		margin-top: 2px;
		min-height: 50px;
	}
	.maga-item {
		float: left;
		width: 25%;
		text-align: left;
	}
	.sublist.opens > .maga-close-menu {
		text-align: right;
		padding: 8px 10px;
		background: #fafafa;
		font-weight: bold;
		cursor: pointer;
	}
	.has-sub.maga-menu-item .sublist {
		display: none;
	}
}

@media(min-width:1200px) {
	.maga-menu {
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: 1160px;
		animation: fadeInup 0.5s;
	}

	.maga-item {
		padding: 10px;
	}

	.has-sub.maga-menu-item > div::after {
		right: 15%;
	}
}

@media(min-width:1480px) {
	.maga-menu {
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: 1400px;
		animation: fadeInup 0.5s;
	}

	.maga-item {
		padding: 10px;
	}

	.has-sub.maga-menu-item > div::after {
		right: 21%;
	}
}

.category-tittle {
	font-weight: bold;
	clear: both;
}

.topnav-icon::after {
	clear: both;
	content: '';
	display: table;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}
