.auto-hw-logo {
	width: auto;
	height: 100%;
}

.logo-container {
	display: inline-block;
}
.logo-container.has-infocard {
	position: relative;
	z-index: 222;
}
#infocard {
	position: absolute;
	top: 100%;
	margin-top: 5px;
	width: 440px;
	padding: 20px;
	background: #fff;
	color: #666;
	border-radius: 2px;
	font-size: 12px;
	display: block;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-ms-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-backface-visibility: hidden;
}
.logo-container.has-infocard:hover #infocard {
	visibility: visible;
	opacity: 1;
	margin-top: 10px;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	-transition-delay: 0s;
}
#infocard h1, #infocard h2, #infocard h3, #infocard h4 {
	font-size: 12px;
	line-height: 20px;
	margin-top: 10px;
}
#infocard .info-social li {
	display: inline-block;
	margin-right: 20px;
}
#infocard .info-social li {
	display: inline-block;
	margin-right: 20px;
}
#infocard p {
	margin-top: 0;
	margin-bottom: 10px;
}
#infocard .uk-icon-button {
	border-radius: 3px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 13px;
}
#infocard .infocard-social {
}
#infocard .social-header, #infocard .infocard-social span {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}