/*** dropdown_top ***/

.dropdown_top {
	position: relative;
}

.dropdown_top ul {
	position: absolute !important;
	left: -20px !important;
	top: 50px !important;
	border: 0px !important;
	border-bottom: none !important;
	width: 260px !important;
	padding: 5px 25px 15px 25px !important;
	margin: 0px !important;
	list-style: none !important;
	list-style-image:none;
	display: none !important;
	z-index: 1001 !important;
	background: rgba(0, 6, 22, 0.7) !important; /* menu background */
	box-shadow: none !important;
}
.dropdown_top ul li ul, .dropdown_top ul li li ul, .dropdown_top ul li li li ul, .dropdown_top ul li li li li ul {
	left: 190px !important;
	top: 10px !important;
}

.dropdown_top ul li {
	border-bottom: 0px !important;
	font-size: 1px !important;
    line-height: 1px !important;
	padding: 0px !important;
	margin: 0px !important;
	width: auto !important;
	height: auto !important;
	display: block !important;
	float: none !important;
}

.dropdown_top li:hover {
	position: relative !important;
}

.dropdown_top ul a {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 600;
	width: auto !important;
	height: auto !important;
	display: inline-block !important;
	color: #fff !important; /* menu color */
	font-size: 1.11rem !important;
    letter-spacing: 1.5px;
	line-height: 1 !important;
	background: none !important;
	text-align: left !important;
	padding: 7px 0px 7px 0px !important;
}
.dropdown_top ul li a:hover {
	text-decoration: none !important;
    color: #ac0069 !important; /* menu color selected */
    background: url(images/menutop_a_hover.webp) left bottom repeat-x;
}

.dropdown_top ul a.has_child {
    padding-right: 20px!important;
	background-image: url(images/dropdown_arrow.webp) right center no-repeat  !important; /* dropdown arrow */
}
.dropdown_top ul a:before {
/*	
	top: 10px !important;
	left: 4px !important;
	*/
}

.dropdown_top ul li.selected a {
	color: #ac0069 !important; /* menu color selected */
    background: url(images/menutop_a_hover.webp) left bottom repeat-x!important;
}
.dropdown_top ul li:not(.selected) a {
	color: #fff !important; /* menu color */
}

.dropdown_top ul li.selected a.has_child {
    padding-right: 20px!important;
    color: #ac0069 !important; /* menu color selected */
	background: url(images/menutop_a_hover.webp) left bottom repeat-x, url(images/dropdown_arrow_on.webp) right center no-repeat !important; /* dropdown arrow selected */
}
.dropdown_top ul li:not(.selected) a.has_child {
    color: #fff !important; /* menu color */
    padding-right: 20px!important;
	background: url(images/dropdown_arrow.webp) right 13px no-repeat  !important; /* dropdown arrow */
}

.dropdown_top ul li a:hover {
	color: #ac0069 !important; /* menu color selected */
    background: url(images/menutop_a_hover.webp) left bottom repeat-x!important;
	text-decoration: none !important;
}
.dropdown_top ul a.has_child:hover {
    padding-right: 20px!important;
	color: #ac0069 !important; /* menu color selected */
	background: url(images/menutop_a_hover.webp) left bottom repeat-x, url(images/dropdown_arrow_on.webp) right center no-repeat !important; /* dropdown arrow selected */
}

.dropdown_top ul li:not(.selected):hover a.has_child,
.dropdown_top ul li:hover li:not(.selected):hover a.has_child,
.dropdown_top ul li:hover li:hover li:not(.selected):hover a.has_child,
.dropdown_top ul li:hover li:hover li:hover li:not(.selected):hover a.has_child,
.dropdown_top ul li:hover li:hover li:hover li:hover li:not(.selected):hover a.has_child {
    padding-right: 20px!important;
	color: #ac0069 !important; /* menu color selected */
	background: url(images/menutop_a_hover.webp) left bottom repeat-x, url(images/dropdown_arrow_on.webp) right center no-repeat !important; /* dropdown arrow selected */
}

.dropdown_top ul li:not(.selected):hover li a.has_child,
.dropdown_top ul li:hover li:not(.selected):hover li a.has_child,
.dropdown_top ul li:hover li:hover li:not(.selected):hover li a.has_child,
.dropdown_top ul li:hover li:hover li:hover li:not(.selected):hover li a.has_child {
    padding-right: 20px!important;
	color: #fff !important; /* menu color */
	background: url(images/dropdown_arrow.webp) right center no-repeat  !important; /* dropdown arrow */
}

/* dropdown arrow on main menu */
.dropdown_top > li a.has_child {
    padding-right: 20px!important;
	background: url(images/dropdown_arrow.webp) right center no-repeat; /* dropdown arrow */
}
/* dropdown arrow selected on main menu */
.dropdown_top > li:hover a.has_child, .dropdown_top > li.selected a.has_child {
    padding-right: 20px!important;
    color: #ac0069 !important; /* menu color selected */
	background: url(images/menutop_a_hover.webp) left bottom repeat-x, url(images/dropdown_arrow_on.webp) right center no-repeat !important;
}

/************* do not edit *************/

.dropdown_top:hover li ul,
.dropdown_top:hover li:hover li ul,
.dropdown_top:hover li:hover li:hover li ul,
.dropdown_top:hover li:hover li:hover li:hover li ul
{
	display: none !important;
}

.dropdown_top:hover ul,
.dropdown_top:hover li:hover ul,
.dropdown_top:hover li:hover li:hover ul,
.dropdown_top:hover li:hover li:hover li:hover ul,
.dropdown_top:hover li:hover li:hover li:hover li:hover ul
{
	display: block !important;
}

/************* end *************/
