@import url('https://fonts.googleapis.com/css?family=Poppins:300,500,400,600,700,800');

/* CORE STYLES */
body{
	margin: 0;
	background: transparent;
	transition: background .3s, padding .3s;
}

/* ========== TOP HEADER. ========== */

@media only screen and (min-width: 769px) {
	/* ========== NAVBAR. ========== */
	.main-nav{
		padding: 15px 0px 8px;
		background-color: #FFF;
		-webkit-box-shadow: 0 4px 4px -6px #333;
		   -moz-box-shadow: 0 4px 4px -6px #333;
				box-shadow: 0 4px 4px -6px #333;
	}

	.main-nav .container{
		padding: 0px;
	}

	#navbar {
	  transition: 0.4s;
	  position: fixed;
	  width: 100%;
	  top: 50px;

	}

	.navigation {
	  width: 100%;
	  height: 70px;
	  display: table;
	  position: relative;
	  font-family: inherit;
	  background-color: transparent;
	}


	#mega-menu-wrap-primary #mega-menu-primary {
	  visibility: visible;
	  text-align: left;
	  padding: 0px 0px 0px 0px;
	}


	#mega-menu-primary {
		position: absolute;
		right: 0;
		float: right;
	}
	#mega-menu-primary {
		margin: 0;
		padding: 0;
		list-style: none;
		line-height: normal;
		font-size: 0;
	}

	.nav-header {
		float: left;
		margin-top: -3px;
		padding: 4px;
	}

	img.white-logo {
		width: 300px;

	}

	.nav-menus-wrapper {
		float: right;
		font-family: 'Poppins', sans-serif;
	}

}

@media (max-width: 575.98px) {
	.nav-menus-wrapper {
		font-family: 'Poppins', sans-serif;
	}
	
}