/*--- standard variables ---*/
/*--- product item ratio (thumb + content) ---*/
/* set ProductImageRatio in productOverview! */
/*--- media queries. When using responsive ---*/
/*--- custom class functions ---*/
/*----- LESS functions -----*/
/*----- CSS3 Animation functions -----*/
.offerText {
  position: relative;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.offerText .lineThrough {
  text-decoration: line-through;
}
.lineThrough {
  text-decoration: line-through;
}
.priceOld {
  position: relative;
  text-decoration: line-through;
}
.priceNew {
  position: relative;
}
.priceNew .lineThrough {
  display: none;
}
.productList {
  overflow: hidden;
  margin-bottom: 15px;
}
.productList > .item {
  float: left;
  margin-right: 2.077562327%;
  margin-bottom: 2.077562327%;
  width: 48.961218837%;
  width: 47.922437673%\9;
  /*IE 7*/

}
.lt-ie9 .productList > .item {
  /*IE 8*/
  width: 47.922437673%;
}
.productList > .item:nth-of-type(n) {
  /*reset if function is called more then once*/
  margin-right: 2.077562327%;
}
.productList > .item:nth-of-type(2n) {
  margin-right: 0;
}
.productList > .item {
  float: left;
  margin-right: 2.077562327%;
  margin-bottom: 2.077562327%;
  width: 48.961218837%;
}
.lt-ie9 .productList > .item {
  /*IE 8*/
  width: 47.922437673%;
}
.productList > .item:nth-of-type(n) {
  /*reset if function is called more then once*/
  margin-right: 2.077562327%;
}
.productList > .item:nth-of-type(2n) {
  margin-right: 0;
}
.productList .item {
  position: relative;
  margin-bottom: 15px;
}
.productList .item .offergroup {
  position: absolute;
  left: 4%;
  top: 0;
  z-index: 9;
}
.productList .item .thumb {
  width: auto;
  overflow: hidden;
  margin: 0 0 5px;
  position: relative;
  padding-bottom: 130%;
  height: 0;
}
.productList .item .thumb a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  display: block;
  text-align: center;
  width: 100%;
}
.productList .item .thumb a:after {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.productList .item .thumb a img {
  display: inline-block;
  vertical-align: middle;
  /*align image*/

}
.productList .item .thumb a img.hoverImg {
  display: none;
}
.productList .item .thumb a img,
.productList .item .thumb a img.portrait {
  height: auto;
  width: auto;
}
.productList .item .thumb a img.landscape {
  width: 100%;
  height: auto;
}
.productList .item:hover .thumb a img.hoverImg + img {
  display: none;
}
.productList .item:hover .thumb a img.hoverImg {
  display: inline-block;
}
.productList .item .content {
  overflow: hidden;
  text-align: center;
  margin: 0 4%;
}
.productList .item .content .title {
  display: block;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  height: 18px;
  color: #454545;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.productList .item .content .priceBlock {
  height: 44px;
  font-weight: 600;
}
.productList .item .itemBtn {
  font-size: 14px;
  margin: 0 auto;
}
.productList .item:hover .itemBtn,
.productList .item .itemBtn:hover {
  text-decoration: none;
}
.productList .item .offerText {
  font-weight: 700;
  display: block !important;
  line-height: 24px;
}
.productList .item .price {
  overflow: hidden;
  line-height: 24px;
  color: black;
  font-weight: 600;
  display: inline-block;
}
.productList .item .price.newPrice {
  color: #ed1c24;
}
.productList .item .price span {
  font-size: 14px;
}
.productList .item .priceWrap .prefix,
.productList .item .priceWrap .old,
.productList .item .priceWrap .valuta {
  margin: 0 4px 0 0;
}
.productList .item .priceWrap .old {
  color: #454545;
  font-size: 14px;
  font-weight: normal;
  text-decoration: line-through;
}
.productList .item .brand {
  right: 0;
  position: absolute;
  top: 0;
}
.productList .item .label {
  position: absolute;
  width: 60px;
  height: 60px;
}
.productList .item .label.TopLeft {
  top: 5px !important;
  left: 5px !important;
}
.productList .item .label.TopRight {
  top: 5px !important;
  right: 5px !important;
  left: unset;
}
.productList .item .label.BottomLeft {
  bottom: 5px !important;
  left: 5px !important;
}
.productList .item .label.BottomRight {
  bottom: 5px !important;
  right: 5px !important;
  left: unset;
}
.productList .item .sale {
  background: url('../../images/saleLabel.png') no-repeat center center;
  z-index: 2;
}
.productList .item .new {
  background: url('../../images/newLabel.png') no-repeat center center;
}
@media only screen and (min-width: 768px) {
  .productList {
    overflow: hidden;
  }
  .productList > .item {
    float: left;
    margin-right: 1.557632399%;
    margin-bottom: 1.557632399%;
    width: 32.294911734%;
    width: 31.775700935%\9;
    /*IE 7*/
  
  }
  .lt-ie9 .productList > .item {
    /*IE 8*/
    width: 31.775700935%;
  }
  .productList > .item:nth-of-type(n) {
    /*reset if function is called more then once*/
    margin-right: 1.557632399%;
  }
  .productList > .item:nth-of-type(3n) {
    margin-right: 0;
  }
  .productList > .item {
    float: left;
    margin-right: 1.557632399%;
    margin-bottom: 1.557632399%;
    width: 32.294911734%;
  }
  .lt-ie9 .productList > .item {
    /*IE 8*/
    width: 31.775700935%;
  }
  .productList > .item:nth-of-type(n) {
    /*reset if function is called more then once*/
    margin-right: 1.557632399%;
  }
  .productList > .item:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .productList {
    overflow: hidden;
  }
  .productList > .item {
    float: left;
    margin-right: 1.46484375%;
    margin-bottom: 1.46484375%;
    width: 23.901367188%;
    width: 23.53515625%\9;
    /*IE 7*/
  
  }
  .lt-ie9 .productList > .item {
    /*IE 8*/
    width: 23.53515625%;
  }
  .productList > .item:nth-of-type(n) {
    /*reset if function is called more then once*/
    margin-right: 1.46484375%;
  }
  .productList > .item:nth-of-type(4n) {
    margin-right: 0;
  }
  .productList > .item {
    float: left;
    margin-right: 1.46484375%;
    margin-bottom: 1.46484375%;
    width: 23.901367188%;
  }
  .lt-ie9 .productList > .item {
    /*IE 8*/
    width: 23.53515625%;
  }
  .productList > .item:nth-of-type(n) {
    /*reset if function is called more then once*/
    margin-right: 1.46484375%;
  }
  .productList > .item:nth-of-type(4n) {
    margin-right: 0;
  }
}