/* - COLOR THEME CSS #2 - */

	body,
	h1,
	h2,
	#content #sidebar a.scroll-to-top {
		color: #313e48;
	}

	nav div.nav ul.grid-raster li.grid div.nav-wrapper ul li ul.lvl-2,
	nav div.nav ul.grid-raster li.grid div.nav-wrapper ul:hover li.lvl-1,
	nav div.nav ul.grid-raster li.grid div.nav-wrapper ul li a.active,
	#wrapper #content div.flexslider {
		background: #303e48;
	}

	nav div.nav ul.grid-raster li.grid {
		color: #fff;
	}

	nav div.nav ul.grid-raster li.grid div.nav-wrapper ul li a.lvl-1 {
		color: white;
	}

	nav div.nav ul.grid-raster li.grid div.nav-wrapper ul li ul li a.lvl-2 {
		color: #ffd961;
	}

	nav div.nav ul.grid-raster li.grid div.nav-wrapper ul li ul li a.lvl-2:hover {
		color: white;
	}

	nav div.nav ul.grid-raster li.grid div.nav-wrapper ul li ul li a.lvl-3 {
		color: #fff8e1;
		opacity: 1;
	}

	nav div.nav ul.grid-raster li.grid div.nav-wrapper ul li ul li a.lvl-3:hover {
		color: #fff;
		opacity: 1;
	}

	#wrapper #content div.flexslider .slides span {
		color: #fff;
	}

	#wrapper #content div.flexslider .flex-control-nav li a {
		background: #787f85;
	}

	#wrapper #content div.flexslider .flex-control-nav li a:hover,
	#wrapper #content div.flexslider .flex-control-nav li a.flex-active {
		background: #fff;
	}

	nav,
	footer.background,
	footer div.footer ul {
		background: url('../images/overlay-3.png');
	}

	footer div.footer ul li a.footer-logo {
		width: 160px;
		height: 55px;
		display: block;
		background: url('../images/footer-logo-1.png');
	}

	/* RESPONSIVE HACK FOR SMARTPHONE + TABLET */

	@media only screen and (max-width: 768px) {
		body.color-3-theme footer,
		body.color-3-theme #mobile {
			background: #303e48;
		}
	}

	@media only screen and (min-width: 769px) and (max-width: 1199px) {
		body.color-3-theme #mobile {
			background: #303e48;
		}
	}

	div.text-style a {
		color: #313e48;
	}

	#logo a.footer-logo {
		width: 160px;
		height: 55px;
		display: block;
		background: url('../images/footer-logo-1.png');
	}