.wrapper-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #fff;
}

.wrapper-navigation li a {
  display: block;
  padding: 20px 20px;
 /* border-right: 1px solid #f4f4f4;*/
  text-decoration: none;
}

.wrapper-navigation li a:hover,
.wrapper-navigation .menu-btn:hover {
 /*background-color: #f4f4f4;*/
}


/* menu */

.wrapper-navigation .menu-burger {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.wrapper-navigation .menu-icon {
  cursor: pointer;
  display: inline-block;
  /*float: right;*/
  padding: 28px 20px;
  position: relative;
  user-select: none;
  
}

.wrapper-navigation .menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 40px;
  z-index:9999999;
}

.wrapper-navigation .menu-icon .navicon:before,
.wrapper-navigation .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.wrapper-navigation .menu-icon .navicon:before {
  top: 10px;
}

.wrapper-navigation .menu-icon .navicon:after {
  top: -10px;
}

/* menu btn */

.wrapper-navigation .menu-btn {
  display: none;
}

.wrapper-navigation .menu-btn:checked ~ .menu-burger {
  max-height: 300px;
}

.wrapper-navigation .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.wrapper-navigation .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.wrapper-navigation .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.wrapper-navigation .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.wrapper-navigation .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}





.wrapper-navigation {position:absolute; top:70px; /*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:0; 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:#D0242A; }

.fix-nav nav li a { top: 7px; }

/* ---  ----*/
nav > ul > li > a,
nav > a {
	position: relative;
	display: inline-block;
	margin: 15px 25px;
	outline: none;
	color: #fff;
	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: 0.8em;
	/*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:#007683;text-shadow: none; }

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

.cl-effect-4 > ul > li > a::after,
.cl-effect-4 > a::after {
	position: absolute;
	top: 120%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #007683;
	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:0.8em; }
nav li li:hover, nav li li:last-child:hover { background:#eee; border-bottom:thin solid #b62d2c;}
nav li li:last-child {	border-bottom:none}

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



	
/* 48em = 768px */

@media (min-width: 1199px) {
	.smart { display:none;}
	
	
	.homeBtn {
	width:60px;
	height:58px;
	position:fixed;
	left:0;
	top:0;	
	z-index:9999;
	
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='56px' height='56px' viewBox='0 0 56 56' enable-background='new 0 0 56 56' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M48.306,32.286c-0.696,0-1.392-0.266-1.924-0.797L28,13.107L9.618,31.489 c-1.063,1.063-2.785,1.063-3.848,0c-1.063-1.064-1.063-2.785,0-3.849L25.308,8.104c1.484-1.488,3.9-1.488,5.385,0L50.23,27.641 c1.063,1.063,1.063,2.784,0,3.849C49.698,32.021,49.002,32.286,48.306,32.286z'/%3E%3Cpath fill='%23FFFFFF' d='M40.199,28.037V43.57h-4.054v-5.244c0-4.517-3.674-8.19-8.191-8.19c-4.518,0-8.192,3.674-8.192,8.19 v5.244h-4.054V28.13l-5.442,5.442v11.688c0,2.069,1.685,3.752,3.754,3.752h8.463c1.502,0,2.721-1.219,2.721-2.722v-7.965 c0-1.516,1.233-2.749,2.75-2.749c1.516,0,2.749,1.233,2.749,2.749v7.965c0,1.503,1.219,2.722,2.721,2.722h8.463 c2.069,0,3.753-1.683,3.753-3.752V33.48L40.199,28.037z'/%3E%3Cpath fill='%23FFFFFF' d='M20.527,15.169V9.422c0-0.55-0.45-0.999-1.001-0.999h-4.762c-0.551,0-1.001,0.449-1.001,0.999v13.004 L20.527,15.169z'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat no-repeat;
background-position: center center;
	}
	
	
		.homered {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='56px' height='56px' viewBox='0 0 56 56' enable-background='new 0 0 56 56' xml:space='preserve'%3E%3Cpath fill='%23D0242A' d='M48.306,32.286c-0.696,0-1.392-0.266-1.924-0.797L28,13.107L9.618,31.489 c-1.063,1.063-2.785,1.063-3.848,0c-1.063-1.064-1.063-2.785,0-3.849L25.308,8.104c1.484-1.488,3.9-1.488,5.385,0L50.23,27.641 c1.063,1.063,1.063,2.784,0,3.849C49.698,32.021,49.002,32.286,48.306,32.286z'/%3E%3Cpath fill='%23FF333A' d='M40.199,28.037V43.57h-4.054v-5.244c0-4.517-3.674-8.19-8.191-8.19c-4.518,0-8.192,3.674-8.192,8.19 v5.244h-4.054V28.13l-5.442,5.442v11.688c0,2.069,1.685,3.752,3.754,3.752h8.463c1.502,0,2.721-1.219,2.721-2.722v-7.965 c0-1.516,1.233-2.749,2.75-2.749c1.516,0,2.749,1.233,2.749,2.749v7.965c0,1.503,1.219,2.722,2.721,2.722h8.463 c2.069,0,3.753-1.683,3.753-3.752V33.48L40.199,28.037z'/%3E%3Cpath fill='%23D0242A' d='M20.527,15.169V9.422c0-0.55-0.45-0.999-1.001-0.999h-4.762c-0.551,0-1.001,0.449-1.001,0.999v13.004 L20.527,15.169z'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat no-repeat;
background-position: center center;

	}
	
	
	
	
	
	
	
	.wrapper-navigation ul {  background-color: transparent;
}
  .wrapper-navigation li {
    float: left;
  }
  .wrapper-navigation li a {
    padding: 20px 30px;
  }
  
  
.wrapper-navigation { left: 50%;  margin-left: -500px;  }

.fix-nav .wrapper-navigation {	left:0; margin:auto;}
  

.wrapper-navigation li:nth-child(4) { margin-left:400px;}

  
  
  
  .wrapper-navigation .menu-burger {
    clear: none;
    /*float: right;*/
	width:1000px;
	margin:auto;
    max-height: none;
  }
  .wrapper-navigation .menu-icon {
    display: none;
  }
}
	
	
	
@media screen and (max-width:1199px) {	
	
.wrapper-navigation { top:10px; right:auto; }	

.wrapper-navigation ul {  background-color: transparent;}

nav > ul > li { display:block; margin:30px 0}
   

}