.navMenu-main{display:none;}
@media screen and (max-width: 991px) {	
#slidingMenu{
	margin:0;
    position: fixed;
   
    width:245px;
    height:100%;
    top:0;
    right:-245px;
	z-index:998;
	text-align:center;
	background:rgba(0, 0, 0, 0.85);
	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:15px;
	top:17px;
	z-index:999;
}


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

.navMenu-main #menu {
	display:block;
	width: 40px;
	float:left;
	background:#000;
    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: #fe0000;
}

.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 8px 0px 8px;

}

.gn-icon-menu::before {
	display:block;
	background: #2397cc;
	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:4px;
  -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:2px;
  -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;
	padding: 0;
	border-bottom: 1px solid #9e2929;
	margin-top: 14px;
}
.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:10px; display:block; margin:0; color:#fff; font-size:16px; line-height:20px; text-decoration:none;}
.top-menu ul ul{display:block; position:static; left:auto; float:none; width:100%; border-bottom:none; background:none; padding:0; margin:0; box-shadow: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:5px 10px 5px 20px; color:#fff; font-size:14px; }
.top-menu ul ul ul li a{padding:5px 10px 5px 30px; text-transform:none;}
.top-menu ul li a:hover, 
.top-menu ul li:hover > a,
.top-menu ul li.current-menu-item > a{color:#FFF !important;}
.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-menu-item > a{color:#FFF !important;}
.top-menu ul li.link-loan{margin-top:10px;}
.top-menu ul li.link-loan a{margin:0 5px; padding:10px; text-align:center;}



.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, 0.85);}
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;}

}