.floatingmenuFire {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: none;
    color: #34495e;
    /*margin: 21px 15px 17px;*/   position: fixed;   right: 10px;   top: 10px;
    text-shadow: none; float:right; cursor: pointer; display:none;
}
.floatingmenuFire:hover, .floatingmenuFire:focus {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #1abc9c;
}
.floatingmenuFire::before {
    /*content: "";
    font-family: "Flat-UI-Icons";
    font-size: 21.994px;
    font-style: normal;
    font-weight: normal;*/
}
.floatingmenuFire .top-bar,
.floatingmenuFire .middle-bar,
.floatingmenuFire .bottom-bar {
	width: 22px;
    height: 2px;
    background-color: #080808;
	margin-bottom:5px;
}

/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Menus
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
/* general style for all menus */
nav.menu {
    position: fixed;
    z-index: 20;
    background-color: #4cc0bf;
    overflow: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
nav.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
nav.menu a {
    font-weight: 300;
    color: #fff;
}
button.close-menu {
    background-color: #3184a1;
    color: #fff;
}
button.close-menu:focus {
    outline: none
}
nav.menu ul li ul{ float:left; width:90%; margin:0 0 5% 5%; display:block;}
nav.menu ul li ul li a{ font-size:16px; padding:5px;}
/*nav.menu ul li:hover ul{ display: block;}*/
/* slide menu left and right, push menu left and right */
nav.slide-menu-left,
nav.slide-menu-right,
nav.push-menu-left,
nav.push-menu-right {
    top: 0;
    width: 300px;
    height: 100%;
}
nav.slide-menu-left li,
nav.slide-menu-right li,
nav.push-menu-left li,
nav.push-menu-right li {
    display: block;
    text-align: left;
    border-bottom: dotted 1px #fff;
    border-top: dotted 1px #fff;
}
nav.slide-menu-left li:first-child,
nav.slide-menu-right li:first-child,
nav.push-menu-left li:first-child,
nav.push-menu-right li:first-child {
    border-top: none
}
nav.slide-menu-left li:last-child,
nav.slide-menu-right li:last-child,
nav.push-menu-left li:last-child,
nav.push-menu-right li:last-child {
    border-bottom: none
}
nav.slide-menu-left a,
nav.slide-menu-right a,
nav.push-menu-left a,
nav.push-menu-right a {
    display: block;
    padding: 10px;
    font-size: 18px;
}
nav.slide-menu-left button.close-menu,
nav.slide-menu-right button.close-menu,
nav.push-menu-left button.close-menu,
nav.push-menu-right button.close-menu {
    margin: 10px;
    padding: 10px 30px;
    background-color: #2ba1a0;
    color: #fff; border: none;
}
nav.slide-menu-left,
nav.push-menu-left {
    left: -300px
}
nav.slide-menu-right,
nav.push-menu-right {
    right: -300px
}
body.sml-open nav.slide-menu-left,
body.pml-open nav.push-menu-left {
    left: 0
}
body.smr-open nav.slide-menu-right,
body.pmr-open nav.push-menu-right {
    right: 0
}
body.pml-open #wrapper {
    left: 300px
}
body.pmr-open #wrapper {
    left: -300px
}


#coolMenu > li > a, #coolMenu > li:last-child > a{ color:#ffffff; padding:0 8px 10px 8px; margin:0; text-transform:uppercase; font-weight:bold; font-size:12px; letter-spacing:1px;}
#coolMenu > li > a.chev{ background: none; padding:0 8px 10px 8px;}
#coolMenu > li > a.chev:after{ content: url(../images/cheveron.png); margin-left: 5px; }
#coolMenu ul{ background: rgba(255, 255, 255, 0.9); }

.crew-1 h3{  font-size: 34px;
  font-weight: normal;
  color: #2c3e50;
  margin-bottom: 24px;}
  
.topRight .getStarted .welcomeMSG.front{ color:#ffffff; }

.floatingmenuFire .top-bar,
.floatingmenuFire .middle-bar,
.floatingmenuFire .bottom-bar {
	background-color: #ffffff;
}

#coolMenu > li:hover > a {	color:#4cc0bf; }
#coolMenu ul li:hover a {	background: #4cc0bf; }
#coolMenu ul li li:hover a{ background: #2ba1a0 !important;}
#coolMenu > li > ul > li:hover > a.chev{ background:#4cc0bf;   }

.topNav #coolMenu .logoMenu{ display:none;}
.topNav.sticky #coolMenu .logoMenu{
  display:block; margin-right: 40px; padding: 0 !important;
  margin-top: 5px;
}
#coolMenu > li.logoMenu > a {margin-top:0 !important; padding-top:3px;}

.sticky #coolMenu > li:hover > a.chev, .sticky #coolMenu > li:hover > a {
  color:#1ABC9C;
}

#coolMenu > li:nth-child(9) > ul > li > ul, #coolMenu > li:nth-child(10) > ul > li > ul{ margin-left:-240px !important; }

.topNav.homeNav.nav.ProductManager #coolMenu.adminMenu li:last-child ul li ul, .topNav.homeNav.nav.AccountingManager #coolMenu.adminMenu li:last-child ul li ul{ margin-left:-240px !important}

#coolMenu,
#coolMenu ul {
	list-style: none;
}
#coolMenu > li {
	float: left; margin-top: 10px;
}
#coolMenu ul {
	position: absolute;
	display: none;
    background: #ecf0f1; 
    padding: 0; 
    margin: -5px 0 0 0; 
    z-index:999;
	width: 240px;
}
#coolMenu ul li ul {
	position: absolute;
	display: none;
    z-index: 999; 
    margin-left: 240px; 
    margin-top: -35.5px; 
    padding: 0;
}
#coolMenu li:hover ul.noJS {
	display: block; 
}
.noJS li {width: 100%;}

#coolMenu li:hover ul li ul{ display:none !important;}

#coolMenu li ul li:hover ul{
	display: block !important; 
}

#coolMenu {
	font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size:16px; background-color:transparent;
  float: right; margin-bottom:0px; z-index:998; margin-top: 5px;
}
#coolMenu > li > a {
	height: auto;
	line-height: 2em;
	text-decoration: none;
	color: #000;
	font-weight: bold;  
	padding: 0 5px 8px 10px; 
	margin:0 10px 0 0;
	letter-spacing:1px;
	font-size:12px;
	text-transform:uppercase;
}

#coolMenu ul li a {
    color: #414141; font-size:14px; padding: 11px 20px; min-width: 200px; margin: 0px 0; 
    font-weight:normal; width: auto; display: block; text-decoration: none;
}
#coolMenu ul li:hover a {color:#fff;}

#coolMenu ul li:hover li a{ background: none !important; color: #414141 !important;}
#coolMenu ul li li:hover a{ background: #1ABC9C !important; color: #fff !important;}

#coolMenu > li > a.chev:after{ content: url(../images/cheveron.png); margin-left: 5px; }

#coolMenu > li > ul > li > a.chev:after{ content:url(../images/cheveronRight.png) no-repeat 90% 15px;    float: right; }
#coolMenu > li > ul > li:hover > a.chev{ background:#1ABC9C;   }

.sticky #coolMenu > li {padding-bottom: 5.5px;}
.sticky #coolMenu > li > ul {margin-top: 5px;}
.sticky #coolMenu > li > ul > li > ul {margin-top: -36px;}

#coolMenu.adminMenu{margin:0;}
#coolMenu.adminMenu li:last-child ul{ margin-left: -143px;}
#coolMenu.adminMenu li:nth-child(11) ul{ margin-left: -120px;}
#coolMenu.adminMenu li:nth-child(11) ul li ul{ margin-left: 240px;}
#coolMenu.adminMenu li ul li:last-child ul{ margin-left: 240px;}

#coolMenu ul li .megaMenuItem a{color: #fff;
    float: left;
    height: auto !important;
    line-height: 18px; font-size: 12px;
    padding: 0px;
    width: 100%; background:transparent !important; text-decoration:underline;}
#coolMenu ul li .megaMenuItem a:hover{color: #ff6c1e;}
#coolMenu > li:hover > a.chev.megaFire {
    background:transparent;
    color: #ff6c1e;
}	

#coolMenu li.megaFire ul, #coolMenu li.megaFire ul li{ background:#000;}
.sticky #coolMenu {margin: 0 auto;   max-width: 1170px; float:none;}
.sticky #coolMenu > li > a { color: #fff;}
.sticky #coolMenu > li.parent {padding-top: 0;}

.topNav.homeNav.sticky {
  position: fixed; top: 0; left: 0; width: 100vw; padding: 10px 0;
}

#back-to-top-DIV{ display:none;}


/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Media Queries
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
@media all and (max-width: 860px) { 
	.buttons br {
	  	display: none
	}
	.buttons button {
	  	padding: 10px 20px
	}
}
@media all and (max-width: 660px) { 
	/* slide menu top and bottom */
	nav.slide-menu-top ul,
	nav.slide-menu-bottom ul,
	nav.push-menu-top ul,
	nav.push-menu-bottom ul {
	  	padding: 35px 0 0 0
	}
	nav.slide-menu-top a,
	nav.slide-menu-bottom a,
	nav.push-menu-top a,
	nav.push-menu-bottom a {
	  	line-height: 30px;
	  	padding: 0 2px;
	  	font-size: 12px;
	}
	nav.slide-menu-top button.close-menu,
	nav.slide-menu-bottom button.close-menu,
	nav.push-menu-top button.close-menu,
	nav.push-menu-bottom button.close-menu {
	  	line-height: 30px;
	  	padding: 0 2px;
	}
}
@media all and (max-width: 330px) { 
	nav.slide-menu-left,
	nav.slide-menu-right,
	nav.push-menu-left,
	nav.push-menu-right {
	  	top: 0;
	  	width: 100%;
	}
	nav.slide-menu-left,
	nav.push-menu-left {
	  	left: -100%
	}
	nav.slide-menu-right,
	nav.push-menu-right {
	  	right: -100%
	}
	body.sml-open nav.slide-menu-left,
	body.pml-open nav.push-menu-left {
	  	left: 0
	}
	body.smr-open nav.slide-menu-right,
	body.pmr-open nav.push-menu-right {
	  	right: 0
	}
	body.pml-open #wrapper {
	  	left: 100%
	}
	body.pmr-open #wrapper {
	  	left: -100%
	}
}