.menu_wrapper{ background:var(--secondary); min-height:82px; padding: 1px 0;  position: sticky; top: 0; z-index:999}
.menu_wrapper .container{ max-width:1480px}
#cssmenu{float:left;width:100%;  transition: all 0.5s ease 0s;  margin-top:4px}
#cssmenu #menu-button{display:none;}
#cssmenu > ul { margin: 0px 0rem 0 0; align-items: center;display: flex; }
#cssmenu > ul > li{display:inline-block;vertical-align:top;list-style-type:none; margin:0px 0px 0 0px; position:relative; padding:0rem 1rem;   }
#cssmenu > ul > li > a{display:inline-block; color:var(--bodyclr); text-decoration:none; font-weight:700; margin:0 0px;  
font-size:14px; line-height: 15px;}



#cssmenu > ul > li.contact-link{ padding-right:0px}
#cssmenu > ul > li.contact-link a{  color: #fff !important; background: var(--primary); padding: 0.719rem 1.875rem; border-radius: 0.313rem;} 
#cssmenu > ul > li.contact-link a:hover{    color: #fff; background: #09101D; } 
#cssmenu > ul > li.menu-item-has-children > a{ padding-right:0rem}
#cssmenu > ul > li a:hover{text-decoration:none; color:var(--primary);  }
#cssmenu > ul > li.current-menu-item > a{text-decoration:none;color:var(--bodyClr); }
#cssmenu > ul > li.current-menu-parent > a{text-decoration:none; color:var(--bodyClr); }
#cssmenu > ul > li.current-menu-item a{color:var(--primary) ; } 



.sub-menu { width: 280px; position: absolute; background: #fff; z-index: 100; transition: all 650ms ease; margin: -1px 0 0 0px; left: 15px; border: 1px solid rgba(0, 0, 0, 0.1);  padding: 8px 12px;  border-bottom:none;}
#cssmenu ul li ul li.menu-item-has-children:after { position: absolute; content: '';  top:50%; right:15px;  font-weight:400;   width:6px; height:6px; border-right:#000 solid 1px; border-bottom:#000 solid 1px; top: calc(50% - 8px/2); transform: rotate(-45deg);}
#cssmenu ul li ul li.menu-item-has-children a:after { position: absolute; content: '';  top:50%; right:15px;  font-weight:400;   width:6px; height:6px; border-right:#000 solid 1px; border-bottom:#000 solid 1px; top: calc(50% - 8px/2); transform: rotate(-45deg);}
#cssmenu ul li ul li.menu-item-has-children:hover:after { position: absolute; content: '';  top:50%; right:15px;  font-weight:400;   width:6px; height:6px; border-right:#695d4b solid 1px; border-bottom:#695d4b solid 1px; top: calc(50% - 8px/2); transform: rotate(-45deg);}
#cssmenu ul li ul li.menu-item-has-children li a:after{ display:none;}
.sub-menu .sub-menu{ top:0rem; left:160%; border-top:0; border-left:var(--primary) solid 3px; }
.sub-menu li:hover > .sub-menu{ top:0; left:99.5%;}
#cssmenu ul ul li{list-style-type:none;     position: relative;     border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 4px 0;}
#cssmenu ul ul li:last-child{border-bottom:none}
#cssmenu ul ul li.menu_head { margin-top:5px; }
#cssmenu ul ul li.menu_head a { font-size:20px; color: #fff;  padding: 0px 20px 0px; }
#cssmenu ul ul li.menu_head a:hover { text-decoration:none; }
#cssmenu ul ul li.menu_head a:before { display:none; }
#cssmenu ul ul li br{display:none;}
#cssmenu ul ul li a {display:block; font-size:0.938rem; text-decoration:none;color:#675D4D !important;font-weight:400; position: relative;  line-height: 1.3; padding: 4px 0; }
#cssmenu ul ul li a:hover  { color:var(--Darkblue) !important; }
#cssmenu ul ul ul:hover > ul ul li a{background:var(--primary); color:#fff;}
#cssmenu ul ul li a:before { content:''; color: #fff; position: absolute; left:0px; display:none }
#cssmenu ul ul li a:hover:after{display:none;}
#cssmenu.small-screen{display:inline-block;vertical-align:top; } 
#cssmenu.small-screen ul{width:100%;display:none;margin-top:25px;position:absolute;left:0;z-index:999;background:#fff;text-align:left;text-align: left; padding: 0px 20px;}
#cssmenu.small-screen.align-center > ul{text-align:left;}
#cssmenu.small-screen ul li{width:100%;border-bottom: 1px solid rgba(0, 0, 0, 0.1);position:relative;}
#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a{width:calc(100% - 45px);border-bottom:0;padding:15px 47px 13px 20px;color:var(--bodyclr); text-transform:uppercase;font-weight:700; font-size:15px}
#cssmenu.small-screen ul ul li:hover > a,
#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen.align-right ul ul{position:relative;left:0;top:0;width:100%;margin:0;text-align:left;}
#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen ul ul > li.has-sub > a:after,
#cssmenu.small-screen ul ul > li.has-sub > a:before{display:none;}
#cssmenu.small-screen #menu-button { display: block; cursor: pointer; position: absolute; top:50%; width: 35px; height: 35px; right: 15px; z-index: 99; background:var(--primary);  transition: all 0.5s ease 0s; border-radius:5px;      transform: translateY(-50%); margin-top:9px;} 	
#cssmenu.small-screen #menu-button:after { position: absolute; top: 17px; right: 8px; display: block; height: 8px; width: 18px; border-top: 2px solid var(--white); border-bottom: 2px solid var(--white); content: ''; }
#cssmenu.small-screen #menu-button:before { position: absolute; top: 11px; right: 8px; display: block; height: 2px; width: 18px; background: var(--white);  content: ''; }
#cssmenu.small-screen #menu-button.menu-opened:after { top: 18px; border: 0; height: 2px; width: 20px; background: var(--white);  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#cssmenu.small-screen #menu-button.menu-opened:before { top: 18px; background: var(-white); width: 20px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#cssmenu.small-screen .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; height: 44px; width: 44px; cursor: pointer; background: var(--primary);}

#cssmenu.small-screen .submenu-button.submenu-opened { background: var(--primary); }

#cssmenu.small-screen .submenu-button::after { position: absolute;top: 21px;right: 16px; width: 15px; height: 3px; display: block; background:var(--white); content: '';}

#cssmenu.small-screen .submenu-button.submenu-opened:after { background:var(--white);}

#cssmenu.small-screen .submenu-button::before { position: absolute;top: 15px;right: 22px;display: block;width: 3px;height: 15px;background:var(--white); content: '';}

#cssmenu.small-screen .submenu-button.submenu-opened::before { display:none; }









@media (min-width:1100px){

.cssmenu li:hover > .sub-menu{   display:block !important }

.sub-menu{ animation: growDown 850ms ease-in-out forwards;  transform-origin: top center; display:none !important;  

    text-align: left;

}

@keyframes growDown {

  0% 

  { transform: scaleY(0) 

  }

  80% {

    transform: scaleY(1)

  }

  100% {

    transform: scaleY(1)

  }

}	
}

@media (max-width:1200px){
	#cssmenu > ul > li > a{ font-size: calc(var(--fontSize) + 0rem);}
	#cssmenu > ul > li > a{ padding: 0.85rem 0.60rem;}
	#cssmenu > ul > li.current-menu-item > a::before{display:none !important;}
	#cssmenu > ul > li::before, #cssmenu > ul > li > a:hover::before{display:none}
	#cssmenu > ul > li{ margin:0 0px}
	#cssmenu ul li ul li.menu-item-has-children:after{display:none;}
	#cssmenu  ul{display:none}
	#cssmenu.small-screen ul li ul li a{ color:#000;  font-size:13px; padding: 10px 0 10px 0px;     font-weight: normal;}
	#cssmenu.small-screen ul li ul li a:hover{ color:#fff;  font-size:13px}
	#cssmenu.small-screen ul li a, #cssmenu.small-screen ul ul li a{ padding: 12px 47px 12px 0px; font-size:13px}	
}
@media (max-width:1140px){
.site-header .cw-header-right{ position:inherit !important}
#cssmenu > ul > li{padding:0;   }
}

@media (max-width:1140px){
  #cssmenu.small-screen #menu-button { top: 34%; }    
  }
  
@media (max-width:992px){
	#cssmenu > ul > li.contact-link a{ background:none !important}	
#cssmenu.small-screen #menu-button{ right:15px;}
#cssmenu  ul#menu-top-nav{display:none}
#cssmenu.small-screen ul{  margin-top: 40px;     width: calc(100% - 0px); left:0px; padding:15px; height:auto;}
.menu.with-indicator.open { display: block; height: calc(100vh - 68px); overflow-y: scroll; }

.site-header.stricky #cssmenu.small-screen ul, #cssmenu.small-screen ul {margin-top: 33px; }
.site-header.stricky #cssmenu.small-screen ul ul, #cssmenu.small-screen ul ul{ margin-top:0px;}
#cssmenu.small-screen ul ul{ padding:0 15px}

}
@media (max-width:567px){
.site-header.stricky #cssmenu.small-screen ul, #cssmenu.small-screen ul {margin-top: 27px; }

}


.cart-count{         position: absolute; width: 18px; height: 18px; background: #282828; border-radius: 50%; text-align: center;  font-size: 8px; top: -8px;  right: -13px; color:#fff !important;  line-height: 17px;}
.header-mini-cart a{ position: relative; }		
.header-mini-cart a:hover span.cart-count{  color:#fff !important}		
.header-mini-cart a:visited  span.cart-count{  color:#fff !important}		
.woocommerce-account{ overflow-x:hidden}