/*
 * Arc Menu, a multi-level responsive menu with an integrated scrollspy
 *
 * Author: Thitithan Atthakasem
 * Date: 20.01.2016
*/

/*
Customize these as needed:

	Mobile menu button:
		.lines-button .lines,
		.lines-button .lines::before,
		.lines-button .lines::after {background-color}
		.lines-button:hover .lines,
		.lines-button:hover .lines::before,
		.lines-button:hover .lines::after {background-color}

	List text colors and background colors:
		.arc-menu a {color, padding}
		.arc-menu ul li {background-color}
		.arc-menu a:hover {background}
		.arc-menu li:hover li a:hover {background}
		a div.progress {background-color}
*/

@import 'naviconTransformicons.css';

/* Core */
* {
	box-sizing: border-box;
}
body {
	margin: 0;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.container {
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}


/* header {
	background-color: #FAFAFA;
	position: fixed;
	width: 100%;
}
.fake-content:nth-of-type(1) {
	background-color: #333;
	height: 600px;
}
.fake-content:nth-of-type(2) {
	background-color: #555;
	height: 600px;
}
.fake-content:nth-of-type(3) {
	background-color: #777;
	height: 600px;
}
.fake-content:nth-of-type(4) {
	background-color: #999;
	height: 1000px;
}
.fake-content:nth-of-type(5) {
	background-color: #BBB;
	height: 1600px;
} */


.lines-button .lines,
.lines-button .lines::before,
.lines-button .lines::after {
	background-color: #FAFAFA;
}
.lines-button:hover .lines,
.lines-button:hover .lines::before,
.lines-button:hover .lines::after {
	background-color: #ECECEC;
}

.arc-menu {
	overflow: visible !important;
}

.arc-menu a {
	color: #333;
	transition: 0.25s all;
	padding: 20px;
	display: block;
	padding: 20px;
	text-decoration: none;
	white-space: nowrap;
}
.arc-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.arc-menu ul li {
  display: block;
  position: relative;
  float: left;
  background-color: #FAFAFA;
}
.arc-menu li ul { display: none; }
.arc-menu a:hover { background: #ECECEC; }
.arc-menu li:hover > ul {
  display: block;
  position: absolute;
}
.arc-menu li:hover li { float: none; }
.arc-menu li:hover li a:hover { background: #ECECEC; }
.arc-menu li ul li { border-top: 0; }
.arc-menu ul ul ul {
  left: 100%;
  top: 0;
}
#menu-button {
	cursor: pointer;
}
.menu-mobile {
	display: none;
	outline: none;
}
a div.progress {
	background: rgba(190,205,215,0.25);
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
@media screen and (max-width: 768px) {
	.menu-mobile  {
		display: block;
		float: right;
	}
	.arc-menu {
		background-color: #fff;
		top: 0;
		left: -285px;
		position: fixed;
		height: 100vh;
		width: 285px;
		overflow: auto;
	}
	.arc-menu a {
		padding: 4px 14px;
	}
	.arc-menu ul li {
		float: none;
	}
	.arc-menu li:hover > ul {
		display: none;
	}
	/* .arc-menu a {
		display: block;
		margin: 0;
		border-bottom: 1px solid #e0e1e2;
		line-height: 45px;
		padding-left: 15px;
	} */
	.arc-menu ul li a.active {
		border-left: 6px solid #0F5384;
	}
	.arc-menu ul > li,
	.arc-menu ul > a:last-child li {
		border-bottom: none;
	}
	/* .arc-menu ul ul a {
		padding-left: 20px !important;
		background-color: #ccc;
		border-left: 8px solid #ccc;
	} */
}