#mobilenav{position:fixed;height:100%;width:100%;top:0;left:0;z-index:9999999;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;transition:all 0.6s ease-in-out 0s;-webkit-transform:translate(-110%, 0px);-moz-transform:translate(-110%, 0px);-ms-transform:translate(-110%, 0px);-o-transform:translate(-110%, 0px);transform:translate(-110%, 0px);}
#mobilenav.opened{-webkit-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-ms-transform:translate(0, 0px);-o-transform:translate(0, 0px);transform:translate(0, 0px);}
.mobilenav__inner{background:#f2f2f2;max-width:84%;position:relative;height:100%;}
.mobilenav__inner .menu-top-menu-container{height:calc(100% - 128px);overflow:auto;}
.mobilenav__inner .menu_close{position:absolute;top:0;right:-20%;background:rgba(0,0,0,0.4);padding:10px;cursor:pointer;width:20%;height:100%;cursor:pointer;}
.mobilenav__inner .menu_close i{font-size:18px;top:50%;left:0;border-radius:0 40px 40px 0;padding:10px;position:absolute;background:#1e1e1e;border-left:1px solid #000000;color:#fff;transform:translateY(-50%);}
.toplg{padding:0px;text-align:center;padding-top:50px;}
.toplg img{max-width:250px;margin:0 auto;}
#mobilenav h3{color: #fff;font-size: 17px;padding: 5px 10px;margin-bottom: 0;background: #6d5647;margin: 0px 0px;font-weight: normal;margin-top: 30px;}
#mobilenav .mobile-menu{margin:0;padding:0;}
#mobilenav .mobilenav__inner > div:not(.toplg){overflow-y:auto;height:calc(100% - 128px);}
#mobilenav li{display:block;position:relative;overflow:auto;padding: 0px;}
#mobilenav li a{color:#333;position:relative;display:block;margin:0;padding:10px 15px;font-size:15px;border-bottom:solid 1px #d2d2d2;border-top:solid 0px #4b4e50;-webkit-transition:all 0.35s linear;-moz-transition:all 0.35s linear;-o-transition:all 0.35s linear;transition:all 0.35s linear;text-transform: uppercase;}
#mobilenav ul.mobile-menu > li > a{background:#fefefe;font-weight: bold;}
#mobilenav .arrow{position:absolute;top:0px;right:0;width:40px;height:40px;cursor:pointer;text-align:center;font-family:"Font Awesome\ 5 Pro";font-weight:900;line-height:25px;color:#060606;background:rgba(0,0,0,0.085);-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;}
#mobilenav .arrow:before{position:absolute;top:50%;transform:translateY(-50%);content:"\f107";font-size:18px;left:43%;}
#mobilenav ul ul.sub-menu{background:#f0f0f0;}
#mobilenav ul ul.sub-menu li a{color: #333;}
#mobilenav ul > li.menu-item-has-children.open>.arrow:before{content:"\f106";}
#mobilenav ul.sub-menu{display:none;list-style:none;margin:0;padding:0;}
.panel-overlay{opacity:0;filter:alpha(opacity=0);}
.panel-overlay.active{background:#000;position:fixed;left:0;right:0;top:0;bottom:0;z-index:999999;min-height:100vh;opacity:0.6;filter:alpha(opacity=35);-webkit-transition:opacity 0.2s ease-in-out 0s;-moz-transition:opacity 0.2s ease-in-out 0s;transition:opacity 0.2s ease-in-out 0s;}
#showmenu{position:relative;z-index:5;font-size: 20px;}
#hamburger .hamburger{margin-left:10px}
.hamburger{display:inline-block;width:30px;height:30px;cursor:pointer;-webkit-transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:linear;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}
.hamburger-box{width:30px;height:24px;display:inline-block;position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-2px}
.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:30px;height:3px;background-color:#333;border-radius:2px;position:absolute;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}
.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}
.hamburger--collapse .hamburger-inner::before{-webkit-transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}
.hamburger--collapse .hamburger-inner::after{top:-20px;-webkit-transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}
.hamburger--collapse .hamburger-inner{top:auto;bottom:0;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-delay:.15s;transition-delay:.15s;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}
.hamburger--collapse.is-active .hamburger-inner{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg);-webkit-transition-delay:.32s;transition-delay:.32s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
.hamburger--collapse.is-active .hamburger-inner::before{top:0;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1)}
.hamburger--collapse.is-active .hamburger-inner::after{top:0;opacity:0;-webkit-transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear}
.sticky-nav{margin:0;padding:0;border:0;border-radius:0;z-index:1000;}
.navbar{border:0px none;position:relative;min-height:40px;padding:0px;margin-top:0px;margin-bottom:0px;border-radius:0px;font-family:'Roboto', sans-serif;border-color:#e9e9e9;box-shadow:none;box-shadow:0 6px 6px -5px rgba(0, 0, 0, 0.175);background:#dbdbdb;}
.nav{list-style:outside none;margin-bottom:0;padding:0;}
.navbar-inverse .navbar-toggle{border-color:none;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color:#fff;}
.navbar-default .navbar-toggle{border-color:#fff;}
.navbar-inverse{border-color:none;border-style:none;border-width:0px;padding:5px 0;border-color:none;}
.navbar-brand{font-family:'Roboto', sans-serif;font-size:26px;font-weight:700;height:auto;line-height:32px;margin:0px;padding:0px;}
.site-title a, .site-description{color:#747474;font-weight:normal;font-style:italic;font-family:'Roboto', sans-serif;}
.navbar-inverse{border-bottom:0;border-top:0;border-right:0;border-left:0;padding:0;}
.navbar-wrapper{position:absolute;right:0;left:0;margin-top:0px;z-index:20;}
.navbar .navbar-nav > li{margin-right:0px;padding:0;}
.navbar-default .navbar-nav > li > a{font-family:'Roboto', sans-serif;font-size:16px;border-radius:0px;transition:all 0.3s ease-in-out 0s;font-weight:700;padding:12px 15px;color:#666;text-transform:uppercase;border-bottom:solid 0px transparent;display: block;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{color:#6d5647;background:transparent;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#6d5647;background:#fff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover{padding:12px 15px;border-radius:0px;color:#6d5647;-webkit-transition:all 300ms ease-out 0s;-moz-transition:all 300ms ease-out 0s;-o-transition:all 300ms ease-out 0s;transition:all 300ms ease-out 0s;border-bottom:solid 0px #fdd607;background:transparent;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}
.dropdown-menu{padding:0;min-width:250px;border-radius:0px;background:#fff;border:0px;animation-duration:0.5s;animation-name:fadeInUp;animation-fill-mode:both;border: solid 0px #6094e8;}
.dropdown-menu > ul, .dropdown-menu > li{padding:0;margin:0;}
.dropdown-menu > li > a{font-family:'Roboto', sans-serif;font-size:14px;line-height:20px;transition:all 0.3s ease-in-out 0s;letter-spacing:0.7px;white-space:normal;color:#212529;border-bottom: dashed 1px #e5e5e5;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{color:#007DC5;background:#f2f2ff;border-color:#333;}
.dropdown-menu > li > a:last-chlid{border-bottom:0px;border-bottom:0;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{text-decoration:none;color:#007DC5;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;background:#000;color: #fff;}
.dropdown-submenu{position:relative;}
.dropdown-submenu > .dropdown-menu{top:0;left:100% !important;margin-top:0px;margin-left:0px;-webkit-border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}
.dropdown-submenu:hover > .dropdown-menu{display:block;}
.dropdown-submenu .pull-left{float:none;}
.dropdown-submenu.pull-left > .dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
.open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header{padding:10px 13px;width:100%;}
.navbar-right .dropdown-menu{left:0;right:0;}
.is-sticky .sticky-nav{padding:0px;-webkit-animation:fadeInDown 1s both;animation:fadeInDown 1s both;opacity:0.7;}
.is-sticky .navbar-brand{transition:all 0.25s ease-out 0s;font-size:22px;line-height:18px;}
.navbar-toggle{border-radius:0;}

.sidebar ul.menu{margin:0;padding:0;background:#FFF;}
.sidebar ul.menu li{display:block;position:relative;overflow:auto;padding: 0px;}
.sidebar ul.menu li > a{color:#333;position:relative;display:block;margin:0;padding:10px 15px;font-size:14px;border-bottom:1px dashed #ddd;width: 100%;}
.sidebar ul.menu li > a:hover{color: #017dc5;border-left: none;font-weight: 600;}
.sidebar ul.menu  li.active > a, #CategoryBar li > ul.submenu > li.active > a {color: #fff;background: #3b424d;color: #017dc5;background: #f6f7f9;border-left: solid 3px #017dc5;font-weight: 600;padding-left: 27px;}
.sidebar ul.menu .arrow{position:absolute;top:0px;right:0;width:42px;height:42px;cursor:pointer;text-align:center;font-family:"Font Awesome\ 5 Pro";font-weight:900;line-height:25px;color:#66a0dd;background:rgba(255,255,255,0.5);-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;}
.sidebar ul.menu .arrow:before{position:absolute;top:50%;transform:translateY(-50%);content:"\f107";font-size:18px;right:15px;}
.sidebar ul.menu ul.sub-menu{background:#f5f5f5;}
.sidebar ul.menu ul.sub-menu > li > a{color:#333;}
.sidebar ul.menu > li.menu-item-has-children.open>.arrow:before{content:"\f106";}
.sidebar ul.menu ul.sub-menu{display:none;list-style:none;margin:0;padding:0;}

#navbar_primary ul.nav{
	position: relative;
	width: 100%;
	flex-direction: unset;
    justify-content: space-between;
}
#navbar_primary ul.nav li.has-mega {
    margin-right: 0px;
    padding: 0;
    position: unset;
}
#navbar_primary ul.nav li.has-mega > .dropdown-menu {
	width: auto;
	background: #fff;
	min-width: auto;
	border: 1px dashed #55433e;
}
#navbar_primary ul.nav li.has-mega.open > .dropdown-menu > li{
	max-width: 50%;
	min-width: 200px;
	border-right: solid 1px #ddd;
}
#navbar_primary ul.nav li.has-mega.open > .dropdown-menu{
	display: flex;
}
#navbar_primary ul.nav li.has-mega > .dropdown-menu > li > a{
    width: 100%;
    font-weight: bold;
}
ul.nav .open .dropdown-menu > li > a:hover,ul.nav .open .dropdown-menu > li > a:focus{
	color:#fff;background:#126c38;
	border-color: transparent;
}
ul.nav .open .dropdown-menu > li > a{
	border-color: transparent;
}
#navbar_primary ul.nav  li.has-mega > .dropdown-menu > li > .dropdown-menu{
	position: relative;
	min-width: auto;
	width: 100%;
	left: 0 !important;
	right: 0;
	top: 0;
	box-shadow:unset;
	display: block;
	box-shadow:unset;
	animation: none;
}
/* --------------------------------------
=========================================
 menu_category_product
=========================================
-----------------------------------------*/
#menu_category_product{
    position: inherit;
    list-style: none;
    margin: 0;
    border-top: none;
    border-radius: 0px;
    padding: 0;
    background-color: #fff;
}
#menu_category_product > li{
    position: inherit;
    padding: 0px 0px;
    border-bottom: solid 1px #E5E5E5;
}
#menu_category_product > li > a {
    position: relative;
    padding: 7px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #000;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}
/*#menu_category_product > li > a:hover > img{
    filter: brightness(0)invert(1);
}*/
#menu_category_product > li > a:hover {
    color: #D0021C;
    background: #fff;
}
#menu_category_product > li > a::before {
    position: absolute;
    top: 7px;
    right: 10px;
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: #333333;
    z-index: 10;
    font-size: 14px;
}
#menu_category_product > li > .sub-menu > li.menu-item-has-children::before{
    position: absolute;
    top: 10px;
    right: 10px;
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: #333333;
    z-index: 10;
    font-size: 14px;
    display: none;
}
#menu_category_product > li > .sub-menu{
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    left: 100%;
    top: 0px;
    border: solid 1px #f7f7f7;
    z-index: 100;
    display: none;
    min-width: 250px;
    border-radius: 7px;
    background: #fff;
    min-height: 100%;
}
#menu_category_product > li > .sub-menu{padding:0;min-width:250px;border-radius:0px;background:#fff;border:0px;animation-duration:0.5s;animation-name:fadeInUp;animation-fill-mode:both;border: solid 0px #6094e8;}

#menu_category_product > li:hover .sub-menu{
    display: block;
}
#menu_category_product > li .sub-menu > li{
    border-bottom: solid 0px #E5E5E5;
    display: block;
    padding: 0px;
    width: 100%;
    height: auto;
}
#menu_category_product > li .sub-menu > li:not(:last-child){
    border-bottom: solid 0px #eee;
}
#menu_category_product > li .sub-menu > li > .sub-menu{
    width: 100%;
    display: block;
    margin: 0;
    padding: 0px;
    padding-right: 5px;
}
#menu_category_product > li .sub-menu > li > .sub-menu > li{
    width: 100%;
    display: block;
    border-bottom: solid 0px #E5E5E5;
}
#menu_category_product > li .sub-menu li a {
    display: block;
    color: #333333;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 13px;
    border-bottom: solid 1px #E5E5E5;
}
#menu_category_product > li .sub-menu > li > .sub-menu li a{
    color: #333333;
    text-transform: unset;
    font-weight: normal;
    padding: 3px 15px;
}
#menu_category_product > li .sub-menu li a:hover {
    color: #D0021C;
}
#menu_category_product > li .sub-menu > li > .sub-menu li a:hover{
    color: #D0021C;
}