.mobilenav {
width:100%;
max-width:100%;
/*background: #E7DFD2*/
background: rgb(231, 223, 210,0.9);
padding-top:10px;
top:0;
/*z-index:1;*/
position:fixed;
display: block;
/*position:absolute;*/
}	

#laclec-a-div {
	width:50%;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
	background:transparent;
}
 
ul li {
    display: inline-block;
	  
	/*BL*/
	font-family: 'BarlowSemiCondensed-Regular', Arial !important;
	font-size: 18px !important;
    color: #5F4431 !important;
	/*padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 12px;
	padding-right: 12px;*/
	border:2px solid transparent;
}

.lenyilo {
font-family: 'BarlowSemiCondensed-Regular', Arial !important;
	font-size: 18px !important;
    color: #5F4431 !important;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	/*border:2px solid transparent;*/
}	

ul li i {

	margin-left:-15px;
	color: #5F4431 !important;
}
 
ul li a {
	/*BL*/
	font-family: 'BarlowSemiCondensed-Regular', Arial !important;
	font-size: 18px !important;
    color: #5F4431 !important;
    text-decoration: none;
    display: block;
	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
}
 
ul li:hover {
    background: #d1c7a4 !important;
	/*border: 2px solid #777777 !important;*/
	transition: background-color .5s;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

 
/*BL*/
/*.nav-transparent ul li:hover{
	background:transparent !important;
}*/

/*BL*/
.nav-transparent{
	background:transparent !important;
	padding-left:30px;
	padding-right:170px;
}
.nav-transparent:hover{
	background:transparent !important;
}

ul ul {
      position: absolute;
      min-width: 200px;
      /*background: transparent;*/
	  background-color: #d1c7a4;
	  display: none;
	  margin-top:10px;
	  border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;

}
 
ul ul li {
      display: block;
      background: #c9c1a7;
	  
	  /*BL*/
	   border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	/*margin-top:5px;*/
	margin-top:1px;
}
 
ul li:hover ul {
      display: block;
}
 
ul li i {
      color: #E7DFD2;
      float: right;
      padding-left: 20px;
}
 
nav div {
      background: transparent;
      color: #E7DFD2;
      font-size: 24px;
      padding: 0.6em;
      cursor: pointer;
      display: none;
}

* {
  margin: 0;
  padding: 0; 
}

/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 30px;
  height: 30px;
  position: relative;
  /*margin: 50px auto;*/
  margin-top:10px;
  margin-bottom:0;
  margin-right:15px;
  margin-left:auto;
  
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  text-align:right;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 7px;
  width: 100%;
  background: #5F4431;
  border-radius: 7px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 14px;
}

#nav-icon1 span:nth-child(3) {
  top: 28px;
}

#nav-icon1.open span:nth-child(1) {
  top: 14px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -40px;
}

#nav-icon1.open span:nth-child(3) {
  top: 14px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 7px;
  width: 50%;
  background: #5F4431;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 7px 7px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 7px 0 0 7px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 14px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 28px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 25px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 25px;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 14px;
}

#nav-icon3 span:nth-child(4) {
  top: 28px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 14px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 14px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 28px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 7px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 29px;
  left: 7px;
}


@media(max-width: 999px) {
      nav div {
            display: block;
      }
 
      ul {
            display: none;
           position: static;
            background: #d1c7a4;
			
			/*BL*/ margin-top:3px;
			-webkit-box-shadow: inset 0px 0px 5px 0px rgba(85,85,85,0.55);
		-moz-box-shadow: inset 0px 0px 5px 0px rgba(85,85,85,0.55);
		box-shadow: inset 0px 0px 5px 0px rgba(85,85,85,0.55);
		padding: 10px;
		margin: 2px 0 0 0;
      }
 
      ul li {
            display: block;
		/*-webkit-box-shadow: inset 0px 0px 5px 0px rgba(85,85,85,0.55);
		-moz-box-shadow: inset 0px 0px 5px 0px rgba(85,85,85,0.55);
		box-shadow: inset 0px 0px 5px 0px rgba(85,85,85,0.55);*/
		padding: 10px;
		margin: 2px 0 0 0;
      }
 
      ul ul {
            position: static;
            background: #d1c7a4;
			margin-top:0px;
      }
}