#header {
	width: 100%;
	height: 130px;
	position: absolute;
	z-index: 40;
	top: 0; left: 0;

	-webkit-transition: background .2s ease;
	-moz-transition: background .2s ease;
	-ms-transition: background .2s ease;
	-o-transition: background .2s ease;
	transition: background .2s ease;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	}

#header.fixed {
	height: 80px;
	position: fixed;
	background: #fff;
	box-shadow: 0px 10px 120px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 4px 14px rgba(87, 101, 122, 0.06);
	
	animation: hdr .3s ease;
	}

@keyframes hdr {
	0% {
		opacity: 0;
		top: -86px;
		}
	100% {
		opacity: 1;
		top: 0;
		}
	}

#header .holder {
	height: 100%;
	}

#header #logo {
	width: 42px;
	height: 24px;
	position: absolute;
	background: url(../img/qk-logo.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -99999px;
	z-index: 99;
	margin-top: -12px;
	top: 50%; left: 0px;
	}

#header.hero #logo {
	background: url(../img/qk-logo-white.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	}

#header.fixed #logo {
	background: url(../img/qk-logo.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	}

#header ul#menu {
	position: absolute;
	list-item: none;
	margin-top: -18px;
	top: 50%; right: 0px;
	}

#header ul#menu li {
	position: relative;
	display: inline-block;
	margin-left: 40px;
	}

#header ul#menu li.dropdown:after {
	width: 0px;
	height: 0px;
	position: relative;
	content: " ";
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #fff;
	display: inline-block;
	left: 5px; bottom: 1px;
	}

#header.fixed ul#menu li.dropdown:after {
	border-top: 5px solid #222;
	}

#header ul#menu a {
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	letter-spacing: -0.2px;
	display: inline-block;
	}

#header.fixed ul#menu a {
	color: #222;
	}

#header ul#menu a.contact {
	color: #fff;
	border: 1px solid #fff;
	border-radius: 99px;
	padding: 8px 27px;

	-webkit-transition: background .4s ease, color .4s ease;
	-moz-transition: background .4s ease, color .4s ease;
	-ms-transition: background .4s ease, color .4s ease;
	-o-transition: background .4s ease, color .4s ease;
	transition: background .4s ease, color .4s ease;
	}

#header.fixed ul#menu a.contact {
	background: #0cd666;
	border: 1px solid #0cd666;
	}

#header ul#menu a.contact:hover {
	background: #0cd666;
	color: #fff;
	}

#header ul#menu li .dropdown-menu {
	position: absolute;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.05);
	display: none;
	top: 30px;
	left: -30px;
	}

#header ul#menu li:hover .dropdown-menu {
	display: inline-block;
	}

#header ul#menu .dropdown-menu li {
	display: table;
	margin-left: 0;
	}

#header ul#menu .dropdown-menu .icon {
	width: 40px;
	height: 40px;
	background: #eee;
	border-radius: 6px;
	float: left;
	display: inline-block;
	margin-right: 20px;
	}

#header ul#menu .dropdown-menu a {
	width: 320px;
	background: #fff;
	padding: 18px 24px;

	transition: background .4s ease;
	}

#header ul#menu .dropdown-menu li:first-child a {
	border-radius: 6px 6px 0 0;
	}

#header ul#menu .dropdown-menu li:last-child a {
	border-radius: 0 0 6px 6px;
	}

#header ul#menu .dropdown-menu a:hover {
	background: #f9f9f9;
	}

#header .dropdown-menu a p {
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0.3px;
	margin-bottom: 8px;
	}

#header .dropdown-menu a span {
	font-size: 13px;
	color: #aaa;
	}

#header.cover ul#menu a.contact {
	border: 1px solid #fff;
	}