@import url('https://fonts.googleapis.com/css?family=Roboto:400&display=swap');
.qemb {
   border-bottom:1px solid #ccc;
   background:#fff;
   padding: 0 25px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgb(247, 244, 244) 100%);
 }
 .qemb-logo {
   margin:0;
 }
 .qemb-logo a {
 	display: block;
 	overflow: hidden;
  height:30px;
  width:105px;
  background:url(../img/qemb-logo.png) no-repeat left top;
  background-size:105px 30px;
 }
 .qemb-nav {
   list-style: none;
   padding:0;
   margin:0;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   display: flex;
   justify-content: space-between;
 }
 .qemb-nav  li {
   margin:0 0 0 10px;
   padding:0;
 }
.qemb-nav li  a {
  color: #7a7a7a;
  line-height: 1;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  font-weight: 400;
  padding: 12px 15px 8px 24px;
}
.qemb-nav li:last-child a {
  padding-right:0;
}
.qemb-nav li.qemb-dropdown>a {
	padding: 12px 26px 8px 10px;
	cursor: pointer;
}
.qemb-nav li.qemb-dropdown>a:hover {
/*	background: #efefef;*/
}
.qemb-dropdown>a:after {
	display: none;
}
.qemb-dropdown>ul {
	/*display: none;*/
  margin:0;
	position: absolute;
	left:-9999px;
	top:30px;
	list-style: none;
	opacity: 0;
	visibility: hidden;
	padding: 0 0px;
	background-color: #fff;
	border:1px solid #ccc;
	-webkit-transition: opacity 600ms, visibility 600ms;
	transition: opacity 600ms, visibility 600ms;
  z-index:9999;
}
.qemb-dropdown:hover>ul {
	left: auto;
	visibility: visible;
	opacity: 1;
}
.qemb-nav li a:before {
  content: " ";
  width:20px;
  height:20px;
  position: absolute;
  left: 0;
  top: 10px;
  background:url(../img/qemb-icons.png) no-repeat left top;
  background-size: 280px 20px;
}
.qemb-nav li.qemb-dropdown {
	margin:0;
}
.qemb-nav li.qemb-dropdown>ul>li {
	margin: 0 0;
}
.qemb-nav li.qemb-dropdown>ul>li a {
  padding: 12px 25px 12px 35px;
  display: block;
}
.qemb-nav li.qemb-dropdown>ul>li a:hover {
  background: #efefef;
}
.qemb-nav li.qemb-dropdown>ul>li a:before {
  left:10px;
}
.qemb-nav li.qemb-dropdown>a:before {
	left:auto;
	right: 4px;
}
.qemb-nav>li>a:after {
	position: absolute;
	content: '\2022';
	top: 14px;
	right:0;
	font-family: sans-serif;
}
.qemb-nav li:last-child a:after {
  content:"";
}
.qemb-nav>li:nth-child(1)>a:before {
  /*background-position: 0 0;*/
  background-position: -220px 0;
}
.qemb-nav>li:nth-child(2)>a:before {
  /*background-position: -20px 0;*/
  background-position: -220px 0;
}
.qemb-nav>li:nth-child(3)>a:before {
  /*background-position: -40px 0;*/
  background-position: -220px 0;
}
.qemb-nav>li:nth-child(4)>a:before {
  background-position: -220px 0;
}
.qemb-nav>li:nth-child(5)>a:before {
  background-position: -160px 0;
}
.qemb-nav>li:nth-child(6)>a:before {
  background-position: -180px 0;
}
.qemb-nav>li:nth-child(7)>a:before {
  background-position: -200px 0;
}

.qemb-nav>li:nth-child(1)>ul>li:nth-child(1)>a:before {
  background-position: 0 0;
}
.qemb-nav>li:nth-child(1)>ul>li:nth-child(2)>a:before {
  background-position: -240px 0;
}
.qemb-nav>li:nth-child(1)>ul>li:nth-child(3)>a:before {
  background-position: -100px 0;
}
.qemb-nav>li:nth-child(2)>ul>li:nth-child(1)>a:before {
  background-position: -20px 0;
}
.qemb-nav>li:nth-child(2)>ul>li:nth-child(2)>a:before {
  background-position: -40px 0;
}
.qemb-nav>li:nth-child(2)>ul>li:nth-child(3)>a:before {
  background-position: -260px 0;
}
.qemb-nav>li:nth-child(3)>ul>li:nth-child(1)>a:before {
  background-position: -60px 0;
}
.qemb-nav>li:nth-child(3)>ul>li:nth-child(2)>a:before {
  background-position: -80px 0;
}

.qemb-nav>li:nth-child(4)>ul>li:nth-child(1)>a:before {
  background-position: -120px 0;
}
.qemb-nav>li:nth-child(4)>ul>li:nth-child(2)>a:before {
  background-position: -140px 0;
}

.show-for-sr {
    position: absolute!important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
}

@media (max-width: 1200px) {
  .qemb-nav li {
    margin: 0 0 0 5px;
  }
}

@media (max-width: 1024px) {
  .qemb-nav li a span {
    display: none;
  }
}

@media (max-width: 677px) {
  .qemb {
    justify-content: center;
  }
  .qemb-nav {
    display:none;
  }
}