@font-face {
  font-family: 'seller-search-icons';
  src: url('../fonts/Luma-Icons.eot');
  src: url('../fonts/Luma-Icons.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Luma-Icons.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Luma-Icons.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/Luma-Icons.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Luma-Icons.svg') format('svg');

  /* IE9 Compat Modes */
  /* Legacy iOS */
}
.toolbar-sellers .limiter .limiter-options {
  box-shadow: none;
}
.seller-list-wrap .page-title-wrapper{text-align: center;}
.seller-list-wrap .page-title:before {display: none;}
.seller-loading-mask {
  display: none;
  top: 50%;
  left: 50%;
  position: absolute;
  z-index: 99999;
}

.seller-search-wrapper {
  position: relative;
  margin-bottom: 20px !important;
  width: 100%;
}
.seller-search-wrapper .action.seller-btn-search {
  display: inline-block;
  background: none;
  -moz-box-sizing: content-box;
  border: 0;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-shadow: none;
  font-weight: 400;
  position: absolute;
  right: 10px;
  top: 6px;
  z-index: 1;
}
.seller-search-wrapper .block-seller-search {
  box-shadow: none !important;
  border-radius: 0;
  margin-bottom: 6px;
  max-width: 600px;
  position: relative;
  margin: 0 auto;
}
.block-seller-search .action.seller-btn-search > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.block-seller-search .action.seller-btn-search:before {
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: 32px;
  color: #8f8f8f;
  content: '\e615';
  font-family: 'seller-search-icons';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.block-seller-search .vendor-search-input{height: auto; padding: 10px 20px;}

.seller-search-result .search-result {
  margin-bottom: 10px;
}

.seller-list{padding: 0; margin: 0; width: 100%; margin-top: 50px;}
.seller-list:after{display: table; content: ""; clear: both;}
.seller-list li{width: calc(20% - 15px); display: block; float: left; padding: 5px; margin-right: 15px; margin-bottom: 15px; box-sizing: border-box; border: 1px solid #d3d3d3; text-align: center;}
.seller-list li:nth-child(5n+1){clear: left;}
.seller-list li:hover{box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.seller-list li a{color: inherit;}
.seller-list li img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.seller-list .seller-thumbnail-container{text-align: center; background-color: #FFF; margin-bottom: 10px; position: relative; width: 100%; padding-top: 100%;}
.seller-list .seller-details{margin: 10px 0;}
.seller-list .seller-details .s-name{text-transform: uppercase;}

.sellerlist-loadmore{display: block; text-align: center; margin-top: 20px;}
.sellerlist-loadmore img{display: none !important;}
.sellerlist-loadmore.loading button{display: none;}
.sellerlist-loadmore.loading img{display: inline !important;}
.seller-list-backlink{margin-top: 30px;}
.sellerlist-header {padding: 20px; font-size: 25px; color: #fff; display: block;margin-bottom: 50px;text-align: center; background: url(../images/header_bg.jpg) no-repeat center center; min-height: 440px;}
.sellerlist-header h2{font-weight: bold; font-size: 50px; margin-top: 100px; text-shadow: 3px 3px 6px #222;}
.sellerlist-header p{}
.sellerlist-header a.register-seller-btn{display: inline-block; padding: 10px 15px; background: #E1E1E1; border: 1px solid #ccc; border: 1px solid #999; color: #777; text-decoration: none; font-size: 20px;}
.sellerlist-header a.register-seller-btn:hover{background: #d9d9d9;}

@media screen and (max-width: 968px) {
    .seller-list li{width: calc(25% - 15px)}
    .seller-list li:nth-child(5n+1){clear: none;}
    .seller-list li:nth-child(4n+1){clear: left;}
}

@media screen and (max-width: 766px) {
    .seller-list li{width: calc(33.33% - 15px)}
    .seller-list li:nth-child(4n+1){clear: none;}
    .seller-list li:nth-child(3n+1){clear: left;}
}

@media screen and (max-width: 640px) {
    .seller-list li{width: calc(50% - 15px)}
    .seller-list li:nth-child(3n+1){clear: none;}
    .seller-list li:nth-child(2n+1){clear: left;}
}

@media screen and (max-width: 468px) {
    .seller-list li{width: 100%; clear: left;}
}