[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em; }

.icon-menu:before {
  content: '\e904'; }

.icon-left:before {
  content: '\e906'; }

.icon-right:before {
  content: '\e905'; }

.icon-cancel:before {
  content: '\f12a'; }

nav.dropdown { 
 /*background-color:red;*/

 
}

/* first stage */
nav.dropdown > ul {
 
  /*display: flex; */ 
  margin: 0 auto;
  padding: 0;
 
}

nav.dropdown a {
  display: block;
  /*color:#767676;*/
  text-decoration: none;
 

}

nav.dropdown ul li {
  color: #fff;
  list-style: none;
  transition: 0.5s;
  display: inline-block;
  line-height: auto !important;
 
}

nav.dropdown ul li ul li{
	display: block;
	padding-left:0;
	padding-right: 0; 
}


nav.dropdown > ul > li > a {  
  text-transform:uppercase;
  font-size:0.813em;
  color:#000;  
   line-height:3rem; 
   padding: 0em 2em; 
   position: relative; 
   font-family: 'Montserra-Regular', sans-serif;	
}

/*nav.dropdown ul li:first-child a{
	padding-left: 0;
}*/



nav.dropdown > ul > li:hover a.level-0:before
{
	content: "\f365";
	position: absolute;	
	left:50%;
	bottom:-20px;
	transform:translateX(-50%);
	 font-family: "Ionicons";
	 font-size:2em;
	 color:#f15a24;

	
}


nav.dropdown > ul > li:hover a.level-0:after,
nav.dropdown > ul > li.active a.level-0:after{
	position: absolute;
	height:2px;
	background-color:#f15a24;
	content:"";
	left:0;
	right:0;
	bottom:0;
}

nav.dropdown > ul > li.active a.level-0:after{
	background-color: #7a7a7a;
	
}

nav.dropdown > ul > li.active a.level-0{
	font-weight:700;
}

nav.dropdown ul.canvas {
 position: absolute;
 width:100%;  
  max-width:1160px; 
  margin:0 auto;
 left:0;
 right:0;
 

  padding: 0;
  background:#f7f7f7;
  border:solid 1px #d6d6d6;
  text-align: left;
  /*box-shadow: 0 0 50px 0px rgba(0,0,0,.18);*/
 box-shadow: 20px 50px 30px -40px rgba(0,0,0,.05);
 
  z-index: 1;
  padding:30px;
 
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  transition: all 0.9s ease 0s;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  transform: rotateX(90deg);
 -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
 opacity: 0;
 
 
 
}

nav.dropdown ul li:hover ul.canvas {
	 visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
  
 
}

.canvas h4{
	color:#fff;	
}

header nav ul.canvas ul li a { 
  transition: 0.5s;
  color: #000;
}

header nav ul.canvas ul li a:hover {
  color: #4096ee;
}


a.level-01{
	font-size:0.900em;
	color:#3f3f3f !important;	
	margin-bottom:5px;
	text-align:left;
	text-transform:uppercase;
	font-family: 'Montserrat-SemiBold';	
}

a.level-02{		
	display: inline-block !important;
	padding-top:4px;
	padding-bottom:4px;
	font-size:11px;	
	color:#3f3f3f !important;
	text-transform:uppercase;
	font-family: 'Montserra-Regular';
}

a.level-03{		
	display: inline-block !important;
	padding-top:2px;
	padding-bottom:2px;
	font-size:0.650em;	
	color: #a0a0a0 !important;
	text-transform:uppercase;
	padding-left: 21px;
}

a.level-03:hover{
	color:#000 !important;
}

a.level-02:hover{
	color:#000 !important;
}
.canvas-nav-content{
	margin-top: 10px;
	text-align:center;
}

.canvas-nav-content a{
	color:#fff !important;
	
}


@media screen and (max-width: 64em) {
  nav.dropdown {
    display: none; }

 
.nav_toggle {
  font-size: 2em;
  /*padding: 0.125em;*/
  color: #000; }

.nav_toggle:hover {
  color: #eeeeee; }

.off_canvas_top_menu {
  background: #000; }

.nav_close_btn {
  font-size:0.875em;
  padding: 0.5em;
  color: #aaaaaa; }

.nav_prev_btn {
  font-size:0.875em;
  padding:0.2em 0.75em;
  color: #fff;
  text-transform: uppercase; }

.nav_prev_btn i {
  font-size: 1rem; }

.nav_close_btn:hover, .nav_prev_btn:hover {
  color:#767676;
   }

nav.off_canvas a, nav.off_canvas a:link, nav.off_canvas a:visited {
  color: black;
  text-decoration: none;
  padding: 0.7em 1em;
  text-transform: uppercase; }
nav.off_canvas li:hover > a {
  
   }
nav.off_canvas li {
	text-align:left;
  
  }
nav.off_canvas li:hover {
 
  }
nav.off_canvas span.nav_next_btn {
  padding: 0 0.5em;  
  font-size:1.5em; 
  color:#000;
  
}
nav.off_canvas li:hover span.nav_next_btn {
  color: black; }
nav.off_canvas li:hover span.nav_next_btn:hover {
  color: #000; }