.top_menu {display: block; border: 1px solid var(--border); margin: 0px; margin-top: -1px}
.top_menu li {display: block}
.top_menu li a {display: block; padding: 35px 35px; background: var(--grey); border-bottom: 1px solid var(--border); text-transform: uppercase; font-size: 16px; position: relative;}
.top_menu li.current-menu-item a, .top_menu li  a:hover, .top_menu li.current-cat  a, .top_menu li.current-cat-parent>a {color: #fff; background: var(--black); text-decoration: none}


.top_menu li .children{overflow: hidden; height: 0px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.top_menu li.active .children, .top_menu li.current-cat-parent .children {height: auto;}


.top_menu li.cat-item {height: 0px; overflow: hidden}
.top_menu .top_li.active li.cat-item {height: auto}
.top_menu   li.cat-item.has-active{height: auto}

.top_menu li.cat-item>a:after {position: absolute; right: 10px; top: 50%; margin-top: -7px; width: 14px; height: 14px;content: ''; background-image: url(images/arrow.png); background-size: 100% auto; background-repeat: no-repeat; background-position: center center;-webkit-transition: all 0.3s; transition: all 0.3s; }

.top_menu li.cat-item.active>a:after, .top_menu li.current-cat-parent>a:after {transform: rotate(180deg)} 

.top_menu li .children a {padding: 10px 35px 10px 55px; font-size: 14px;}
.top_menu li .children a:after {display: none}


.mobile_menu li.cat-item {height: 0px; overflow: hidden}
.mobile_menu .top_li.active li.cat-item {height: auto}
.mobile_menu li.cat-item.has-active {height: auto;}


.menu_line>ul {display: flex; padding: 10px 0; margin: 0px auto; align-items: center}
.menu_line>ul>li {display: block; /*flex-grow: 1; */ position: relative; margin: 0px 15px}
.menu_line a:hover {color: #d06037; text-decoration: none}
.menu_line>ul>li>a {display: flex; align-items: center; color: #000; padding: 0px;  justify-content: left; font-size: 16px; line-height: 20px; font-size: 16px; font-weight: 400; font-weight: 500;  position: relative;}

.internal_head .menu_line>ul>li>a{color: #16163f}



.menu_line>ul>li:hover>a, .menu_line>ul>li.current-menu-item>a {color: #FF004D}
/*
.menu_line>ul>li.current-menu-item>a , .menu_line>ul>li>a:hover {text-decoration: underline;text-decoration-color: #B8141E;text-underline-offset: 6px; }
*/
.menu_line>ul>li.menu-item-has-children>a:after {display: flex; align-items: center; justify-content: center; width: 10px; height: 10px; top: 50%; margin-top: -5px; content: "\f0d7"; font-family: FontAwesome;   right: -10px; position: absolute;}

.internal_head .menu_line>ul>li.menu-item-has-children>a:after {color: #16163f}

.menu_line>ul>li>ul {position: absolute; width: 400px; top: 80px; background: #fff; left: 0px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; box-shadow: -1px 5px 9px 0px #00000024;}
.menu_line>ul>li:hover>ul{opacity: 1; visibility: visible; }
.menu_line>ul>li>ul li{display: block; position: relative; }
.menu_line>ul>li>ul li>a {color: #071c36; display: block; padding: 10px 15px; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 14px; line-height: 18px; font-weight: 400;}
.menu_line>ul>li>ul>li a:hover {color: #d06037; background:#071c36 }

.menu_line>ul>li>ul li ul {position: absolute; width: 300px; top: 0px; right: -290px; background: #fff; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; box-shadow: -1px 5px 9px 0px #00000024;}
.menu_line>ul>li>ul li:hover ul{opacity: 1; visibility: visible; }

.menu_line>ul>li>ul>li.menu-item-has-children>a:after {display: flex; align-items: center; justify-content: center; width: 10px; height: 10px; top: 50%; margin-top: -5px; content: "\f0d7"; font-family: FontAwesome;   right: 20px; position: absolute;}


.mobile_menu_open {}
.mobile_menu_open span {display: block; position: relative; height: 2px; background: #16163f; margin: 6px 6px; -webkit-transition: all 0.3s; transition: all 0.3s; min-width: calc(100%-12px);}

.mobile_menu_open.active span:nth-child(2) {opacity: 0; visibility: hidden}

.mobile_menu_open.active span:nth-child(1) {position: absolute; top: 13px; width: 34px; left: -3px; transform: rotate(45deg)}
.mobile_menu_open.active span:nth-child(3) {position: absolute; top: 13px; width: 34px; right: -3px; transform: rotate(-45deg)}



#item_card a {justify-content: flex-end}

.footer_menu {display: block; padding: 0px; margin: 0px;}
.footer_menu li {display: block; margin-bottom: 5px;}
.footer_menu li a {color: #949DA5; font-size: 14px; line-height: 20px;}

.mobile_menu {display: block; position: fixed; background: #fff; width: 100%;  left: 0px; top: 0px; overflow-y: auto; padding: 50px 20px 20px 20px; overflow-y: auto; height: 100%; z-index: 1000; margin-left: -220%; -webkit-transition: all 0.3s; transition: all 0.3s; box-shadow: 2px 0px 14px 0px #00000029; margin-top: 0px}
.mobile_menu.active {margin-left: 0px;}
.mobile_menu_close  img {width: 24px; height: auto;}
.mobile_menu_close {border: transparent; background: transparent;}
.mobile_menus {padding: 10px 0 0 0; margin: 0px; }
.mobile_menus li {display: block;}
 
.mobile_menus li a {font-size: 18px; line-height: 20px; display: block; padding: 10px 20px; font-weight: 700;   text-align: center;}
.mobile_menus li a:hover {text-decoration: none}
.mobile_menus li.menu-item-has-children>a:after {content: "\f0d7"; font-family: FontAwesome; margin-left: 10px;}
.mobile_menus li ul a {font-size: 14px; padding: 5px 20px;}
.mobile_menus li.active>a {color: #fff; background: #333; }

.mobile_menus li.current-menu-item>a {color: #FF004D}
.mobile_menus>li>ul {height: 0px; opacity: 0; overflow: hidden}
.mobile_menus>li>ul>li>ul {height: 0px; opacity: 0; overflow: hidden }

.mobile_menus>li.active>ul {height: auto; opacity: 1; overflow: hidden}
.mobile_menus>li>ul>li.active>ul {height: auto; opacity: 1; overflow: hidden }

.top_menu_fix {display: flex; padding: 0px; margin: 0px; justify-content: flex-start; flex: 1}
.top_menu_fix li {display: block; margin-right: 20px;
}
.top_menu_fix li a.active {color:#fd7045; text-decoration: underline; text-decoration: underline;
    text-decoration-color: #fd7045;
    text-underline-offset: 6px;}



@media (min-width: 1200px) {

}

 
@media (min-width: 992px) and (max-width: 1199px) {

}

 
@media (min-width: 768px) and (max-width: 991px) {

}

 
@media (max-width: 991px) {
	
.mobile_menu_open {display: block;}
.menu_line ul {display: none}	
	
.footer_menu li {display: block; margin-bottom: 6px; font-size: 
	12px; line-height: 18px;
}
.footer_menu li a {color: #fff; font-size: 12px; line-height: 18px;}
.mobile_menu .footer_menu li {margin-bottom: 10px}
.mobile_menu .footer_menu li a {color: #000; font-size: 16px; line-height: 18px;}

}