.wrapper-navigation {position:absolute; top:9px; right:0; z-index:999; /* background:rgba(0,0,0, 0.6);mix-blend-mode: multiply; width: fit-content;*/ }

/*
.fix-nav .wrapper-navigation {	position:fixed; top:10px; background:rgba(255,255,255, 0.94);mix-blend-mode: unset; width:100%; text-align:right; z-index:999;
								animation: hassenAnimation .5s;
								animation-fill-mode: both;
								
								box-shadow: 0 1px 0 rgba(12,13,14,0.1), 0 1px 3px rgba(12,13,14,0.1), 0 4px 20px rgba(12,13,14,0.035), 0 1px 1px rgba(12,13,14,0.025);}

@keyframes hassenAnimation {
    from {
        transform:scale(0.7);
        opacity:0
    }
    to {
        transform: scale(1);
        opacity:1
    }
}


*/

/*
.fix-nav .wrapper-navigation:before { 
    content:"\A";
    border-style: solid;
    border-width: 0px 32px 78px 0px;
    border-color: transparent rgba(255,255,255, 0.9) transparent transparent;
    position: absolute;
    left: -32px; top:0; }
*/

/***************************************/
nav > ul > li { display:inline-block; cursor:default}


/*******************************************/
/*
.fix-nav nav li a,
.fix-nav nav > a { color:#393939; }

.fix-nav nav li a { top: 7px; }
*/
/* ---  ----*/
nav > ul > li > a,
nav > a {
	position: relative;
	display: inline-block;
	margin: 15px 25px;
	outline: none;
	color: #502212;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 900;
	/*text-shadow: 0 0 1px rgba(255,255,255,0.3);*/
	font-size: 1em;
	/*text-shadow: 0px 0px 20px rgba(0, 0, 0, 1), 0px 0px 40px rgba(0, 0, 0, 1), 0px 0px 60px rgba(0, 0, 0, 1);*/ }

nav > ul > li > a:hover,
nav > ul > li > a:focus,

nav > a:hover,
nav > a:focus {	outline: none; color:#7fa219;text-shadow: none; }

/* Effect 4: bottom border enlarge */
.cl-effect-4 > ul > li > a,
.cl-effect-4 > a {	padding: 0 0 10px;}

.cl-effect-4 > ul > li > a::after,
.cl-effect-4 > a::after {
	position: absolute;
	top: 112%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #7fa219;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);}

.cl-effect-4 > ul > li > a:hover::after,
.cl-effect-4 > ul > li > a:focus::after,

.cl-effect-4 > a:hover::after,
.cl-effect-4 > a:focus::after {
	height: 4px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px); }
	
/******************************************/
/******** RESPONSIVE **********************/		
/******************************************/	
.cl-effect-4 a.icon {display: none;}



/**********************************
***** SUB MENU ********************
**********************************/
nav li li a,
.fix-nav nav li li a { color:#393939; }

nav li ul { display:none; position:absolute; background:#fff; padding:20px; box-shadow: 0 1px 0 rgba(12,13,14,0.1), 0 1px 3px rgba(12,13,14,0.1), 0 4px 20px rgba(12,13,14,0.035), 0 1px 1px rgba(12,13,14,0.025);}

nav li li {	display: block; padding:10px; border-bottom:thin solid #ddd;  text-align:left; font-size:1.2em; }
nav li li:hover, nav li li:last-child:hover { background:#eee; border-bottom:thin solid #97b814;}
nav li li:last-child {	border-bottom:none}

nav ul li:hover ul { display:block;  }


@media screen and (max-width:1399px) {
	
	.wrapper-navigation {position:relative; top:9px;  }
	
	
	nav > ul > li { display:block; margin:0}
   
  /* .fix-nav .wrapper-navigation { width: auto;  z-index: 99999;}*/
								
  .cl-effect-4 > a.icon {  float: right; display: inline-block;font-size:36px; margin-top:-5px;}
 
  .cl-effect-4.responsive > ul { clear:both; background:#f4f4f4; font-size:125%; padding:20px;}

  .cl-effect-4 ul a {display: none;}
  
  /*.cl-effect-4.responsive > ul > li {  }*/

  .cl-effect-4.responsive a { display:block; text-align:center; /*float:right; clear:right */ padding:7px; }
 
  .cl-effect-4.responsive li ul { position:static;  }
  
  .cl-effect-4.responsive ul li:hover ul { display:none  }
  
  /*** undeline effect ****/
  
  .cl-effect-4 > ul > li > a,
.cl-effect-4 > a {	padding: 0;

}


.cl-effect-4 > ul > li > a:hover::after,
.cl-effect-4 > ul > li > a:focus::after
 { display:none; }



}

@media screen and (max-width:1023px) {
/*
.fix-nav .wrapper-navigation nav {	 height:0;  }
									
.fix-nav nav > ul { height:350px; overflow-y:scroll; 
									-ms-overflow-style: none;  /* IE 10+ * /
    								overflow: -moz-scrollbars-none;  /* Firefox* / }
*/
ul::-webkit-scrollbar { display: none;  /* Safari and Chrome */ }

}