/*TOP BAR COLOR*/	
	.droopmenu-navbar{
		transition: all 0.2s ease-in-out;
		/*background-color:rgba(0, 0, 0, 0);*/ 
        background-color: rgba(1, 23, 68, 0.4);/* ADDED BG TRANSPARANCY COLOR TO #011744 AND AJUSTED THE OPACITY TO 0.4*/
		border-bottom: 1px solid rgba(255,255,255,0.15);
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
       
        	 
	}
	
	/* TOP LEVEL MENU COLOR | HOVER COLOR */
	.droopmenu > li > a,
	.droopmenu > li > span{ color:#fff; text-shadow: 2px 2px 4px rgba(30, 30, 30, 0.8); } /* CHANGE THE COLOR AND ADDED SHADOW TO TEXT FOR CONTRAST ISSUES WITH THE TRANSPARANCY MENU*/
	.droopmenu li:hover > a{ color: #13f2ef; 	text-shadow: 2px 2px 4px rgba(30, 30, 30, 0.8); text-decoration: none; }/* CHANGE THE HOVER COLOR TOP MAIN LEVEL AND GOT RID OF UNDERLINE ON HOVER*/

	
	/* TOP LEVEL MENU ROUNDED BUTTON */
	.droopmenu > li a.droopmenu-button span{ background:#00D87E; border-color:#00D87E; }
	.droopmenu > li a.droopmenu-button:hover span{ color:#ffffff; }

	
	/* DROPDOWN | BACKGROUND OR BORDERS  */ 
	.droopmenu li > ul{ }
	
	/* DROPDOWN LINKS | COLOR OR BACKGROUND */ 
	.droopmenu li li:hover > a{ color: #20b7b5; 	text-decoration: none; } /*CHANGED THE HOVOER COLOR LINKS TO #b7b7b7 */
	.droopmenu li ul li a{ }
    	
	
	/* MOBILE TAB CONTENT BACKGROUND AND BOTTOM BORDER */
	.droopmenu .droopmenu-tabcontent { }
	
	/* MOBILE TAB HEADER COLOR AND BOTTOM BORDER */
	.droopmenu .droopmenu-tabheader { }
	
	/* MOBILE ACTIVE TAB HEADER  */
	.droopmenu .droopmenu-tabheader.droopmenu-tab-active{ }
	
	/* MENU TOGGLE | HAMBURG COLOR  */
	.droopmenu-toggle i:after,
	.droopmenu-toggle i:before{ background: #fff; }
	
	/* MEGA MENU HEADERS  */
	.droopmenu-col h4{ }
	.demo-home { padding-top:100px; }	
	
					
	@media only screen and (min-width: 768px) {
		/* TAB BACKGROUND COLOR */
		.droopmenu .droopmenu-tabnav { }
		
		/* TAB LINKS COLOR */
		.droopmenu .droopmenu-tabnav a { }
		
		/* TAB LINKS ARROW BACKGROUND COLOR  + BORDERS BOTTOM & RIGHT COLORS */
		.droopmenu .droopmenu-tabnav a:after { }
		
		/* VERTICAL TABS BACKGROUND */
		.droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabnav{ }
		
		/* VERTICAL TABS BORDER LEFT */
		.droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabpanel{ }
		
		/* TABS PANEL TOP BORDER */
		.droopmenu .droopmenu-tabpanel  { }
		
		/* ADD HEIGHT TO TOP LEVEL MENUS AND HEADERS */
		.droopmenu-header{ 
			height:100px; 
			transition: height 1s ease-in-out; 
		}
		
		.droopmenu-brand,	
		.droopmenu > li > a,
		.droopmenu > li > span{ 
			height:100px; 
			line-height:100px; 
			transition: all 1s ease-in-out; 
		}
		

		
		/* ADD BG COLOR AND SHADOW + ANIMATE HEIGHT ON SCROLL  */
		.droopmenu-showbg{ 
			background:#f3f3f3;
			box-shadow: 0 1px 60px rgba(33, 33, 33, .2);
		}
		
		.droopmenu-showbg .droopmenu-header{ height:85px; }
		.droopmenu-showbg .droopmenu-brand,	
		.droopmenu-showbg .droopmenu > li > a,
		.droopmenu-showbg .droopmenu > li > span{  line-height:70px;  }				
		
		.droopmenu-showbg .droopmenu > li > a,
		.droopmenu-showbg .droopmenu > li > span{ color:#011744; text-shadow:none; }/*ON SCROLL CHANGE THE HOVER COLOR AND TAKE THE TEXT-SHADOW TO NONE*/
		.droopmenu-showbg .droopmenu li:hover > a{ color: #20b7b5; text-shadow:none; } /*ON SCROLL CHANGE THE HOVER COLOR AND TAKE THE TEXT-SHADOW TO NONE*/
		.droopmenu-showbg .droopmenu > li a.droopmenu-button span{ color:#fff; }
		.droopmenu-brand{
			transition: all 1s ease-in-out;
			display: inline-block; 
			position:relative;
			top:22px;
		}
		
		.droopmenu-showbg .droopmenu-brand{ top:15px; }
		.droopmenu-brand .dmlogo-light{ display:block; }
		.droopmenu-brand .dmlogo-dark{ display:none; }		
		.droopmenu-showbg .droopmenu-brand .dmlogo-light{ display:none; }
		.droopmenu-showbg .droopmenu-brand .dmlogo-dark{ display:block; }		
						
	}		
		/*change this back to 767 if fixed doen't work*/
	@media screen and (max-width: 1200px) {
		.droopmenu-header{ 
			background-color:rgba(0, 0, 0, 0.5); 
			transition:none; 
		}
		
		/* MOBILE MENU LINKS | BACKGROUND | COLORS */ 
		.droopmenu > li > a,
		.droopmenu > li > span{ color:#71818C; }
		.droopmenu li:hover > a{ color: #13f2ef; text-shadow:none;} /*take shadow off in small creens*/
		
		/* MOBILE MENU LINKS | ACTIVE LINK */ 
		.droopmenu li.dmtoggle-open > a{ color: #13d4d1; }
		
		/* MOBILE MENU LINKS | BOTTOM BORDER COLOR */
		.droopmenu > li > a,	
		.droopmenu li ul li a{ text-shadow:none;} /*take shadow off in small creens*/
		
		/* MOBILE MENU PANEL | TOP BORDER */
		.droopmenu-nav{ }				
		
		/* MOBILE MENU EXTRA LINKS */		
		.droopmenu-extra .droopmenu > li > a{ color:#fff; }
		.droopmenu-extra .droopmenu li:hover > a{ color: #13d4d1; }
		.droopmenu-extra .droopmenu li li:hover > a{  color: #13d4d1; }
		
		/* MOBILE MENU EXTRA LINKS | BORDER BOTTOM COLOR */	
		.droopmenu-extra .droopmenu > li > a,	
		.droopmenu-extra .droopmenu li ul li a{ }
		
		/* MOBILE MENU EXTRA LINKS | ACTIVE LINK */
		.droopmenu-extra .droopmenu li.dmtoggle-open > a{ color: #FDD922; }			
		
		/* OFFCANVAS | BACKGROUND */
		.droopmenu-offcanvas .droopmenu-nav { }	
		
		/* OFFCANVAS CLOSE PANEL | BACKGROUND | BORDER BOTTOM COLOR */	
		.droopmenu-mclose { }
		
		/* OFFCANVAS CLOSE ICON COLOR | USE BACKGROUND COLOR */
		.droopmenu-mclose span:before, 
		.droopmenu-mclose span:after { }
		
		/* GRID CONTAINER | BORDER BOTTOM COLOR */
		.droopmenu .droopmenu-grid-container{ }
		.droopmenu > li a.droopmenu-button{ padding:5px 10px; }
		.droopmenu > li a.droopmenu-button span{ width:100%; color:#fff; }
		.droopmenu-brand .dmlogo-dark{ display:none; }
	}