body {
	background: transparent;
}

a {
	color: #111;
	transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
}

a:hover {
	color: #999;
	text-decoration: none;
	transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	cursor: pointer;
}

a:focus, a:active {
	color: #999;
	outline: none;
	text-decoration: none;
}



/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
	padding: 0;
     font-size: 14px;
    transition: all 0.5s;
    height: 46px;
    background: rgba(253, 253, 253, 0.45);
    border-bottom: 2px solid rgba(253, 253, 253, 0.8);
    margin-bottom: 15px;
    position: absolute;
    width: 100%;
    z-index: 999;
    
}

.aelogo svg { height: 38px; width: auto; opacity: 1; margin: 4px; }

ul.brands {
	display: flex;
    flex-wrap: nowrap;
    margin-bottom: -1px;
    
}

ul.brands li {
	width: 45%; text-align: center; list-style: none; padding: 11px 0 12px; text-align: center; background: rgba(253, 253, 253, 0);2px solid rgba(253, 253, 253, 0.8); 
}
ul.brands li:hover, ul.brands li.active {
	text-align: center; background: rgba(253, 253, 253, 0.45);border-bottom: 2px solid #be1e2d;cursor: pointer;
}
@media (max-width: 991px) {
  #topbar {
    display: none;
  }
}

#topbar .social-links {
  text-align: right;
}

#topbar .social-links a {
  color: #535074;
  padding: 4px 12px;
  display: inline-block;
  line-height: 1px;
}

#topbar .social-links a:hover {
  color: #0db3c7;
}

#topbar .social-links a:first-child {
  border-left: 0;
}