.menu_container{
	width:100%;
	height:76px;
	margin:0px auto 20px;
	border-top:none;
	}

.menu{
    width:100%;
	height:38px;
	background:#fff;
    color: #000;
	}

.menu ul{
	margin:0 0 0 10px;
	padding:0;
	float:left;
	list-style:none;
	position:relative;
	}

.menu ul li{
	float:left;
	}
.menu ul li.active{
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	}
.menu ul li a{
	display:block;
	height:38px;
	padding:0 14px;
	font:14px/42px 'PT Sans', sans-serif;
	color:#000;
	text-decoration:none;
	-webkit-transition:background 190ms ease-in-out;
	-moz-transition:background 190ms ease-in-out;
	-ms-transition:background 190ms ease-in-out;
	-o-transition:background 190ms ease-in-out;
	transition:background 190ms ease-in-out;
	}

/* ========== MAIN LINKS ON MOUSEOVER ========== */
.menu ul li:hover > a, .menu ul li.active > a{
	border-bottom: 4px solid #FFD040;
	}

.menu ul:hover li.active > a{
    border-bottom: 4px solid #FFD040;
	}
.menu ul li.active:hover > a{
    border-bottom: 4px solid #FFD040;
	}
/* ========== MAIN LINKS ON MOUSE CLICK ========== */
.menu ul li > a:active, .menu ul li.active > a:active{
	background:gray;
	}

/* ========== SUBMENU ========== */
.menu ul ul {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    padding: 0 20px;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
    z-index: 1000;
    transition: all 210ms ease-in 20ms;
}


.menu ul:hover li.active ul{
	visibility:hidden;
	opacity:0;
	}
.menu ul li.active:hover ul, .menu ul li:hover ul, .menu ul li.active ul{
	visibility:visible;
	opacity:1;
	}


/* ========== LINKS IN SUBMENU ========== */
.menu ul ul li {
    display: block;
}

.menu ul ul li:first-child{
	/*margin-left:3px;*/
	}
.menu ul ul li a{
	height:30px;
	padding:0 7px;
	font-size:13px;
	color:#A2A2A2;
	line-height:33px;
	}
/* ========== LINKS ON MOUSEOVER IN SUBMENU ========== */
.menu ul ul li:hover > a, .menu ul ul li.selected > a{
	/*color:#FFF;*/
	/*background:#20A6FF;*/
    border-bottom: 4px solid #FFD040;
}
/* ========== LINKS ON MOUSE CLICK IN SUBMENU ========== */
.menu ul ul li a:active{
	color:#E6E6E6;
	background:#0098FD;
	}
/* ========== SOCIAL ICONS ========== */
ul.social{
	float:right;
	margin-right:20px;
	}
ul.social li a {
	padding:0 10px;
	}
ul.social li a span{
	font-size:16px;
	line-height:42px;
	}

.menu ul li.no-border a {
    border-bottom: none !important;
}

.menu ul li.no-border:hover > a,
.menu ul li.no-border.active > a {
    border-bottom: none !important;
}

.cart-link {
    position: relative;
    display: inline-block;
}

.cart-link:hover img {
    content: url('/images/cos-hover.svg');
}

.wishlist-link {
    position: relative;
    display: inline-block;
}

.wishlist-link:hover img {
    content: url('/images/wishlist-hover.svg');
}

.cart-count {
    position: absolute;
    top: 15px;
    background: #EFD600;
    color: black;
    font-size: 10px !important;
    font-weight: bold;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    line-height:18px !important;
    right: 10px;
    transform: translate(70%, -50%);
}


.wishlist-count {
    position: absolute;
    top: 15px;
    background: #EFD600;
    color: black;
    font-size: 10px !important;
    font-weight: bold;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    line-height:18px !important;
    right: 10px;
    transform: translate(70%, -50%);
}


.menu {
    position: relative;
}

.menu.active {
    border-bottom: 2px solid #FFD040;
}

.menu ul li.active ul {
    visibility: visible;
    opacity: 1;
    display: block;
}