.navMenu-main{display:none;}
@media screen and (max-width: 991px) {	
#slidingMenu{
	margin:0;
    position: fixed;
    background-color:#000;
    width:245px;
    height:100%;
    top:0;
    right:-245px;
	z-index:998;
	text-align:center;
	background: rgba(0, 0, 0, .9);
	overflow-y: auto;
	 -webkit-overflow-scrolling: touch;
	 
}

#slidingMenu::-webkit-scrollbar { 
   display: none; 
 }
 
 
nav#navMenu { /* MENU */
	position:absolute;
	top:72px;
	text-align:right;
	width:100%;
}



.navMenu-main {
	margin: 0;
	padding: 0;
	display:block;
	color: #FFF;
	font-size:14px;
	font-weight: 300;
	line-height: 60px;
	list-style:none;
	max-width:70px;
	position:fixed;
	right:10px;
	top:10px;
	z-index:999;
}


/* 1.1 MENU TRIGGER
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.navMenu-main #menu {
	display:block;
	width: 40px;
	float:left;
	background:#414042;
    cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
			 user-select: none;
			 
}

.navMenu-main #menu:hover {
	background:#000;		 
}

.navMenu-main:after {
	display: table;
	clear: both;
	content: "";
}


/* 1.1 TRIGGER 
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.gn-icon::before {
	display: inline-block;
	width: 60px;
	text-align: center;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'finalelements';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

/* if an icon anchor has a span, hide the span */

.gn-iconMenu {
	background:#871619;
	padding-left:63px;	
}

.gn-icon-menu {
	display:inline-block;
	width: 60px;
	max-width:60px;
	height: auto;
	margin:0 auto;
	padding:0px 10px 0px 10px;

}

.gn-icon-menu::before {
	display:block;
	background: #414042;
	width: 60px;
	height:60px;
	font-size: 10px; /* change this */
  	margin: 4em auto;
  	padding: 2.5em 2em;

}

.gn-icon-menu span {
  background: #FFF;
  display:inline-block;
  position: relative;
  margin-bottom:5px;
  -webkit-transform: translate3d(0,0,0);
}

.gn-icon-scrolldown::before {
	content: "\e609";
	font-size:70px;	
}

.gn-icon-menu span,
.gn-icon-menu span:before,
.gn-icon-menu span:after {
  width: 100%;
  height: .2em;
  -moz-transition:       all 0.4s;
  -o-transition:         all 0.4s;
  -webkit-transition:    all 0.4s;
  transition:            all 0.4s;
  -webkit-transform: translate3d(0,0,0);
}

.gn-icon-menu span:before,
.gn-icon-menu span:after {
  background: #FFF;
  content: " ";
  margin-top: -.6em;
  position: absolute;
}

.gn-icon-menu span:after {
  margin-top: .6em;
}

.gn-icon-menu.on span {
  background: transparent;
}

.gn-icon-menu.on span:before {
  -moz-transform: rotate(45deg) translate(.5em, .4em);
  -ms-transform: rotate(45deg) translate(.5em, .4em);
  -o-transform: rotate(45deg) translate(.5em, .4em);
  -webkit-transform: rotate(45deg) translate(.5em, .4em);
  transform: rotate(45deg) translate(.5em, .4em);
}

.gn-icon-menu.on span:after {
  -moz-transform: rotate(-45deg) translate(.45em, -.35em);
  -ms-transform: rotate(-45deg) translate(.45em, -.35em);
  -o-transform: rotate(-45deg) translate(.45em, -.35em);
  -webkit-transform: rotate(-45deg) translate(.45em, -.35em);
  transform: rotate(-45deg) translate(.45em, -.35em);
}

.top-menu{display:block; margin:0;}
.top-menu ul{padding:0; margin:0; list-style:none; display:block; border:none; background:none; text-align:left;}
.top-menu ul li{float:none; padding:0; margin:0 0 1px; background:none; display:block;}
.top-menu ul li a{padding:5px 10px; display:block; margin:0; color:#fff; font-size:16px; line-height:30px; text-decoration:none;}
.top-menu ul li a:after{display:none;}
.top-menu ul li.menu-item-has-children > a::after{color:#fff;}
.top-menu ul ul{display:block; position:static; left:auto; float:none; width:100%; background:none; padding:0; margin:0; box-shadow:none;}
.top-menu ul ul:before{display:none;}
.top-menu ul ul ul{top:0; padding:0;}
.top-menu ul ul li{width:100%; float:none; padding:0 !important; background:none; border:none;}
.top-menu ul ul li a{padding:2px 10px 2px 20px; color:#fff; font-size:16px; }
.top-menu ul ul ul li a{padding:10px 10px 10px 30px;}
.top-menu ul li a:hover, 
.top-menu ul li:hover > a,
.top-menu ul li.current_page_item > a,
.top-menu ul li.current_page_ancestor > a,
.top-menu ul li.current-menu-item > a,
.top-menu ul li.current-menu-ancestor > a{color:#fff !important; background:#0087ca; border-radius:0; box-shadow:none;}
.top-menu ul ul ul{left:auto; position:relative; width:100%; background:none;}
.top-menu ul ul li a:hover, 
.top-menu ul ul li:hover > a,
.top-menu ul ul li.current_page_item > a,
.top-menu ul ul li.current_page_ancestor > a,
.top-menu ul ul li.current-menu-item > a,
.top-menu ul ul li.current-menu-ancestor > a{color:#0087ca!important; background:none;}



.navMenu-main #menu{width:40px;}
.navMenu-main{line-height:40px;}
}
@media only screen and (max-width:685px)  {
nav#navMenu{top:100px;}
}
@media only screen and (max-width:480px)  {

#slidingMenu{ background: rgba(0, 0, 0, 1.0); }
nav#navMenu { font-size: 1.5em; padding-bottom:90px; line-height:60px; top:80px; }
}


@media only screen and (min-width:481px) and (max-width: 767px) {
nav#navMenu { font-size: 3.0em; padding-bottom:90px;}
}