/******  MENU ******/
#mnu {
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#mnu > ul {
  /*height: 50px;*/
}

/*** transfer ***/
#mnu > ul > li:hover:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 115%;
  top: 0;
  z-index: 2;
}

#mnu > ul > li > ul > li:hover:before {
  content: "";
  display: block;
  position: absolute;
  width: 105%;
  height: 100%;
  top: 0;
  right: -5%;
  z-index: 2;
}

#mnu > ul > li > ul > li.left:hover:before {
  right: 0%;
}

/*** end transfer ***/

/****** ARROW MENU *****/

#mnu > ul > li.arrow > a:before {
  display: block;
  content: "";
  border: 7px solid transparent;
  border-top-color: inherit;
  height: 0;
  width: 0;
  position: absolute;
  left: calc(50% - 7px);
  top: 75%;
}

#mnu > ul > li:hover > a:before,
#mnu > ul > li > a:hover:before {
  border-top-color: inherit;
}
/**** END ARROW MENU ****/

/****** END MENU *******/


/* TOTAL */

#mnu ul {
  z-index: 3;
}

#mnu ul li {
  z-index: 4;
}

#mnu ul li a {
  text-decoration: none;
  display: block;
  z-index: 5;
  margin: 0;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* end TOTAL */


/****** SUB MENU *******/
#mnu ul li ul {
  display: block;
  position: absolute;
  top: auto;
  margin: 0;
  padding: 0;
  visibility: hidden;
}

#mnu ul li ul, #mnu > ul > li > ul:before {
  background: #a4845c;
  border: 1px solid rgba(255, 255, 255, 0.17);
  -webkit-transition: visibility 0.4s ease-out;
  -moz-transition: visibility 0.4s ease-out;
  -ms-transition: visibility 0.4s ease-out;
  -o-transition: visibility 0.4s ease-out;
  transition: visibility 0.4s ease-out;
}

#mnu > ul > li > ul {
  left: calc(50% - 3000px);
}

#mnu > ul > li > ul:before {
content: "";
    display: block;
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    left: calc(-50% + 3000px - 1px);
    top: calc(0% - 1px);
}

#mnu > ul > li > ul > li {
	left: calc(-50% + 3000px);
}

#mnu ul ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  z-index: 4;
}


#mnu > ul > li > ul {
  margin-top: 5px;
}

#mnu > ul > li:hover > ul {
  visibility: visible;
}

#mnu ul li ul li > ul.right {
	top: 0;
	left: calc(100% + 2px);
}

#mnu ul li ul li > ul.left {
	top: 0;
	right: calc(100% + 2px);
}

#mnu ul li ul li:hover > ul {
  visibility: visible;
}


#mnu  ul  li > ul > li {
  display: block;
  white-space: nowrap;
}

#mnu ul li:hover > ul > li {
  max-height: 40px;
  position: relative;
}

#mnu ul li ul li {
  max-height: 0;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
}


/**** ARROW SUB MENU ****/
#mnu ul li  ul > li:hover > a:before {
    content: "";
    display: block;
    position: absolute;
    width: 101%;
    height: 40px;
    top: 0;
}

#mnu ul li ul li.arrow > a:before {
  display: block;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-left-color: inherit;
  top: calc(50% - 5px);
  right: 2%;
}

#mnu ul li ul li.arrow.left > a:before {
  border-left-color: transparent;
  border-right-color: inherit;
  right: 95%;
}


#mnu ul li:hover ul li.arrow > a:before {
}

#mnu ul li ul li:hover > a:before, #mnu ul li ul li > a:hover:before {
}

/** END ARROW SUB MENU **/


#mnu ul li ul li a {
	font-size: 14px;
    text-transform: none;
    color: rgba(255, 255, 255, 0);
    letter-spacing: 0;
    display: block;
    position: relative;
    height: 40px;
    line-height: 40px;
	padding: 0 25px;
    text-align: center;
    text-shadow: none;
    font: 14px/40px "merriweather-regular", serif;
}

#mnu ul > li:hover > ul > li > a,
#mnu ul li.active ul li > a {
  color: rgb(255, 255, 255);
}  

#mnu ul li ul li:hover > a,
#mnu ul li ul li.active > a {
    color: #fff;
    background: #411116;
}

.hid-box {
		display: block;
		position: absolute;
		top: -100%;
		width: 100%;
		height: 300%;
		left: 100%;
		z-index: 1;
		visibility: hidden;
}

.hid-box.left {
		left: -100%;
}

li:hover > .hid-box {
		visibility: visible;
}
	
.hid-box:hover {
		z-index: 1000!important;
		visibility: hidden!important;
		-webkit-transition: visibility .2s step-end;
		-moz-transition: visibility .2s step-end;
		-ms-transition: visibility .2s step-end;
		-o-transition: visibility .2s step-end;
		transition: visibility .2s step-end;
}

.hid-box:hover + ul {

		visibility: hidden!important;
		-webkit-transition: visibility .3s step-end!important;
		-moz-transition: visibility .3s step-end!important;
		-ms-transition: visibility .3s step-end!important;
		-o-transition: visibility .3s step-end!important;
		transition: visibility .3s step-end!important;
	}
	
.hid-box:hover + ul li{
	max-height: 0!important;
}	

.hid-box:hover + ul li a{
	color: rgba(0, 0, 0, 0)!important;
}

#footer a {
	text-decoration: none;
	color: #a4845c;
}

#footer a:hover {
	text-decoration: none;
	color: #c6b097;
}