#cssmenu li.mobileMenu {display:none;}
#cssmenu{float:left;width:100%;  transition: all 0.5s ease 0s;}
#cssmenu #menu-button{display:none;}
#cssmenu ul{padding:0px;margin:30px 0 0px 0;float:right;}
#cssmenu > ul > li{display:inline-block;vertical-align:top;list-style-type:none; margin:0 0 0 45px;   position:inherit}
#cssmenu > ul > li:first-child{ margin-left:0px;}
#cssmenu > ul > li > a{display:inline-block;color:#fff; text-decoration:none; padding:25px 0px 15px 0px; font-size:18px;  font-weight: 400;     cursor: pointer;}
#cssmenu > ul > li:last-child{ margin-right:0px }
#cssmenu > ul > li.vacaturesmenu{ margin-right:0px }
#cssmenu > ul > li a:hover{text-decoration:none;color:#333; }
/*#cssmenu > ul > li.current-menu-item > a{text-decoration:none;color:#fff;}*/
#cssmenu > ul > li.current-menu-parent > a, .current-menu-item a {text-decoration:none!important;color:#000!important; font-weight:bold!important;}
#cssmenu > ul > li.current-menu-parent ul li.current-menu-item  a{color:#fff; font-weight:bold;}
.cssmenu li .sub-menu{ width:100%; position:absolute;  z-index:100;  background:#fff; display:none; margin-top:0px; text-align:left;  }
.sub-menu:before { content: ""; position: absolute; left: -100%; top: 0px; background: #fff;   width: calc(100% - -100%); height: 100%;  box-shadow: rgb(0 0 0 / 10%) 0px 6px 15px;
/*animation: growDown 100ms ease-in-out forwards;*/  }
.sub-menu:after { content: ""; position: absolute; left: -100%; top: -10px;  width: calc(100% - -100%); height: 10px;  box-shadow: rgb(0 0 0 / 12%) 0px 12px 15px;}
.site-header.stricky .cssmenu li:hover > .sub-menu{ top: 3.65rem; }
.sub-menu li:hover > .sub-menu{ top:0; left:100%;}
@keyframes growDown {
  0% 
  { transform: scaleY(0) 
  }
  80% {
    transform: scaleY(1)
  }
  100% {
    transform: scaleY(1)
  }
}


 #cssmenu > ul > li .sub-menus{ width:100%; position:absolute;  z-index:99;  background:#2A2D71; margin-top:0px; text-align:left;   display: none; }
.sub-menus:before { content: ""; position: absolute; left: -100%; top: 0px; background: #2A2D71;   width: calc(100% - -100%); height: 100%;  box-shadow: rgb(0 0 0 / 40%) 0px 6px 15px;}
.sub-menus:after { content: ""; position: absolute; left: -100%; top: -10px;  width: calc(100% - -100%); height: 10px;  box-shadow: rgb(0 0 0 / 40%) 0px 14px 15px;}
#cssmenu > ul > li .sub-menus li { color:#fff !important}
#cssmenu ul ul.sub-menus{padding:15px 0 5px 0; margin:0px 0px 0px -142px;}
#cssmenu ul li:nth-child(2) ul.sub-menus{  margin-left:-51px }
#cssmenu ul li:nth-child(3) ul.sub-menus{  margin-left:-97px }
#cssmenu > ul > li#menu-item-86809.current-menu-ancestor .sub-menus,
#cssmenu > ul > li#menu-item-86813.current-menu-ancestor .sub-menus,
#cssmenu > ul > li#menu-item-86960.current-menu-ancestor .sub-menus{display:block !important}
#cssmenu > ul > li#menu-item-86809 .sub-menus li,
#cssmenu > ul > li#menu-item-86960 .sub-menus li,
#cssmenu > ul > li#menu-item-86813 .sub-menus li{ top: -3px;}
#cssmenu > ul > li#menu-item-86809 .sub-menus li{    width: 237px;}
#cssmenu > ul > li#menu-item-86813 .sub-menus li{    width: 216px; }
#cssmenu ul ul.sub-menu{padding:15px 0 5px 0; margin:0px 0px 0px -142px;}
#cssmenu ul li:nth-child(2) ul.sub-menu{  margin-left:-75px }
#cssmenu ul li:nth-child(3) ul.sub-menu{  margin-left:-95px }
#cssmenu > ul > li.current-menu-ancestor ul.sub-menu li.current-menu-item  a{color:#2A2D71; font-weight:700;}
#cssmenu ul ul li{list-style-type:none;     position: relative; width:230px;  margin-left: -30px; text-align:right;}
#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:7px 0px 7px 15px;font-size:16px;display:block;text-decoration:none;color:#000;font-weight:500; position: relative; }
#cssmenu ul ul li a:hover  {  color:#000; font-weight:bold}
#cssmenu ul ul li a:before { content:''; color: #fff; ; position: absolute; left:0px; display:none }
#cssmenu ul ul li a:hover:after{display:none;}

/**mobile style***/
#cssmenu.small-screen{display:inline-block;vertical-align:top; } 
#cssmenu.small-screen ul{width:100%;display:none;margin-top:66px;position:absolute;left:0;z-index:999;background:#fff;text-align:left; }
#cssmenu.small-screen.align-center > ul{text-align:left;}
#cssmenu.small-screen ul li{width:100%;border-top:1px solid #ceccbf;position:relative; margin:0 0px; text-align:left;}
#cssmenu.small-screen ul li:first-child{  border:none;}
#cssmenu.small-screen ul ul.sub-menu{ padding:0 0px}
#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a{width:100%;border-bottom:0;padding:13px 47px 13px 47px;color:#000; text-transform:uppercase;font-weight:normal; font-size:15px}
#cssmenu.small-screen ul ul li a{ padding-left:0px }
#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;float:right;position:relative;top:25px;width:33px;height:30px; margin-right:12px;}
#cssmenu.small-screen #menu-button:after{position:absolute;top:10px;right:0px;display:block;height:12px;width:32px;border-top:2px solid #000 ;border-bottom:2px solid #000 ;content:'';}
#cssmenu.small-screen #menu-button:before{position:absolute;top:0px;right:0px;display:block;height:2px;width:32px;background:#000 ;content:'';}
#cssmenu.small-screen #menu-button.menu-opened:after{top:8px;border:0;height:2px;width:32px;background:#000 ;-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:8px;background:#000 ;width:32px;-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, 0.5);height:37px;width:46px;cursor:pointer;}
#cssmenu.small-screen .submenu-button.submenu-opened{background:#fff  ;}
#cssmenu.small-screen .submenu-button.submenu-opened:after{background:#cdc490; }
#cssmenu.small-screen .submenu-button.submenu-opened:before{ border-right: #cdc490 solid 2px; border-bottom: #cdc490 solid 2px;  border-top: none; }
#cssmenu.small-screen .submenu-button:before{position:absolute;top:20px;right:20px;display:block;width:10px;height:10px; content:''; border-right: #cdc490 solid 2px; border-top: #cdc490 solid 2px; transform: rotate(45deg);} 

@media (min-width:1041px){
	.cssmenu li:hover .sub-menu{ display:block !important;  }
	 #cssmenu > ul > li .sub-menus{display:none }
	.cssmenu li:hover > .sub-menu{  opacity:1; display:block !important }
	.cssmenu li .sub-menu{ display:none !important;  perspective: 1000px; /*animation: growDown 750ms ease-in-out forwards;*/  transform-origin: top center;}
}

@media (max-width:1040px){
	.middleSection, .heroBannerImg { margin-top: 86px; }
	.header-top{ padding-bottom:10px}
	#cssmenu > ul > li#menu-item-86809.current-menu-ancestor .sub-menus,
	#cssmenu > ul > li#menu-item-86860.current-menu-ancestor .sub-menus,
	#cssmenu > ul > li#menu-item-86813.current-menu-ancestor .sub-menus {display:none !important}
	.sub-menu:after{display:none }
}

@media (max-width:1024px){
	.sub-menu:before, .sub-menu:after{display:none;}
	#cssmenu li.mobileMenu {display:block;}
	.sub-menu:after{    top: -56px; width: 100%;  height: 10px; left:0px;}
	#cssmenu li.menu1{ background:#e6e2c7; } 
	#cssmenu li.menu1 a{ color:#928c67;} 
	#cssmenu li.menu2 a{ color:#928c67 !important;} 
	#cssmenu li.menu2{ background:#000; } 
	
	}
@media (max-width:1023px){
	#cssmenu.small-screen ul{     margin-top: 76px;}
	#cssmenu.small-screen #menu-button{     right:5px;}
}

@media (max-width:767px){
	#cssmenu.small-screen #menu-button{     top: 18px; }
	#cssmenu.small-screen ul{     margin-top: 60px;}
	.middleSection, .heroBannerImg { margin-top: 70px; }
}
@media (max-width:479px){
	#cssmenu ul ul.sub-menu{ padding:0 20px}
	#cssmenu.small-screen ul li a, #cssmenu.small-screen ul ul li a{ padding-left:20px}	
}