.topmenu{ position:relative; margin-top:15px}
.topmenu:before{ position:absolute; top:0; left:0; width:100%; height:12px; background: rgb(22,58,119); background: linear-gradient(180deg, rgba(22,58,119,1) 0%, rgba(22,58,119,1) 7%, rgba(255,255,255,0.3533788515406162) 100%); content:"";}
#cssmenu{float:left;width:100%;  transition: all 0.5s ease 0s;}
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li{display:inline-block;vertical-align:top;list-style-type:none; margin:0px 26px; position:relative;  }
#cssmenu > ul > li:after{ content:""; position:absolute; left:-25px; width:1px; height:30px; 
border-left:#666666 solid 1px; top: calc(50% + 0px); transform: translateY(-50%);  }
#cssmenu > ul > li:last-child{ margin-right:0px;}
#cssmenu > ul > li:first-child{ margin-left:0px;}
#cssmenu > ul > li:first-child:after{ display:none}
#cssmenu > ul > li > a{display:inline-block;color:#000000; text-decoration:none; padding:26px 0px 26px 0px; font-size:20px;    font-weight:600; }
#cssmenu > ul > li a:hover{text-decoration:none; color:#000; }
#cssmenu > ul > li a:before{background: var(--orange);  content:""; position:absolute; left:0px; bottom:15px; width:0%; height:4px;  transition: all 0.5s ease 0s; }
#cssmenu > ul > li a:hover:before{ width:100%;  }
#cssmenu > ul > li.current-menu-item > a:before{background: var(--orange); content:""; width:100%; height:4px; }	
#cssmenu > ul > li.current-product-parent > a:before{background: var(--orange); content:""; position:absolute; left:0px; bottom:6px; width:100%; height:4px; }	
#cssmenu > ul > li > a:hover:before{background: var(--orange); content:""; position:absolute;  width:100%; height:4px; }
#cssmenu > ul > li.current-menu-item > a{text-decoration:none;color:#000; }
#cssmenu > ul > li.current-menu-parent > a{text-decoration:none; color:#000; }
#cssmenu > ul > li.menu-item-has-children > a:after { position: absolute; content: '';  top:50%; right:-15px;  font-weight:400;   width:6px; height:6px; border-bottom:#000 solid 1px; border-left:#000 solid 1px; top: calc(50% - 8px/2); transform: rotate(-45deg);}
.sub-menu{ width:15rem; position:absolute;  background:#fff; z-index:100;   transition: all 650ms ease;       margin: 0px 0 0 -14px;     box-shadow: rgb(0 0 0 / 40%) 0px 15px 15px; }
#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:#fff solid 1px; border-bottom:#fff 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; }
.site-header.stricky  #cssmenu > ul > li > a{      padding: 20px 0px 20px 0px;}
.sub-menu li:hover > .sub-menu{ top:0; left:103%;}
#cssmenu ul ul li{list-style-type:none;     position: relative;}
#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 {padding:12px 0px 12px 15px;font-size:16px;display:block;text-decoration:none;color:#000;font-weight:500; position: relative; }
#cssmenu ul ul li a:hover  { background:var(--primary); color:#fff;}
#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:0px;position:absolute;left:0;z-index:999;background:var(--primary);text-align:left; }
#cssmenu.small-screen.align-center > ul{text-align:left;}
#cssmenu.small-screen ul li{width:100%;border-top:1px solid #fff;position:relative;}
#cssmenu.small-screen ul li:first-child{  border:none;}
#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a{width:calc(100% - 45px);border-bottom:0;padding:15px 47px 13px 47px;padding-left:20px;color:#fff; text-transform:uppercase;font-weight:normal; font-size:15px}
.site-header.stricky  #cssmenu.small-screen > ul > li > a{      padding: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:-120px; width: 35px; height: 35px; right: 15px; z-index: 99; background:#fff;  transition: all 0.5s ease 0s; border-radius:5px} 	
#cssmenu.small-screen #menu-button:after { position: absolute; top: 17px; right: 8px; display: block; height: 8px; width: 18px; border-top: 2px solid var(--primary); border-bottom: 2px solid var(--primary); content: ''; }
#cssmenu.small-screen #menu-button:before { position: absolute; top: 11px; right: 8px; display: block; height: 2px; width: 18px; background: var(--primary);  content: ''; }
#cssmenu.small-screen #menu-button.menu-opened:after { top: 18px; border: 0; height: 2px; width: 20px; background: var(--primary);  -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(--primary); 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; border-left: 1px solid rgba(255,255,255,.3);height: 44px; width: 44px; cursor: pointer; }
#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(--orange); content: '';}
#cssmenu.small-screen .submenu-button.submenu-opened:after { background: var(--orange);}
#cssmenu.small-screen .submenu-button::before { position: absolute;top: 15px;right: 22px;display: block;width: 3px;height: 15px;background: var(--orange); content: '';}
#cssmenu.small-screen .submenu-button.submenu-opened::before { display:none; }

@media (min-width:1240px){
.cssmenu li:hover > .sub-menu{   display:block !important }
.sub-menu{ animation: growDown 850ms ease-in-out forwards;  transform-origin: top center; display:none !important;  }
@keyframes growDown {
  0% 
  { transform: scaleY(0) 
  }
  80% {
    transform: scaleY(1)
  }
  100% {
    transform: scaleY(1)
  }
}	
}
@media (max-width:1440px){
#cssmenu > ul > li > a{
	font-size:16px;
}
#cssmenu > ul > li{ margin:0 42px}
#cssmenu > ul > li::before { left:-44px;  left: -43px;}
#cssmenu > ul > li > a:hover:before{ height:3px;}
}

@media (max-width:1300px){
	#cssmenu > ul > li{ margin:0 32px}
	#cssmenu > ul > li::before{ left:-33px}
	#masthead.site-header  .col-md-8.topmenuwrap { position:inherit}
	#cssmenu.small-screen ul li ul{ background:#fff; }
	#cssmenu.small-screen ul li ul{ background:#fff; border:none; }
	#cssmenu.small-screen ul li ul li{ padding-left:0px; border-bottom:var(--primary) solid 1px !important; font-size:14px}
	#cssmenu.small-screen ul li ul li a{ color:#000;  font-size:14px; padding-left:35px}
	#cssmenu.small-screen ul li ul li a:hover{ color:#fff;  font-size:14px}
	#cssmenu > ul > li > a:hover:before{ height:2px;}
}

@media (max-width:1200px){
	#cssmenu.small-screen #menu-button{ }
	#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}
	.topmenu{ margin-top:8px}
	.site-header.stricky  #cssmenu.small-screen > ul > li > a{      padding:12px;}	
	#cssmenu ul li ul li.menu-item-has-children:after{display:none;}
}

@media (max-width:767px){

}