/*width sub menu---88--31*/



nav {
  display: block;
}
.menu { display: flex;
margin: auto;
width: 100%;
justify-content: end;
flex-direction: row;
}



/*.current_page_item{ background:#0065b9; color:#fff;}



.current_page_item a{ color:#fff !important;}



.menu-item-home{ background:#FFF; }



.menu-item-home a{color:#363636 !important;}*/







.menu li {



  display: inline-block;



  position: relative; 



  z-index: 100;



}


.menu-main-menu-container{width:100%;}




.menu li:last-child{ border-right:none;}



.menu li:last-child a{ border-right:none;}







.menu li:first-child { margin-left: 0; }







.menu li a {


font-family: 'Heebo', sans-serif;
 font-size:18px; font-weight:400;



  text-decoration: none;



  padding: 0 12px 0 12px;



  display: block; /*border-right:1px solid #d3d3d3;*/



  color: #fff;



  transition: all 0.2s ease-in-out 0s;




}







.menu li a:hover,



.menu li:hover>a {



  color: #d8bc93;



  /*background: #0065b9;*/



}







.menu ul {



  visibility: hidden; overflow:hidden;



  opacity: 0;



  margin: 0;



  padding: 0;



  width: 190px; top:35px;



  position: absolute;



  left: 0px; background:#363636; border-radius:10px;



 



  z-index: 99;



  transform: translate(0, 20px);



  transition: all 0.2s ease-out;



}







.menu ul:after {



  bottom: 100%;



  left: 20%;



  border: solid transparent;



  content: " ";



  height: 0;



  width: 0;



  position: absolute;



  pointer-events: none;



  border-color: rgba(255, 255, 255, 0);



  border-bottom-color: #fd6922;



  border-width: 6px;



  margin-left: -6px;



}







.menu ul li {



  display: block;



  float: none;



  background: none;



  margin: 0;



  padding: 0; border-bottom:1px solid #fff;



}



.menu li ul li:last-child{ border:none;}

/*.menu li ul li a{ text-transform:none;}*/



.menu ul li a {



font-family: 'Space Grotesk', sans-serif;font-size:16px; font-weight:400;



  display: block; 



  color: #fff ; padding:10px; border-right:none;



 



}







.menu ul li a:hover,



.menu ul li:hover>a {



  background: #354329;



  color: #c09a74;



}







.menu li:hover>ul {



  visibility: visible;



  opacity: 1;



  transform: translate(0, 0);



}







.menu ul ul {



  left: 205px;



  top: 0px;



  visibility: hidden;



  opacity: 0;



  transform: translate(20px, 20px);



  transition: all 0.2s ease-out;



}







.menu ul ul:after {



  left: -6px;



  top: 25%;



  border: solid transparent;



  content: " ";



  height: 0;



  width: 0;



  position: absolute;



  pointer-events: none;



  border-color: rgba(255, 255, 255, 0);



  border-right-color: #fff;



  border-width: 6px;



  margin-top: -6px;



}











.menu li>ul ul:hover {



  visibility: visible;



  opacity: 1;



  transform: translate(0, 0);



}







.responsive-menu {



  display: none;



  width: 100%;



  padding: 11px 15px;



  background: #363636;



  color: #fff;



  text-transform: uppercase;



 



}







.responsive-menu:hover {



  background: #333;



  color: #fff;



  text-decoration: none;



}







.responsive-menu:focus {



  background: #333;



  color: #fff;



  text-decoration: none;



}







a.homer { background: #649d19; }















.menu li > a:after {

color: #fff;
content: ' \25BC';
font-size: 14px;



}







.menu li:hover > a:after {



    color: #c09a74;



    content: ' \25BC';



}















.menu li > a:only-child:after {



    content: '';



}







.menu li ul li > a:after {



    color: #fff;



     content: ' +';



}











.menu li ul li > a:only-child:after {



    content: '';



}



 @media (min-width: 768px) and (max-width: 979px) {







.mainWrap { width: 768px; }







.menu ul { top: 37px; }















a.homer { background: #E95546; }



}



 @media (max-width: 768px) {







.mainWrap {



  width: auto;



  padding: 50px 20px;



}







.menu { display: none; }







.responsive-menu { display: block; }







nav {



  margin: 0;



  background: none;



}







.menu li {



  display: block;



  margin: 0;



}







.menu li a {



  



  color: #fff; border-right:none;



}







.menu li a:hover,



.menu li:hover>a {



  background: #0065b9;



  color: #fff;



}







.menu ul {



  visibility: hidden;



  opacity: 0;



  top: 0;



  left: 0;



  width: 100%;



  transform: initial;



}







.menu li:hover>ul {



  visibility: visible;



  opacity: 1;



  position: relative;



  transform: initial;



}







.menu ul ul {



  left: 0;



  transform: initial;



}







.menu li>ul ul:hover { transform: initial; }



}











ul .current-menu-item a{font-weight:500 !important; color: #d8bc93;}



.menu li ul .current-menu-item a{ color:#fff; background:#354329;}