header.asazoon-header {
	position: fixed;
	background-color: var(--hc);
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	z-index: 999;
	-webkit-box-shadow: 0 4px 6px -6px #222;
	-moz-box-shadow: 0 4px 6px -6px #222;
	box-shadow: 0 4px 6px -6px #222;
}
.top-header nav .wrapper.header-mob {
	height: 48px;
}

.top-header nav .wrapper.t-ar {
	height: 45px;
}

.top-header nav .wrapper .dropdown-toggle::after {
	color: #616161;
}


@media screen and (max-width: 970px)
{
    .top-header nav .wrapper.t-ar {
		height: 0;
	}
}
.top-header nav input[type=checkbox],.top-header nav input[type=radio] {
	display: none;
}
.top-header nav ul,
.top-header nav li {
	list-style: none;
	padding: 0;
	margin: 0;
}

@media all and (min-width: 951px)
{
    .top-header nav .mobile-menu-trigger,
  .mobile-menu-back-item {
		display: none;
	}

	.menu-bar {
		position: relative;
	}

	.menu-bar > li.active > [haspopup="true"] ~ ul {
		display: flex;
		transform-origin: top;
		animation: dropdown 0.2s ease-out;
	}

	.menu-bar-link ~ ul {
		overflow-y: auto;
		box-shadow: 0 5px 5px  rgba(0,0,0,0.12);
		transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	}

	.menu-bar > li.active > [haspopup="true"] {
		border-bottom: var(--mc) 1px solid;
		color: var(--mc) !important;
	}

	.menu-bar > li:hover > a {
		border-bottom: var(--mc) 1px solid;
		color: var(--mc) !important;
	}
    .menu [haspopup="true"] ~ ul {
    display: none;
	}
	.mega-menu {
		position: absolute;
		top: 100%;
		width: 100%;
		max-width: 800px;
	}

	.mega-menu:hover {
		display: flex;
	}

	.mega-menu a:hover {
		background: var(--sc);
		color: var(--mtc);
	}

	.mega-menu--multiLevel > li {
		width: 33.33333333%;
	}

	.mega-menu--multiLevel > li > [haspopup="true"] ~ ul {
		width: 100%;
	}

	.mega-menu--multiLevel li.active > [haspopup="true"] ~ ul {
		display: block;
		transform-origin: left;
		animation: flyout 0.2s ease-out;
		overflow-x: initial;
		left: 33.33333333%;
		width: 33.33333333%;
	}

	.mega-menu--multiLevel > li > [haspopup="true"] ~ ul ul {
		width: 100%!important;
		right: 100% !important;
	}

    .mega-menu--multiLevel li.active > [haspopup="true"] ~ ul {
		display: block;
	}

	.mega-menu--multiLevel li.active > [haspopup="true"] {
		background: var(--sc);
		color: var(--mtc);
	}

	.mega-menu-link ,.menu-list-link {
		border-left: 1px solid #f0f0f0;
	}

	.mega-menu--multiLevel [haspopup="true"] ~ ul {
		position: absolute;
		top: 0;
		height: 100%;
	}

	.mega-menu--flat > * {
		flex: 1;
	}

	.menu-list li.active > [haspopup="true"] ~ ul {
		display: block;
		transform-origin: left;
		animation: flyout 0.2s ease-out;
		overflow-y: auto;
	}



	.menu-list [haspopup="true"] ~ ul {
		position: absolute;
		top: 0;
		height: 100%;
	}

}
@media all and (max-width: 950px)
{
    .menu-bar-link i.more {
    float: left;
}
    .top-header nav .wrapper .logo {
            margin-top: 0;
            height: 100%;
        }
    .header-mob .b-dc {
            margin-bottom: 0;
        }
    .header-mob .b-dc {
		margin-bottom: 0;
	}
	.top-header nav .wrapper .logo {
		margin-top: 0;
	}
	.mobile-menu-trigger,
  .mobile-menu-back-item {
		display: block;
	}

	.mobile-menu-trigger {
		border: 0;
		padding: 10px;
		border-radius: 4px;
	}
	.mobile-menu-trigger.active ~ ul {
		right: 0;
	}

	.mobile-menu-trigger.active ~ ul ~ .menu-mob-shadow {
		display: block;
		position: fixed;
		background-color: #0008;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 999;
	}

    .menu-bar {
		flex-direction: column;
		position: fixed;
		top: 0;
		right: -100%;
		height: 100vh;
		width: 350px;
		max-width: 350px;
		max-width: 90%;
		overflow-x: hidden;
		transition: right 0.3s;
		box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.25);
		z-index: 1000;
	}

	.menu-bar > li > [haspopup="true"] ~ ul {
		display: flex;
		flex-direction: column;
		background: var(--sc);
		position: absolute;
		right: 100%;
		max-height: 100vh;
		width: 100%;
		transition: right 0.3s;
	}

	.menu-bar > li > [haspopup="true"] ~ ul > li > [haspopup="true"] {
		font-size: 1.2em;
	}

	.menu-bar > li > [haspopup="true"] ~ ul > li > [haspopup="true"] ~ ul a {
		padding-right: 40px;
	}

	.menu-bar > li > [haspopup="true"] ~ ul > li > [haspopup="true"] ~ ul > li > [haspopup="true"] ~ ul a {
		padding-right: 80px;
	}

	.menu-bar > li > [haspopup="true"] ~ ul [haspopup="true"] {
		color: #2a2a2a;
	}

	.menu-bar > li > [haspopup="true"] ~ ul [haspopup="true"] ~ ul {
		max-height: 0px;
		transform-origin: top;
		transform: scaleY(0);
		transition: max-height 0.1s;
	}

    .menu-bar > li.active > [haspopup="true"] ~ ul {
		right: 0;
	}

	.menu-bar > li > [haspopup="true"] ~ ul {
	}

	.menu-bar > li.active > [haspopup="true"] ~ ul {
		right: 0;
	}

	.menu-bar > li > [haspopup="true"] ~ ul > li.active > [haspopup="true"] ~ ul {
		max-height: 2000px;
		animation: dropdown 0.3s forwards;
	}

	.menu-bar > li > [haspopup="true"] ~ ul > li.active > [haspopup="true"] ~ ul >li.active > [haspopup="true"] ~ ul {
		max-height: 2000px;
		animation: dropdown 0.3s forwards;
	}

	.menu-bar > li > [haspopup="true"] ~ ul li.active > [haspopup="true"] ~ ul {
		max-height: 2000px;
		transform: scaleY(1);
	}


	.menu-bar-link i.more:before {
		content: "\F013D";
	}

    .mega-menu--multiLevel > li.active > [haspopup="true"] > i.more:before {
		content: "\F0143";
	}

	.mega-menu--multiLevel > li.active > [haspopup="true"] ~ ul  > li.active > [haspopup="true"] > i.more:before {
		content: "\F0143";
	}


	.mega-menu-content {
		padding: 20px 25px;
	}
}
.header-mob .usr-drop-acc svg {
	color: #616161;
}

.header-mob .top-menu-view {
	position: relative;
	margin-top: 10px;
}

.header-mob .logo {
	float: none!important;
}

.header-mob  .btn .badge.bg-dc {
	top: 22%;
	left: 124%;
}

.header-mob .usr-menu-view {
	top: 2px;
	left: 14px;
}

.header-mob  .b-dc {
	margin-right: 0px;
	margin-bottom: 10px;
}

@media (min-width:300px) and (max-width:460px)
{
    .b-dc {
		right: 64px;
	}
	.s-dc {
		width: 30%;
		right: 97px;
	}
}
@media (min-width:460px) and (max-width:900px) {
    .ic-dc {
		font-size: 112.5%;
	}
}

@media  (max-width:300px) {
	.s-dc {
		width: 42%;
	}
}

.s-dc::-webkit-input-placeholder {
 /* Chrome/Opera/Safari */
	color: #aaa;
	font-size: 11px;
}

.s-dc::-moz-placeholder {
	color: #aaa;
	font-size: 11px;
}

.s-dc:-ms-input-placeholder {
	color: #aaa;
	font-size: 11px;
}

.s-dc:-moz-placeholder {
	color: #aaa;
	font-size: 11px;
}

.mobile-mega-menu {
	position: absolute;
	top: -3px;
	right: 3px;
	font-size: 36px;
}
.mobile-menu-trigger ~ ul ~ .menu-mob-shadow {
	display: none;
}
@media all and (max-width: 951px) {
	.menu-bar {
		background: var(--sc);
	}
}

.menu-bar {
	display: flex;
}
.menu-bar-link i.more {
	font-size: 20px;
	line-height: 1;
	margin-top: 2px;
}
.menu-link {
	padding: 10px 15px;
	color: var(--htc);
	transition: background 0.2s, color 0.2s;
	position: relative;
	z-index: 1;
}
.menu-link[aria-haspopup="true"]:after {
	font-family: 'Material Design Icons';
	content: "\F0140";
	background-size: 14px;
	width: 14px;
	height: 14px;
	font-size: 12px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.mega-menu--multiLevel [haspopup="true"] > i.more {
	width: 30px;
	height: 30px;
	padding: 6px;
	line-height: 0.8;
	font-size: 25px;
	position: absolute;
	left: 7px;
	top: calc(50% - 15px);
}

.mega-menu-header {
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	color: #136a73;
}

.mega-menu {
	background: #ffffff;
	z-index: 10;
}

.mega-menu--multiLevel {
	flex-direction: column;
}
.usr-drop-acc {
    left: 35px;
    position: absolute;
}

 .order-profile-mob {
     width: 133px;
     max-height: -34px;
     height: 25px;
     overflow: hidden;
     font-size: 87.5%;
     display: inline;
     position: relative;
    top: 27px;
}
@media all and (min-width: 951px){
.mega-menu-content {
		position: absolute;
		top: 100%;
	}

	.mega-menu-content:hover {
		display: flex;
	}

	.mega-menu-content a:hover {
		background: var(--sc);
		color: var(--mtc);
	}
	.mega-menu-content.mega-menu--multiLevel > li {
    width: 100%;
}
}
.mega-menu-content {
	background: var(--sc);
	z-index: 10;
}

.act-supply {
    position: relative;
    text-align: left;
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
    top: 9px;
    right: 10px;
}
.act-wallet {
    font-size: 13px;
    padding-right: 4px;
    font-weight: 600;
    top: 4px;
}
ul.menu.menu-bar a.active {
    color: var(--mc);
}
.wallet-dc {
    font-size: 18px;
}
.menu.menu-bar  li a {
    text-decoration: none;
    padding: 9px 15px;
    transition: all 0.3s ease;
    color: var(--htc);
}
@media screen and (max-width: 970px)
{.menu.menu-bar  li {
    margin: 0px 10px;
    line-height: 30px;
}}
@media (min-width: 950px)
{
.menu-bar > li > [haspopup="true"] ~ ul {
        top: 45px
}
}
.menu.menu-bar li a{
    display: block;
}