@charset "utf-8";


/* SEOshop specific CSS */

.ssFilterblock label {
  margin: 0;
}

.ssPriceInputContainer {
  margin-bottom: 10px;
}

.search .button, .search form {
  position: relative;

}

#smartsearchContainer * {
    transition: none;
}

#ssProdSorting {
  margin: 0;
  padding: 0;
  background-image: none;
}

.ssProdImg {
  height: 194px;
}

#ssPriceMin, #ssPriceMax {
  line-height: 14px;
}

#smartsearchContainer {
  z-index: 99998;
}

.autocomplete, .autoComplete {
  display: none !important;
}

form[role="search"] {
  z-index: 99999;
}
#smartsearchContainer * {
    transition: none;
}
#ssSort div:after, #ssSort div:before {
  top: 50%;
  margin-top: -2px;
}

.smartsearchTab  {
  clear:both;
}

#smartsearchContainer ol, #smartsearchContainer ul {
  margin: 0;
  padding: 0;
}

#ssSort select, #ssSortCms select {
  line-height: normal;
  width: 135px;
}

.ssProdImg {
  height: 194px;
}

.ssProdImg img {
  height: auto !important;
}

#smartsearchOverview.ssFull, #smartsearchOverviewCms.ssFull {
  width: 100%;
}

/* End SEOshop specific CSS */

@media screen and (max-width:1280px) {
    #smartsearchContent {
      width: 950px;
    }
  #smartsearchOverview, #smartsearchOverviewCms {
      width: 650px;
    }
    .grid .ssProd {
      width: 50%;
    }
    .grid .ssProdImg {
      max-width: 100%;
      overflow: hidden;
      display: block;
    }
    .grid .ssProdImg img {
      max-height: 190px;
      max-width: 100% !important;
    }
    .list .ssProdSpecs {
      width: 210px;
      left: 133px;
    }
    .list .ssProd a span {
      padding-left: 135px;
    }
}

@media screen and (max-width:1024px) {
    #smartsearchContent {
      width: 768px;
      padding-top: 50px;
    }
    .smartsearchTab.selected {
      position: relative;
    }
    #smartsearchHeader > div {
      display: none;
    }
    #smartsearchFiltering {
      position: absolute;
      right: 0;
      width: 50%;
      margin: 0;
      top: -40px;
      z-index: 20;
      display: none;
    }
    #smartsearchFiltering.ssOpen {
      display: block;
    }
    #ssTriggerFilter.ssOpen {
      background: #f5f5f5;
    }
    #ssTriggerResults {
      right: auto;
      left: 0;
    }
    #smartsearchFiltering > a {
      display: none;
    }
    #smartsearchOverview {
      position: relative;
      z-index: 10;
      width: 100%;
      padding: 10px 15px;
    }
    .smartsearchTrigger {
      display: block;
      position: absolute;
      top: 0px;
      width: 50%;
      background: #515252;
      margin: 0;
      height: 50px;
      cursor: pointer;
      right: 0;
      padding: 0 50px 0 15px;
      color: #ffffff;
      font-size: 18px;
      line-height: 50px;
      box-sizing: border-box;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
    .smartsearchTrigger:after {
      content: '+';
      position: absolute;
      top: 50%;
      line-height: 36px;
      font-size: 36px;
      color: #ffffff;
      right: 15px;
      margin: -20px 0 0;
    }
    .smartsearchTrigger.ssOpen {
      background: #ebebeb;
      color: #515252;
    }
    .smartsearchTrigger.ssOpen:after {
      content: '-';
      color: #515252;
    }
}


#smartsearchFiltering > a:before, #smartsearchFilteringCms > a:before, #smartsearchFiltering > .ssLogo:before, #smartsearchFilteringCms > .ssLogo:before {
background:none!important
}

.ssProdBtn, .ssMoreLink a {
  color: #fff;
  cursor: pointer;
  line-height: 40px;
  position: relative;
  text-align: center;
  width: 100%;
  background: #37c1f2;
  border: 0;
  height: 40px;
  font-size: 16px;
  font-weight: bold;
}

.ssProdBtn.ssBtnInfo:hover {
  background:#1c8bb9!important;
}
.ssProd:hover{
    background:transparent!important;
    border:1px solid #37c1f2;
    border-radius:5px;
}
.ssProd{
border:1px solid transparent;
}

.ssFilterPrice .ssPriceSlider .ssBar{
    background-color:#37c1f2;
}


.grid .ssProd {
  float: left;
  /* padding: 15px 13px 120px; */
  text-align: center;
  width: 33.3%;
  height: 300px!important;
}
#ssFilterReset, #ssFilterResetCms {

  background: url(http://search.wiser.nl/img/quicksearch/sprite-smartsearch.png) no-repeat 0 -133px!important;

}

#smartsearchContent {
margin-top:120px!important;
}

#smartsearchHeader{
height:47px!important;
    line-height:47px;
}

@media screen and (max-width:768px) {
    #smartsearchContent {
      width: 82%;
        margin-top:84px!Important;
        margin-left:0%;
    }
    #smartsearchType ins {
      display: none;
    }
    .smartsearchTrigger {
      font-size: 14px;
      padding: 0 33px 0 10px;
    }
    .smartsearchTrigger:after {
      right: 10px;
    }
    #smartsearchType {
      margin-left: 5px;
    }
    #smartsearchOverview {
      padding: 10px 0;
    }
    #ssOverviewTop {
      padding-left: 6px;
    }
    #ssSort {
      margin-right: 10px;
    }
    #ssSort label {
      display: none;
    }
    #smartsearchFiltering.ssOpen {
      width: 100%;
    }
    .ssProdImg {
      height: 110px;
    }
    .ssBtnCompare {
      display: none;
    }
    .grid .ssProdImg img {
      max-height: 110px;
      max-width: 100%;
    }
    .grid .ssProd {
      padding: 10px 5px 0;
      height: 330px;
    }
    .grid .ssProd a span {
      margin-top: 140px;
      padding: 0 5px;
      height: 60px;
    }
    .grid .ssProdPrice {
      margin-top: 0px!important;
        display:none;
    }
    .grid .ssBtnInfo {
      width: 100%;
    }
    .grid .ssProdButtons {
      margin: 0;
      left: 0;
      bottom: 10px;
      width: 100%;
      right: auto;
      padding: 0 5px;
    }
    .list .ssProdImg {
      width: 150px;
      height: 110px;
      padding-right: 0;
    }
    .list .ssProd a span {
      font-size: 13px;
      line-height: 14px;
      height: 42px;
      overflow: hidden;
      padding-right: 10px;
    }
    .list .ssProdPrice {
      right: 10px;
      bottom: auto;
      top: 65px;
    }
    .list .ssPriceFrom {
      font-size: 13px;
      float: left;
      padding-top: 2px;
    }
    .list span.ssPriceCurrent {
      float: right;
    }
    .list .ssProdButtons {
      right: 5px;
      bottom: 10px;
      left: 166px;
      width: auto;
      margin: 0;
    }
    .list .ssProdBtn {
      height: 25px;
      font-size: 14px;
      line-height: 25px;
      float: right;
      width: 100%;
      max-width: 200px;
    }
    .list .ssPriceCurrent span {
      font-size: 20px!important;
    }
    .list .ssPriceCurrent sup {
      font-size: 13px;
      left: -5px;
      padding-left: 1px;
    }
    #ssPageList li {
      padding: 15px 10px;
    }
    .ssPage a span {
      width: auto;
      left: 10px;
      right: 10px;
      font-size: 16px;
      text-overflow: initial;
      overflow: visible;
      white-space: normal;
    }
    .ssPage > span {
      padding-top: 43px;
    }
    .ssPage .ssMoreLink {
      padding: 15px 0px;
    }
}

.ssProdButtons{
    display:none;
}

span.ssPriceCurrent{
    font-size:14px!important;
}
.grid .ssProdPrice {
    margin-top: 0px!important;
}