﻿*{font-family: "Open Sans", Arial, Helvetica, sans-serif;font-size: 100%;}
header{background: #993300;}
.svg-ico2,.svg-icon2,.menu-icon2{display: none;}
header .ul-main{list-style: none; display: flex; align-items: center; gap: 14px; padding-left: 12px; justify-content: center;}
header .ul-main .li-main {position: relative;}
header .ul-main .li-main .a-main{color: #fff;padding: 10px;font-size: 14px;font-weight: 500;text-decoration: none;transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;display: flex; gap: 7px; align-items: center;}
header .dropdown .li-dropdown{border-bottom: 1px solid #000;position: relative;}
header .dropdown .li-dropdown:last-child,.ul-sub-dropdown .li-sub-dropdown:last-child{border-bottom: none;}
header .dropdown .li-dropdown .a-dropdown, label{color: #ffffff;padding: 10px 12px;display: block;font-size: 14px;font-weight: 500;text-wrap: nowrap;text-decoration: none;transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.li-dropdown:li-sub-dropdown:hover{background: #000000;}
header .li-main:hover{color: #ffffff; background: #000;}
header .ul-main .dropdown{position: absolute;background: #c74538;display: none;}
header .dropdown{flex-direction: column; list-style: none; padding-left: 0px;}
@media(min-width:992px){
.li-main:hover .dropdown{display: flex !important;}
.li-main>input,.li-dropdown>input,.li-main>label,.li-dropdown>label{display: none;}
.li-dropdown:hover .ul-sub-dropdown{display: flex !important;list-style: none; padding: 0;}}
.ul-sub-dropdown{position: absolute;left: 100%;top: 0;min-width: 160px;display: none;flex-direction: column;background: #b16156;}
.ul-sub-dropdown .li-sub-dropdown{border-bottom: 1px solid #000;position: relative;}
.ul-sub-dropdown .li-sub-dropdown .a-sub-dropdown{color: #ffffff;padding: 10px 12px;display: block;font-size: 14px;font-weight: 500;text-wrap: nowrap;text-decoration: none;transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.drop-icon{display: flex !important; align-items: center;justify-content: space-between; gap: 8px;}
.svg-icon svg ,.svg-ico{display: flex;align-items: center;}
#btn{display: none;}
header .icon {display: none; padding: 7px 12px; width: fit-content; margin-left: auto; color: #fff;}
@media all and (max-width: 991.98px) {
header .ul-main {display: none;margin: 0;}
.ul-sub-dropdown .li-sub-dropdown .a-sub-dropdown{padding: 10px 22px;}
.li-main>label,.li-dropdown>label{justify-content: space-between;padding: 10px 12px; align-items: center;}
.li-main>.show,.li-dropdown>.show{display: flex; color: #fff;} 
header .ul-main{padding-left: 0;}
header .ul-main .dropdown,.ul-sub-dropdown{position: unset;}
header .icon {display: block;}
header [id^=btn]:checked~.ul-main {display: block;}
header [id^=btn]:checked~label .menu-icon2{display:flex;}
header [id^=btn]:checked~label .menu-icon{display:none;}
.a-main,.drop-icon{display: none !important;}
input{display: none;}
.hide,#hide{display: none;}
header [id^=show]:checked~.hide{display: flex;background: #000;color: #fff;}
header [id^=show]:checked~.dropdown{display: block;}
header [id^=hide]:checked~.dropdown, header [id^=hide]:checked~.hide, header [id^=show]:checked~.show{display: none;}
header [id^=show]:checked~.ul-sub-dropdown {display: block;list-style: none;padding: 0;}}